/*--------------------------------------------------индикатор загрузки полоска--------------------------------------------------*/

#loader_block {
  padding: 0% 20% 1% 3%;
}
.loader {
  --n:1;    /* определяет число черточек/полосок */
  --s:100%; /* определяет ширину каждой полоски */
  --g:5px;  /* задает пробел между полосками */
  
  width:calc(var(--n)*(var(--s) + var(--g)) - var(--g));
  height: 5px;
  padding: var(--g);
/*   margin: 10vt 10vt 10vt 10vt; */
  background:
    repeating-linear-gradient(90deg,
      currentColor  0 var(--s),
      #0000 0 calc(var(--s) + var(--g))
    ) left / calc((var(--n) + 1)*(var(--s) + var(--g))) 100% 
    no-repeat content-box;
  animation: load 60s  infinite;
}
@keyframes load {
  0% {background-size: 0% 100%}
}





/*--------------------------------------------------block в modal auto--------------------------------------------------*/

@media screen and (min-width: 769px) {
#block0 {
	display: flex;
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 3% 0% 3% 0%;
}
#block1 {
    width: 3vw;
    float: left;
}
#block2 {
    font-family: Candara, Arial, sans-serif;
    float: left;
}
#text3 {
    width: 100%;
    padding: 0% 0% 0% 0%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
}
}

@media screen and (max-width: 768px) {
#block0 {
	display: flex;
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
    padding: 3% 0% 3% 0%;
}
#block1 {
    width: 8vw;
    float: left;
}
#block2 {
    font-family: Candara, Arial, sans-serif;
    float: left;
}
#text3 {
    width: 100%;
    padding: 0% 0% 0% 0%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
}
}



/*--------------------------------------------------links--------------------------------------------------*/
.nolink a {
    pointer-events: none;
    color: #252525;
    
}
.link1 a {
    text-decoration: none;
    color: #b6b6b6;
}
.link1 a:hover {
    color: #fff;
}
.cashback_link {
    color: #252525;
    font-size: 14pt;
}
.cashback_link:hover {
    text-decoration: none;
    color: #252525;
    padding: .3em .7em ;
    border: 2px solid;
    border-color: #252525;
    border-radius: 5px;
    transition: 0.2s;
}




/*--------------------------------------------------header--------------------------------------------------*/

@media screen and (min-width: 769px) {
#header0 {
    width: 100%;
    position: fixed; 
    top: 0px;
    z-index: 99;
    border-bottom: 1px solid;
    border-color: #dbdbdb;
    box-shadow: 0 5px 3px -1px  #eeeeee;
}
#header {
    width: 100%;
	display: flex;
    align-items: center;
    align-content: left;
    justify-content: space-between;
    flex-flow: row nowrap;
    background: #fff;
}
#header_city {
    width: 100%;
	display: flex;
    align-items: center;
    align-content: right;
    justify-content: flex-end;
    flex-flow: row nowrap;
    background: #005697;
    float: right;
    padding: 0.5% 2%;
}
#map_point {
    width: 0.8%;
    padding: 0% 0.5%;
    float: right;
}
#city {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 9pt;
}
#header_left {
	display: flex;
    align-items: center;
    align-content: left;
    justify-content: start;
    flex-flow: row nowrap;
    font-family: Candara, Arial, sans-serif;
    padding: 0% 5%;
    font-weight: 900;
    float: left;
/* 	    background: #64c9ef; */
}
#header_logo {
    width: 12%;
    padding: 4% 3% 2% 3%;
    float: left;
/* 	    background: #ff5f3a; */
}
.header_name1 {
    font-size: 20pt;
    color: #0066b3;
    float: left;
    padding: 0% 0% 2% 0%;
}
.header_name2 {
    font-size: 20pt;
    color: #007ddb;
    float: left;
}

#header_right {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
    color: #252525;
	display: flex;
    align-items: center;
    align-content: right;
    justify-content: end;
    padding: 0% 5%;
    flex-flow: row nowrap;
    float: right;
/* 	    background: #64efe4; */
}
#header_account {
    width: 1.6vw;
    float: right;
}
#header_data {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
    color: #252525;
    float: right;
}
#header_message {
    width: 2.2vw;
    float: right;
}

}




@media screen and (max-width: 768px) {
#header0 {
    width: 100%;
    position: fixed; 
    top: 0px;
    z-index: 99;
    border-bottom: 1px solid;
    border-color: #dbdbdb;
    box-shadow: 0 2px 2px -1px  #eeeeee;
}
#header {
    width: 100%;
	display: flex;
    align-items: center;
    align-content: left;
    justify-content: space-between;
    flex-flow: row nowrap;
    background: #fff;
}
#header_city {
    width: 100%;
	display: flex;
    align-items: center;
    align-content: right;
    justify-content: flex-end;
    flex-flow: row nowrap;
    background: #005697;
    float: right;
    padding: 0.5% 2%;
}
#map_point {
    width: 2%;
    padding: 0.5% 0% 0% 0%;
    float: right;
}
#city {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 9pt;
    padding: 0% 3% 0% 1%;
}
#header_left {
	display: flex;
    align-items: center;
    align-content: left;
    justify-content: start;
    flex-flow: row nowrap;
    font-family: Candara, Arial, sans-serif;
    padding: 0% 2%;
    font-weight: 900;
    float: left;
/* 	    background: #64c9ef; */
}
#header_logo {
    width: 14%;
    padding: 4% 4% 2% 2%;
    float: left;
/* 	    background: #ff5f3a; */
}
.header_name1 {
    font-size: 14pt;
    color: #0066b3; 
    float: left;
    padding: 0% 0% 2% 0%;
}
.header_name2 {
    font-size: 14pt;
    color: #007ddb;
    float: left;
}

#header_right {
    width: 70%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
    color: #252525;
	display: flex;
    align-items: center;
    align-content: right;
    justify-content: end;
    flex-flow: row nowrap;
    float: right;
/* 	    background: #64efe4; */
    padding: 0% 2%;
}
#header_account {
    width: 6vw;
    float: right;
    padding: 2% 0% 0% 0%;
}
#header_data {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16pt;
    color: #252525;
    float: right;

}
#header_message {
    width: 8vw;
    float: right;
}
}




/*--------------------------------------------------footer--------------------------------------------------*/

@media screen and (min-width: 769px) {
#footer{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #eff5f9;
    display: flex;
    margin-top: 6%;
    margin-bottom: -1%;
    padding: 3% 5% 3% 5%;
    color: #7d7d7d;
    font-size: 10pt;
}
#footerleft_min {
    width: 46%;	
    padding: 0% 2%;
    float: left;
    text-align: left;
}
#footerright_min {
    width: 46%;	
    padding: 0% 2%;
    float: left;
    text-align: right;
}
}

@media screen and (max-width: 768px) {
#footer{
    font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #eff5f9;
    margin-top: 10%;
    margin-bottom: -1%;
    padding: 5% 0%;
    color: #7d7d7d;
    font-size: 10pt;
}
#footerleft_min {
    text-align: center;
}
#footerright_min {
    text-align: center;
}
}

.link2 {
    text-decoration: none;
    cursor: pointer;
    color: #a1a1a1;
}
.link2:hover, .link2:focus {
    color: #fff;
}

.footer_name1 {
    color: #0066b3;
}
.footer_name2 {
    color: #007ddb;
}




/*--------------------------------------------------big_summa_block --------------------------------------------------*/

@media screen and (min-width: 769px) {
#big_summa_block {
    display: flex;
    margin-left: 5%;
    margin-right: 5%;
    padding: 3% 0% 3% 10%; 
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#big_summa_block_pic {
    width: 12%;
    padding: 2% 8% 2% 0%;    
    float: left;	
}
#big_summa_block_text {
	font-family: Arial, Arial, sans-serif;
	font-stretch: ultra-condensed;
}
}

@media screen and (max-width: 768px) {
#big_summa_block {
    display: flex;
    width: 96%;
    margin: auto;
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#big_summa_block_pic {
    width: 14%;
    padding: 10% 6%;    
    float: left;	
}
#big_summa_block_text {
	font-family: Arial, Arial, sans-serif;
	font-stretch: ultra-condensed;
}
}




/*--------------------------------------------------сумма большая--------------------------------------------------*/
@media screen and (min-width: 769px) {
.big_summa0 {
    color: #48b356;
    font-size: 35pt; 
    font-weight: 200;
} 
.big_summa1 {
    color: #48b356;
    font-size: 38pt; 
    font-weight: 600;
} 
.big_summa2 {
    color: #97e6a1;
    font-size: 38pt; 
} 
.probel {
    color: #fff;
    font-size: 10pt; 
} 
.rub2 {
    color: #48b356;
    font-size: 32pt; 
	line-height: 10px;
	width: 0.4em;
	border-bottom: 3px solid #48b356; 
	display: inline-block;
} 
}

@media screen and (max-width: 768px) {
.big_summa0 {
    color: #48b356;
    font-size: 20pt; 
    font-weight: 400;
} 
.big_summa1 {
    color: #48b356;
    font-size: 24pt; 
    font-weight: 600;
} 
.big_summa2 {
    color: #97e6a1;
    font-size: 24pt; 
} 
.probel {
    color: #fff;
    font-size: 10pt; 
} 
.rub2 {
    color: #48b356;
    font-size: 18pt; 
	line-height: 6px;
	width: 0.4em;
	border-bottom: 2px solid #48b356; 
	display: inline-block;
} 
}
/*-------------------------------------------------- loader --------------------------------------------------*/
@media screen and (min-width: 769px) {
#loadcenter {
    width: 4%;
    padding: 4% 0% 1% 0%;    
	margin: auto;
}
#message_load {
    font-size: 12pt;
    color: #252525;
 	text-align: center;
}
}

@media screen and (max-width: 768px) {
#loadcenter {
    width: 10%;
    padding: 8% 0% 2% 0%;    
	margin: auto;
}
#message_load {
    font-size: 12pt;
    color: #252525;
 	text-align: center;
}
}




/*--------------------------------------------------окно сообщение--------------------------------------------------*/

@media screen and (min-width: 769px) {
#bloc_ramka0 {
	min-height: 300px;
}
#bloc_ramka {
    background: linear-gradient(to bottom right, #fff, #fefefe );
    margin-left: 28%;
    margin-right: 28%;
	padding: 0% 0% 2% 0%;
    box-shadow: 0 8px 12px 5px  #f1f0f0;
    border-radius: 0px 0px 15px 15px;
}
#bloc_mal {
	font-family: Helvetica, Arial, sans-serif;
    background: #fff;
    margin-left: 5%;
    margin-right: 5%;
/*     margin-top: 0%; */
    border: 3px solid;
    border-color: #0066b3;
    border-radius: 0px 0px 15px 15px;
}
#bloc_mal_text {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 3% 5% 2% 5%;   
 	margin: 5% 5% 2% 5%;
    border: 3px solid;
    border-color: #dcdcdc;
    border-radius: 15px 15px 15px 15px;
}
#bloc_mal2 {
	font-family: Helvetica, Arial, sans-serif;
    background: #fff;
    width: 80%;
    margin: auto;
/*     margin-top: 0%; */
    border-radius: 15px;
    box-shadow: 0 0 30px #ececec;
    padding: 2% 1%;
}
#bloc_mal_card {
    width: 70%;
    margin: auto;
    background: #f7f7f7;
    border: 2px solid;
    border-color: #d9d9d9;
    border-radius: 18px;
    box-shadow: 0 0 5px #efefef;
}
#bloc_mal_name {
    background: #f7f7f7;
    margin-left: 8%;
    margin-right: 8%;
    border: 2px solid;
    border-color: #d9d9d9;
    border-radius: 5px;
    box-shadow: 0 0 5px #efefef;
}
}

@media screen and (max-width: 768px) {
#bloc_ramka0 {
	min-height: 300px;
}
#bloc_ramka {
    background: linear-gradient(to bottom right, #fff, #fefefe );
    width: 92%;
    margin: auto;
	padding: 0% 0% 2% 0%;
    box-shadow: 0 8px 12px 5px  #f1f0f0;
    border-radius: 0px 0px 15px 15px;
}
#bloc_mal {
	font-family: Helvetica, Arial, sans-serif;
    background: #fff;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 10%;
    border: 3px solid;
    border-color: #0066b3;
    border-radius: 0px 0px 15px 15px;
}
#bloc_mal_text {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 6%;   
 	margin: 10% 5% 5% 5%;
    border: 3px solid;
    border-color: #dcdcdc;
    border-radius: 15px 15px 15px 15px;
}
#bloc_mal2 {
	font-family: Helvetica, Arial, sans-serif;
    background: #fff;
    width: 80%;
    margin: auto;
/*     margin-top: 0%; */
    border-radius: 15px;
    box-shadow: 0 0 30px #ececec;
    padding: 2% 1%;
}
#bloc_mal_card {
    width: 90%;
    margin: auto;
    background: #f7f7f7;
    border: 2px solid;
    border-color: #d9d9d9;
    border-radius: 18px;
    box-shadow: 0 0 5px #efefef;
}
#bloc_mal_name {
    background: #f7f7f7;
    margin-left: 4%;
    margin-right: 4%;
    border: 2px solid;
    border-color: #d9d9d9;
    border-radius: 5px;
    box-shadow: 0 0 5px #efefef;
}
}



.text_bloc_color { 
    color: #0071c7;
    font-weight: 700;
} 
.text_bloc_color1 { 
    color: #0071c7;

} 

.rub { 
	line-height: 5px;
	width: 0.5em;
	border-bottom: 1px solid #252525; 
	display: inline-block;
} 





/*--------------------------------------------------текст сообщение--------------------------------------------------*/

@media screen and (min-width: 769px) {
#message_2 {
    font-size: 12pt;
    color: #252525;
	padding: 0% 8% 2% 8%;
}
#message_20 {
    font-size: 12pt;
    color: #252525;
	padding: 6% 8% 1% 8%;
}
#message_33 {
    font-size: 12pt;
    padding: 8% 8% 4% 8%; 
    color: #252525;
}
}

@media screen and (max-width: 768px) {
#message_2 {
    font-size: 12pt;
    color: #252525;
	padding: 4% 8%;
}
#message_20 {
    font-size: 12pt;
    color: #252525;
	padding: 4% 8% 2% 8%;
}
#message_33 {
    font-size: 12pt;
    padding: 5% 8% 5% 8%; 
    color: #252525;
}
}


#message_6 {
    padding: 6%  6%; 
    color: #252525;
}
#message_3 {
    padding: 5%  3%;
    color: #252525;
}
#message_mal {
    font-size: 11pt;
    padding: 0%  0%  3%  0% ;
/* 	margin: auto; */
}
#message_5 {
    font-size: 12pt;
    padding: 5%  3%  3%  3% ;
    color: #252525;
}





/*-------------------------------------------------- модальное окно --------------------------------------------------*/
@media screen and (min-width: 769px) {
#modalwin1 {	
 	height: 100%;
 	position: fixed;
 	top: 0;
 	bottom: 0;
 	right: 0;
 	left: 0;
 	margin: auto;
    display: flex;
    align-items: center;
}
#modalwin2 {	
 	background: #fff;
 	border-radius: 8px;
    box-shadow: 0 0 3vw 2vw rgba(0, 0, 0, 0.2);
 	z-index: 102;
 	margin: auto;
 	width: 40%;
}
#modalwin3 {	
 	padding: 0% 5% 5% 5%;
}
}
@media screen and (max-width: 768px) {
#modalwin1 {	
 	height: 100%;
 	position: fixed;
 	top: 0;
 	bottom: 0;
 	right: 0;
 	left: 0;
 	margin: auto;
    display: flex;
    align-items: center;
}
#modalwin2 {	
 	background: #fff;
 	border-radius: 5px;
 	z-index: 102;
 	margin: auto;
 	width: 90%;
}
#modalwin3 {	
 	padding: 0% 5% 5% 5%;
}
}
#modalwinclose {
 	text-align: right;
 	padding: 0 5px 0 0;
}
.modalwinclose {
 	color: #aaa;
 	cursor: pointer;
 	text-decoration: none;
	font-size: 15pt;	
}
.modalwinclose:hover {
 	color: red;
}


/*-------------------------------------------------- модальное окно auto--------------------------------------------------*/

#modalwin_auto1 {	
 	height: 100%;
 	position: fixed;
 	top: 0;
 	bottom: 0;
 	right: 0;
 	left: 0;
 	margin: auto;
    display: flex;
    align-items: center;
}
#modalwin_auto2 {	
 	background: #fff;
 	border-radius: 8px;
    box-shadow: 0 0 3vw 2vw rgba(0, 0, 0, 0.2);
 	z-index: 102;
 	margin: auto;
/*  	width: 30%; */
}
#modalwin_auto3 {	
 	padding: 4vw 5vw;
}

#modalwin_autoclose {
 	text-align: right;
 	padding: 0 5px 0 0;
}
.modalwin_autoclose {
 	color: #aaa;
 	cursor: pointer;
 	text-decoration: none;
	font-size: 15pt;	
}
.modalwin_autoclose:hover {
 	color: red;
}




/*-------------------------------------------------- модальное окно min--------------------------------------------------*/
@media screen and (min-width: 769px) {
#modalwin_min1 {	
 	height: 100%;
 	position: fixed;
 	top: 0;
 	bottom: 0;
 	right: 0;
 	left: 0;
 	margin: auto;
    display: flex;
    align-items: center;
}
#modalwin_min2 {	
 	background: #fff;
 	border-radius: 5px;
 	z-index: 102;
 	margin: auto;
/*  	width: 30%; */
}
#modalwin_min3 {	
 	padding: 0% 5% 5% 5%;
}
}
@media screen and (max-width: 768px) {
#modalwin_min1 {	
 	height: 100%;
 	position: fixed;
 	top: 0;
 	bottom: 0;
 	right: 0;
 	left: 0;
 	margin: auto;
    display: flex;
    align-items: center;
}
#modalwin_min2 {	
 	background: #fff;
 	border-radius: 5px;
 	z-index: 102;
 	margin: auto;
 	width: 70%;
}
#modalwin_min3 {	
 	padding: 0% 5% 5% 5%;
}
}
#modalwin_minclose {
 	text-align: right;
 	padding: 0 5px 0 0;
}
.modalwin_minclose {
 	color: #aaa;
 	cursor: pointer;
 	text-decoration: none;
	font-size: 15pt;	
}
.modalwin_minclose:hover {
 	color: red;
}



/*-------------------------------------------------- модальные окна, урлы--------------------------------------------------*/
#notifications {
 	background: rgba(0, 0, 0, 0.6);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	display: none;
 	z-index: 101;
}
#notifications:target {display: block;}
.close {
}

#making_payment {
 	background: rgba(0, 0, 0, 0.6);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	display: none;
 	z-index: 101;
}
#making_payment:target {display: block;}
.close {
}

#entername {
 	background: rgba(0, 0, 0, 0.6);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	display: none;
 	z-index: 101;
}
#entername:target {display: block;}
.close {
}

#change_name_details {
 	background: rgba(0, 0, 0, 0.6);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	display: none;
 	z-index: 101;
}
#change_name_details:target {display: block;}
.close {
}

#internetsms {
 	background: rgba(0, 0, 0, 0.6);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	display: none;
 	z-index: 101;
}
#internetsms:target {display: block;}
.close {
}

#search {
 	background: rgba(0, 0, 0, 0.6);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	display: none;
 	z-index: 101;
}
#search:target {display: block;}
.close {
}

#search1 {
 	background: rgba(0, 0, 0, 0.6);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	display: none;
 	z-index: 101;
}
#search1:target {display: block;}
.close {
}

/*--------------------------------------------------проведение платежа --------------------------------------------------*/
#ramka_mal {
    margin-top: 4%;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-right: 2%;
    border: 3px solid;
    border-color: #ececec;
    border-radius: 5px;
    padding: 3%  4%; 
    font-size: 12pt; 
}



/*-------------------------------------------------- ввод имени, изменить реквизиты --------------------------------------------------*/

@media screen and (min-width: 769px) {
.entername1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
    background: #fff;
	color: #345666;
	font-size: 15pt;
	height: 34pt;
	width: 82%;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.entername2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
    background: #fff;
	color: #345666;
	font-size: 15pt;
	height: 34pt;
	width: 82%;
    border-radius: 10px;
    border-color: transparent;
    box-shadow: 0px 0px 0 1px #ccc;
}
.enter_ids {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #345666;
	font-size: 15pt;
	height: 34pt;
	width: 50%;
    border-radius: 10px;
    border: 1px solid #ccc;
}

#entername_padding_verh {
    padding:  3% 0%  1% 0% ;
}
#entername_padding {
    padding: 1% 0% ;
}
#entername_padding_niz {
    padding: 1% 0%  3% 0% ;
}
}


@media screen and (max-width: 768px) {
.entername1 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
    background: #fff;
	color: #345666;
	font-size: 14pt;
	height: 34pt;
	width: 90%;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.entername2 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
    background: #fff;
	color: #345666;
	font-size: 14pt;
	height: 34pt;
	width: 90%;
    border-radius: 10px;
    border-color: transparent;
    box-shadow: 0px 0px 0 1px #ccc;
}
.enter_ids {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #345666;
	font-size: 14pt;
	height: 34pt;
	width: 90%;
    border-radius: 10px;
    border: 1px solid #ccc;
}

#entername_padding_verh {
    padding:  3% 0%  1% 0% ;
}
#entername_padding {
    padding: 1% 0% ;
}
#entername_padding_niz {
    padding: 1% 0%  3% 0% ;
}
}



/*--------------------------------------------------уведомления --------------------------------------------------*/
@media screen and (min-width: 769px) {
#messages {
    width: 90%;
 	margin: auto;
}
#message_name {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 1.5% 5%;    
    border-radius: 5px 5px 0px 0px;
    background: #e5e5e5;
    float: left;
}
#message_text {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 3% 6%;   
 	margin: 0% 0% 5% 0%;
    float: left;
    border: 2px solid;
    border-color: #dcdcdc;
    border-radius: 0px 5px 5px 5px;
}
}
@media screen and (max-width: 768px) {
#messages {
    width: 96%;
 	margin: auto;
}
#message_name {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 1.5% 5%;    
    border-radius: 5px 5px 0px 0px;
    background: #e5e5e5;
    float: left;
}
#message_text {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 3% 6%;   
 	margin: 0% 0% 5% 0%;
    float: left;
    border: 2px solid;
    border-color: #dcdcdc;
    border-radius: 0px 5px 5px 5px;
}
}




/*--------------------------------------------------internet sms --------------------------------------------------*/
@media screen and (min-width: 769px) {
#sms_galka_osn {
    display: flex;
    padding: 3% 0% 3% 0%; 
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#sms_galka_pic {
    width: 10%;
    padding: 0% 5% 0% 7%;
    float: left;
}
}
@media screen and (max-width: 768px) {
#sms_galka_osn {
    display: flex;
    padding: 3% 0% 3% 0%; 
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#sms_galka_pic {
    width: 14%;
    padding: 0% 5% 0% 7%;
    float: left;
}
}

#sms_galka_pic {
    width: 10%;
    padding: 0% 5% 0% 7%;
    float: left;
}
#sms_galka_text {
    font-size: 12pt;
    color: #2b3d50;
    float: left;
}
#sms_galka_text_pin {
    font-size: 20pt;
    color: #2b3d50;
    padding: 2% 0%;
 	margin: auto;
}
#bloc_mal_sms{
	text-align: center;
    padding: 3%;
 	margin: 3%;
    border: 3px solid;
    border-color: #dcdcdc;
    border-radius: 15px 15px 15px 15px;
}





/*-------------------------------------------------- выбор, 2 блока --------------------------------------------------*/
@media screen and (min-width: 769px) {
#bloc_mal_text01 {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 3% 0% 3% 0%;   
 	margin: 5% 5% 7% 5%;
    border: 3px solid;
    border-color: #dcdcdc;
    border-radius: 15px 15px 15px 15px;
}
#bloc_mal_text02 {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 3% 0% 3% 0%;   
 	margin: 5% 5% 3% 5%;
    border: 3px solid;
    border-color: #dcdcdc;
    border-radius: 15px 15px 15px 15px;
}
#bloc_mal_text1 {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
}
#bloc_mal_text2 {
    width: 60%;
    float: left;
}
#bloc_mal_text3 {
    width: 30%;
    float: left;
	text-align: right;
}
#bloc_mal_text4 {
    font-size: 11pt;
    padding: 4%  4% 0%  4%;
    color: #252525;
}
}

@media screen and (max-width: 768px) {
#bloc_mal_text01 {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 3% 0% 3% 0%;   
 	margin: 5% 5% 7% 5%;
    border: 3px solid;
    border-color: #dcdcdc;
    border-radius: 15px 15px 15px 15px;
}
#bloc_mal_text02 {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 3% 0% 3% 0%;   
 	margin: 5% 5% 5% 5%;
    border: 3px solid;
    border-color: #dcdcdc;
    border-radius: 15px 15px 15px 15px;
}
#bloc_mal_text1 {

}
#bloc_mal_text2 {
    width: 94%;
	margin: auto;
}
#bloc_mal_text3 {
    padding: 6%  0% 3%  0%;
	text-align: center;
}
#bloc_mal_text4 {
    font-size: 11pt;
    padding: 4%  4% 0%  4%;
    color: #252525;
}
}





/*--------------------------------------------------заголовок модального окна--------------------------------------------------*/

@media screen and (min-width: 769px) {
#modal_pic_text {
    display: flex;
    padding: 1% 2% 5% 2%; 
	margin:  0% 1% 0% 1%;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#modal_pic_text_pic {
    padding: 0% 2% 0% 2%;    
    width: 8%;
    float: left;	
}
#modal_pic_text_text {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 14pt; 
    padding: 0% 0% 0% 5%;    
    float: left;
}
}

@media screen and (max-width: 768px) {
#modal_pic_text {
    display: flex;
    padding: 1% 0% 5% 0%; 
	margin:  0% 1% 0% 1%;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#modal_pic_text_pic {
    padding: 0% 0% 0% 0%;    
    width: 12%;
    float: left;	
}
#modal_pic_text_text {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 14pt; 
    padding: 0% 0% 0% 5%;    
    float: left;
}
}


/*--------------------------------------------------футер модального окна--------------------------------------------------*/

@media screen and (min-width: 769px) {
#modal_pic_text_niz {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
    padding: 3% 0% 0% 0%;    
}
#modal_pic_text_pic_niz {
    width: 6%;
    padding: 0% 2% 0% 0%;    
    float: left;	
}
#modal_pic_text_text_niz {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 13pt; 
    padding: 0%;    
    float: left;
}
}

@media screen and (max-width: 768px) {
#modal_pic_text_niz {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
    padding: 5% 0% 0% 0%;    
}
#modal_pic_text_pic_niz {
    width: 6%;
    padding: 5% 3% 5% 0%;    
    float: left;	
}
#modal_pic_text_text_niz {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt; 
    padding: 0%;    
    float: left;
}
}


#baner_payment {
    width: 54%;
    margin: auto;
}



/*--------------------------------------------------заголовок картинка с надписью--------------------------------------------------*/

@media screen and (min-width: 769px) {
#pic_text_head {
    background: linear-gradient(to bottom right, #0066b3, #0066b3 );
    display: flex;
    margin-top: -2%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 4% 0% 3% 10%; 
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#pic_text_head1 {
    background: linear-gradient(to bottom right, #0066b3, #0066b3 );
    display: flex;
    margin-left: 5%;
    margin-right: 5%;
    padding: 17% 0% 3% 10%; 
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#pic_text_pic_head {
    width: 10%;
    padding: 2% 2% 2% 0%;    
    float: left;	
}
#pic_text_text_head {
	font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 18pt; 
    padding: 0%;    
    float: left;
}
#pic_text_text {
    font-size: 14pt;
    display: flex;
    padding: 1% 0% 1% 0%; 
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
}
#pic_text_pic_text {
    width: 5%;
    padding: 3% 2% 3% 0%;    
    float: left;	
}
#pic_text_niz {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
    padding: 4% 0% 0% 0%;    
}
#pic_text_pic_niz {
    width: 6%;
    padding: 0% 2% 0% 0%;    
    float: left;	
}
#pic_text_text_niz {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 13pt; 
    padding: 0%;    
    float: left;
}
}

@media screen and (max-width: 768px) {
#pic_text_head {
    background: linear-gradient(to bottom right, #0066b3, #0066b3 );
    display: flex;
    margin-top: -4%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 8% 0% 5% 3%; 
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#pic_text_head1 {
    background: linear-gradient(to bottom right, #0066b3, #0066b3 );
    display: flex;
    margin-left: 5%;
    margin-right: 5%;
    padding: 24% 0% 5% 8%; 
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#pic_text_pic_head {
    width: 14%;
    padding: 2% 5% 2% 3%;    
    float: left;	
}
#pic_text_text_head {
	font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 14pt; 
    float: left;
}
#pic_text_text {
    font-size: 12pt;
    display: flex;
    padding: 1% 0% 1% 0%; 
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
}
#pic_text_pic_text {
    width: 5%;
    padding: 3% 2% 3% 0%;    
    float: left;	
}
#pic_text_niz {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
    padding: 7% 0% 4% 0%;    
}
#pic_text_pic_niz {
    width: 6%;
    padding: 0% 3% 0% 0%;    
    float: left;	
}
#pic_text_text_niz {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 13pt; 
    padding: 0%;    
    float: left;
}
}



.aksia {
font-style: italic;	
}
.mal_mess {
    font-size: 10pt; 
}




/*--------------------------------------------------контент--------------------------------------------------*/

@media screen and (min-width: 769px) {
#galka_osn {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt;
    width: 80%;
    margin: auto;
    padding: 6% 0% 5% 0%;    
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
}
#galka_osn1 {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt;
    width: 80%;
    margin: auto;
    padding: 4% 0% 4% 0%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
}
#galka_pic {
    width: 12%;
    padding: 0% 5% 0% 0%;
    float: left;
}
#galka_pic1 {
    width: 12%;
    padding: 0% 4% 0% 0%;
    float: left;
}
#galka_text {
    width: 79%;
    float: left;
}
}
@media screen and (max-width: 768px) {
#galka_osn {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt;	
    width: 90%;
    margin: auto;
    padding: 5% 0% 5% 0%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
}
#galka_osn1 {
	font-family: Helvetica, Arial, sans-serif;
    color: #252525;
    font-size: 12pt;	
    width: 94%;
    margin: auto;
    padding: 5% 0%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
}
#galka_pic {
    width: 14%;
    padding: 0% 5% 0% 5%;
    margin-top: 0%;
}
#galka_pic1 {
    width: 15%;
    padding: 0% 3% 0% 0%;
    margin-top: 0%;
}
#galka_text {
    width: 79%;
   padding:  0% 0% 0% 3%;

}
}




/*--------------------------------------------------таблицы--------------------------------------------------*/

@media screen and (min-width: 769px) {
.table  {
	font-family: Helvetica, Arial, sans-serif;
    color: #2b3d50;
}
.td0 {
    font-size: 13pt;
	padding: 1% 10px 10px 10px;
   }
.td1_1 {
	padding: 10px 10px 1% 10px;
    font-size: 11pt;
   }
.td2_1 {
	padding: 10px 10px 1% 10px;
    font-size: 13pt;
   }
.td1 {
	padding: 1% 10px;
    font-size: 11pt;
   }
.td2 {
	padding: 1% 10px;
    font-size: 13pt;
   }
.table th{
	padding: 10px 10px 0px 10px;
    font-size: 10pt;
}
.td3 {
    font-size: 11pt;
   }
.td4 {
	padding: 0px 20px;
    font-size: 13pt;
   }
.td5 {
	padding: 0px 20px;
    font-size: 14pt;
   }
}

@media screen and (max-width: 768px) {
.table  {
	font-family: Helvetica, Arial, sans-serif;
    color: #2b3d50;
}
.td0 {
    font-size: 13pt;
	padding: 3%  1%;
	white-space: nowrap;
   }
.td1_1 {
/*     width: 30%; */
	padding: 4%  2% 2%  0%;
    font-size: 11pt;
	white-space: nowrap;
   }
.td2_1 {
	padding: 4%  0% 2%  2%;
    font-size: 11pt;
   }
.td1 {
/*     width: 30%; */
	padding: 3%  2% 1%  0%;
    font-size: 11pt;
	white-space: nowrap;
   }
.td2 {
	padding: 3%  0% 1%  2%;
    font-size: 11pt;
   }
.table th{
	padding:  3% 1%;
    font-size: 10pt;
}
.td3 {
	padding: 0px 10px;
    font-size: 11pt;
   }
.td4 {
	padding: 0px 10px;
    font-size: 11pt;
   }
.td5 {
	padding: 0px 10px;
    font-size: 14pt;
   }
}




/*--------------------------------------------------модальное сообщение--------------------------------------------------*/
#payment_confirmation {
 	background: rgba(0, 0, 0, 0.5);
 	width: 100%;
 	height: 100%;
 	position: fixed;
 	top: 0;
 	left: 0;
 	display: none;
 	z-index: 101;
}
@media screen and (max-width: 768px) {
#payment_confirmation1 {
 	width: 80%;
 	height: 30%;
 	overflow: auto;
 	text-align: left;
 	padding: 5% 5%;
 	border: 1px solid #000;
 	border-radius: 7px;
 	position: fixed;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	margin: auto;
 	background: #fff;
 	z-index: 102;
}
}
@media screen and (min-width: 769px) {
#payment_confirmation1 {	
 	width: 40%;
 	height: 50%;
 	overflow: auto;
 	text-align: center;
 	padding: 20px;
 	border: 1px solid #000;
 	border-radius: 7px;
 	color: #999;
 	position: fixed;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	margin: auto;
 	background: #fff;
 	z-index: 102;
}
}


@media screen and (min-width: 769px) {
#confirmation_galka_osn {
    width: 70%;
    padding: 3% 0%;
    margin-left: 15%;
    margin-right: 15%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
 	text-align: center;
}
}
@media screen and (max-width: 768px) {
#confirmation_galka_osn {
    width:92%;
    padding: 3% 0%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-flow: row nowrap;
    margin-left:4%;
    margin-right:4%;
 	text-align: center;
}
}
#confirmation_galka_pic {
    width: 9%;
    padding: 1% 0% 0% 0%;
    float: left;
}
#confirmation_galka_text {
    width:86%;
    font-size: 12pt;
    color: #252525;
    padding: 0% 0% 0% 5%;
 	text-align: left;
    float: left;
}



#payment_confirmation:target {display: block;}
.close {
}
.payment_confirmationclose {
 	color: #aaa;
 	cursor: pointer;
 	text-decoration: none;
 	position: absolute;
 	right: 5px;
 	top: 0;
	font-size: 14pt;	
}
.payment_confirmationclose:hover {
 	color: red;
}





/*----------------------------------------------------------консультант----------------------------------------------------------*/
@media screen and (min-width: 769px) {
#consultant {
    background: #517da2;
    display: flex;
    margin-top: -2%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 2% 0% 0% 10%; 
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#consultant_pic {
    width: 12%;
    float: left;
}
#consultant_text {
    width: 70%;
    padding: 4% 5% 5% 5%;    
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 14pt; 
}
.round {
    border-radius: 50%;
}

#fon_chat {
    background: url('/dopfiles/fon_chat.png');
    background-repeat: repeat;
    padding: 3% 8% 2% 2%;
    margin-left: 5%;
    margin-right: 5%;
    border: 1px solid;
    border-color: #dedede;
    border-radius: 3px;
}
#consultant_message {
    display: inline-block;
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    font-size: 13pt;
    margin: 1.5% 0%;
    padding: 3% 5%;
    text-align: left;
    color: #4f5254;
    border-radius:  8px 8px 8px 0px;
    background: #fff;
}
#button_chat {
    padding: 5% 2% 5% 8%;
    text-align: center;
}
}



@media screen and (max-width: 768px) {
#consultant {
    background: #517da2;
    display: flex;
    margin-top: -4%;
    margin-left: 5%;
    margin-right: 5%;
    padding: 3% 0% 1% 5%; 
    align-items: center;
    align-content: left;
    justify-content: flex-start;
    flex-flow: row nowrap;
}
#consultant_pic {
    width: 14%;
    float: left;
}
#consultant_text {
    width: 70%;
    padding: 4% 5% 5% 5%;    
    float: left;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 12pt; 
}
.round {
    border-radius: 50%;
}

#fon_chat {
    background: url('/dopfiles/fon_chat.png');
    background-repeat: repeat;
    padding: 3% 8% 2% 3%;
    margin-left: 5%;
    margin-right: 5%;
    border: 1px solid;
    border-color: #dedede;
    border-radius: 3px;
}
#consultant_message {
    display: inline-block;
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12pt;
    margin: 1.5% 0%;
    padding: 3% 5%;
    text-align: left;
    color: #4f5254;
    border-radius:  8px 8px 8px 0px;
    background: #fff;
}
#button_chat {
    padding: 5% 2% 5% 8%;
    text-align: center;
}
}


#prints_message {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12pt;
    font-style: italic;
    color: #514f4f;
    padding: 1% 0%;
}
.online1 {
    background: #00cb35;
    color: #fff;
    padding: 0.4% 4% 0.4% 4%;  
    border: 1px solid;
    border-color: #00cb35;
    border-radius: 5px;
}




/*---------------------------------------------------кнопки контейнеры---------------------------------------------------*/

@media screen and (min-width: 769px) {
#button_modal {
    padding: 1% 4%;
	text-align: center;
}
#button_modal_name {
    padding: 0% 0% 4% 0%;
	text-align: center;
}
#button_page {
    padding: 5% 0% 6% 0%;
	text-align: center;
}
#button_page1 {
    padding: 5% 0% 0% 0%;
	text-align: center;
}
#button_card {
    padding: 1% 0% 5% 0%;
	text-align: center;
}
}

@media screen and (max-width: 768px) {
#button_modal {
    width: 100%;
    padding: 6% 0%;
	text-align: center;
}
#button_modal_name {
    padding: 3% 0% 5% 0%;
	text-align: center;
}
#button_page {
    width: 100%;
    padding: 8% 0% 4% 0%;
	text-align: center;
}
#button_page1 {
    width: 100%;
    padding: 3% 0%;
	text-align: center;
}
#button_card {
    padding: 3% 0% 5% 0%;
	text-align: center;
}
}



/*---------------------------------------------------кнопки---------------------------------------------------*/

.button_base {
    font-family: Verdana, Geneva, sans-serif;
    cursor: pointer;
	font-size: 14pt;
	display: inline-block;
    color: #fff;
    text-decoration: none;
    background: #0066b3;
	border: 1px solid #0066b3; 
    border-radius: 5px;
    padding: .5em 2em ;
    box-shadow: 0px 7px 7px #eeeeee;
    transition: 0.2s;
} 
.button_base:hover {
    background: #003760; 
	border: 1px solid #003760; 
    color: #fff;
}
.button_base:active {
    background: #003760; 
	border: 1px solid #003760; 
    color: #fff;
}
.button_base0 {
    font-family: Verdana, Geneva, sans-serif;
    cursor: pointer;
	font-size: 14pt;
	display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    border-color: #e8e8e8;
    padding: .5em 2em ;
    background: #e8e8e8;
    transition: 0.2s;
} 
.button_base0:hover {
    background: #e8e8e8; 
    border: 1px solid #e8e8e8;
    color: #fff;
}
.button_base0:active {
    background: #e8e8e8; 
    border: 1px solid #e8e8e8;
    color: #fff;
}

.button_pay {
    font-family: Verdana, Geneva, sans-serif;
    cursor: pointer;
	font-size: 14pt;
	display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #0066b3;
    border-color: #0066b3;
    padding: .5em 2em ;
    background: #0066b3;
    box-shadow: 0px 7px 7px #eeeeee;
    transition: 0.2s;
} 
.button_pay:hover {
    background: #003760; 
	border: 1px solid #003760; 
    color: #fff;
}
.button_pay:active {
    background: #003760; 
	border: 1px solid #003760; 
    color: #fff;
}

.epay222 {
    font-family: Verdana, Geneva, sans-serif;
    cursor: pointer;
	font-size: 14pt;
	display: inline-block;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #0066b3;
    border-color: #0066b3;
    padding: .5em 2em ;
    background: #0066b3;
    box-shadow: 0px 7px 7px #eeeeee;
    transition: 0.2s;
} 
.epay222:hover {
    background: #003760; 
	border: 1px solid #003760; 
    color: #fff;
}
.epay222:active {
    background: #003760; 
	border: 1px solid #003760; 
    color: #fff;
}

.button_pay1 {
    cursor: pointer;
	font-size: 14pt;
	display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: .4em 2em ;
    background: #0066b3;
    outline:  3px solid #0066b3;
    box-shadow: 0px 7px 7px #eeeeee;
    transition: 0.2s;
    border-radius: 4px;
} 
.button_pay1:hover {
    background: #003760; 
    outline:  3px solid #003760;
    color: #fff;
}
.button_pay1:active {
    background: #003760; 
    outline:  3px solid #003760;
    color: #fff;
}
.button_pay0 {
    cursor: pointer;
	font-size: 14pt;
	display: inline-block;
    color: #0066b3;
    text-decoration: none;
    padding: .4em 1.8em ;
    outline:  3px solid #0066b3;
    box-shadow: 0px 7px 7px #eeeeee;
    transition: 0.2s;
    border-radius: 4px;
} 
.button_pay0:hover {
    background: #003760; 
    outline:  3px solid #003760;
    color: #fff;
}
.button_pay0:active {
    background: #003760; 
    outline:  3px solid #003760;
    color: #fff;
}
input[type="submit"] {
    font-family: Verdana, Geneva, sans-serif;
    cursor: pointer;
	font-size: 14pt;
	display: inline-block;
    color: #fff;
    text-decoration: none;
	border: 1px solid #0066b3; 
    border-radius: 5px;
    padding: .5em 2em ;
    background: #0066b3;
    transition: 0.2s;
}
input[type="submit"]:hover {
    background: #003760;
	border: 1px solid #003760; 
    color: #fff;
}
input[type="submit"]:active {
    background: #003760;
	border: 1px solid #003760; 
    color: #fff;
}





@media screen and (min-width: 769px) {
#button_change {
    padding: 2% 0% 0% 2%;
}
#button_change1 {
    font-size: 11pt; 
}
.button_change {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    color: #0066b3;
    padding: .2em 1em ;
    border: 2px solid;
    border-color: #0066b3;
    border-radius: 5px;
    transition: 0.2s;
} 
.button_change:hover {
    background: #0066b3;
    color: #fff;
}
.button_change:active {
    background: #0066b3;
    color: #fff;
}
}

@media screen and (max-width: 768px) {
#button_change {
    padding: 2% 0% 0% 2%;
}
#button_change1 {
    font-size: 11pt; 
}
.button_change {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    color: #0066b3;
    padding: .2em 1em ;
    border: 2px solid;
    border-color: #0066b3;
    border-radius: 5px;
    transition: 0.2s;
} 
.button_change:hover {
    background: #0066b3;
    color: #fff;
}
.button_change:active {
    background: #0066b3;
    color: #fff;
}
}






/*-------------------------------------------------задержки-------------------------------------------------*/

#divsys1s, #divsys2s {
    width:100%;
}
#divsys2s {
    width:100%;
    display: none;
}
#divsys11s, #divsys22s {
    width:100%;
}
#divsys22s {
    width:100%;
    display: none;
}
#divsys111s, #divsys222s {
    width:100%;
}
#divsys222s {
    width:100%;
    display: none;
}

#divsys1p, #divsys2p {
    width:100%;
}
#divsys2p {
    width:100%;
    display: none;
}
#divsys11p, #divsys22p {
    width:100%;
}
#divsys22p {
    width:100%;
    display: none;
}
#divsys111p, #divsys222p {
    width:100%;
}
#divsys222p {
    width:100%;
    display: none;
}

#divsys1a, #divsys2a {
    width:100%;
}
#divsys2a {
    width:100%;
    display: none;
}

#divsys11a, #divsys22a {
    width:100%;
}
#divsys22a {
    width:100%;
    display: none;
}

#divsys111a, #divsys222a {
    width:100%;
}
#divsys222a {
    width:100%;
    display: none;
}

#divsys1, #divsys2 {
    width:100%;
}
#divsys2 {
    width:100%;
    display: none;
}

#divsys11, #divsys22 {
    width:100%;
}
#divsys22 {
    width:100%;
    display: none;
}

#divsys111, #divsys222 {
    width:100%;
}
#divsys222 {
    width:100%;
    display: none;
}

#divsys1111, #divsys2222 {
    width:100%;
}
#divsys2222 {
    width:100%;
    display: none;
}

#divsys11111, #divsys22222 {
    width:100%;
}
#divsys22222 {
    width:100%;
    display: none;
}

#divsys111111, #divsys222222 {
    width:100%;
}
#divsys222222 {
    width:100%;
    display: none;
}

#divsys1e, #divsys2e {
    width:100%;
}
#divsys2e {
    width:100%;
    display: none;
}

#divsys11e, #divsys22e {
    width:100%;
}
#divsys22e {
    width:100%;
    display: none;
}

#divsys111e, #divsys222e {
    width:100%;
}
#divsys222e {
    width:100%;
    display: none;
}

#divsys1111e, #divsys2222e {
    width:100%;
}
#divsys2222e {
    width:100%;
    display: none;
}

#divsys11111e, #divsys22222e {
    width:100%;
}
#divsys22222e {
    width:100%;
    display: none;
}





/*-------------------------------------------------до сюда нужное-------------------------------------------------*/


@media screen and (min-width: 769px) {

}

@media screen and (max-width: 768px) {

}