html {
	box-sizing: border-box;
	font-family: 'Gilroy-Regular';
	height: 100%;
	font-size: 90%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

@font-face {
	font-family: 'Gilroy-SemiBold';
	src: local('Gilroy-SemiBold'), local('Gilroy-SemiBold'),
	url('../fonts/Gilroy-SemiBold.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy-Regular';
	src: local('Gilroy-Regular'), local('Gilroy-Regular'),
	url('../fonts/Gilroy-Regular.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy-Medium';
	src: local('Gilroy-Medium'), local('Gilroy-Medium'),
	url('../fonts/Gilroy-Medium.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy-Heavy';
	src: local('Gilroy-Medium'), local('Gilroy-Heavy'),
	url('../fonts/Gilroy-Heavy.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy-ExtraBold';
	src: local('Gilroy-Medium'), local('Gilroy-ExtraBold'),
	url('../fonts/Gilroy-ExtraBold.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy-Black.woff';
	src: local('Gilroy-Medium'), local('Gilroy-Black.woff'),
	url('https://oplata.to/files/fonts/Gilroy-Black.woff.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

body {
	display: flex;
	margin: 0px;
	background: #fff;
	min-height: 100vh;
	width: 100%;
}

code {
	font-family: 'Gilroy-Medium';
}

video {
    object-fit: contain;
}

.body_commercial {
	flex-direction: column;
}

.f6f6f6 {
	background: #f6f6f6;
}

.fixed {
	position:fixed;
}

aside {
	width: 270px;
	background: #353535;
	height: 100%;
	display: block;
	color: white;
	position: fixed;
	overflow-y: auto;
	z-index: 100;
}

ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

span {
	display: block;
}

a {
	/*display: block;*/
	color: inherit;
	text-decoration: none;
}

main {
	width: 100%; 
	height: 100%;
	position: relative;
}

section {
	width: 100%;
	min-height: 500px;
	padding: 0px 0px 0px 270px;
	display: flex;
}

table {
	font-size: 100%;
}

tbody {
	font-size: 105%;
}

th {
	text-align: left!important;
}



/* CheckBox Стили */

input[type="checkbox"] {
  cursor: pointer;
  width: 44px;
  height: 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #c6c6c6;
  outline: none;
  border-radius: 50px;
  box-shadow: inset 0 0 5px rgba(0,0,0, .2);
  transition: 0.3s;
  position: relative;
}

input[type="checkbox"]::before {
  content: '';
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  top: 0;
  left: 0;
  background: #fff;
  transform: scale(1.1);
  box-shadow: 0 2px 5px rgba(0,0,0, .2);
  transition: 0.3s;
}

input:checked[type="checkbox"]::before {
  left: 22px;
}

/* CheckBox Стили */


/* Input Стили */

input:-internal-autofill-selected {

	-webkit-appearance: menulist-button;
    background-color: #fff!important;
    background-image: none !important;
    color: -internal-light-dark-color(black, white) !important;

}


fieldset {
	position: relative;
	margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-block-start: 0em;
    padding-inline-start: 0em;
    padding-inline-end: 0em;
    padding-block-end: 0em;
    min-inline-size: min-content;
    border-width: 0px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    width: 300px;
    height: 45px;
}

fieldset label {
	margin-top: 15px;
	position: absolute;
	color: #9f9f9f;
	cursor: text;
	pointer-events: none;
	top: 0px;
	left: 1px;
	font-size: 105%;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

select {
	outline:none;
	box-shadow: inset 0 0 0 5px #fff !important;
}

input[type="text"], input[type="email"], input[type="password"], textarea, select {
	position: absolute;
	font-family: 'Gilroy-Regular';
	height: inherit;
	width: inherit;
	border-bottom: 1.5px solid #ededed;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	outline: none;
	font-size: 115%;
	padding: 10px 0px;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

input[type="text"]:focus, input[type="email"]:focus, 
input[type="password"]:focus, textarea:focus {
	border-bottom: 1.5px solid #ffd51d;
}

input[type="text"]:focus + label , input[type="email"]:focus + label, 
input[type="password"]:focus + label {
	top: -30px;
	font-size: 90%;
}

input[type="text"]:valid + label, input[type="email"]:valid + label, 
input[type="password"]:valid + label { 
	top: -30px;
	font-size: 90%;
}

input[type="text"]:disabled + label, input[type="email"]:disabled + label, 
input[type="password"]:disabled + label { 
	top: -30px;
	font-size: 90%;
}

fieldset textarea + label {
	margin-top: 33px;
}

textarea:focus + label {
	top: -50px;
	font-size: 90%;
}

textarea:valid + label {
	top: -50px;
	font-size: 90%;
}

textarea:disabled + label {
	top: -50px;
	font-size: 90%;
}

.stay {
	top: -30px;
	font-size: 90%;
}

/* Input Стили */




/* Стили Оповещания alert */

.alert_block {
	position: absolute;
	color: #bdbcbc;
	font-size: 130%;
	top: 13.5px;
	left: -32px;
	cursor: pointer;

	-webkit-transition: all 0.05s ease;
    -moz-transition: all 0.05s ease;
    -o-transition: all 0.05s ease;
    transition: all 0.05s ease;
}

.alert_block:hover {
	color: #919191;
}

.alert_block:hover ~ .alert_info_block {
	display: flex;
}

.alert_block_checkbox {
	top: 6px;
}

.alert_info_block {
	display: none;
	position: absolute;
	font-size: 80%;
	border: 1px solid black;
	min-width: 110px;
	max-width: 250px;
	height: 60px;
	left: -15px;
	top: -55px;
	background: #131313;
	color: white;
	padding: 7px;
	line-height: 1.2;
	text-align: center;
	border-radius: 8px 8px 8px 3px;
	-webkit-box-shadow: 0px 1px 20px -2px rgba(224,224,224,1);
	-moz-box-shadow: 0px 1px 20px -2px rgba(224,224,224,1);
	box-shadow: 0px 1px 20px -2px rgba(224,224,224,1);

	animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
  	animation-duration: 0.4s; /* don't forget to set a duration! */
}

.alert_info_block span {
	margin: auto;
}

.alert_info_block_checkbox {
	top: -60px;
	left: -10px;
}

/* Стили Оповещания alert */


/* Input File Стили */

/*input[type="file"] {
    display: none;
}

.button_file {
	outline: 0;
	font-family: 'Gilroy-SemiBold';
	margin: 0px;
    display: flex;
    border: 0px;
    height: 50px;
    width: 175px;
    background: white;
    position: relative;
    border-radius: 6px;
    border: 1px solid #dedede;
    cursor: pointer;
    color: #0f0f0f;
    font-size: 100%;

    -webkit-transition: all 0.08s ease;
    -moz-transition: all 0.08s ease;
    -o-transition: all 0.08s ease;
    transition: all 0.08s ease;
}

.button_file:hover {
	border: 1px solid #ffc812;
}

.button_file span {
	margin: auto;
}

#support_first_create_input_block_file {
	margin: 70px 0px 0px 0px;
	display: flex;
	font-size: 88%;
}

#support_first_create_text_container {
	margin: auto 0px auto 20px;
	font-size: 105%;
}*/

/* Input File Стили */


/* Notification Стили */

.notification_container_show {
	display: flex!important;
}

.notification_container {

	-webkit-box-shadow: 0px 1px 20px -2px rgba(224,224,224,1);
	-moz-box-shadow: 0px 1px 20px -2px rgba(224,224,224,1);
	box-shadow: 0px 1px 20px -2px rgba(224,224,224,1);

	z-index: 999;
	display: none;
	width: 280px;
	min-height: 90px;
	position: fixed;
	top: 120px;
	right: 50px;
	border-radius: 7px;
	background: #fff;

}

.notification {

	z-index: 999;
	display: flex;
	width: 100%;
	min-height: 90px;
	background: #fff;
}

.notification_icon {
	height: 90%;
	display: flex;
	width: 70px;
	margin: auto 0px;
	padding: 0px 0px 0px 10px;
}

.notification_icon i {
	margin: auto;
	font-size: 230%;
}

.notification_text {
	width: 200px;
	display: inline;
	padding: 0px 10px 0px 6px; 
	font-size: 95%;
	margin: auto;
	word-break: break-word;
}

/* Notification Стили */





/* Стили nav */

nav {
	padding: 0px 0px 0px 400px;
/*  padding: top rig bot left ; */
	min-height: 100px;
	display: flex;
	background: #f6f6f6;
}

.nav_item_container {
	display: flex;
	flex: 9 1 400px;
}



.nav_item {

	font-size: 115%;
	height: 27px;
	margin: auto 50px auto 0px;
}

.nav_item_text {
	width: 100%;
	height: 20px;
	margin-bottom: 4px;

	-webkit-transition: all 0.05s ease;
    -moz-transition: all 0.05s ease;
    -o-transition: all 0.05s ease;
    transition: all 0.05s ease;
}

.nav_item_border {
	width: 100%;
	height: 3px;
	background: #f6f6f6;
	border-radius: 15%;
}

.nav_item_border_active {
	background: #ffcf0e;
}

.nav_item_border_non_active:hover {
	color: #9f9f9f;
}




.nav_balance_container {
	flex: 1 1 300px;
	display: flex;
	font-size: 105%;
	margin-right: 70px;
}

.nav_balance{
	margin: auto 0px;
	height: 55px;
	min-width: 100px;
	max-width: 300px;
	padding: 0px 25px;
	border-radius: 30px;
	border: 1px solid #ffcc00;
	display: flex;
	font-size: 110%;
	overflow:hidden;
}

.nav_balance_text {
	margin: auto 10px auto 0px;
}

.nav_balance_summ {
	white-space: nowrap;
	margin: auto 0px;
}

/* Стили nav */


/* Стили кнопок */

.button_orange {
	outline: 0;
	font-family: 'Gilroy-SemiBold';
	margin: 0px auto;
    display: flex;
    border: 0px;
    height: 50px;
    width: 160px;
    background: #ffcf0e;
    position: relative;
    border-radius: 6px;
    cursor: pointer;
    color: #0f0f0f;
    font-size: 100%;

    -webkit-transition: all 0.08s ease;
    -moz-transition: all 0.08s ease;
    -o-transition: all 0.08s ease;
    transition: all 0.08s ease;
}

.button_orange:hover {
	background: #ffc812;
}

.button_orange span {
	margin: auto;
}

.button_transparent {
	outline: 0;
	font-family: 'Gilroy-SemiBold';
	margin: 0px auto;
    display: flex;
    border: 0px;
    height: 50px;
    width: 140px;
    background: white;
    position: relative;
    border: 1px solid #dedede;
    border-radius: 8px;
    cursor: pointer;
    color: #0f0f0f;
    font-size: 100%;

    -webkit-transition: all 0.08s ease;
    -moz-transition: all 0.08s ease;
    -o-transition: all 0.08s ease;
    transition: all 0.08s ease;
}

.button_transparent:hover {
	border: 1px solid #ffcf0e;
}

.button_transparent span{ 
	margin: auto;
}

.wait {
	background: #e3e3e3;
}

.wait:hover {
	background: #e3e3e3;
}

.button_disabled {
	background: #e3e3e3;
}

.button_disabled:hover {
	background: #e3e3e3;
}
/* Стили кнопок */


/* Input Стили */




/* СПИННЕР */
.sk-chase {
  width: 18px;
  height: 18px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
  margin: auto;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #989898;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}
/* СПИННЕР */



/* Стили Scrollbar */


/* width */
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


/* Стили Scrollbar */




/* PRELOAD стили */


.sk-three-bounce {
  width: 8em;
  margin: auto;
  text-align: center;
}
.sk-three-bounce .sk-child {
  width: 24px;
  height: 24px;
  background-color: #3e4349;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-three-bounce 1.2s ease-in-out 0s infinite both;
          animation: sk-three-bounce 1.2s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce-1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce-2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.modal_window_wait .sk-three-bounce .sk-child {
  width: 21px;
  height: 21px;
}

/* PRELOAD стили */


/* Второстепенные классы */

.orangetheme {
	color: #ffcf0e;
}

.greytext {
	color: #9f9f9f;
}

.lightgreytext {
	color: #c4c4c4;
}

.sidebar_active {
	color: white;
}

.flip {
  transform: rotate(-180deg);
}

.gilroy_bold {
	font-family: 'Gilroy-SemiBold'!important;
}

.gilroy_medium {
	font-family: 'Gilroy-Medium'!important;
}

.gilroy_regular {
	font-family: 'Gilroy-Regular';
}

.gilroy_heavy {
	font-family: 'Gilroy-Heavy';
}

.gilroy_extra_bold {
	font-family: 'Gilroy-ExtraBold';
}

.gilroy_black {
	font-family: 'Gilroy-Black';
}

.success {
	color: #00b634;
}

.wait_color {
	color: #ffcf0e;
}

.error_color {
	color: #ff6868;
}

.fa-spin {
  animation-duration: 0.88s;
}

.input_border_bottom_active {
	border-bottom: 1.5px solid #ffd51d!important;
}

.justify {
	text-align: justify;
}

/* Второстепенные классы */





/*Стили Sidebar*/

.sidebar_logo_container {
	width: 100%;
	height: 130px;
	display: flex;
}

.sidebar_logo {
	width: 150px;
	height: 80px;
	background: no-repeat url("../image/logo_white.png");
	background-size: cover;
	margin: auto;
}




.sidebar_profile_info_container {
	height: 50px;
	display: block;
}

.sidebar_profile_info {

	text-align: center;
	height: 50px;
	width: 100%;
	font-size: 100%;
	padding: 10px;
	display: flex;

}

.sidebar_profile_email {
	width: 100%;
}

.sidebar_profile_email span{
	margin-right: 5px;
}







.sidebar_menu_container {
	min-height: 500px;
	width: 100%;
	padding: 50px 0px;
}

.sidebar_menu_container_item {
	min-height: 60px;
	border-top: 1px solid #484848;
	width: 100%;
	display: flex;
	cursor: pointer;
}

.sidebar_menu_item_icon {
	width: 70px;
	font-size: 110%;
	display: flex;
	position: relative;
}

.sidebar_menu_item_icon i{
	margin: auto;
}

.sidebar_menu_item_icon_amount {
	position: absolute;
    top: 20%;
    left: 70%;
    font-size: 90%;

}

.sidebar_menu_item_text {
	width: 170px;
	display: flex;
	padding-left: 5px;
	font-size: 100%;
}

.sidebar_menu_item_more {
	width: 50px;
	font-size: 150%;
	display: flex;
}

.sidebar_menu_item_more i{
	margin: auto auto 17px auto;
}



.sidebar_menu_item_text span{

	margin: auto 0px;

}

.sidebar_menu_item_drop_container {
	background: #262626;
	width: 100%;
	overflow:hidden;
	min-height: 0px;
}

.sidebar_menu_item_font {
	 margin: auto 6px;
	 position: relative;
	 top: -6px;
	 font-size: 95%;

}




.sidebar_menu_item_drop {
	height: 50px;
	border-top: 1px solid #484848;
	padding: 0px 10px 0px 15px;
	display: flex;
}

.sidebar_menu_item_status {
	width: 20px;
	height: 100%;
	display: flex;
}

.sidebar_menu_item_status_icon {
	margin: auto 0px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
}

.s_m_i_s_wait {
	background: #f2d61c;
}

.s_m_i_s_success {
	background: #42b462;
}

.s_m_i_s_error {
	background: #ff6868;
}

.sidebar_menu_item_drop_favicon {

	width: 25px;
	height: inherit;
	display: flex;
}

.sidebar_menu_item_drop_favicon div {
	background: #f6f6f6;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	margin: auto 0px;
	display: flex;
}

.sidebar_menu_item_drop_favicon div img {
	margin: auto;
}

.sidebar_menu_item_drop_sitename {
	font-size: 90%;
	margin: auto auto auto 15px;
	height: 17px;
	width: 150px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	/*border: 1px solid white;*/
}

.sidebar_drop_button_container {
	display: flex;
	height: inherit;
	width: 75px;
}

.sidebar_drop_button {
	text-align: center;
	font-size: 100%;
	width: 24px;
	height: 30px;
	margin: auto;
	display: flex;
}

.sidebar_drop_button i {
	margin: auto;
}

.sidebar_menu_item_add_icon {
	width: 25px;
	height: inherit;
	font-size: 150%;
	display: flex;
}

.sidebar_menu_item_add_icon i {
	margin: auto 0px;
}

.sidebar_menu_item_add_text {
	margin: auto auto auto 15px;
	font-size: 90%;
}





/*sidebar hovers*/

.sidebar_menu_container_item, .sidebar_menu_item_drop_sitename, 
.sidebar_drop_button, #sidebar_menu_add, .auth_link {
	-webkit-transition: all 0.1s ease-out;
 	-moz-transition: all 0.1s ease-out;
 	-o-transition: all 0.1s ease-out;
 	transition: all 0.1s ease-out; 
}

.sidebar_menu_container_item:hover, .sidebar_menu_item_drop_sitename:hover,
.sidebar_drop_button:hover {
	color: white;
}

#sidebar_menu_add:hover {
	color: white;
}

/*sidebar hovers*/



/*Стили Sidebar*/





/* Стили Авторизации */


.auth_container {

	width: 500px;
	min-height: 580px;
	margin: auto auto auto auto;

}

.auth_logo_block {

	height: 120px;
	width: 100%;
	display: flex;

}

.auth_logo {
	width: 175px;
	height: 70px;
	margin: 0px auto;
	background: no-repeat url("../image/logo_black.png");
	background-size: contain;
}

.auth_block {
	padding: 50px 0px;
	display: block;
	background: #fff;
	border-radius: 5px;
	width: 100%;
	min-height: 100px;
}

.auth_input_block {
	margin: 20px auto 40px auto;
}

.captcha_block {
	height: 74px;
	margin: 20px auto 40px auto;
}

.auth_link_container {
	display: flex;
	min-width: 0px;
}

.auth_link_block {
	margin: auto;
}

.auth_link {
	margin: auto 5px;
}

.auth_link:hover {
	color: #9f9f9f;
}

.error_show_block {
	display: none;
}

.success_show_block {
	display: none;
}

.error_container {

	width: 300px;
	height: 80px;
	background: #fff5f5;
	margin: auto;
	border: 1px dotted #feb2b2;
	margin-bottom: 35px;
	display: flex;
	color: #ff5050;
}


.success_container {

	width: 300px;
	min-height: 80px;
	background: #ccffbe;
	margin: auto;
	border: 1px dotted #00b634;
	margin-bottom: 35px;
	display: flex;
	color: #333;
}

.error_icon {
	height: inherit;
	width: 80px;
	display: flex;
	font-size: 220%;
}

.error_icon i{
	margin: auto;
}

.success_icon {
	height: inherit;
	width: 80px;
	display: flex;
	font-size: 220%;
}

.success_icon i{
	color: #00b634;
	margin: auto;
}

#success_text_insert {
	margin: auto;
}

.error_text {
	width: 250px;
	height: inherit;
	display: flex;
	padding-right: 20px;
	font-size: 90%;
}

.error_text span{

	margin: auto 0px;
}

.mail_send_again_container {
	width: 300px;
	height: 40px;
	margin: auto;
	line-height: 1.6;
	text-overflow: ellipsis;
	display: none;
	margin-top: 25px;
}


.mail_send_again_button_container {
	display: flex;
}

.mail_send_again_button_class {
	cursor: pointer;
}

.m_s_a_t_disabled {
	color: #9f9f9f!important;
}

#auth_form_confirmation_container {
	display: none;
}

.auth_form_confirmation_text_block {
	width: 80%;
	max-width: 300px;
	display: flex;
	margin: auto;
}

.auth_form_confirmation_text_block span {
	margin: auto;
}

#a_i_b_code_confirmation {
	margin: 30px auto 40px auto;
}


/* Стили авторизации */

#registration_form_button {
	width: 210px;
}



/* Регистрация Стили */






/* Регистрация Стили */





/* Стили Профиля */

.profile_container {
	flex: 1 1 500px;
	background: #fff;
	min-height: 500px;
	padding: 80px 0px 0px 400px;
	display: block;
}

.profile_container_title {
	font-size: 150%;
	margin-bottom: 50px;
}

.profile_form {
	/*border: 1px solid black;*/
	min-height: 400px;
	max-width: 1200px;
	min-height: 600px;
	padding: 0px 0px;
	display: flex;
}

.profile_main_info_container {
	width: 350px;
	min-height: 0px;
}

.profile_input_block{
	width: 350px;
	margin: 20px auto 40px 0px;
}

.profile_main_input_block {
	width: 175px;
	margin: 50px auto 0px auto;
}

.profile_info_container {
	min-width: 600px;
	max-width: 600px;
	border-left: 1px solid #ededed;
	margin-left: 15%;
	padding: 0px 0px 0px 70px;
	font-size: 105%;
}
/* Инфо статус */

#profile_status_container_success, #profile_status_container_wait,
#profile_status_container_error {
	display: none;
}

.profile_status {
	display: flex;
	height: 40px;
}

.profile_status span {
	padding: 0px 8px 0px 0px;
	margin: auto 0px;
}

.profile_icon_status {
	width: 30px;
	margin-right: 8px;
	display: flex;
}

.profile_icon_status i{
	margin: auto;
	font-size: 135%;
}

.p_i_s_success {
	border-right: 2px solid #00b634;
}

.p_i_s_wait {
	border-right: 2px solid #f2d61c;
}

.p_i_s_error {
	border-right: 2px solid #ff6868;
}

/* Инфо статус */

/* Инфо текст */
.profile_info {
	display: flex;
	text-align: justify;
	line-height: 1.4;
	padding: 40px 30px 20px 0px;
}

.profile_icon_info {
	min-width: 30px!important;
	margin-right: 8px;
	display: flex;
}

.profile_info span {
	padding: 0px 10px 0px 0px;
}

.profile_icon_info i {
	margin: 0px auto;
	font-size: 135%;
}
/* Инфо текст */


/* Инфо смена */
.profile_advice {
	display: flex;
	text-align: justify;
	line-height: 1.4;
	padding: 40px 30px 20px 0px;
}

.profile_advice_info {
	min-width: 30px!important;
	margin-right: 8px;
	display: flex;
}

.profile_advice_info i {
	margin: 0px auto;
	font-size: 125%;
}

/* Инфо смена */

/* Стили Профиля */


/* Стили реферальная программа */

.referal_container {
	flex: 1 1 500px;
	background: #fff;
	min-height: 500px;
	padding: 80px 0px 0px 400px;
	display: block;
}

.referal_title {
	font-size: 150%;
}

.referal_global_container {
	display: flex;
}

.referal_info_block {
	flex: 1 1 300px;
	margin: 50px 0px 20px;
	margin-right: 30px;
}

.referal_balance_title {
	font-size: 130%;
}

.referal_balance {
	display: flex;
	margin: 30px 0px;
	font-size: 140%;
}

.referal_balance span{
	display: flex;
	border-bottom: 3px solid #ffcf0e;
	padding-bottom: 4px;
}

.referal_info_table_container {
	margin: 40px 0px;
}

.referal_no_referals_container {
	width: 100%;
	display: flex;
	font-size: 130%;
	height: 290px;
}

.referal_table_container {
	border: 2px solid #dedede;
	border-radius: 5px;
	height: 300px;
	padding: 0px 10px;
	overflow: auto;
}

.referal_link_new_link_container {
	flex: 1 1 300px;
}

.referal_link_container {
	margin: 50px 0px 0px 0px;
	
}

.referal_link_container_title {
	font-size: 130%;
}

.referal_link_copy_container {
	width: 100%;
	min-height: 50px;
	max-height: 250px;
	background: #f6f6f6;
	margin: 30px 0px 90px;
	position: relative;
	padding: 15px 25px 15px 15px;
	font-size: 110%;
	max-width: 500px;
}

.referal_input_block{
	width: 450px;
	margin: 50px auto 50px 0px;
}

.referal_main_input_block {
	width: 160px;
	margin: 40px 0px;
}


.referal_global_info_container {
	display: flex;
	min-height: 200px;
	margin-bottom: 100px;
}

.referal_global_statistics_container {
	display: flex;
	flex-wrap: wrap;
	width: 50%;
}

.referal_stat_item_container {
	width: 50%;
	display: flex;
}

.referal_stat_item {
	max-width: 400px;
	display: flex;
	margin: auto 0px;
	font-size: 110%;
}

.referal_stat_icon {
	font-size: 190%;
	margin: auto;
	margin-right: 10px;
}

.referal_stat_name {
	font-size: 120%;
	display: flex;
}

.referal_stat_name span {
	margin: auto;
}

.referal_stat_value {
	font-size: 125%;
	display: flex;
}

.referal_stat_value span {
	margin: auto;
}

.referal_info {
	display: flex;
	text-align: justify;
	line-height: 1.4;
	padding: 40px 30px 20px 0px;
	width: 40%;
}

.referal_icon_info {
	min-width: 30px!important;
	display: flex;
}

.referal_info span {
	padding: 0px 10px 0px 0px;
}

.referal_icon_info i {
	font-size: 135%;
}

/* Стили реферальная программа */


/* Стили настроек */

.paydata_title {

	font-size: 150%;
	margin-bottom: 60px;
}

.settings_input_block {
	margin: 20px auto 40px 0px;
}

.paydata_form_container {
	width: 300px;
}

.settings_main_input_block {
	margin: 70px auto 0px auto!important;
	width: 175px;
}


/* Стили настроек */


/* Стили безопасности */

.security_container {

	display: flex;

}

.security_auth_list_container {
	margin: 0px auto 0px auto;

	max-width: 500px;
	min-height: 500px;
	max-height: 700px;
	overflow-y: auto;
	box-sizing: content-box;
}

.security_auth_list {
	width: 100%;
	min-height: 200px;
}

.auth_td_table_id {
	text-align: center;
}

.security_current_ip {
	display: flex;
	font-size: 115%;
	margin-bottom: 10px;
}

.security_current_ip  span {
	padding-bottom: 4px;
	border-bottom: 3px solid #ffcf0e;
}

#security_ip_table {
	position: relative; 
	left: -7px;
	white-space: nowrap;
}

.s_c_i_title {
	margin-right: 7px;
}

.auth_list_input_block {

	width: 100%;
	margin: 40px auto;

}

#auth_list_more_button {
	width: 150px;
}

/* Стили безопасности */


/* Стили проекта */


/* Стили настроек проекта */


.project_container {
	flex: 1 1 500px;
	background: #fff;
	min-height: 500px;
	padding: 70px 0px 70px 400px;
	display: flex;
}

.project_settings_container {
	width: 500px;
	min-height: 100px;
}

.project_input_block {
	width: 400px;
	margin: 20px auto 40px 0px;
}


.project_title {
	font-size: 150%;
	margin-bottom: 70px;
}

#project_main_settings_form_button {
	margin: 25px auto 0px auto;
}

#button_secret_generate {
	width: 40px;
	position: absolute;
	left: 410px;
	display: flex;
	top: 3px;
	height: 35px;
	background: #fff;
	border-radius: 15px;
	border: 1px solid #dedede;
	color: #202020;
}

#button_secret_generate:hover {

	background: #fafafa;

}

#button_secret_generate span {
	margin: auto;
}

.secret_key_alert_container {
	font-size: 80%;
	width: 400px;
	text-align: justify;
}


/* Стили доп настроек */

.project_dop_settings_container {
	min-width: 300px;
	max-width: 600px;
	min-height: 100px;
	margin-left: 10%;
}


.project_comission_container {
	display: flex;
	width: 400px;
	height: 40px;
	font-size: 105%;
	margin-top: 15px;
}

.customer_comission_title, .comission_checkbox , .shop_comission_title {
	display: flex;
	padding-right: 11px;
}


.customer_comission_title span {
	margin: auto 0px auto auto;
}

.comission_checkbox span {
	margin: auto;
	height: 26px;
}

.shop_comission_title span {
	margin: auto auto auto 0px;
} 

#project_input_block_dop_button {
	margin: 70px auto 40px 0px;
}
/* Стили доп настроек */

/* Стили настроек проекта */


/* Стили интеграции проекта */

.project_integration_container {

}

.project_integration_button_integration_container {
	margin: 40px 0px 0px 0px;
}

.project_integration_title {
	font-size: 170%;
	margin-bottom: 40px;
}

.project_integration_info {
	display: flex;
	text-align: justify;
	line-height: 1.4;
	padding: 0px 0px 20px 0px;
	width: 100%;
	max-width: 900px;

	left: -30px;
    position: relative;
}

.project_integration_link_list_main_title {
	font-size: 120%;
	margin-bottom: 30px;
}

.project_integration_tabs_container {
	display: flex;
	font-size: 120%;
}

.project_integration_tab_item {
	margin-right: 50px;
	padding-bottom: 2px;
	cursor: pointer;
}

.project_integration_tab_item:hover {
	color: #8e8e8e;
}

.p_i_t_i_border:hover {
	color: black;
}

.p_i_t_i_border {
	border-bottom: 3px solid #ffcf0e;
}

.p_i_l_i_c_for_js {
	margin: 40px 0px;
	display: none;
}

.project_integration_iphone_checkbox_container {
	position: relative;
}

.project_integration_link_integration_container {
	display: flex;
	flex-direction: column;
}

.project_integration_link_item_list_pole_container {

}

.project_integration_created_link_container {
	width: 100%;
    height: 60px;
    background: #f6f6f6;
    /*margin: 0px 0px auto auto;*/
    position: relative;
    padding: 15px 25px 15px 15px;
    font-size: 110%;
    max-width: 500px;
    min-width: 430px;
}


/* Интеграция проекта ссылки */
.project_integration_link_integration_list_container {
	display: flex;
	font-size: 92%;
	margin-bottom: 30px;
}

#project_integration_link_payment_link {
	display: flex;
	height: 100%;
}

#project_integration_link_payment_link span {
	margin: auto 0px;
}





.project_integration_link_item_list_delete_container {
	margin: 0px 30px 0px auto;
	font-size: 190%;
	display: flex;
	cursor: pointer;

	position: relative;
}

.project_integration_link_item_list_delete_container i{
	margin: auto;
}

.project_integration_link_item_list_update_container {
	margin: 0px 10px 0px auto;
	font-size: 190%;
	display: flex;
	cursor: pointer;
	color: #b3b3b3;

	position: relative;
}

.project_integration_link_item_list_update_container i{
	margin: auto;
}

.project_integration_link_item_list_price_container {
	margin: 0px 0px 0px 15px;
	display: flex;
	flex-direction: column;
	font-size: 105%;
}

.project_integration_link_item_list_price_title {
	margin: 0px 0px;

}

.project_integration_link_item_list_price {
	margin: auto 0px;
}

.project_integration_link_item_list_price span {

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 300px;
}

.project_integration_link_item_list_delete_confirmation {
	font-size: 110%;
	position: absolute;
	top: 16px;
	left: 40px;
	display: none;
}

.project_integration_new_link_title {
	font-size: 130%;
	margin-bottom: 10px;
}

.project_integration_new_link_form_container {
	display: flex;
}

.project_integration_input_block {
	width: 300px;
	margin: 20px 40px 30px 0px;
	position: relative;
}

.project_integration_input_block_button {
    margin: 10px auto 0px auto!important;
    width: 175px;
}

.project_integration_list_input {
	width: 250px;
	margin: 15px 0px 0px 0px;
	position: relative;
}

.project_integration_link_integration_add_container {
	display: flex;
	font-size: 92%;
	flex-direction: column;
	margin: 10px 0px 40px;
	border: 1px solid #dedede;
	padding: 20px 20px 0px 20px;
}
/* Интеграция проекта ссылки */



/* Стили интеграции проекта */


/* Стили статистики */

.statistics_title {
	font-size: 150%;
	margin-bottom: 40px;
}
	
.statistics_container {

	width: 90%;
	min-height: 500px;

}

.statistics_chart_container {
	max-width: 1200px;
	width: 100%;

	min-height: 500px;
}

.statistics_chart_nav {
	width: 100%;
	height: 60px;
	display: flex;
	font-size: 105%;
	margin-bottom: 10px;
}

.statistics_chart_nav_item {
	margin: auto 30px auto 0px;
	border-bottom: 2px solid white;
	cursor: pointer;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

.statistics_chart_nav_item:hover {
	color: #9f9f9f;
}

.statistics_chart_nav_item_active {
	border-bottom: 2px solid #ffcf0e;
}

.statistics_chart_nav_item_active:hover {
	color: black;
}

.statistics_chart {
	min-height: 500px;
	border: 1px solid white;
	width: 100%;
	position: relative;
}

#statistics_chart_loader_container {

	display: none;

}

.statistics_chart_loader_back {

	position: absolute;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.7;

}

.statistics_chart_loader {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
}

.statistics_chart_loader_model {
	margin: auto;
	z-index: 100;
}

.statistics_chart_sum_container {

	width: 100%;
	min-height: 110px;
	margin: 70px auto;
	display: flex;

}

.statistics_chart_sum_item {
	width: 230px;
	height: 100px;
	background: #f6f6f6;
	margin: auto;
	display: block;
}

.statistics_chart_sum_item_sum_container {
	width: 100%;
	height: 100%;
	border: 1px solid black;
}

.statistics_chart_sum_item_sum {
	font-size: 150%;
	width: 100%;
	height: 50%;
	display: flex;
}

.statistics_chart_upper_container {
	width: 100%;
	display: flex;
	margin: auto 0px 0px 25px;
}

.statistics_chart_sum_item_percentage{
	font-size: 60%;
	display: flex;
}

.statistics_chart_sum_item_percentage span {
	margin: auto 0px auto 10px;
}

.statistics_chart_sum_item_title {
	font-size: 95%;
	width: 100%;
	height: 50%;
	display: flex;
}

.statistics_chart_sum_item_title span {
	margin: 8px 0px auto 25px;
}

.statistics_chart_sum_item_sum_block {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 130px;
	max-height: 30px;
}

#statistics_summ_all {
	max-width: 220px;
}

.percent_plus_color {
	color: #26a332;
}

.percent_minus_color {
	color: #e51616;
}

.percent_equal_color {
	color: #9f9f9f;
}

/* Стили статистики */



/* Стили транзакций */

.project_transactions_container {
	width: 90%;
	min-height: 500px;
}

.project_transactions {
	width: 100%;
	min-height: 300px;
	left: -5px;
	position: relative;
}

.project_transactions_filter_button_for_hover {
	display: flex;
}

.project_transactions_filter_button, .payout_filter_button  {
	display: flex;
	margin: 20px 0px 20px 0px;
	user-select: none;
	font-size: 115%;
	cursor: pointer;
}

.project_transactions_filter_button span , .payout_filter_button span {
	padding: 0px 3px 3px 1px;
	border-bottom: 3px solid #ffcf0e;
}


.project_transactions_filter_button span i , .payout_filter_button span i{
	color: #333;
	position: relative;
	top: 1px;
	margin-left: 2px;
}

.project_transactions_filter_container, .payout_filter_container {
	width: 100%;
	max-width: 1000px;
	min-height: 150px;
	display: none;
	flex-wrap: wrap;
	margin: 5px 0px 30px 0px;
	user-select: none;
}

.payout_filter_container {
	max-width: 800px;
	margin: 45px 0px 30px 0px;
}

.project_transactions_filter_input_block {
	width: 170px;
	margin: 5px 25px 20px 0px;
}

#project_transactions_filter_button {
	width: 170px;
	height: 45px;
}

.project_transactions_filter_container_active {
	display: flex!important;
}












.project_transactions_title {
	font-size: 150%;
	margin-bottom: 10px;
}

.project_transactions_count {
	margin-bottom: 10px;
}

.project_transactions_table_thead {

	height: 50px;
	margin-bottom: 10px;
}

.project_transactions_table_row {
	cursor: pointer;
	height: 50px;
}

.project_transactions_table_head {
	white-space: nowrap;
}

.t_status_item {
	font-size: 140%;
	text-align: center;
}

.t_status {
	text-align: center!important;
}

.t_summ , .t_get , .t_com {
	white-space: nowrap;
}

.t_com {
	
}

.project_transactions_nextbutton_container {
	margin: 70px 0px 100px 0px;
}

.project_transactions_load_block {
	margin: auto!important;
	width: 175px;
}

.project_transactions_no_transactions_container {
	width: 100%;
	height: 200px;
	display: flex;
	font-size: 150%;
}

.project_transactions_no_transactions {
	margin: auto;
	text-align: center;
}

/* Стили транзакций */


/* Стили виджетов */

.form_create_title {
	font-size: 150%;
	margin-bottom: 70px;
	margin: 0px auto 50px auto; 
}

.project_widgets_link_form_container {
	display: block;
}

.project_widgets_link_form {
	width: 100%;
	display: flex;
}

.project_widgets_input_block {
	margin: 0px auto 40px 0px;
	width: 95%;
}

.project_widgets_created_link_container {
	width: 100%;
	height: 150px;
	background: #f6f6f6;
	margin: 0px 0px auto auto;
	position: relative;
	padding: 15px 25px 15px 15px;
	font-size: 110%;
	max-width: 500px;
}

.project_widgets_link_form_row {
	display: flex;
}

.project_widgets_input_block_button {
	margin: 50px 0px;
}

#project_widgets_link_form_button {
	margin: 0px;
}

.project_widgets_created_link_copy {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 110%;
	cursor: pointer;

	-webkit-transition: all 0.1s ease-out;
 	-moz-transition: all 0.1s ease-out;
 	-o-transition: all 0.1s ease-out;
 	transition: all 0.1s ease-out; 
}

.project_widgets_created_link_copy_text {
	position: absolute;
	right: -80px;
	top: -25px;
	display: none;
	font-size: 105%;
}

.project_widgets_created_link_copy:hover {
	color: grey;
}

.project_widgets_created_link_text_container {
	word-wrap : break-word;
	overflow-y: auto;
	max-height: 120px;

}

.project_widgets_link_fio_on_container {
	display: flex;
	border-bottom: 3px solid #fff;
	font-size: 120%;
	margin: 0px auto 0px 0px;
	padding: 0px 2px 2px 2px;
	cursor: pointer;
}

.project_widgets_link_fio_on_container:hover {
	color: #666;
}

.project_widgets_form_desc_desc_container {
	min-height: 40px;
	display: flex;
	width: 100%;
}

.project_widgets_form_desc_desc_container span {
	margin: auto 0px;
	display: flex;
	font-size: 115%;
}

.project_widgets_form_desc_desc_container span i {
	color: #333;
	font-size: 120%;
	position: relative;
	top: 2px;
}

.project_widgets_form_desc_text {
	margin: 0px 0px 0px 5px;
	word-break: break-all;
	max-width: 100%;
	line-height: 1.5;
}

#form_create_fio_input, #form_create_adress_input, #form_create_phone_input {
	display: none;
}

#project_widgets_form_create_button {
	margin: 0px 0px;
}

#project_widgets_form_code {
	display: none;
}

#project_widgets_create_form_button_fieldset {
	margin: 10px 0px 50px 0px;
}

.project_widget_container {
	min-width: 500px;
	max-width: 500px;
	min-height: 100px;
}

#project_widget_container_second_container {
	margin: 0px auto
}

/* iframe стили */

.project_widget_iframe_container {
	min-height: 100px;
	margin: 40px 0px;
}

.project_widgets_form_iframe_container {
	width: 100%;
	min-height: 100px;
	margin: 0px auto 70px auto;
	min-width: 380px;
}

.project_widgets_form_iframe {
	width: 380px;
	min-height: 200px;
	border-radius: 10px;
	overflow: hidden;
	margin-left: 15px;

	-webkit-box-shadow: 0px 0px 15px 1px #dedede;
	-moz-box-shadow: 0px 0px 15px 1px #dedede;
	box-shadow: 0px 0px 15px 1px #dedede;
}

.project_widgets_form_iframe input {
	padding: 5px 0px!important;
	height: 40px;
}

.project_widgets_form_iframe_header {
	background: #222;
	width: 100%;
	height: 70px;
	display: flex;
}

.project_widgets_form_iframe_header_logo {
	width: 115px;
	height: 62px;
	background: no-repeat url("../image/logo_white.png");
	background-size: cover;
	margin: auto;
}

.project_widgets_form_iframe_body {
	display: flex;
	background: #fff;
	flex-direction: column;
	min-height: 130px;
	font-size: 95%;
	padding: 20px 20px 0px 20px;
}

.project_widgets_form_iframe_body_desc_container {
	width: 100%;
}

.project_widgets_form_iframe_input_block {
	margin: 15px 0px auto 0px;
	width: 100%;
}

.project_widgets_form_iframe_body_pay_container {
	height: 100px;
	display: flex;
}

.project_widgets_form_iframe_summ_input {
	width: 110px;
	margin: auto 0px auto 0px;
}

.project_widgets_form_iframe_input_summ_currency {
	font-size: 130%;
	margin: auto 0px auto 5px;
}

.project_widgets_form_iframe_input_summ {
	margin: auto 0px auto 0px;
	font-size: 140%;
}

.project_widgets_form_iframe_button {
	width: 120px;
	height: 45px;
	margin: auto 0px auto auto;

}

/* iframe стили */


/* Стили виджетов */

/* Стили модального окна */

.modal_window_container {
	top: 0px;
	left: 0px;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;

	display: none;
}

.modal_window_background_container {
	width: 100%;
	height: 100%;
	position: fixed;
	display: none;
	z-index: 900;

	background: rgba(0,0,0,.32);
}

.modal_window {
	position: absolute;
	min-width: 560px;
    max-width: 630px;
	min-height: 150px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	flex-direction: column;

	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 50%;
    transform: translateY(-50%);

    box-shadow: 0 10px 48px hsl(0deg 0% 88% / 50%);
}

.modal_window_top_head_container {
	background: #ffc812;
	height: 80px;
	width: 100%;
	display: flex;
}

.modal_window_top_head_container span {
	margin: auto 0px auto 35px;
	font-size: 110%;
}

.modal_window_bottom_button_container {
	/*height: 90px;*/
	/*width: 80%;*/
	height: 70px;
	width: 100%;
	display: flex;
	margin: auto auto 0px auto;
}

.modal_window_bottom_button_cancel {
	/*height: 45px;*/
	/*width: 170px;*/
	height: 100%;
	width: 50%;
	background: #c1c1c1;
	display: flex;
	margin: auto;

	cursor: pointer;

	-webkit-transition: all 0.1s ease-out;
 	-moz-transition: all 0.1s ease-out;
 	-o-transition: all 0.1s ease-out;
 	transition: all 0.1s ease-out; 
}

.modal_window_bottom_button_cancel:hover {
	background: #b9b9b9;
}

.modal_window_bottom_button_cancel span{
	margin: auto;
	font-size: 100%;
}

.modal_window_bottom_button_confirm {
	/*height: 45px;
	width: 170px;*/
	height: 100%;
	width: 50%;
	background: #ffc812;
	display: flex;
	margin: auto;
	cursor: pointer;

	-webkit-transition: all 0.1s ease-out;
 	-moz-transition: all 0.1s ease-out;
 	-o-transition: all 0.1s ease-out;
 	transition: all 0.1s ease-out; 
}

.modal_window_bottom_button_confirm:hover {
	background: #f1bd11;
}

.modal_window_bottom_button_confirm span{
	margin: auto;
	font-size: 100%;
}

.modal_window_text_container {
	width: 90%;
	margin: 70px auto;
	font-size: 120%;
	line-height: 2;
    text-align: center;
}

.modal_window_text_container span{
	display: inline-block;
}

.modal_window_icon {
	height: 27px!important;
	width: 27px!important;
	display: inline-block!important;
	top: 7px!important;
    position: relative;
    background-size: cover!important;
    margin-right: 3px!important;
}

.modal_window_text {
	text-align: center;
	margin: 10px 0px;
	font-size: 105%;
}

.modal_window_text_card {
	font-size: 130%;
	margin: 25px auto;
	text-align: center;
}

.modal_window_rekvisit_icon {
	width: 30px!important;
	height: 30px!important;
}

.modal_window_text_price {
	font-size: 125%;
	text-align: center;
	margin: 0px auto;
}

.modal_window_b_class {
	letter-spacing: 1px;
}


/* Анимации модального окна */

@-webkit-keyframes overlay {
   0% { -webkit-transform: scale(.6); opacity: 0}
   100%   { -webkit-transform: scale(1); opacity: 1}
}
@-moz-keyframes overlay {
   0% { -moz-transform: scale(.6); opacity: 0; }
   100%   { -moz-transform: scale(1); opacity: 1}
}
@keyframes overlay {
   0% { transform: scale(.6); opacity: 0; }
   100%   { transform: scale(1); opacity: 1}
}

.modal_window_container {

  /* start with a negative z-index so the user may interact with the page 
     the actual z-index is set on the last animation keyframe */

  opacity: 0;

  -webkit-transform: scale(.7);
  -webkit-animation: overlay .1s linear 0s 1 forwards;

  -moz-transform: scale(.7);
  -moz-animation: overlay .1s linear 0s 1 forwards;

  transform: scale(.7);
  animation: overlay .1s linear 0s 1 forwards;
}

/* Анимации модального окна */










/* Стили модального окна */

/* Стили методов */

.methods_input_block {
	width: 260px;
	margin: 20px 90px 13px 0px;
	position: relative;
}

.project_methods_container 
{}

.methods_checkbox:checked {
	background: #6ace83;
}

.methods_container {
	display: flex;
}

.methods_logo_name_container {
	display: flex;
}

.methods_logo {
	min-width: 32px;
	min-height: 32px;
	max-width: 32px;
	max-height: 32px;
	margin-right: 10px;
	background-size: cover;
}

.methods_name {
	display: flex;
	font-size: 105%;
}

.methods_name span{
	margin: auto;
}

.methods_checkbox_container {
	flex: 1 1 100px;
}

.methods_checkbox {
	margin-left: auto;
	display: block;
}

.methods_input_container {
	min-height: 480px;
	max-height: 550px;
	min-width: 0px;
	flex-wrap: wrap;
	display: flex;
	flex-direction: column;
}

#method_form_button {
    margin: 25px auto 0px 0px;
}

.m_c_disabled {
	opacity: 0.6;
}

#methods_logo_card {
	background: no-repeat url(../image/rates/circle/mastercard.svg);
	background-size: cover;
}

#methods_logo_qiwi {
	background: no-repeat url(../image/rates/circle/qiwi.svg);
	background-size: cover;
}

#methods_logo_yandex {
	background: no-repeat url(../image/rates/circle/yandex.svg);
	background-size: cover;
}

#methods_logo_webmoney {
	background: no-repeat url(../image/rates/circle/webmoney.svg);
	background-size: cover;
}

#methods_logo_payeer {
	background: no-repeat url(../image/rates/circle/payeer.svg);
	background-size: cover;
}

#methods_logo_perfectmoney {
	background: no-repeat url(../image/rates/circle/perfectmoney.svg);
	background-size: cover;
}

#methods_logo_advcash {
	background: no-repeat url(../image/rates/circle/advcash.svg);
	background-size: cover;
}

#methods_logo_beeline {
	background: no-repeat url(../image/rates/circle/beeline.svg);
	background-size: cover;
}

#methods_logo_mts {
	background: no-repeat url(../image/rates/circle/mts.svg);
	background-size: cover;
}

#methods_logo_megafon {
	background: no-repeat url(../image/rates/circle/megafon.svg);
	background-size: cover;
}

#methods_logo_tele2 {
	background: no-repeat url(../image/rates/circle/tele2.svg);
	background-size: cover;
}

#methods_logo_qiwi_mobile {
	background: no-repeat url(../image/rates/circle/qiwi_mobile.svg);
	background-size: cover;
}

#methods_logo_bitcoin {
	background: no-repeat url(../image/rates/circle/bitcoin.svg);
	background-size: cover;
}

#methods_logo_litecoin {
	background: no-repeat url(../image/rates/circle/litecoin.svg);
	background-size: cover;
}

#methods_logo_dogecoin {
	background: no-repeat url(../image/pay/dogecoin_mini.svg);
	background-size: cover;
}

#methods_logo_dash {
	background: no-repeat url(../image/rates/circle/dash.svg);
	background-size: cover;
}

#methods_logo_zcash {
	background: no-repeat url(../image/rates/circle/zcash.svg);
	background-size: cover;
}




/* Стили методов */














/* Стили модального окна транзакции */

.project_transactions_modal_window_background {
	
	position: fixed;
	background: black;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: none;
}

.project_transactions_modal_window {

	margin:auto;
	left:0;
	right:0;
	border: 0;
	top: 50%;
	margin-top: -375px;
	z-index: 2;
	width: 500px;
	height: 750px;
	background: #fff;
	position: fixed;
	padding: 25px 20px 20px 30px;
	border-radius: 2px;
	overflow-y: auto;
	display: none;

	-webkit-box-shadow: 0px 1px 8px -2px #050505;
	-moz-box-shadow: 0px 1px 8px -2px #050505;
	box-shadow: 0px 1px 8px -2px #050505;
}

.modal_window_wait_container {
	display: flex;
	width: 420px;
    height: 640px;
}

.modal_window_wait {
	margin: auto;
}

.modal_window_head_container {
	height: 45px;
	display: flex;
	margin-bottom: 30px;
}

.modal_window_title {
	font-size: 145%;
	margin: auto 0px;
}

.modal_window_title_second {
	font-size: 150%;
	margin: 25px 0px;
}

.modal_window_exit {
	width: 22px;
	height: 35px;
	margin: auto 5px auto auto;
	font-size: 180%;
	text-align: right;
	cursor: pointer;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

.modal_window_exit:hover {
	color: #222;
}

#modal_window_for_show {
	display: none;
}


.modal_window_item {
	min-height: 45px;
	display: flex;	
	font-size: 105%;
}

.modal_window_item_title {
	min-width: 145px;
	display: flex;
}

.modal_window_item_title span{ 
	margin: auto auto auto 5px;
}

.modal_window_item_body {
	display: flex;
	max-width: 310px;
	min-width: 250px;
	padding: 10px 0px;
	font-family: 'Gilroy-Medium';
}

.modal_window_item_body span{ 
	margin: auto;
	width: 100%;
	word-wrap : break-word;
	text-align: justify; 
}

.n_parameters_block {
	background: #222;
	padding: 5px 10px;
	color: white;
	font-family: 'Gilroy-Regular';
}

.modal_window_noti_item {
	margin: 6px auto!important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.m_w_n_i_date { 
	font-size: 90%;
}

/* Стили модального окна транзакции */

/* Стили проекта */



/* Стили создания проекта */

.project_create_container {
	width: 70%;
	min-height: 500px;
	padding: 60px 0px 0px 400px;
	display: block;

}

.project_create_title {
	font-size: 150%;
	margin-bottom: 50px;
}

.project_create {

	width: 100%;
	min-height: 400px;
}

.project_create_input_block {
	width: 500px;
	margin: 20px auto 40px 0px;
}

.project_create_textarea {
	width: 650px;
	min-height: 65px;
	resize: none;
}

.project_create_form_container {
	max-width: 600px;
}

.project_create_info_container {
	font-size: 100%;
	width: 100%;
	min-height: 80px;
	background: #f6f6f6;
	padding: 20px;
	margin-bottom: 20px;
	line-height: 1.35;
	display: flex;
}

.project_create_info_icon {
	display: flex;
	min-width: 25px;
	height: 50px;
	font-size: 140%;
}

.project_create_info_icon i{
	margin: 10px 0px;
}

.project_create_button_block {
	width: 175px;
	margin: 90px 0px 0px auto;
}

#project_create_first_button {
	width: 175px;
}

.project_create_info_text {
	display: flex;
}

.project_create_info_text span {
	margin: auto;
}


.project_info_chart_nav {
	width: 100%;
	height: 60px;
	display: flex;
	font-size: 110%;
	margin-bottom: 10px;
}

.project_info_chart_nav_item {
	margin: auto 30px auto 0px;
	border-bottom: 3px solid white;
	cursor: pointer;
	padding-bottom: 3px;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

.project_info_chart_nav_item:hover {
	color: #9f9f9f;
}

.project_info_chart_nav_item_active {
	border-bottom: 3px solid #ffcf0e;
}

.project_info_chart_nav_item_active:hover {
	color: black;
}



/* Шаг 2 - Стили */

.project_create_second_container {
	max-width: 650px;
	position: relative;
}

.project_create_description {
	font-size: 110%;
	line-height: 1.7;
}

#project_info_code_block, #project_info_file_block {
	position: absolute;
}

.pcd_item {
	padding: 0px 0px 0px 0px;
	display: flex;
}

.pcd_item_title {
	margin: 0px 10px 0px 0px;
}

.pcd_head {
	margin: 1px 10px 0px 10px;
}

.pcd_code {
	font-size: 100%;
	margin: 10px 0px;
	width: 100%;
	background: #222;
	min-height: 40px;
	padding: 10px 10px;
	color: white;
	letter-spacing: 0.6px;
}

.meta_color {
	color: #9b869b;
	margin: auto 0px;
}

.name_content_color {
	color: #ab875d;
	margin: auto 0px;
}

.value {
	color: #8f9c6c;
	margin: auto 0px;
}

.project_create_second_button_block {
	width: 175px;
}

.project_create_step2_buttons_container {
	display: flex;
	margin: 30px auto;
}

#project_create_back_button {
	margin: 0px 40px 0px auto;
}

#project_create_back_moderation_button {
	margin: 30px auto;
}

/* Шаг 2 - Стили */

/* Стили создания проекта */








/* Стили support */

.support_container {
	display: flex;
	min-height: calc(100% - 100px);
}

.support_ticket_container {
	flex: 4 1 500px;
	background: #fff;
	min-height: calc(100% - 100px);
	padding: 80px 0px 0px 130px;
	margin: 0px 80px 0px 0px;
}

.support_title_support {
	font-size: 140%;
	margin-bottom: 20px;
}

.support_first_create {

	width: 100%;
	min-height: 400px;
}

.support_first_create_form_container {
	max-width: 600px;
}

.support_first_create_input_block {
	width: 500px;
	margin: 20px auto 40px 0px;
}

.project_create_textarea {
	width: 600px;
	min-height: 65px;
	resize: none;
}

.support_first_create_button_block {
	width: 175px;
	margin: 85px 0px 0px auto;
}

#support_first_create_file_input_block {
	margin: 80px auto 40px 0px;
}





/* Контейнер с Тикетами */

.support_ticket {
	width: 80%;
	min-height: 100px;
	overflow-y: auto;
	max-height: 600px;
}

.support_ticket_item {
	cursor: pointer;
	width: 95%;
	min-height: 90px;
	border-bottom: 1px solid #ededed;
	margin: 30px 30px 0px 0px;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

.support_ticket_item:hover {
	border-bottom: 1px solid #ffcf0e;
}

.support_ticket_item_title {
	font-size: 120%;
}

.support_ticket_item_text_title {
	display: flex;
	margin: 10px 0px 0px 0px;

}

.support_ticket_item_text {
	margin-left: 5px;
}

/* Контейнер с Тикетами */







/* Контейнер сообщений */

.support_message_global_container {
	flex: 6 1 500px;
	background: #fff;
	min-height: calc(100% - 100px);
	position: relative;
}

.support_message_container {
	padding: 70px 90px 0px 110px;
}

.support_message {
	width: 100%;
	min-height: 520px;
	display: none;
}

.support_message_head {
	background: #fff;
	font-size: 100%;
	min-height: 80px;
	border-bottom: 1px solid #ededed;

}

.support_message_head_title_container {
	display: flex;
}

.support_message_head_title {
	width: calc(100% - 23px);
	font-size: 140%;
	margin-bottom: 40px;
}

.support_message_head_exit {
	width: 23px;
	height: 25px;
	text-align: right;
	font-size: 200%;
	color: #555;
	cursor: pointer;
}

.support_message_head_exit:hover {
	color: #333;
}

.support_message_head_status_date_container {
	min-height: 30px;
	display: flex;
	margin: 5px 0px 10px 0px;
}

.support_message_head_status {
	display: flex;
	font-size: 105%;
}

.support_message_head_status span{
	margin: auto 0px;
}

.support_message_head_status_title {
	margin: auto 5px auto 0px!important;
}

.support_message_head_date, .support_message_head_id {
	margin: 0px 0px 0px auto;
	display: flex;
	font-size: 105%;
}

.support_message_head_date span , .support_message_head_id span {
	margin: auto 0px;
}



/* Голова Стили */

.support_message_body {
	height: 590px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.support_message_body_margin {

	height: calc(100% - 150px);

	width: 100%;
	margin: auto 0px 0px 0px;
	display: flex;
	flex-direction: column;
}

.support_message_body_container {
	display: block;
	overflow-y: auto;
	margin-top: auto;
	padding: 0px 15px;
}

.support_message_block {
	min-height: 50px;
	max-height: 3000px;
	min-width: 250px;
	max-width: 400px;
	padding: 12px 12px;
	word-wrap: break-word;
  	clear: both;
}

.s_m_b_grey_color {
	background: #f6f6f6!important;
}

#support_message_from_user {
	margin: 0px 0px 15px auto;
	background: #fff;
	border-radius: 25px 25px 0px 25px;
	float: right;
}

#support_message_from_admin {
	margin: 0px auto 15px 0px;
	border-radius: 25px 25px 25px 0px;
	background: #cfecff;
	float: left;
}

.support_message_sender_user {
	height: 20px;
	width: 100%;
	margin-bottom: 5px; 
}

.support_message_text_user {
	min-height: 20px;
	width: 100%;
	line-height: 1.3;
}

/* Контейнер для изображений сообщения */

.support_message_image_container {
	min-height: 0px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	max-height: 600px;
	margin: 20px 0px;
}

.support_message_image_container img {
	width: 45%;
	height: 100%;
	max-height: 120px;
	object-fit: contain;
	border: 1px solid #dedede;
	border-radius: 7px;
	padding: 7px;
	margin: 5px auto;

	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: pointer;


}

/* Контейнер для изображений сообщения */

.support_message_date {
	margin: 10px 0px 0px 0px;
	text-align: right;
}


.support_message_sender_admin {
	height: 20px;
	width: 100%;
	margin-bottom: 5px; 
	color: black;
}

.support_message_text_admin {
	min-height: 20px;
	width: 100%;
	line-height: 1.3;
	color: black;
}

.support_message_date {
	margin: 5px 0px 0px 0px;
	text-align: right;
}

.support_message_day_date {
	height: 60px;
	display: flex;
	font-size: 105%;
	width: 100%;
}

.support_message_day_date span {
	margin: auto;
	text-transform: uppercase;
}



/* Контейнер сообщений */


/* Контейнер набор сообщения */

.support_message_send_container {
	height: 70px; 
	background: #fff;
	margin: auto 0px 0px 0px;
	display: flex;
	border-top: 1px solid #dedede;
	padding: 16.5px 18px 16.5px 10px;
	position: relative;
}


.support_chat_message_file_container {
	height: 60px;
	background: #fff;
	border-top: 1px solid #dedede;
	position: absolute;
	width: 100%;
	top: -61px;
	left: 0px;
	padding: 10px 10px;
	display: none;
}

.support_chat_message_file_close {
	color: #f92f2f;
	position: absolute;
	right: 12px;
	top: 0px;
	display: flex;
	height: 100%;
	font-size: 150%;
}

.support_chat_message_file_close i {
	margin: auto;
	cursor: pointer;
}

.support_chat_file_image_container {
	width: 50px;
	height: 40px;
	border: 1px solid #dedede;
	margin: 0px 10px;
}

.support_chat_file_image_container img {
	object-fit: contain;
	width: 100%;
	height: 100%;

	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}


.support_message_send_text_container {
	width: 100%;
	display: flex;
}

.support_message_file_container {
	width: 30px;
	height: 30px;
	font-size: 160%;
	display: flex;
	cursor: pointer;
	margin: auto 0px;

	-webkit-transition: all 0.04s ease-out;
 	-moz-transition: all 0.04s ease-out;
 	-o-transition: all 0.04s ease-out;
 	transition: all 0.04s ease-out;
}

.support_message_file_container i {
	margin: auto;
}

.support_message_file_container:hover {
	color: #5d5d5d;
}

.support_chat_message_container {
	flex: 1 1 100px;
	padding: 0px 0px;
	position: relative;
}

.support_chat_message_container textarea{
	width: 100%;
	/*height: 36px;*/
	height: 100%;
	border: 0px;
	resize: none;
	padding: 6px 10px;
	line-height: 22px;
	overflow: hidden;
	overflow-wrap: break-word;
}

.support_chat_send_message_container {
	width: 30px;
	height: 30px;
	display: flex;
	cursor: pointer;
	margin: auto 0px;
}

.support_chat_send_message_container i {
	font-size: 150%;
	color: #0073c3;
	margin: auto;
}	






.support_message_send_text {
	max-height: 58px;
	/*height: 100%;*/
	width: 100%;
	max-width: 562px;
	outline: none;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fff;
	word-wrap: break-word!important;
	position: relative;
	resize: none;
	font-size: 115%;
	margin: 20px 0px;
	border: 0px solid;
}

.support_message_send_text:hover { 
	border: 0px solid;
}

.support_message_send_text:focus {
	border: 0px solid;
} 

.support_message_send_button_container {
	width: 45px;
	min-height: 40px;
	margin: auto 0px;
	display: flex;
	border-left: 1px solid #dedede;
}

.support_message_send_button {
	width: 35px;
	height: 35px;
	margin: auto;
	font-size: 130%;
	outline: none;
	border: 0px solid;
	background: transparent;
	cursor: pointer;
}

.support_message_send_button:hover {
	color: #444;
	background: transparent;
}



/* Контейнер набор сообщения */



/* Новый запрос в поддержку*/

.support_new_ticket_create {
	width: 90%;
	min-height: 300px;
}

.support_new_ticket_create_title {

	font-size: 140%;
	margin-bottom: 50px;

}

.support_new_ticket_create_form {
	width: 100%;
	min-height: 300px;
}

.support_input_block {
	margin: 20px 0px 40px 0px;
}

.support_new_create_input_block {
	width: 175px;
	margin: 85px 0px 0px 0px;
}

/* Новый запрос в поддержку*/


/* Лоадер для чатов */

.support_chart_loader_back {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: white;
	opacity: 0.7;
	z-index: 1;
}


/* Лоадер для чатов */




/* Support Стили */


/* FAQ */

.support_faq_container {
	background: #fff;
	min-height: calc(100% - 100px);
	padding: 80px 0px 0px 130px;
	margin: 0px 80px 0px 0px;
}

/* FAQ */




/* Payout стили */

.payout_container {
	flex: 1 1 500px;
	background: #fff;
	min-height: 500px;
	padding: 70px 0px 0px 400px;
	display: flex;
	flex-direction: column;
}

.payout_table_container {
	width: 100%;
	min-height: 500px;
	margin-bottom: 70px;
}

.payout_table {
	width: 80%;
}

.payout_table_title {
	font-size: 150%;
	margin-bottom: 5px;
}

.payout_table_count {
	margin-bottom: 30px;
}

.payout_table_row {
	height: 40px;
	cursor: default;
}




/* Payout Таблица */



/* Payout Таблица */



/* PayOut action Стили */

.payout_action_container {
	width: 90%;
	min-height: 300px;
	display: flex;
	margin-bottom: 100px;
}

.payout_payout_title {
	font-size: 150%;
	margin-bottom: 50px;
}

.payout_payout_container {
	min-height: 300px;
	max-width: 300px;
	margin-right: 10%;
}

.payout_input_block {
	width: 300px;
	margin: 20px 40px 30px 0px;
	position: relative;
}


/*Стили Payout Iphone Тумблер*/

.payout_tumbler_comission_container {
	display: flex;
    width: 250px;
    height: 40px;
    font-size: 105%;
    margin: 15px 0px 15px;
    justify-content: space-between;
}

/*Стили Payout Iphone Тумблер*/



.payout_checkbox {
	padding: 0px 0px 0px 26px;
}

.summ_ruble_sign {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 15px;
	left: 90%;
	font-size: 130%;
	pointer-events: none;
}

.payout_checkbox_icon {
	display: none;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 8px;
	left: 0px;
}

#payout_checbox_qiwi {
	background: no-repeat url("../image/qiwi_sign.svg");
}

#payout_checbox_card { 
	display: block;
	background: no-repeat url("../image/mastercard.svg");
}

#payout_checbox_yoomoney {
	background: no-repeat url("../image/yoomoney_sign_mini.svg");
	width: 26px;
	height: 26px;
	background-size: cover;
}

#payout_checbox_payeer {
	background: no-repeat url("../image/payeer_sign_mini.svg");
	width: 26px;
	height: 26px;
	background-size: cover;
}

#payout_checbox_bitcoin {
	background: no-repeat url("../image/bitcoin_sign_mini.svg");
	width: 26px;
	height: 26px;
	background-size: cover;
}

#payout_checbox_tether {
	background: no-repeat url("../image/tether_sign_mini.svg");
	width: 26px;
	height: 26px;
	background-size: cover;
}

#payout_checbox_tron {
	background: no-repeat url("../image/tron_sign_mini.svg");
	width: 26px;
	height: 26px;
	background-size: cover;
}

.payout_input_button_block {
	width: 160px;
	margin: 50px 0px 0px 0px;
}

.payout_reciever_class {
	padding: 10px 0px 10px 26px!important;
}

.payout_reciever_plus {

	display: none;
	position: absolute;
	width: 32px;
	height: 32px;
	top: 4px;
	left: 0px;
	font-size: 220%;
	color: #333;
}

.payout_reciever_padding {
	left: 25px;
}

/* PayOut action Стили */

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

.payout_table_icon {
	width: 29px;
	height: 18px;
	position: relative;
	top: 0px;
}

#payout_table_qiwi {
	background: no-repeat url("../image/qiwi_sign_mini.svg");
}

#payout_table_card {
	background: no-repeat url("../image/mastercard_mini.svg");
}

#payout_table_card_2 {
	background: no-repeat url("../image/mastercard_mini.svg");
}

#payout_table_yoomoney {
	background: no-repeat url("../image/yoomoney_sign_mini.svg");
	background-size: cover;
	width: 18px;
	height: 18px;
	margin-right: 11px;
}

#payout_table_payeer {
	background: no-repeat url("../image/payeer_sign_mini.svg");
	background-size: cover;
	width: 18px;
	height: 18px;
	margin-right: 11px;
}

#payout_table_bitcoin {
	background: no-repeat url("../image/bitcoin_sign_mini.svg");
	background-size: cover;
	width: 18px;
	height: 18px;
	margin-right: 11px;
}

#payout_table_tether {
	background: no-repeat url("../image/tether_sign_mini.svg");
	background-size: cover;
	width: 18px;
	height: 18px;
	margin-right: 11px;
}

#payout_table_tron {
	background: no-repeat url("../image/tron_sign_mini.svg");
	background-size: cover;
	width: 18px;
	height: 18px;
	margin-right: 11px;
}

.p_method {
	display: flex;
	padding: 12px 3px;
}

.p_method span {
	margin: auto 0px;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.p_status_item {
	font-size: 140%;
	text-align: center;
}

.payout_no_payouts_container {
	width: 100%;
	height: 200px;
	display: flex;
	font-size: 150%;
}

.payout_nextbutton_container {
	width: 100%;
	margin: 70px 0px 100px 0px;
}

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



/* Стили таблицы комиссии */

.payout_comission_container {
	width: 600px;
	min-height: 100px;
	margin-right: 10%;
}

.payout_comission_title {
	font-size: 150%;
	margin-bottom: 20px;
}

.payout_comission_row {
	display: flex;
	padding: 5px 0px;
}


/* Стили таблицы комиссии */

/* Payout стили */









/* Pay Стили */


/* Pay Error стили */

.pay_error_container {
	min-width: 150px;
	height: 150px;
	margin: 0px auto;
}

.pay_error_text {
	display: flex;
}

.pay_error_text {
	font-size: 160%;
	width: 100%;
	display: flex;
	margin: 20px 0px 10px 0px;
}

.pay_error_text span{
	margin: auto;
}

.pay_error_back_button {
	margin: 20px 0px;
	width: 100%;
}

.pay_error_back_button:hover {
	border: 1px solid lightgrey;
}

#pay_error_logo {
	margin: 200px auto 20px auto;
}

.pay_container_logo {
	display: block;
	width: 180px;
	height: 70px;
	background: no-repeat url("../image/logo_black.png");
	background-size: cover;
	margin: auto;
}

/* Pay Error стили */



.pay_body_background_white_loading {

	display: none;
	height: 100%;
	width: 100%;
	position: absolute;
	background: #fff;
	opacity: 0.6;
	z-index: 999;

}


.pay_main_container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.pay_header_container {
	background: #fff;
	height: 150px;
	width: 100%;
	box-shadow: 0 2px 3px #ededed;
}

.pay_header {
	max-width: 1100px;
	height: 100%;
	margin: auto;
	display: flex;
}

/* Header Logo */

.pay_header_logo_container {
	width: 280px;
	height: 100%;
	display: flex;
	flex-direction: column;
	margin-right: 2%;
}

.pay_header_logo_text_container {
	min-height: 0px;
	width: 100%;
	margin: auto 0px;
	position: relative;
	top: -5px;
	display: flex;
	flex-direction: column;
}

.pay_logo {
	display: block;
	width: 170px;
	height: 67px;
	background: no-repeat url("../image/logo_black.png");
	background-size: cover;
	margin: auto;
}

.pay_logo_title {
	cursor: default;
	display: flex;
	margin: 10px auto 0px auto;
	font-size: 100%;
	text-transform: uppercase;
}

.pay_logo_title_simple {
	color: #fbcd02;
	margin-left: 5px;
}

/* Header Logo */



/* Header Общий контейнер справа */

.pay_header_right_container {

flex: 5 1 300px;
display: flex;

}


/* Header Общий контейнер справа */


/* Header наклейка безопасности */

.pay_header_security_container {

	flex: 1 1 100px;
	display: flex;
}

.pay_header_security_text_container {
	margin: auto 0px;
	display: flex;
	font-size: 100%;
	text-transform: uppercase;
}

.pay_header_security_text_container i {
	margin: 1px 10px 0px 0px;
	font-size: 110%;
}

.pay_header_security_text_container span {
	
}

/* Header наклейка безопасности */


/* Header Номер заказа */

.pay_header_text_number {

	height: 100%;
	display: flex;
	flex-direction: column;
	margin: auto 10px auto auto;
}

.pay_header_text_summ_container {
	min-height: 0px;
	margin: auto 10px auto auto;
}

.pay_header_text {
	margin: auto 0px;
	font-size: 145%;
	margin-bottom: 7px;
	white-space: nowrap;
}

.pay_header_summ {
	font-size: 140%;
	display: flex;
	margin-left: auto;
}

.pay_header_summ_title {
	margin: 0px 5px 0px auto;
}

/* Header Номер заказа */



/* Главный Section */


.pay_container {
	margin: 50px auto 0px auto;
	width: 1100px;
	display: flex;
	align-items: flex-start;
	padding: 0px;
	min-height: calc(100vh - 290px);
}


/* Левый контейнер */

.pay_left_container {
	min-width: 280px;
	max-width: 280px;
	height: 100%;
	background: #fff;
	margin-right: 4%;
	padding: 30px 30px 10px 30px;

	display: flex;
    flex-direction: column;
}

.pay_left_title {
	display: flex;
	font-size: 105%;
}

.pay_left_title span {
	margin: auto 0px;
}

.pay_left_bill_info_container {
	min-height: 340px;
	max-height: 350px;
	width: 100%;
	margin: 30px 0px 50px 0px;
}

.pay_left_bill_item_container {
	min-height: 100px;
	max-height: 350px;
	overflow-y: auto;
}

.pay_left_bill_item {
	display: block;
	font-size: 110%;
	min-height: 0px;
	margin: 0px 0px 20px 0px;
}

.pay_left_bill_first {
	margin-bottom: 5px;
}

.pay_left_bill_second {
	min-height: 0px;
	word-wrap : break-word;
}

/* Язык */
.pay_left_bill_support_language_ru {

	top: -7px;
	position: relative;
	width: 45px;
	height: 35px;
	background: no-repeat url("../image/ru_flag.png");
	background-size: cover;

}

.pay_left_bill_support_language_en {

	top: -7px;
	position: relative;
	width: 45px;
	height: 35px;
	background: no-repeat url("../image/en_flag.png");
	background-size: cover;

}

.pay_language_text {
	font-size: 100%!important;
	margin: 0px!important;
	max-height: 19px!important;
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#pay_language_change {
	cursor: pointer;
}

/* Язык */


.pay_left_bill_support_main_container {
	margin: auto 0px 0px 0px;
}

.pay_left_bill_support_container {
	display: flex;
	min-height: 50px;
	width: 100%;

	border-bottom: 1px solid #ededed;
}

.pay_left_bill_support_container span {
	margin: auto 0px;
	font-size: 110%;
	display: flex;
	max-height: 28px;
}

.pay_left_bill_support_container span i{
	margin: 2px 8px 0px 0px;

	height: 17px;
	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

.pay_left_bill_support_container:hover {

	border-bottom: 1px solid #dedede;
}

.pay_left_bill_support_container:hover span {
	color: #444;
}

.pay_left_bill_support_container:hover span i{
	font-size: 110%;
	color: #444;
}




.pay_left_bill_back_to_shop_container {

	min-height: 50px;
	width: 100%;
	font-size: 110%;
	display: flex;
}

.pay_left_bill_back_to_shop_container:hover span{
	color: #444;
}

.pay_left_bill_back_to_shop_container:hover span i{
	font-size: 110%;
	color: #444;
}

.pay_left_bill_back_to_shop_container span{
	margin: auto 0px;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

.pay_left_bill_back_to_shop_container span i{
	margin-right: 5px;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

/* Левый контейнер */




/* Правый контейнер */

.pay_right_container {
	flex: 1 1 500px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.pay_ways_container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0px auto 30px 0px;
}

#pay_way_container_animation {
   -webkit-animation-duration: 0.2s;
   animation-duration: 0.2s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
}

.pay_way_main_container {
	width: 450px;
	min-height: 300px;
	margin: 0px auto 0px auto;
}


.pay_right_container_title {
	font-size: 100%;
}

.pay_right_container_pay_way_container {
	width: 100%;
	height: 100%;
	padding: 10px 0px 100px 0px;
}

.pay_right_container_pay_way_icon {
	width: 100px;
	height: 50px;
	margin: auto;
}

#pay_qiwi {
	background: no-repeat url("../image/pay/qiwi.svg");
}

#pay_card {
	background: no-repeat url("../image/pay/card.svg");
	width: 125px;
	height: 50px;
}

#pay_card_qiwi {
	background: no-repeat url("../image/pay/card.svg");
	width: 125px;
	height: 50px;
}

#pay_card_1p {
	background: no-repeat url("../image/pay/card_ru_2.svg");
	width: 125px;
	height: 50px;
}

#pay_card_cl {
	background: no-repeat url("../image/pay/card_eu.svg");
	width: 125px;
	height: 50px;
}

#pay_yandex {
	background: no-repeat url("../image/pay/yandex.svg");
	width: 125px;
	height: 50px;
}

#pay_yoomoney {
	background: no-repeat url("../image/pay/yoomoney.svg");
	width: 125px;
	height: 50px;
}

#pay_perfectmoney {
	background: no-repeat url("../image/pay/perfectmoney.png");
	width: 130px;
	height: 50px;
}

#pay_advcash {
	background: no-repeat url("../image/pay/advcash.svg");
	width: 130px;
	height: 50px;
}

#pay_beeline {
	background: no-repeat url("../image/pay/beeline.svg");
	width: 130px;
	height: 50px;
}

#pay_megafon {
	background: no-repeat url("../image/pay/megafon.svg");
	width: 130px;
	height: 50px;
}

#pay_tele2 {
	background: no-repeat url("../image/pay/tele2.svg");
	width: 130px;
	height: 50px;
}

#pay_qiwi_mobile {
	background: no-repeat url("../image/pay/qiwi_mobile.svg");
	width: 130px;
	height: 50px;
}

#pay_webmoney {

}

#pay_megafon {

}

#pay_mts {

}

#pay_tele2 {

}

#pay_bitcoin {
	background: no-repeat url("../image/pay/bitcoin.svg");
	width: 130px;
	height: 50px;
}

#pay_litecoin {
	background: no-repeat url("../image/pay/litecoin.svg");
	width: 130px;
	height: 50px;
}

#pay_dogecoin {
	background: no-repeat url("../image/pay/dogecoin.svg");
	width: 130px;
	height: 50px;
}

#pay_dash {
	background: no-repeat url("../image/pay/dash.svg");
	width: 130px;
	height: 50px;
}

#pay_zcash {
	background: no-repeat url("../image/pay/zcash.svg");
	width: 130px;
	height: 50px;
}

.pay_way_open_summ_container {
	margin: auto 0px auto auto;
}


.pay_way_open_container {
	position: relative;
	min-height: 300px;
	background: #fff;
	display: none;
	padding: 50px 30px 60px 30px;
	margin: 20px 0px 0px 0px;
}


.pay_way_open_back {
	display: flex;
	cursor: pointer;
	max-width: 300px;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out;
}

.pay_way_open_back:hover {
	color: #444;
}

.pay_way_open_back i{
	margin: 1px 10px 0px 0px;
	font-size: 110%;
	-webkit-transition: all 0.07s ease-out;
 	-moz-transition: all 0.07s ease-out;
 	-o-transition: all 0.07s ease-out;
 	transition: all 0.07s ease-out;
}

.pay_way_open_back:hover i{
	color: #444;
}

.pay_way_open_back_text {
	text-transform: uppercase;
}

.pay_right_container_pay_way {
	border-bottom: 1.5px solid #ededed;
	width: 173px;
	height: 110px;
	margin: 20px 20px 0px 0px;
	display: flex;
	cursor: pointer;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out;
}

.pay_right_container_pay_way:hover {
	border-bottom: 1.5px solid #ffcf0e;
}



.pay_way_main_title {
	font-size: 110%;
	display: flex;
}

.p_w_m_t_qiwi {
	margin-left: 5px;
	color: #f57d14;
}

.p_w_m_t_yandex {
	margin-left: 5px;
	color: #ffcf01;
}

.p_w_m_t_yoomoney {
	margin-left: 5px;
	color: #8b3ffd;
}

.p_w_m_t_payeer {
	margin-left: 5px;
	color: #67b4e0;
}

.p_w_m_t_perfectmoney {
	margin-left: 5px;
	color: #f01010;
}

.p_w_m_t_advcash {
	margin-left: 5px;
	color: #009a61;
}

.p_w_m_t_beeline {
	margin-left: 5px;
	color: #fab217;
}

.p_w_m_t_megafon {
	margin-left: 5px;
	color: #302a83;
}

.p_w_m_t_tele2 {
	margin-left: 5px;
	color: #000;
}

.p_w_m_t_qiwi_mobile {
	margin-left: 5px;
	color: #000;
}

.p_w_m_t_bitcoin {
	margin-left: 5px;
	color: #f7931a;
}

.p_w_m_t_dash {
	margin-left: 5px;
	color: #2573c2;
}

.p_w_m_t_zcash {
	margin-left: 5px;
	color: #f4b924;
}

/* Стили Опен Контейнеров */


.pay_way_open_logo_summ_container {
	display: flex;
	height: 140px;
}

.pay_way_open_logo {
	margin: auto 0px auto 0px;
}

#pay_way_open_logo_card {
	background: no-repeat url("../image/pay/card.svg");
	width: 150px;
	height: 50px;
}

#pay_way_open_logo_card_qw {
	background: no-repeat url("../image/pay/card.svg");
	width: 150px;
	height: 50px;
}

#pay_way_open_logo_card_1p {
	background: no-repeat url("../image/pay/card_ru_2.svg");
	width: 150px;
	height: 50px;
}

#pay_way_open_logo_card_cl {
	background: no-repeat url("../image/pay/card_eu.svg");
	width: 150px;
	height: 50px;
}

#pay_way_open_logo_qiwi {
	background: no-repeat url("../image/pay/qiwi_mini.svg");
	width: 50px;
	height: 50px;
}

#pay_way_open_logo_yandex {
	background: no-repeat url("../image/pay/yandex_mini.svg");
	width: 50px;
	height: 50px;
}

#pay_way_open_logo_yoomoney {
	background: no-repeat url("../image/pay/yoomoney_mini.svg");
	width: 50px;
	height: 50px;
}

#pay_way_open_logo_payeer {
	background: no-repeat url("../image/pay/payeer.svg");
	width: 150px;
	height: 50px;
}

#pay_way_open_logo_perfectmoney {
	background: no-repeat url("../image/pay/perfectmoney_mini.svg");
	width: 50px;
	height: 50px;
}

#pay_way_open_logo_advcash {
	background: no-repeat url("../image/pay/advcash_mini.svg");
	width: 50px;
	height: 50px;
}

#pay_way_open_logo_beeline {
	background: no-repeat url("../image/pay/beeline_mini.svg");
	width: 50px;
	height: 50px;
}

#pay_way_open_logo_megafon {
	background: no-repeat url("../image/pay/megafon_mini.svg");
	width: 50px;
	height: 50px;
}

#pay_way_open_logo_tele2 {
	background: no-repeat url("../image/pay/tele2_mini.svg");
	width: 50px;
	height: 50px;
}

#pay_way_open_logo_qiwi_mobile {
	background: no-repeat url("../image/pay/qiwi_mobile.svg");
	width: 125px;
	height: 50px;
}

#pay_way_open_logo_bitcoin {
	background: no-repeat url("../image/rates/circle/bitcoin.svg");
	width: 50px;
	height: 50px;
	background-size: cover;
}

#pay_way_open_logo_litecoin {
	background: no-repeat url("../image/rates/circle/litecoin.svg");
	width: 50px;
	height: 50px;
	background-size: cover;
}

#pay_way_open_logo_dogecoin {
	background: no-repeat url("../image/pay/dogecoin_mini.svg");
	width: 50px;
	height: 50px;
	background-size: cover;
}

#pay_way_open_logo_dash {
	background: no-repeat url("../image/rates/circle/dash.svg");
	width: 50px;
	height: 50px;
	background-size: cover;
}

#pay_way_open_logo_zcash {
	background: no-repeat url("../image/rates/circle/zcash.svg");
	width: 50px;
	height: 50px;
	background-size: cover;
}

.pay_way_open_summ {
	font-size: 180%;
	letter-spacing: 0.7px;
}

.pay_way_open_summ_text {
	text-align: right;
	margin: 0px 0px 5px 0px;
}


.pay_way_open_form_container {
	min-height: 100px;
	width: 100%;
}

.pay_mobile_button {
	margin: 40px auto 0px;
	width: 195px!important;
}

.pay_alert_bottom_form {
	margin-top: 30px;
}

/* Контейнер для мобильных платежей */

.pay_way_mobile_wait_container {

}

.pay_way_mobile_wait_text {
	font-size: 105%;
	line-height: 1.7;
	text-align: justify;
}

.pay_way_mobile_wait_loader {
	margin-top: 50px;
}

.pay_way_open_container_mobile_wait_text {
	margin-top: 50px;
	text-align: center;
	font-size: 105%;
}

.pay_way_mobile_success_container {
	font-size: 350%;
	text-align: center;
	margin-top: 40px;
}

/* Контейнер для мобильных платежей */

#pay_litecoin_back_to_shop_button, #pay_dogecoin_back_to_shop_button {
	display: none;
	margin: 25px auto 0px auto;
}

#pay_way_open_container_crypto_confirmation_text_success_litecoin, 
#pay_way_open_container_crypto_confirmation_text_success_dogecoin {
	display: none;
	margin-top: 20px;
}

.pay_way_open_container_crypto_wait_container {
	margin-top: 50px;
	display: none;
}

.pay_way_open_container_crypto_wait_text {
	text-align: center;
	margin-top: 60px;
}

.pay_way_open_form_error {
	margin: auto ;
	font-size: 105%;
}

.pay_way_open_currency_select {
	margin: 10px 0px 30px 0px;
	width: 250px;
}

/* Crypto стили на pay.php */

.pay_way_open_crypto_input_qr_container {
	display: flex;
}

.pay_way_open_crypto_input_container {
	width: 80%;
}

.pay_way_open_crypto_input {
	margin: 20px 0px 30px 0px;
	width: 100%;
}

.pay_way_open_crypto_qr_container {
	position: relative;
	left: 20px;
	bottom: 10px;
}


/* Crypto стили на pay.php */







.pay_way_open_loading_background {
	position: absolute;
	display: none;
	width: calc(100% - 60px);
	height: calc(100% - 100px);
	background: #fff;
	opacity: 0.6;
	z-index: 999;

}

.pay_input_block {
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.p_i_b_for_phone {
	margin: 0px 0px 35px 0px;
	max-width: 350px;
}

.p_i_b_for_phone input {
	letter-spacing: 0.7px;
}

.pay_input_crypto_block {
	margin: 50px 0px 0px 0px;
	width: 100%;
}

.pay_input_block_label {
	position: absolute;
	top: 50px;
}



.pay_input_button_block {
	margin: 73px 0px 0px 0px;
}

.pay_input_crypto_first_form_button_block {
	margin: 60px 0px 0px 0px;
}

.pay_input_crypto_check_button_block {
	margin: 73px 0px 0px 0px;
}

.pay_main_button {
	margin: 0px;
	width: 180px;
}

.pay_payeer_form_class, .pay_advcash_form_class {
	display: none;
}

/* Стили Опен Контейнеров */



/* Правый контейнер */



/* Стили Pay Footer */

.pay_footer_container {
	min-height: 70px;
	width: 1100px;
	margin: 20px auto 0px auto;
}

.pay_footer_block {
	display: flex;
	height: 50%;
	width: 80%;
}

#pay_footer_block_first {
	margin-bottom: 15px;
}

.pay_footer_text_container_first {
	margin: auto 30px auto 10px;
}

.pay_footer_text_container {
	margin: auto auto auto 10px;
}


/* Стили Pay Footer */




/* Мобильные pay стили */

.pay_mobile_info_container {
	width: 480px;
	margin: 0px auto;
	display: none;
}

.pay_mobile_info {
	width: 100%;
	min-height: 100px;
}

.pay_mobile_for_open_invisible {
	display: flex;
}

.pay_mobile_info_visible_container {
	margin: 30px auto 0px auto;
	width: 100%;
	min-height: 70px;
	font-size: 105%;
	display: flex;
	flex-direction: column;
}

.pay_mobile_info_visible_payment {
	margin-bottom: 5px;
}

.pay_mobile_info_visible_price {
	margin: 20px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}


.pay_mobile_info_visible_price span{
	font-size: 150%;
	border-bottom: 2px solid #fbcd02;
	padding-bottom: 2px;
}

.pay_mobile_info_visible_price_arrow {
	color: #fbcd02;
	font-size: 150%;
	margin-left: 12px;

	-webkit-transition: all .1s linear 0s;
  	transition: all .1s linear 0s;
}

.p_m_i_v_p_a_rotate {
	position: relative;
	top: -4px;
	transform: rotate(180deg);
}


.pay_mobile_info_invisible_container {
	margin: 25px auto;
	width: 100%;
	min-height: 80px;
	display: none;
	-webkit-transition: all .2s linear 0s;
  	transition: all .2s linear 0s;

  	user-select: none;   
}


.p_m_i_i_c_mobile {
	display: block;
}

.pay_mobile_info_invisible_item {
	display: flex;
	margin: 10px 0px;
}


.p_m_i_i_i_title {
	width: 180px;
}

.pay_mobile_info_title {
	text-transform: uppercase;
}

/* Мобильные pay стили */

/* Pay Стили */

















/* Главная страница стили блоков */

/* Главная страница статистика */
.first_section {
	margin-bottom: 80px;
}

.main_page_statistics_chart_container {
	min-height: 400px;
	border: 1px solid white;
	width: 100%;
	position: relative;
}

.main_page_statistick_block {
	/*width: 60%;*/
	background: #fff;
	margin-right: 70px;
	flex: 3 1 300px;
	padding: 50px 60px 60px 60px;
}

.main_page_statisticks_title_container {
	display: flex;
	min-height: 50px;
}

.main_page_statisticks_title {
	font-size: 140%;
	margin: 5px 0px auto 0px;
}

.main_page_statisticks_input_block {
	width: 250px;
	margin: 0px 0px 10px auto;
	position: relative;
}

.main_page_statistics_chart_container {
	width: 45vw;
	height: 40vh;
/*	max-width: 900px;
	min-height: 400px;*/
}
/* Главная страница статистика */


/* Главная страница список касс */
.main_page_shops_block {
	padding: 40px 5px 60px 60px;
	background: #fff;
	flex: 2 1 300px;
	overflow-y: auto;
	max-height: 630px;
}

.main_page_title {
	font-size: 140%;
}

.main_page_shops_table {
	margin: 20px 0px 0px 0px;
	position: relative;
	left: -7px;
}

.main_page_shops_table_row {
	height: 40px;
}

.main_page_shops_table_name:hover {
	color: #555;
}

.main_page_shops_no_shops_container {
	display: flex;
	height: 100px;
	font-size: 125%;
}

.main_page_shops_no_shops_container span{
	padding-bottom: 5px;
	margin: auto;
	border-bottom: 1.5px solid #fff; 

	-webkit-transition: all 0.05s ease-out;
 	-moz-transition: all 0.05s ease-out;
 	-o-transition: all 0.05s ease-out;
 	transition: all 0.05s ease-out; 
}

.main_page_shops_no_shops_container span i{

	color: #555;
	margin-right: 5px;

}

.main_page_shops_no_shops_container span:hover {
	border-bottom: 3px solid #ffcf0e; 
}
/* Главная страница список касс */


/* Главная страница список транзакций */

.main_page_transactions_block {
	background: #fff;
	margin-right: 70px;
	flex: 5 1 300px;
	padding: 40px 60px 60px 60px;
}

.main_page_transactions_title {
	font-size: 140%;
	margin-bottom: 15px;
}

.main_page_transactions_table {
	position: relative;
	left: -8px;
}

.main_page_transaction_table_row {
	cursor: pointer;
	height: 40px;
}

/* Главная страница список транзакций */


/* Главная страница список выводов */





/* Главная страница список выводов */

.main_page_payout_block {
	background: #fff;
	flex: 3 1 300px;
	padding: 40px 40px 60px 60px;
}


.main_page_no_transactions_container {
	display: flex;
	height: 100px;
	font-size: 125%;
}


.main_page_no_transactions_container span{
	margin: auto;
}

/* Главная страница стили блоков */



/* Index Стили */

.index_header_container {
	position: fixed;
	width: 100%;
	height: 90px;
	border-bottom: 1px solid #ededed;
	z-index: 50;
	background: #fff;
}

.index_header_main_container {
	max-width: 1300px;
	height: 100%;
	margin: auto;
	display: flex;
}

.index_header_logo_text_container {
	min-height: 0px;
	margin: auto 0px;
	position: relative;
	top: -5px;
	display: flex;
	flex-direction: column;
}

.index_header_logo {
	display: block;
	min-width: 146px;
    height: 77px;
	background: no-repeat url("../image/logo_black.png");
	background-size: cover;
	margin: auto 0px;
	position: relative;
	top: -7px;
}

.index_header_logo_title {
	cursor: default;
	color: #d9d9d9;
	display: flex;
	margin: 5px auto 0px auto;
	font-size: 85%;
	text-transform: uppercase;
}

.index_nav_container {
	width: 55%;
	height: 100%;
	font-size: 110%;
	display: flex;
	color: black;
	padding: 0px 0px 0px 150px;
}

.index_nav_item_auth_reg_container {
	display: flex;
	margin: 0px 50px 0px auto;
}

.index_nav_item {
	cursor: pointer;
	margin: auto;
	position: relative;
	padding-bottom: 2px;

	-webkit-transition: all 0.05s ease-out;
 	-moz-transition: all 0.05s ease-out;
 	-o-transition: all 0.05s ease-out;
 	transition: all 0.05s ease-out; 
}

.index_nav_item:hover {
	color: #555;
}

#index_nav_item_expand {
	height: 100%;
	display: flex;
}

#index_nav_item_expand span{
	margin: auto;
}

#index_nav_connect_icon {
	position: relative;
	top: 1px;
	left: 1px;

	-webkit-transition: all 0.05s ease-out;
 	-moz-transition: all 0.05s ease-out;
 	-o-transition: all 0.05s ease-out;
 	transition: all 0.05s ease-out; 
}

#index_nav_item_expand:hover #index_nav_connect_icon {
	transform: rotate(-180deg);
}

#index_nav_item_expand:hover .index_nav_item_drop{
	opacity: 1;
	pointer-events: auto;
}

.index_nav_item_drop {
	pointer-events: none;
	opacity: 0;
	padding: 10px 20px;
	display: block;
	min-height: 140px;
	width: 220px;
	background: #fff;
	position: absolute;
	top: 70px;
	bottom: 0px;
	left: -55px;
	right: 0px;
	box-shadow: 0px 1px 6px #dedede;
	border-radius: 10px;
	color: #333;
	font-size: 100%;

		-webkit-transition: all 0.05s ease-out;
 	-moz-transition: all 0.05s ease-out;
 	-o-transition: all 0.05s ease-out;
 	transition: all 0.05s ease-out; 
}

#index_nav_service {
	min-height: 100px;
}

.index_nav_item_drop_item {
	height: 40px;
	display: flex;
}

.index_nav_item_drop_item:hover {
	color: #777;
}

.index_nav_item_drop_item_text_container {
	margin: auto 0px!important;
	display: flex;
}

.index_nav_item_drop_item_text_container i{
	color: #555;
	font-size: 100%;
	margin-right: 10px;
	width: 20px;
}

.index_nav_item_drop_item_text {
	position: relative;
	top: -2px;
}

.index_header_cabinet_container {
	width: 35%;
	display: flex;
	padding: 0px 0px 0px 20%;
}

.index_nav_item_log_in_container {
	display: flex;
	height: 100%;
	font-size: 110%;
}

.index_nav_item_log_in_icon {
	margin: auto 10px auto 0px;
	color: #444;
}

.index_nav_item_log_in_text {
	margin: auto 0px;
}

#index_nav_item_log_in:hover {
	color: black;
}

.index_nav_item_text_icon_container {
	border-bottom: 2px solid white;
	height: 25px;
	display: flex;
	margin: auto;
}

.index_nav_item_text_icon_container:hover {
	border-bottom: 2px solid #ffcf0e;	
}

.index_nav_item_sign_up_container {
	border: 1px solid #dedede;
	padding: 10px 25px;
	border-radius: 5px;

	-webkit-transition: all 0.05s ease-out;
 	-moz-transition: all 0.05s ease-out;
 	-o-transition: all 0.05s ease-out;
 	transition: all 0.05s ease-out; 
}

.index_nav_item_sign_up_container:hover {
	border: 1px solid #ffcf0e;
	color: black;
}

#index_nav_item_sign_up {
	margin-left: 20px;
}


/* Главная страница блок с картинкой */

.body_commercial_main_container {
	margin: 90px 0px 0px 0px;
}

.index_main_photo_container {
	width: 100%;
	height: 45vw;
	min-height: 700px;
	background: no-repeat url("../image/banner.png");
	background-size: cover;
	display: flex;
	opacity: 0.95;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.index_main_photo_container_absolute_background {

	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;

}

.index_main_photo_text_container {
	height: 100%;
	width: 40%;
	margin-left: 60%;

	display: flex;
	flex-direction: column;
	color: #111;

}

.index_main_photo_text_and_button_container {
	margin: auto;
	min-height: 0px;
	width: 80%;
	padding-bottom: 40px;
	z-index: 2;
}

.index_main_photo_text_title {
	font-size: 330%;
	line-height: 1.3;
	margin-bottom: 30px;
	color: #fdfdfd;

}

.index_main_photo_text_title::selection, .index_main_photo_text_dop::selection  {
	background: #fff;
	color: #feae0f;
}

.index_main_photo_text_dop {
	font-size: 160%;
	line-height: 1.5;
	color: #f3f3f3;
}

.index_main_photo_text_button {
	font-size: 110%;
	display: flex;

	color: #f1f1f1;
	margin: 50px 0px 0px 0px;
	background: black;
	width: 230px;
	height: 60px;
	border-radius: 7px;
	user-select: none;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 

	-webkit-box-shadow: 0px 18px 32px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 18px 32px -9px rgba(0,0,0,0.75);
	box-shadow: 0px 18px 32px -9px rgba(0,0,0,0.75);
}

.index_main_photo_text_button:hover {

-webkit-box-shadow: 0px 22px 40px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 22px 40px -7px rgba(0,0,0,0.75);
box-shadow: 0px 22px 40px -7px rgba(0,0,0,0.75);

}

.index_main_photo_text_button span{
	margin: auto;
}

.index_main_photo_text_button span i {
	margin-left: 10px;
}


/* Главная страница блок с картинкой */





/* Главная страница тарифы */

.index_main_rate_container_main {
	margin: 0px;
	width: 100%;
	min-height: 600px;
	background: #f6f6f6;
	padding: 40px 0px 100px 0px;
}

.index_main_rate_container_global {
	min-height: 600px;
	max-width: 1400px;
	margin: auto;
}

.index_main_rate_container {

	margin: auto;
	padding: 40px 0px 20px 0px;
	display: flex;
}


.index_main_rate_title {
	display: flex;
	font-size: 190%;
	z-index: 10;
	position: relative;
}


.index_main_rate_title_under {
	background: #ffcf0e;
	width: 100%;
	height: 14px;
	position: relative;
	bottom: 12px;
	z-index: 0;
}



/* Мобильная коммерция */
#index_main_rateway_icon_megafon {
	background: no-repeat url(../image/rates/circle/megafon.svg);
}

#index_main_rateway_icon_beeline {
	background: no-repeat url(../image/rates/circle/beeline.svg);
}

#index_main_rateway_icon_mts {
	background: no-repeat url(../image/rates/circle/mts.svg);
}

#index_main_rateway_icon_tele2 {
	background: no-repeat url(../image/rates/circle/tele2.svg);
}
/* Мобильная коммерция */














.index_rate_containers_container {
	width: 100%;
	min-height: 400px;
	margin: 30px auto 0px auto;
	display: flex;
	justify-content: flex-start;
}


.index_rate_container {
	flex: 1 1 100px;
	min-height: 400px;
	margin-right: 50px;
}

#i_r_c_last {
	margin-right: 0px;
}

.index_rate_my_rate_container {
	color: #ff8d3a;
	margin-left: 5px;
}

.index_rate_title_for_rate_container {
	font-size: 125%;
	display: flex;
	height: 30px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
}

.index_rate_container_for_icons {
	min-height: 250px;
	background: #fff;
	border-radius: 5px;
	margin: 10px auto;
	padding: 20px 10px 40px 10px;
	display: flex;
	flex-direction: column;

	-webkit-box-shadow: 0px 4px 18px 0px #ededed;
	-moz-box-shadow: 0px 4px 18px 0px #ededed;
	box-shadow: 0px 4px 18px 0px #ededed;
}

.index_rate_container_for_icons_margin {
	min-height: 50px;
	display: flex;
	margin-bottom: auto;
}

.index_rate_icons {
	width: 50px;
	height: 50px;

	margin: auto;
	background-size: cover!important;
}


#i_m_r_c_m_rates {
	padding: 50px 0px 0px 0px;
}

.index_rate_text_container {
	margin: auto;
	text-align: justify;
	width: 95%;

}

/* Главная страница тарифы */




/* Демо - оплата */

.index_main_demo_pay_container {
	min-height: 550px;
	background: #fff;
	width: 100%;
}

.index_main_demo_pay_container_global {
	display: block;
	width: 1300px;
	min-height: 550px;
	margin: auto;
}


.index_main_demo_pay_form {
	width: 410px;
	min-height: 300px;
	margin: 30px 50px 0px auto;
}

.index_main_demo_pay_form_container {
	min-width: 0px;
	max-width: 410px;
}

#index_main_demo_pay_button {
	width: 250px;
	height: 50px;
	margin: 30px 0px 0px 0px;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

#index_main_demo_pay_button:hover {
	-webkit-box-shadow: 4px 4px 10px -2px #dedede;
	-moz-box-shadow: 4px 4px 10px -2px #dedede;
	box-shadow: 4px 4px 10px -2px #dedede;
}





/* Демо - оплата */



/* Интеграция */

.index_main_integration_container {
	min-height: 650px;
	background: #fff;
	width: 100%;
}

.index_main_integration_container_global {
	display: block;
	width: 1400px;
	min-height: 650px;
	margin: auto;
}

#i_m_i_c_g_style {
	padding: 0px 20px;
	min-height: 550px;
}

.index_main_integration_title {
	display: flex;
	font-size: 190%;
	z-index: 10;
	position: relative;
}

.index_main_integration {
	width: 1400px;
	margin: auto;
	min-height: 500px;
	display: flex;
}

.index_main_integration_item {
	width: 25%;
	min-height: 300px;
	position: relative;
}

.index_main_integration_item_icon_block {
	display: flex;
	margin: 100px auto 0px auto;
	width: 120px;
	height: 120px;
	background: no-repeat url("../image/rhombus.svg");
}

.index_main_integration_item_icon_block i{
	margin: auto;
	font-size: 200%;
	color: #ffcf0e;
}

.index_main_integration_item_title_block {
	margin: 30px 0px 0px 0px;
	display: flex;
	font-size: 130%;
}

.index_main_integration_item_title_block span{
	margin: auto;
}

.index_main_integration_item_text_block {
	font-size: 105%;
	display: flex;
	margin: 25px auto;
	text-align: center;
	line-height: 1.4;
	width: 80%;
}

.index_main_integration_item_text_block span{
	margin: auto;
}

.index_main_integration_arrow_next {
	color: #ffcf0e;
	font-size: 450%;
	position: absolute;
	top: 124px;
	right: 0px;
	left: 325px;
	bottom: 0px;
}

/* Интеграция */






/* Преимущества */

.index_main_advantage_main_container {
	min-height: 500px;
	width: 1400px;
	margin: 0px auto;
	overflow: none;
}

.index_main_advantage_container {

	display: flex;
	background: #f6f6f6;
	width: 100%;
	min-height: 400px;
	max-height: 400px;
}

.index_main_advantage_container_left, .index_main_advantage_container_right {
	width: 50%;
	display: flex;
}

#i_m_a_c_second {
	margin: 30px 0px;
}

.index_main_advantage_image_for_mobile {
	display: none;
	height: 100%;
}

#index_main_advantage_chat_id {
	max-height: 500px;
}

.index_main_advantage_video {
	margin: auto;
}

.index_main_advantage_text {
	min-height: 200px;
	width: 65%;
	margin: auto;
}

.index_main_advantage_text_lil_title {
	font-size: 110%;
	letter-spacing: 1.2px;
}

.index_main_advantage_text_title {
	font-size: 160%;
	letter-spacing: 0.6px;
	margin: 20px 0px 0px 0px;
}

.index_main_advantage_text_text {
	margin: 20px 0px 0px 0px;
	font-size: 105%;
	line-height: 1.6;
}

/* Преимущества */



/* Преимущества сайт macos */

.index_main_site_container {
	width: 100%;
	max-width: 550px;
	min-height: 300px;
	margin: auto;
}

.index_main_site_macos_header {
	height: 50px;
	background: #fff;
	border-radius: 10px 10px 0px 0px;
	display: flex;
	padding: 15px 20px;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(222,222,222,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(222,222,222,1);
	box-shadow: 0px 2px 5px 0px rgba(222,222,222,1);
}

.index_main_site_macos_buttons {
	margin: auto 0px;
	display: flex;

}

.index_main_site_macos_exit, 
.index_main_site_macos_turn, 
.index_main_site_macos_open {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin-right: 10px;
}

.index_main_site_macos_exit {
	background: #e25f54;
	border: 1px solid #cf3f31;
}

.index_main_site_macos_turn {
	background: #edbb42;
	border: 1px solid #e6a622;
}

.index_main_site_macos_open {
	background: #e3e3e3;
	border: 1px solid #d2d2d2;
}

.index_main_site_macos_body {
	min-height: 300px;
}

.index_main_site_macos_empty_block_container {
	display: flex;
	width: 100%;
	height: 40px;
	flex-wrap: wrap;
	overflow: hidden;
	margin-top: 30px;
}

.index_main_site_macos_empty_block {
	background: #fff;
	width: 110px;
	height: 30px;
	margin: auto;
	border-radius: 20px;
	margin-bottom: 10px;

	-webkit-box-shadow: 0px 4px 5px 0px rgba(237,237,237,1);
	-moz-box-shadow: 0px 4px 5px 0px rgba(237,237,237,1);
	box-shadow: 0px 4px 5px 0px rgba(237,237,237,1);
}


.index_main_site_macos_iframe_text_container {
	min-height: 250px;
	margin-top: 30px ;
	display: flex;
}

.index_main_site_macos_iframe {
	flex: 1 1 410px;
}

.index_main_site_macos_text_container {
	flex: 1000 5 0px;
}

.index_main_site_macos_text {
	height: 15px;
	background: #fff;
	margin-bottom: 15px;
	border-radius: 10px;

	-webkit-box-shadow: 0px 2px 3px 0px rgba(237,237,237,1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(237,237,237,1);
	box-shadow: 0px 2px 3px 0px rgba(237,237,237,1);
}


/* Преимущества сайт macos */


/*Способы оплаты*/

.index_main_pay_way_container {
	width: 100%;
	max-width: 990px;
	display: flex;
	flex-wrap: wrap;
	min-height: 100px;
	margin: 70px auto;
	opacity: 0.8;
	justify-content: center;
}

.index_main_pay_way_item {
	margin: 20px 15px;
	width: 125px;
	height: 50px;
}

#i_m_p_w_i_visa {
	background: no-repeat url(../image/pay/card.svg);
}

#i_m_p_w_i_apple_pay {
	background: no-repeat url(../image/pay/apple_pay.svg);
}

#i_m_p_w_i_google_pay {
	background: no-repeat url(../image/pay/google_pay.svg);
}

#i_m_p_w_i_mir {
	background: no-repeat url(../image/pay/mir.svg);
}

#i_m_p_w_i_uniteller {
	background: no-repeat url(../image/pay/uniteller.png);
}

#i_m_p_w_i_qiwi {
	background: no-repeat url(../image/pay/qiwi.svg);
}

#i_m_p_w_i_yandex {
	background: no-repeat url(../image/pay/yandex.svg);
}

#i_m_p_w_i_payeer {
	background: no-repeat url(../image/pay/payeer_125.svg);
}

#i_m_p_w_i_advcash {
	background: no-repeat url(../image/pay/advcash.svg);
}

#i_m_p_w_i_perfectmoney {
	background: no-repeat url(../image/pay/perfectmoney_125.png);
}

#i_m_p_w_i_beeline {
	background: no-repeat url(../image/pay/beeline.png);
}

#i_m_p_w_i_mts {
	background: no-repeat url(../image/pay/mts.png);
}

#i_m_p_w_i_megafon {
	background: no-repeat url(../image/pay/megafon.svg);
}

#i_m_p_w_i_tele2 {
	background: no-repeat url(../image/pay/tele2.svg);
}



/*Способы оплаты*/


/* Страница с Инструкцией */

.index_main_instruction_container {
	width: 100%;
	min-height: 600px;
}

.index_main_instruction_item {
	min-height: 300px;
	width: 100%;
}

.grey_background {
	background: #f6f6f6;
}

.white_background {
	background: #fff;
}

.index_main_instruction_item_container {
	width: 80%;
	min-height: 400px;
	display: flex;
	margin: 0px auto;	
}

.index_main_instruction_item_instr_text_container {
	width: 50%;
	display: flex;
}

.index_main_instruction_item_photo_container {
	width: 50%;
}

.index_main_instruction_text_container {
	margin: auto 0px auto 50px;
	max-width: 400px;
	border-left: 7px solid #ffcf0e;
	padding: 0px 0px 0px 15px;
}

#i_m_i_t_c_moderation {
	top: 100px; 
	position: relative;
}

#i_m_i_t_c_integration {
	top: 120px; 
	position: relative;
}

.i_m_i_t_c_right {
	margin: auto 150px auto auto;
	border-left: 0px;
	border-right: 7px solid #ffcf0e;
	padding: 0px 15px 0px 0px;
	position: relative;
	top: 50px;
}

.index_main_instruction_title {
	font-size: 140%;
	margin-bottom: 30px;
}

.index_main_instruction_text {
	font-size: 105%;
	line-height: 1.4;
}

.index_main_instruction_registration {
	width: 23vw;
	height: 33vw;
	background: no-repeat url(../image/instructions/reg.png);
	background-size: cover;
	position: relative;
	top: 100px;
	margin: auto;
}

.index_main_instruction_add {
	width: 40vw;
	height: 43vw;
	background: no-repeat url(../image/instructions/add.png);
	background-size: cover;
	position: relative;
	top: 80px;
	margin: auto;
}

.index_main_instruction_moderation {
	width: 33vw;
	height: 20vw;
	background: no-repeat url(../image/instructions/moderation.png);
	background-size: cover;
	position: relative;
	top: 230px;
	margin: auto;
}

.index_main_instruction_passport {
	width: 20vw;
	height: 30vw;
	background: no-repeat url(../image/instructions/passport.png);
	background-size: cover;
	position: relative;
	top: 100px;
	margin: auto;
}

.index_main_instruction_integration {
	width: 44vw;
	height: 31vw;
	background: no-repeat url(../image/instructions/integration1.png);
	background-size: cover;
	position: relative;
	top: 110px;
	margin: auto;
}

.index_main_instruction_pay {
	width: 35vw;
	height: 35vw;
	background: no-repeat url(../image/instructions/pay.png);
	background-size: cover;
	position: relative;
	top: 0px;
	margin: auto;
}

/* Страница с Инструкцией */

.index_main_instruction_main_title {
	background: #fff;
	width: 100%;
	display: flex;
	font-size: 180%;
	margin-top: 40px;
}

.index_main_instruction_main_title span{
	margin: auto;
}


/* Инструкции стили */



/* Стили поддержки на главной */


.index_main_support_container {
	width: 1300px;
	min-height: 250px;
	margin: 70px auto;
}

.index_main_support_title {
	min-height: 30px;
	font-size: 150%;
	display: flex;
	margin-bottom: 40px;
}

.index_main_support_title span{
	margin: auto 0px;
}

/* Стили поддержки вопросы */
.index_main_support_faq_container {
	width: 100%;
	min-height: 200px;
	display: flex;
	margin: 0px 0px 30px 0px;
}

.index_main_support_faq_item {
	min-width: 200px;
	min-height: 200px;
	margin: 0px auto 0px 0px;
}

.index_main_support_faq_item_title_container {
	width: 100%;
	min-height: 35px;
	display: flex;
}

.index_main_support_faq_item_title_icon {
	width: 35px;
	height: 35px;
	font-size: 170%;
	display: flex;
}

.index_main_support_faq_item_title_icon i {
	margin: auto 0px;
}

.index_main_support_faq_item_title_text {
	width: calc(100% - 35px);
	min-height: 35px;
	font-size: 130%;
	display: flex;
	padding-left: 5px;
	margin-bottom: 10px;
}

.index_main_support_faq_item_title_text span{
	margin: auto 0px;
}

.index_main_support_faq_item_text {
	min-height: 35px;
	width: 100%;
	display: flex;
	font-size: 110%;
}

.index_main_support_faq_item_text span{
	margin: auto 0px;
	cursor: pointer;

	-webkit-transition: all 0.07s ease-out;
 	-moz-transition: all 0.07s ease-out;
 	-o-transition: all 0.07s ease-out;
 	transition: all 0.07s ease-out; 
}

.index_main_support_faq_item_text span:hover {
	color: black;
}
/* Стили поддержки вопросы */


.index_main_support_api_chat_container {
	width: 100%;
	min-height: 200px;
	display: flex;
	margin-bottom: 60px;
}

.index_main_support_chat_container {
	min-width: 300px;
	min-height: 130px;
	display: flex;
	margin: auto auto auto auto;
}

.index_main_support_chat_icon {
	width: 130px;
	height: 130px;
	background: no-repeat url(../image/support_icon.svg);
	background-size: cover;
}

.index_main_support_api_icon {
	width: 130px;
	height: 130px;
	background: no-repeat url(../image/api_icon.svg);
	background-size: cover;
}

.index_main_support_chat_text_container {
	min-width: 170px;
	padding-left: 20px;
}

.index_main_support_chat_title {
	font-size: 120%;
	margin-bottom: 10px;
}

.index_main_support_chat_text {
	line-height: 1.3;
	max-width: 200px;
	min-height: 55px;
}

.index_main_support_chat_button {
	margin-top: 15px;
	width: 100%;
	display: flex;
	font-size: 108%;
	background: #ffcf0e;
	height: 45px;
	border-radius: 3px;
	cursor: pointer;

    -webkit-transition: all 0.08s ease;
    -moz-transition: all 0.08s ease;
    -o-transition: all 0.08s ease;
    transition: all 0.08s ease;
}

.index_main_support_chat_button:hover {
	background: #ffc812;
}

.index_main_support_chat_button span{
	margin: auto;
}


/* Окно поддержки */

.index_main_support_modal_window {
	width: 100%;
	min-height: 150px;
	background: #f9f9f9;
	z-index: 100;
	margin-bottom: 40px;
	position: relative;
	top: -10px;
	border-radius: 3px;
	padding: 30px;
	color: black;

	display: none;
}

.index_main_support_modal_window_title_exit_container {
	display: flex;
	width: 100%;
}

.index_main_support_modal_window_title {
	margin-bottom: 20px;
	font-size: 130%;
	width: calc(100% - 20px);
}

.index_main_support_modal_window_exit {
	width: 20px;
	height: 25px;
	font-size: 170%;
	color: #222;
	cursor: pointer;
}

.index_main_support_modal_window_text_photo_container {
	display: flex;
}

.index_main_support_modal_window_text {
	font-size: 105%;
	line-height: 1.4;
}

.index_main_support_modal_window_text_photo {
	min-height: 100px;
}

#index_main_support_modal_window_text_photo_passport {
	width: 300px;
	height: 450px;
	background: no-repeat url(../image/instructions/passport.png);
	background-size: cover;
	margin: auto;
}

#index_main_support_modal_window_text_photo_payout {
	width: 350px;
	height: 470px;
	background: no-repeat url(../image/instructions/payout.png);
	background-size: cover;
	margin: auto;
}


/* Окно поддержки */


/* Новый запрос из главной */


.index_main_support_new_request_container {
	width: 500px;
	min-height: 700px;
	margin: 50px auto;
	padding: 30px;
}

.index_main_support_new_request_title {
	font-size: 140%;
}

.index_main_support_new_request_input_block {
	margin: 60px 0px 0px 0px;
	width: 430px;
}

.index_main_support_new_request_textarea {
	width: 430px;
	min-height: 65px;
	resize: none;
}

.index_main_support_new_request_captcha_block {
	margin: 70px 0px;
}

.index_main_support_new_request_button_block {
	width: 180px;
	margin: 85px auto 0px 0px;
}

/* Новый запрос из главной */




/* Чат из главной */

.index_main_support_chat_main_container {
	width: 600px;
	height: 600px;
	margin: 0px auto;
	padding: 30px;
	display: flex;
}

.index_main_support_info_container {
	max-width: 550px;
	border-radius: 7px;
	min-height: 80px;
	margin: 25px auto 0px auto;
	padding: 15px;
	background: #f9f9f9;
}

.index_main_support_message_container {
	width: 100%;
	background: #fff;
	min-height: calc(100% - 100px);
	position: relative;
}

.index_main_support_message_body {
	height: 485px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.index_main_support_message_head_status {
	display: flex;
    font-size: 105%;
    height: 30px;
}

.index_main_support_message_head_status span{
	margin: auto 0px;
}

.index_main_support_message_head_status_date_container {
	min-height: 30px;
    display: flex;
    margin: 0px 0px 10px 0px;
}

.index_main_support_message_head_title {
	width: calc(100% - 23px);
	font-size: 140%;
	margin-bottom: 25px;
	max-height: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}

.index_main_support_message_captcha_block {

	margin: 20px 0px 10px auto;
}

/* Чат из главной */








/* Стили поддержки на главной */


/* Тарифы Стили */

.index_main_rates_container {
	width: 1300px;
	min-height: 600px;
	margin: 70px auto;
	font-size: 110%;
}

.index_main_rate_container_item {
	width: 1300px;
	min-height: 150px;
	margin: 0px 0px 40px 0px;
}

.index_main_rate_container_item_title {
	font-size: 120%;
	margin-bottom: 20px;
}

.index_main_rate_container_for_title {
	margin: 60px 0px 80px 0px;
	/*padding: 50px 0px 20px 0px;*/
	display: flex;
}

.index_main_rate_rateway_container {

	 min-height: 100px;
	 display: flex;
	 flex-wrap: wrap;
	 padding: 20px 0px;
}

#i_m_r_r_c_payway_padding {
	padding: 55px 0px;
}

.index_main_rate_rateway {
	min-width: 240px;
	height: 60px;
	margin: auto 10px 20px 0px;
	display: flex;
}

.index_main_rateway_title_text_container {
	padding: 5px 15px;
}

.index_main_rateway_icon {
	margin: auto 0px;
	width: 60px;
	height: 60px;
}

.index_main_rateway_title {
	font-size: 110%;
}

.index_main_rateway_text {
	margin: 10px 0px 0px 0px;
}

/* Банковские карты */
#index_main_rateway_icon_visa {
	background: no-repeat url(../image/rates/circle/visa.svg);
}

#index_main_rateway_icon_mastercard {
	background: no-repeat url(../image/rates/circle/mastercard.svg);
}

#index_main_rateway_icon_mir {
	background: no-repeat url(../image/rates/circle/mir.svg);
}

#index_main_rateway_icon_apple_pay {
	background: no-repeat url(../image/rates/circle/apple_pay.svg);
}

#index_main_rateway_icon_google_pay {
	background: no-repeat url(../image/rates/circle/google_pay.svg);
}
/* Банковские карты */

/* Эл кошельки */
#index_main_rateway_icon_qiwi {
	background: no-repeat url(../image/rates/circle/qiwi.svg);
}

#index_main_rateway_icon_yandex {
	background: no-repeat url(../image/rates/circle/yandex.svg);
}

#index_main_rateway_icon_payeer {
	background: no-repeat url(../image/rates/circle/payeer.svg);
}

#index_main_rateway_icon_perfectmoney {
	background: no-repeat url(../image/rates/circle/perfectmoney.svg);
}

#index_main_rateway_icon_advcash {
	background: no-repeat url(../image/rates/circle/advcash.svg);
}
/* Эл кошельки */


/* Мобильная коммерция */
#index_main_rateway_icon_megafon {
	background: no-repeat url(../image/rates/circle/megafon.svg);
}

#index_main_rateway_icon_beeline {
	background: no-repeat url(../image/rates/circle/beeline.svg);
}

#index_main_rateway_icon_mts {
	background: no-repeat url(../image/rates/circle/mts.svg);
}

#index_main_rateway_icon_tele2 {
	background: no-repeat url(../image/rates/circle/tele2.svg);
}
/* Мобильная коммерция */




.index_main_rate_depend_info_container {
	width: 100%;
	min-height: 100px;
	font-size: 100%;
}

.index_main_rates_depends_text_container {
	margin: 10px 0px 0px 0px;
	line-height: 1.7;
	font-size: 105%;
	padding: 30px 0px;
}

/* Тарифы Стили */



/* О нас Стили */


.index_main_about_us_container {
	width: 1300px;
	min-height: 550px;
	margin: 70px auto;
}

.index_main_support_text_photo_container {
	display: flex;
}


.index_main_support_text_container {
	line-height: 1.6;
	width: 50%;
	font-size: 105%;
}

.index_main_support_photo_container {
	width: 44vw;
	height: 26vw;
	background: url("../image/laptop.png");
	background-size: cover;
	position: relative;
	top: -20px;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 
}

.index_main_support_photo_container:hover {
	transform: scale(1.03);
}

.index_main_about_us_text_p {
	text-indent: 20px;
}

.about_us_pdf_docs_con {
	display: flex;
}

.about_us_pdf_docs {
	margin: 40px 0px;
	display: flex;
	width: 50%;
}

.about_us_pdf_docs_image {
	width: 40px;
	height: 40px;
	background: no-repeat url("../image/pdf.svg");
	background-size: cover;
	margin: 0px 15px 0px 0px;
}

.about_us_pdf_docs_text {
	font-size: 120%;
	display: flex;
}

.about_us_pdf_docs_text {
	margin: auto 0px;
}

/* О нас Стили */



/* Контакты */

.index_main_support_mail_item {
	margin-bottom: 40px;
}

.index_main_about_us_mail_item {
	margin-bottom: 25px;
}

.index_main_about_us_maps_container {
	width: 100%!important;
}

.index_main_about_us_maps {
	width: 100%;
}

.index_main_contacts_container {
	display: flex;
	width: 1300px;
	min-height: 550px;
	margin: 70px auto;
}

.index_main_contacts_text_container {
	width: 50%;
	line-height: 1.5;
	font-size: 105%;
	text-align: justify;
}

.index_main_support_mail_container {
	margin-left: auto;
	width: 40%;
}

.index_main_support_mail_title {
	font-size: 150%;
	margin-bottom: 25px;
	display: flex;
}

.index_main_support_mail_title span {
	padding-bottom: 2px;
	border-bottom: 3px solid #ffcf0e;;
}

.index_main_support_mail_body {
	display: block;
	font-size: 120%;

}

.index_main_about_us_mail_body_title_text_container {
	display: block;
}

.index_main_about_us_mail_body_title {
	min-width: 200px;
	margin-bottom: 7px;
}

.index_main_support_mail_body_title_text_container {
	display: flex;
	line-height: 1.6;
}

.index_main_support_mail_body_title {
	min-width: 200px;
}

.index_main_support_mail_body_text_dop {
	font-size: 75%;
	margin: 10px 0px 0px 0px;
}

.index_main_support_chat_begin_container {
	margin: 90px auto 0px auto;
	display: flex;
}



/* Контакты */



/* Текстовые страницы */



/* Текстовые страницы */




/* Verificate Стили */

.verificate_success_icon {
	width: 100%;
	height: 100px;
	display: flex;
	font-size: 320%;
}

.verificate_success_icon i{
	margin: auto;
}

.verificate_success_text {
	display: flex;
	font-size: 150%;
	height: 50px;
	text-align: center;
}

.verificate_success_text span {
	margin: auto;
}

#verificate_success_auth_button {
	margin: 25px auto;	
}


/* Verificate Стили */




/* Забыли пароль Стили */

.recovery_mail_title {
	font-size: 175%;
	text-align: center;
	margin-bottom: 50px;
}

#recovery_form_button {
	width: 190px;
}

/* Забыли пароль Стили */




/* Мои тарифы */

.my_rates_container {
	flex: 1 1 500px;
	background: #fff;
	min-height: 500px;
	padding: 70px 0px 0px 400px;
	display: flex;
	flex-direction: column;
}

.my_rates_title {
	font-size: 150%;
	margin-bottom: 50px;
}

.my_rates_table {
	width: 100%;
	min-height: 500px;
	margin-bottom: 70px;
	position: relative;
	left: -5px;
	font-size: 105%;
}

.my_rates_tr {
	display: flex;
	padding: 14px 0px;
}

.my_rates_table_row {
	height: 60px;
	cursor: default;
}

#my_rates_icon_card {
	background: no-repeat url("../image/rates/circle/mastercard.svg");
	background-size: cover;
}

#my_rates_icon_qiwi {
	background: no-repeat url("../image/rates/circle/qiwi.svg");
	background-size: cover;
}

#my_rates_icon_yandex {
	background: no-repeat url("../image/rates/circle/yandex.svg");
	background-size: cover;
}

#my_rates_icon_payeer {
	background: no-repeat url("../image/rates/circle/payeer.svg");
	background-size: cover;
}

#my_rates_icon_perfectmoney {
	background: no-repeat url("../image/rates/circle/perfectmoney.svg");
	background-size: cover;
}

#my_rates_icon_advcash {
	background: no-repeat url("../image/rates/circle/advcash.svg");
	background-size: cover;
}

#my_rates_icon_megafon {
	background: no-repeat url(../image/rates/circle/megafon.svg);
	background-size: cover;
}

#my_rates_icon_beeline {
	background: no-repeat url(../image/rates/circle/beeline.svg);
	background-size: cover;
}

#my_rates_icon_mts {
	background: no-repeat url(../image/rates/circle/mts.svg);
	background-size: cover;
}

#my_rates_icon_tele2 {
	background: no-repeat url(../image/rates/circle/tele2.svg);
	background-size: cover;
}

#my_rates_icon_qiwi_mobile {
	background: no-repeat url(../image/rates/circle/qiwi_mobile.svg);
	background-size: cover;
}

#my_rates_icon_bitcoin {
	background: no-repeat url(../image/rates/circle/bitcoin.svg);
	background-size: cover;
}

#my_rates_icon_litecoin {
	background: no-repeat url(../image/rates/circle/litecoin.svg);
	background-size: cover;
}

#my_rates_icon_dogecoin {
	background: no-repeat url(../image/pay/dogecoin_mini.svg);
	background-size: cover;
}

.my_rates_icon {
	min-width: 35px;
	height: 35px;
}

.my_rates_tr_text {
	margin: auto 0px auto 15px;
}

.my_rates_main_text {
	max-width: 700px;
	min-height: 100px;
	font-size: 115%;
}

.my_rates_main_text_title {
	margin-bottom: 20px;
}


/* Мои тарифы */


/* Уведомление */

.notification_cabinet_container {
	max-width: 120px;
	height: 100%; 
	display: flex;
	margin: 0px 25px;
	position: relative;
	user-select: none;
}

.notification_cabinet_button {
	min-width: 10px;
	min-height: 10px;
	font-size: 180%;
	margin: auto;
	cursor: pointer;

	-webkit-transition: all 0.07s ease-out;
 	-moz-transition: all 0.07s ease-out;
 	-o-transition: all 0.07s ease-out;
 	transition: all 0.07s ease-out; 
}

.notification_cabinet_button:hover {
	color: #222;
}

.notification_cabinet_button_amount {
	position: absolute;
	top: 30%;
	left: 94%;
	font-size: 60%;
}

.notification_cabinet {
	width: 280px;
	min-height: 90px;
	max-height: 800px;
	overflow-y: auto;
	background: #fff;
	position: absolute;
	top: 90px;
	left: -190px;
	z-index: 999;
	border-radius: 5px;
	padding: 20px;
	cursor: default;
	display: none;

	-webkit-box-shadow: 0px 2px 50px 0px #dedede;
	-moz-box-shadow: 0px 2px 50px 0px #dedede;
	box-shadow: 0px 2px 50px 0px #dedede;
}

.notification_cabinet_title {
	margin: 0px 0px 15px 0px;
}


.notification_cabinet_no_notification_text {
	font-size: 90%;
	margin-top: 13px;
	padding: 5px 0px 5px 8px;
	border-radius: 1px;
}

.notification_cabinet_no_notification_text_error {
	border-left: 2px solid #ff6868;
}

.notification_cabinet_no_notification_text_success {
	border-left: 2px solid #00b634;
}

.notification_background_unchecked {
	background: #f6f6f6;
}

/* Уведомление */






/* Чат */

.chat_container_cabinet {
	min-width: 70px;
	height: 100%;
	display: flex;
	font-size: 135%;
	position: relative;
}

.chat_cabinet_button {
	margin: auto;

	display: flex;

	border-radius: 15px;
	width: 100%;
	color: #696969;
	cursor: pointer;

	-webkit-transition: all 0.07s ease-out;
 	-moz-transition: all 0.07s ease-out;
 	-o-transition: all 0.07s ease-out;
 	transition: all 0.07s ease-out; 
}

.chat_cabinet_button:hover {
	color: black;
}

.chat_cabinet_button span{
	margin: auto;
}

.chat_cabinet_button i{
	margin: auto;
	font-size: 120%;
}

.chat_cabinet_button_uppertext {
	position: absolute;
	right: -5px;
	top:30px;
	font-size: 80%;
}

/* Задний фон для отображения фото из чата */
.chat_main_container_background_for_image {
	position: fixed;
	width: 100%;
	height: 100%;

	z-index: 999;
	background-color: rgb(0,0,0,0.5);
	display: none
}

.chat_main_container_background_for_image_internal {
	width: auto;
	margin: auto;
	position: relative;
	display: flex;
	max-width: 80%;
	max-height: 800px;
	min-height: 100px;
	min-width: 100px;
}

.chat_main_container_background_for_image_internal img {
	object-fit: contain;
	margin: auto;
	max-width: 100%;
	max-height: 800px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

.chat_main_container_background_for_image_close {
	color: #ffcf0e;
	font-size: 300%;
	position: absolute;
	top: -60px;
	right: -40px;
	cursor: pointer;
}

.chat_main_container_background_for_image_close:hover { 
	color: #deb202;
}


/* Задний фон для отображения фото из чата */

.chat_main_container {
	width: 25%;
	height: 100vh;
	background: #f6f6f6;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 900;
	min-width: 550px;
	font-size: 105%;
	display: none;

	-webkit-box-shadow: -5px 0px 20px 0px rgba(171,171,171,1);
	-moz-box-shadow: -5px 0px 20px 0px rgba(171,171,171,1);
	box-shadow: -5px 0px 20px 0px rgba(171,171,171,1);
}

.chat_message_head {
	background: #fff;
	font-size: 100%;
	min-height: 80px;
	border-bottom: 1px solid #ededed;
	display: flex;
	padding: 0px 30px;
}

.chat_message_head_text {
	margin: auto 0px;
	font-size: 120%;
}

.chat_message_head_exit {
	margin: auto 0px auto auto;
	font-size: 200%;
	color: #696969;
	cursor: pointer;
}

.chat_main_file_upload_absolute_container {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	background-color: rgba(4, 3, 0,.8);
	top: 0px;
	left: 0px;
	flex-direction: column;
	display: none;
}

.chat_main_file_upload_absolute_wrapper {
	margin: auto;
	display: flex;
	flex-direction: column;
}

.chat_main_file_upload_absolute_text {
	font-size: 240%;
	color: white;
	margin: 20px auto;
}

.chat_main_file_upload_absolute_photo {
	font-size: 700%;
	color: #ffcf0e;
	margin: 10px auto;

}


/* Чат */

/* Чат для мобильного */

.cabinet_mobile_chat_icon_container {
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 140px;
	pointer-events: none;
	display: none;
}

/* Чат для мобильного */


/* Index Стили */





/* Документация Стили */



/* Sidebar документации */


.doc_header {
	min-height: 90px; 
}

.doc_sidebar_logo_container {
	width: 100%;
	height: 150px;
	display: flex;
	flex-direction: column;
}

.dop_sidebar_title {
	margin: 10px auto 0px auto;
	font-size: 140%;
	color: #f6f6f6;
}

#doc_i_n_i_t_i_c {
	border-bottom: 2px solid #f6f6f6;
}

#doc_i_n_i_t_i_c:hover {
	border-bottom: 2px solid #ffcf0e;	
	color: black;
}

.doc_nav_title {
	font-size: 180%;
	margin: auto 0px;
}

.doc_sidebar_container {
	min-height: 100px;
	padding: 0px 10px 0px 25px;
	font-size: 110%;
	letter-spacing: 0.4px;
}

.doc_sidebar_item_title {
	display: flex;
	min-width: 0px;
	margin: 25px 0px 20px 0px;
}

#doc_nav_main_js:hover {
	color: #ffcf0e;
}

.doc_sidebar_item {
	display: flex;
	font-size: 90%;
	margin: 0px 0px 12px 10px;
	line-height: 1.3;

	-webkit-transition: all 0.07s ease-out;
 	-moz-transition: all 0.07s ease-out;
 	-o-transition: all 0.07s ease-out;
 	transition: all 0.07s ease-out; 
}

.doc_sidebar_item:hover {
	color: #ffcf0e;
}

.doc_sidebar_item_active {
	color: #ffcf0e!important;
}

/* Sidebar документации */

.doc_title_text {
	font-size: 150%;
}

.doc_title_big_margin {
	margin-bottom: 35px;
}

.doc_title_small_margin {
	margin: 25px 0px 20px 0px;
	font-size: 130%;
}

.doc_text_regular {
	max-width: 1100px;
	padding-right: 100px;
	font-size: 105%;
	line-height: 1.5;
}

.doc_p {
	text-indent: 20px;
}

.doc_a {
	color: #05447c;
		font-family: 'Gilroy-Medium';

	-webkit-transition: all 0.07s ease-out;
 	-moz-transition: all 0.07s ease-out;
 	-o-transition: all 0.07s ease-out;
 	transition: all 0.07s ease-out; 
}

.doc_a:hover {
	color: #546a7e;
	cursor: pointer;
}

#doc_add_image {
	background: url("../image/documentation/doc_add.png");
	background-size: cover;
	width: 900px;
 	height: 750px;

	margin: 30px 0px 100px 0px;
}

#doc_add_moderation {
	background: url("../image/documentation/doc_moderation.png");
	background-size: cover;
	width: 600px;
 	height: 350px;

	margin: 30px 0px 40px 0px;
}

.doc_settings_image {
	width: 350px;
 	height: 80px;
	margin: 35px 0px 35px 0px;
}

#doc_settings_add {
	background: url("../image/documentation/doc_settings_add.png");
	background-size: cover;
}

#doc_settings_url {
	background: url("../image/documentation/doc_settings_url.png");
	background-size: cover;
}

#doc_settings_secret {
	background: url("../image/documentation/doc_settings_secret.png");
	background-size: cover;
	position: relative;
	left: -30px;
}

#doc_settings_send {
	background: url("../image/documentation/doc_settings_sendback.png");
	background-size: cover;
	position: relative;
	left: -30px;
}

#doc_settings_success {
	background: url("../image/documentation/doc_settings_success.png");
	background-size: cover;
	position: relative;
	left: -30px;
}

#doc_settings_failure {
	background: url("../image/documentation/doc_settings_failure.png");
	background-size: cover;
	position: relative;
	left: -30px;
}

#doc_settings_status {
	background: url("../image/documentation/doc_settings_status.png");
	background-size: cover;
	position: relative;
	left: -30px;
}

#doc_settings_comission {
	background: url("../image/documentation/doc_settings_comission.png");
	background-size: cover;
	position: relative;
	left: -30px;
}

#doc_settings_notification {
	background: url("../image/documentation/doc_settings_notification.png");
	background-size: cover;
	position: relative;
	left: -30px;
}

#doc_add_profile {
	background: url("../image/documentation/doc_passport.png");
	background-size: cover;
	width: 400px;
 	height: 600px;

	margin: 30px 0px 100px 0px;
}

.doc_pay_url {
	margin: 30px 0px 30px 0px;
	display: flex;
	font-size: 105%;
	padding: 5px;
}

.doc_pay_url span {
	padding-bottom: 5px;
	border-bottom: 2px solid #ffcf0e;
}

.doc_table_container {
	margin: 30px 0px;
}

.doc_table {

}

.doc_table_head {
	height: 50px;
	margin-bottom: 10px;
}

.doc_table_head th, .doc_table_row td {
	padding-left: 0px!important;
}

.doc_table_row {
	height: 50px;
}

.doc_code_block {
	min-height: 50px;
	max-width: 900px;
	background: #222;
	padding: 25px 35px;
	color: #fff;
	letter-spacing: 0.6px;
	margin-bottom: 30px;
}


/* Code text */

.doc_grey_code {
	color: #787360;
}

.doc_func_code {
	color: #68d8ef;
}

.doc_int_code {
	color: #b587ff;
}

.doc_string_code {
	color: #e7de78;
}

.doc_green_code {
	color: #a6e22b;
}

.doc_red_code {
	color: #f92472;
}

/* Code text */


#doc_secret_image {
	background: url("../image/documentation/asymmetric_encryption.png");
	background-size: cover;
	width: 950px;
	height: 550px;
}


/* Документация Стили */





/* Footer Стили */


/* Стили главной страницы */

.index_footer {
	width: 100%;
	background: #222;
	min-height: 350px;
	display: flex;
}

.index_footer_container {
	max-width: 1400px;
	padding: 50px 0px 20px 0px;
	margin: 0px auto;
	display: flex;
}

.index_footer_main_links {
	width: 280px;
	min-height: 100px;
	font-size: 115%;
	color: white;
}

.index_footer_main_links_title {
	margin-bottom: 25px;
	font-size: 110%;
}

.index_footer_main_links_item {
	display: block;
	margin: 15px 0px;

	-webkit-transition: all 0.07s ease-out;
 	-moz-transition: all 0.07s ease-out;
 	-o-transition: all 0.07s ease-out;
 	transition: all 0.07s ease-out; 
}

.index_footer_main_links_item:hover {
	color: white;
}

#i_f_m_l_main {
	padding-left: 100px;
}

.index_footer_main_soc_container {
	display: flex;
	margin: 20px auto 15px auto;
	width: 150px;
}

.index_footer_main_soc {
	width: 50px;
	height: 40px;
	color: #dedede;
	font-size: 130%;
	display: flex;

	-webkit-transition: all 0.07s ease-out;
 	-moz-transition: all 0.07s ease-out;
 	-o-transition: all 0.07s ease-out;
 	transition: all 0.07s ease-out; 
}

.index_footer_main_soc i{
	margin: auto;
}

.index_footer_main_soc:hover {
	color: white;
}

.index_footer_juridical_container {
	font-size: 85%;
	text-align: center;
}

.index_footer_juridical {
	margin-bottom: 10px;
}
/* Стили главной страницы */

/* Footer Стили */







/* Стили мобильного меню */

.cabinet_mobile_nav_icon_container {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 140px;
	pointer-events: none;
	display: none;
}

.cabinet_mobile_nav_icon {
	background: #fff;
	height: 70px;
	width: 70px;
	margin: 30px 30px 0px auto;
	border-radius: 50%;
	font-size: 150%;
	z-index: 900;
	display: flex;
	cursor: pointer;
	pointer-events: auto;
	display: none;

	-webkit-transition: all 0.15s ease-out;
 	-moz-transition: all 0.15s ease-out;
 	-o-transition: all 0.15s ease-out;
 	transition: all 0.15s ease-out; 

	-webkit-box-shadow: -1px 2px 19px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 2px 19px -1px rgba(0,0,0,0.75);
	box-shadow: -1px 2px 19px -1px #dedede;
}

.cabinet_mobile_nav_icon:hover {
	-webkit-box-shadow: 0px 8px 30px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 8px 30px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 8px 30px -1px #dedede;
}

.cabinet_mobile_nav_icon i {
	margin: auto;
}

.cabinet_mobile_nav_menu_container_background {
	position: fixed;
	opacity: 0.5;
	background: #222;
	height: 100%;
	width: 100%;
	z-index: 10;

	display: none;
}

.cabinet_mobile_nav_menu_container {
	position: fixed;
	width: 55%;
	height: 100%;
	right: 0px;
	background: #222;
	z-index: 20;
	min-width: 270px;
	overflow-y: auto;
	display: none;

	-webkit-box-shadow: -18px -1px 67px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: -18px -1px 67px 2px rgba(0,0,0,0.75);
	box-shadow: -18px -1px 67px 2px rgba(0,0,0,0.75);

}

.cabinet_mobile_nav_menu_container_close {
	color: #dedede;
	font-size: 260%;
	display: flex;
}

.cabinet_mobile_nav_menu_close {
	width: 60px;
	height: 60px;
	margin: 15px 15px 0px auto;
	display: flex;
}

.cabinet_mobile_nav_menu_close i {
	margin: auto;
}



#s_l_c_mobile {
	height: 60px;
	position: relative;
	top: 0px;
}



.nav_balance_mobile {
	width: 155px;
	height: 40px;
	background: #dedede;
	border-radius: 20px;
	margin: 30px auto;
	display: flex;
	overflow: hidden;
	justify-content: center;
}

.nav_balance_mobile_text {
	color: #555;
	margin: auto 0px;
}

.nav_balance_mobile_text_summ {
	margin: auto 5px;
}

.nav_balance_login {
	color: #f6f6f6;
	text-align: center;
}

.nav_mobile_login_login {
	color: #dedede;
	margin-bottom: 5px;
}

.nav_mobile_menu {
	min-height: 300px;
	width: 90%;
	margin: 30px auto 10px auto;
}

.s_m_i_i_mobile {
	color: #999;
}

.s_m_i_t_mobile {
	color: #f6f6f6;
}

.s_m_i_d_f_mobile {
	width: 25px;
}

.s_m_i_s_mobile {
	width: 20px;
}

.s_m_i_m_mobile {
	color: #999;
}

.s_m_i_m_mobile i {
	margin: auto auto 17px auto;
}

.s_m_i_d_s_mobile {
	color: #f6f6f6;
	font-family: 'Gilroy-Regular';
}

.s_m_c_i_mobile {
	height: 55px;
}

.s_m_i_d_mobile {
	color: #f6f6f6;
}

.d_s_c_mobile {
	margin: 50px auto;
	text-align: right;
}

.d_s_i_mobile {
	color: #f6f6f6;
}






#n_m_m_index {
	margin: 50px auto;
}

.s_m_i_d_f_mobile_index {
	display: flex;
	color: #999;
}

.s_m_i_d_f_mobile_index div {
	background: #222;
}

.s_m_i_d_f_mobile_index div i {
	margin: auto;
}

/* Стили мобильного меню */



























































/* Стили для анимации ожидания */
 .banter-loader {

	width: 72px;
	height: 72px;
	margin: auto;
}
 .banter-loader__box {
	 float: left;
	 position: relative;
	 width: 20px;
	 height: 20px;
	 margin-right: 6px;
}
 .banter-loader__box:before {
	 content: "";
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: #1c2326;
}
 .banter-loader__box:nth-child(3n) {
	 margin-right: 0;
	 margin-bottom: 6px;
}
 .banter-loader__box:nth-child(1):before, .banter-loader__box:nth-child(4):before {
	 margin-left: 26px;
}
 .banter-loader__box:nth-child(3):before {
	 margin-top: 52px;
}
 .banter-loader__box:last-child {
	 margin-bottom: 0;
}
 @keyframes moveBox-1 {
	 9.0909090909% {
		 transform: translate(-26px, 0);
	}
	 18.1818181818% {
		 transform: translate(0px, 0);
	}
	 27.2727272727% {
		 transform: translate(0px, 0);
	}
	 36.3636363636% {
		 transform: translate(26px, 0);
	}
	 45.4545454545% {
		 transform: translate(26px, 26px);
	}
	 54.5454545455% {
		 transform: translate(26px, 26px);
	}
	 63.6363636364% {
		 transform: translate(26px, 26px);
	}
	 72.7272727273% {
		 transform: translate(26px, 0px);
	}
	 81.8181818182% {
		 transform: translate(0px, 0px);
	}
	 90.9090909091% {
		 transform: translate(-26px, 0px);
	}
	 100% {
		 transform: translate(0px, 0px);
	}
}
 .banter-loader__box:nth-child(1) {
	 animation: moveBox-1 4s infinite;
}
 @keyframes moveBox-2 {
	 9.0909090909% {
		 transform: translate(0, 0);
	}
	 18.1818181818% {
		 transform: translate(26px, 0);
	}
	 27.2727272727% {
		 transform: translate(0px, 0);
	}
	 36.3636363636% {
		 transform: translate(26px, 0);
	}
	 45.4545454545% {
		 transform: translate(26px, 26px);
	}
	 54.5454545455% {
		 transform: translate(26px, 26px);
	}
	 63.6363636364% {
		 transform: translate(26px, 26px);
	}
	 72.7272727273% {
		 transform: translate(26px, 26px);
	}
	 81.8181818182% {
		 transform: translate(0px, 26px);
	}
	 90.9090909091% {
		 transform: translate(0px, 26px);
	}
	 100% {
		 transform: translate(0px, 0px);
	}
}
 .banter-loader__box:nth-child(2) {
	 animation: moveBox-2 4s infinite;
}
 @keyframes moveBox-3 {
	 9.0909090909% {
		 transform: translate(-26px, 0);
	}
	 18.1818181818% {
		 transform: translate(-26px, 0);
	}
	 27.2727272727% {
		 transform: translate(0px, 0);
	}
	 36.3636363636% {
		 transform: translate(-26px, 0);
	}
	 45.4545454545% {
		 transform: translate(-26px, 0);
	}
	 54.5454545455% {
		 transform: translate(-26px, 0);
	}
	 63.6363636364% {
		 transform: translate(-26px, 0);
	}
	 72.7272727273% {
		 transform: translate(-26px, 0);
	}
	 81.8181818182% {
		 transform: translate(-26px, -26px);
	}
	 90.9090909091% {
		 transform: translate(0px, -26px);
	}
	 100% {
		 transform: translate(0px, 0px);
	}
}
 .banter-loader__box:nth-child(3) {
	 animation: moveBox-3 4s infinite;
}
 @keyframes moveBox-4 {
	 9.0909090909% {
		 transform: translate(-26px, 0);
	}
	 18.1818181818% {
		 transform: translate(-26px, 0);
	}
	 27.2727272727% {
		 transform: translate(-26px, -26px);
	}
	 36.3636363636% {
		 transform: translate(0px, -26px);
	}
	 45.4545454545% {
		 transform: translate(0px, 0px);
	}
	 54.5454545455% {
		 transform: translate(0px, -26px);
	}
	 63.6363636364% {
		 transform: translate(0px, -26px);
	}
	 72.7272727273% {
		 transform: translate(0px, -26px);
	}
	 81.8181818182% {
		 transform: translate(-26px, -26px);
	}
	 90.9090909091% {
		 transform: translate(-26px, 0px);
	}
	 100% {
		 transform: translate(0px, 0px);
	}
}
 .banter-loader__box:nth-child(4) {
	 animation: moveBox-4 4s infinite;
}
 @keyframes moveBox-5 {
	 9.0909090909% {
		 transform: translate(0, 0);
	}
	 18.1818181818% {
		 transform: translate(0, 0);
	}
	 27.2727272727% {
		 transform: translate(0, 0);
	}
	 36.3636363636% {
		 transform: translate(26px, 0);
	}
	 45.4545454545% {
		 transform: translate(26px, 0);
	}
	 54.5454545455% {
		 transform: translate(26px, 0);
	}
	 63.6363636364% {
		 transform: translate(26px, 0);
	}
	 72.7272727273% {
		 transform: translate(26px, 0);
	}
	 81.8181818182% {
		 transform: translate(26px, -26px);
	}
	 90.9090909091% {
		 transform: translate(0px, -26px);
	}
	 100% {
		 transform: translate(0px, 0px);
	}
}
 .banter-loader__box:nth-child(5) {
	 animation: moveBox-5 4s infinite;
}
 @keyframes moveBox-6 {
	 9.0909090909% {
		 transform: translate(0, 0);
	}
	 18.1818181818% {
		 transform: translate(-26px, 0);
	}
	 27.2727272727% {
		 transform: translate(-26px, 0);
	}
	 36.3636363636% {
		 transform: translate(0px, 0);
	}
	 45.4545454545% {
		 transform: translate(0px, 0);
	}
	 54.5454545455% {
		 transform: translate(0px, 0);
	}
	 63.6363636364% {
		 transform: translate(0px, 0);
	}
	 72.7272727273% {
		 transform: translate(0px, 26px);
	}
	 81.8181818182% {
		 transform: translate(-26px, 26px);
	}
	 90.9090909091% {
		 transform: translate(-26px, 0px);
	}
	 100% {
		 transform: translate(0px, 0px);
	}
}
 .banter-loader__box:nth-child(6) {
	 animation: moveBox-6 4s infinite;
}
 @keyframes moveBox-7 {
	 9.0909090909% {
		 transform: translate(26px, 0);
	}
	 18.1818181818% {
		 transform: translate(26px, 0);
	}
	 27.2727272727% {
		 transform: translate(26px, 0);
	}
	 36.3636363636% {
		 transform: translate(0px, 0);
	}
	 45.4545454545% {
		 transform: translate(0px, -26px);
	}
	 54.5454545455% {
		 transform: translate(26px, -26px);
	}
	 63.6363636364% {
		 transform: translate(0px, -26px);
	}
	 72.7272727273% {
		 transform: translate(0px, -26px);
	}
	 81.8181818182% {
		 transform: translate(0px, 0px);
	}
	 90.9090909091% {
		 transform: translate(26px, 0px);
	}
	 100% {
		 transform: translate(0px, 0px);
	}
}
 .banter-loader__box:nth-child(7) {
	 animation: moveBox-7 4s infinite;
}
 @keyframes moveBox-8 {
	 9.0909090909% {
		 transform: translate(0, 0);
	}
	 18.1818181818% {
		 transform: translate(-26px, 0);
	}
	 27.2727272727% {
		 transform: translate(-26px, -26px);
	}
	 36.3636363636% {
		 transform: translate(0px, -26px);
	}
	 45.4545454545% {
		 transform: translate(0px, -26px);
	}
	 54.5454545455% {
		 transform: translate(0px, -26px);
	}
	 63.6363636364% {
		 transform: translate(0px, -26px);
	}
	 72.7272727273% {
		 transform: translate(0px, -26px);
	}
	 81.8181818182% {
		 transform: translate(26px, -26px);
	}
	 90.9090909091% {
		 transform: translate(26px, 0px);
	}
	 100% {
		 transform: translate(0px, 0px);
	}
}
 .banter-loader__box:nth-child(8) {
	 animation: moveBox-8 4s infinite;
}
 @keyframes moveBox-9 {
	 9.0909090909% {
		 transform: translate(-26px, 0);
	}
	 18.1818181818% {
		 transform: translate(-26px, 0);
	}
	 27.2727272727% {
		 transform: translate(0px, 0);
	}
	 36.3636363636% {
		 transform: translate(-26px, 0);
	}
	 45.4545454545% {
		 transform: translate(0px, 0);
	}
	 54.5454545455% {
		 transform: translate(0px, 0);
	}
	 63.6363636364% {
		 transform: translate(-26px, 0);
	}
	 72.7272727273% {
		 transform: translate(-26px, 0);
	}
	 81.8181818182% {
		 transform: translate(-52px, 0);
	}
	 90.9090909091% {
		 transform: translate(-26px, 0);
	}
	 100% {
		 transform: translate(0px, 0);
	}
}
 .banter-loader__box:nth-child(9) {
	 animation: moveBox-9 4s infinite;
}
 
/* Стили для анимации ожидания */