@viewport { width: 1024px; }

@media screen and (min-width: 960px) {
    html {
        margin-left: calc(100vw - 100%);
        margin-right: 0;
    }
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans'), local('PTSans-Regular'), url(/fonts/UFoEz2uiuMypUGZL1NKoeg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(/fonts/b9QBgL0iMZfDSpmcXcE8nL3QFSXBldIn45k5A7iXhnc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(/fonts/Zd2E9abXLFGSr9G3YK2MsDR-eWpsHSw83BRsAQElGgc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(/fonts/b9QBgL0iMZfDSpmcXcE8nDokq8qT6AIiNJ07Vf_NrVA.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(/fonts/mg0cGfGRUERshzBlvqxeAMgYS_4b_j8XZWrBSrn8QbY.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(/fonts/BP5K8ZAJv9qEbmuFp8RpJdNyc1nIn01s4QPT2l20KA4.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url(/fonts/mg0cGfGRUERshzBlvqxeAIvse0WFWMXD6DWBLcV41iQ.ttf) format('truetype');
}

/*@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans'), local('FiraSans-Regular'), url(/fonts/nsT0isDy56OkSX99sFQbXw.ttf) format('truetype');
}*/

.body_on{
overflow-y: scroll;
margin-top:0px;

}
.body_off{
	overflow:hidden;
	margin-top:0px;

}

body {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/* background: url(images/hand.png) repeat-y #fc0;*/
}
button::-moz-focus-inner {
  border: 0;
}
/*ссылки*/
A:link {
    text-decoration: none; /* Убирает подчеркивание для ссылок */
   }
   A:visited { text-decoration: none;color: rgba(78, 77, 240, 1);  }
   A:active { text-decoration: none; }
   .url:hover{
    text-decoration: underline;
    color: rgba(78, 77, 240, 1);
  cursor: pointer;
   }
/*Оповещания при клике(выдвижное)*/
.wrapper {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: left;
}
.scroller {
    height: 100%;
  width:95%;
    overflow-y: scroll;
    /*-webkit-overflow-scrolling: touch;*/
    /* uncomment to accelerate scrolling on iOs */
}
.scroller::-webkit-scrollbar {
    width: 0;
}
.scroller__bar-wrapper {
cursor: pointer;
    position: absolute;
    z-index: 3;
    top: 2px;
    bottom: 2px;
    right: 2px;
    width: 8px;
    border-radius: 5px;
    background: #ddf;
    background: rgba(0, 0, 255, .1);/*цвет ползунка*/
    pointer-events: none;
}
.scroller__bar {
    position: absolute;
    z-index: 1;
    width: 8px;
    border-radius: 3px;
    background: rgba(176, 5, 255, 1);
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    pointer-events: auto;
}
.scroller__bar:hover {
    opacity: .8;
}
.baron .scroller__bar {
    opacity: .6;
}
.baron_h .scroller__bar_h {
    opacity: .6;
    bottom: 30px;
}

.header__title {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    font-size: 14px;
    line-height: 20px; /* sync with .search-results__header-wrapper height */
    opacity: 1;
    cursor: pointer;
}
.header__title_state_fixed {
    position: absolute;
    z-index: 1;
    background-color: rgba(220, 209, 250, .95);
    text-shadow: 0 0 5px #fff;
}
.header__title_position_top {
    background-color: rgba(200, 250, 200, .8);
}
.header__title_position_top:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -30px;
    width: 100%;
    height: 30px;
    pointer-events: none;
}
.header__title_position_bottom {
    background-color: rgba(250, 200, 200, .8);
}
.header__title_position_bottom:after {
    content: '';
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    height: 30px;
    pointer-events: none;
}

.wrapper_2 .text {
    width: 800px;
}
.wrapper_2 .header__title {
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.wrapper_2 .header__title_state_fixed {
    position: static;
}

.text {
    overflow: hidden;
}

.wrapper_iphone .header__title_state_fixed {
    position: relative;
}
.wrapper_iphone .header__title_position_top {
    position: absolute;
    top: 0;
}
.wrapper_iphone .header__title_position_bottom {
    position: absolute;
    bottom: 0;
}

.load {
    background: yellow;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.load__value {
    background: green;
    width: 0%;
    height: 100%;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.opovesh_move.right:before {
    border-right: 6px solid rgba(167, 109, 218,0.8);
    border-top: 10px solid rgba(167, 109, 218, 0);
    border-bottom: 10px solid rgba(167, 109, 218, 0);
    left: -6px;

}

/*Положение стрелочки оповешания*/
.strelka_opovesh1:before {top: 26px;}
.strelka_opovesh2:before {top: 52px;}
/*Стрелка*/

.opovesh_move:before, .opovesh_move:after {
    content: "";
    position: absolute;
}

.opovesh_move
{

 word-wrap: break-word;      /* IE 5+ */
 position:absolute;
 left:0px;
 top:95px;
 height:400px;
 width:300px;
 float:left;
 background: rgba(167, 109, 218, 0.8);
 box-shadow: 0px 0px 8px rgba(167, 109, 218, 1);
 float: left;
 border-radius: 4px;
 text-decoration: none;
 font-size:11.0pt;
 color:rgba(255, 255, 255, 1);
 font-family: 'Roboto Condensed', sans-serif;
}
.opovesh_name_move{
  background: rgba(167, 109, 218, 1);
  padding-left:3%;
  padding-top:1%;
  padding-bottom:1%;
  cursor: pointer;
}

.opovesh_context_move{

  padding-left:2%;
   height:373px;
  overflow:hidden;
}
.opovesh_name_delite{
	cursor:pointer;
    padding-top:2px;
  font-size:11px;
  float:right;
  padding-right:10px;
  opacity: 0.7; /* Значение прозрачности */
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  }
.opovesh_name_delite:hover, .opovesh_name_delite:active
{
   opacity: 1;
   transition: opacity .55s ease-in-out;
   -moz-transition: opacity .55s ease-in-out;
   -webkit-transition: opacity .55s ease-in-out;
}


.opovesh_name_delite2{
	cursor:pointer;
    padding-top:2px;
  font-size:11px;
  float:right;
  margin-right:-8px;
  opacity: 0.7; /* Значение прозрачности */
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
  }
.opovesh_name_delite2:hover, .opovesh_name_delite2:active
{
   opacity: 1;
   transition: opacity .55s ease-in-out;
   -moz-transition: opacity .55s ease-in-out;
   -webkit-transition: opacity .55s ease-in-out;
}
/*==========================*/
/*Конец оповещаниям*/
/*Оповещания*/
.new_opovesh{z-index: 10000;position: fixed;bottom:85px;}
.opovesh
{
  height:80px;
  width:400px;
  float: left;
  border-radius: 4px;
  text-decoration: none;
  font-size:10.1pt;
  font-family: 'Roboto Condensed', sans-serif;
  position: fixed;
  left:5px;/*right:5px;*/
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
  background: rgba(167, 109, 218, 0.8);
  overflow:hidden;
}
.Name_opovesh
{
  /*border-radius: 4px; */
  font-size:14.0pt;
  height:24px;
  background: rgba(167, 109, 218, 1);
  overflow:hidden;
}
.foto_opovesh
{
 /* border-top-left-radius: 4px;*/
  cursor: pointer;
  float:left;
  width:24px;
  overflow:hidden;
}
.Tittle_opovesh
{
  cursor: pointer;
  overflow:hidden;
}
.text_opovesh
{
  color:white;
  word-wrap: break-word;      /* IE 5+ */
  padding-left:2%;
  padding-right:2%;
  padding-top:1%;
  padding-bottom:1%;
  overflow:hidden;

}


.image_opov{
  padding-top:2%;


}
.opovesh_image
{
  width:70px;
  height:70px;
}
.opovesh_firt_moving{
   overflow:hidden;
   height:105px;
  }
.opovesh_text_on_tema{

  font-family: Geneva, Arial, Helvetica, sans-serif;
  float:left;
  margin-top:-70px;
  padding-left:28%;
  font-size:10.2pt;
  height:16px;
  overflow:hidden;

 }
.opovesh_text_on{
  float:right;
   /* font-family: 'Fira Sans', sans-serif;*//* interkassa*/
   font-family: 'PT Sans', sans-serif;

  /*font-family: 'PT Sans', sans-serif;*/
    word-wrap: break-word;      /* IE 5+ */
    color:rgba(240, 240, 240, 1);
    float:left;

	margin-top:-52px;
	padding-left:28%;
	font-size:9.0pt;
	overflow:hidden;
height:56px;

}
.button_opovesh {
  margin-top:3px;
  outline: none;
  border: none;
  background: rgba(167, 109, 217, 0.6);
  cursor: pointer;
  border-radius: 3px;
  padding: 4px;
  color: white;
  margin-left: 0px;
  min-width:70px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
}

.button_opovesh:hover {
  outline: none;
  border: none;
  background: rgba(167, 109, 218, 0.9);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
 .button_opovesh {
  outline: none;
   border: none;
  font-family: 'roboto', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.dop_inform_opovesh{
position:relative;
  margin-top:4px;
  float:left;
font-size:7pt;
color:white;
  }

/*Конец оповещаниям*/
/*ШАПКА START*/
.loading
{

  padding-top:25%;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10000;
  top:65px;
  left:0px;
  height:100%;
  width:100%;
}
.shapka
{
position:relative;
top:0; right:0; bottom:0; left:0;
margin: auto;
width:950px;
height: 2px;
top:-4px;


}
/*МЕНЮ*/
.menu_right_new:hover, .menu_right_new:active{
  background: rgba(158, 74, 197, 0.4);
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.menu_right_new
{

overflow:hidden;
font-size:10.2pt;
border-radius: 4px;
top:0px;
float: right;
/*width:16px;*/
height:19px;
padding-top:1.3%;
padding-right:2%;
padding-left:2%;
/*padding-bottom:-1.3%;*/
background: rgba(158, 74, 197, 0.2);
}
.menu_one:hover, .menu_one:active {
background: rgba(158, 74, 197, 0.2);
}
.menu_one
{

padding-left:3%;
padding-top:0%;
top:0; right:0; bottom:0; left:0;
height:21px;
width:145px;
float: left;
border-radius: 4px;
text-decoration: none;
font-size:10.0pt;
cursor: pointer;
color:rgba(78, 77, 240, 1);
font-family: 'Roboto Condensed', sans-serif;
}
.first_number_opov
{
/*margin-top:-16px;*/
/*margin-left:-14px;*/
/*margin-right:-10px;*/
top:0px;
 left:10px;
 float:right;



}
.menu_left_new
{

  padding-top:1.3%;
  float: left;
}

/*Цвета*/
.add_yandex{
  margin-top:-9px;
  top: 0px;
  width: 80px;
  z-index: 10;
  float:left;
}
.add_wm{
  margin-top:-3px;
  top: 0px;
  width: 105px;
  z-index: 10;
  float:left;
}
.add_qiwi{
    margin-top:-5px;
    top: 0px;
    width: 80px;
    z-index: 10;
    float:left;
}
.add_cardrub{
    margin-top:-9px;
    top: 0px;
    width: 120px;
    z-index: 10;
    float:left;
}
.add_ruru{
    margin-top:-31px;
    margin-left: -1px;
    top: 0px;
    width: 140px;
    z-index: 10;
    float:left;
}
.add_operators{
    margin-top:-9px;
    top: 0px;
    width: 200px;
    z-index: 10;
    float:left;
}

.add_apps{
  background : url(//world-pays.com/img/1444261885_ic_apps_48px.png);

  top: 27px;
  width: 15px;
  height: 15px;
  z-index: 10;
  float:left;
}
.add_wallet{
  background : url(//world-pays.com/img/1444262059_wallet.png);

  top: 27px;
  width: 16px;
  height: 16px;
  z-index: 10;
  float:left;
}
.add_user{
  background : url(//world-pays.com/img/1444262202_add_user.png);

  top: 27px;
  width: 14px;
  height: 14px;
  z-index: 10;
  float:left;
}
.COMMUNITY
{
  background : url(//world-pays.com/img/COMMUNITY.png);
  margin-top:3px;
  margin-left:10px;
  width: 104px;
  height: 12px;
  z-index: 10;
  float:left;
}
.logo-gradient
{
  background : url(//world-pays.com/img/logo-gradient.png);
  margin-top:-10px;
  top: 27px;
  width: 39px;
  height: 36px;
  z-index: 10;
  float:left;
}
.logo
{
  position: absolute;
  top: 0px;
  left:0px;
  width: 180px;
  margin-left:0px;
  height: 0px;
  padding-top:25px;
  padding-bottom:45px;
  padding-left:0px;
  font-size:11pt;
  z-index: 4;
  color:black;
  cursor:pointer;
}
.premiagolnik0
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
  background: rgba(158, 74, 197, 0.0);
  position: absolute;
  top: 0px;
  right:330px;
  width: 120px;
  height: 0px;
  padding-top:25px;
  padding-bottom:45px;
  padding-left:10px;
  font-size:11pt;
  z-index: 4;
  color:black;
  cursor:pointer;
  transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
}
.premiagolnik0:hover
{
  background: rgba(158, 74, 197, 0.3);
}
.premiagolnik1:hover
{
  background: rgba(158, 74, 197, 0.3);
}
.premiagolnik1
{
font-family: Geneva, Arial, Helvetica, sans-serif;
  background: rgba(158, 74, 197, 0.0);
  position: absolute;
  top: 0px;
  right:160px;
  width: 140px;
  height: 0px;
  padding-top:25px;
  padding-bottom:45px;
  padding-left:30px;
  font-size:11pt;
  z-index: 4;
  color:black;
  cursor:pointer;
  transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -webkit-transition: background 0.5s ease-in-out;
}
.premiagolnik2
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
    background : url(//world-pays.com/img/prymoug.png);
  position: absolute;
  top: 0px;
  right:0px;
  width: 150px;
  height: 0px;
  padding-top:25px;
  padding-bottom:45px;
  padding-left:35px;
  font-size:11pt;
  z-index: 4;
  color:white;
  cursor:pointer;
}

.color_main
{
    z-index: 1000;
    background: rgba(255, 255, 255, 1.0);
    height: 65px;
    width: 100%;
    width: calc(100vw);
    top:0px;
    left:0px;
    position: fixed;
    margin-left: 0px;

}
.img_main
{
height: 30px;

}
.one:hover, .one:active {
background: rgba(158, 65, 197, 0.85);
color:rgba(255, 255, 255, 1);
}
.one{

padding-left:1.50%;
padding-right:1.50%;
padding-top:1.5%;
margin:0px;

top:0; right:0; bottom:0; left:0;
height:34.5px;
float: left;
border-radius: 0px;
text-decoration: none;
font-size:14pt;
cursor: pointer;
color:rgba(255, 255, 255, 0.95);
font-family: Geneva, Arial, Helvetica, sans-serif;
}
/*========МУЗЫКА====================*/
.music_
{
float:right;
right:3px;
background-color:rgba(158, 40, 190, 0.6);
height:20px;
width:20px;
top:2px;
position:relative;
}
.music_:hover, .music_:active {background-color:rgba(170, 80, 189, 1);}
/*=================================*/
.dlinn_two{

}
.NickName:hover, .NickName:active {color: #f4f4f4;}
.NickName
{
cursor: pointer;
top:10px;
position : absolute;
right:30px;
font-size:14pt;
font-weight:bold;
color:white;
font-family: Geneva, Arial, Helvetica, sans-serif;

}
.name:hover, .name:active {color: #f4f4f4;}

.name
{
cursor: pointer;
width:calc(15vw);
top:8px;
position : absolute;
left:10px;
font-size:20pt;
font-weight:bold;
color:white;
font-family: Geneva, Arial, Helvetica, sans-serif;

}
/*пробелы(ENTER)*/

/*линии*/
.prob_dial_menu
{
  float:left;
  padding: 0;
  top:0; right:0; bottom:0; left:100px;
  height:1px;
  width:100%;
  margin:0px;
  border: none; /* Убираем границу */
}
.line_diag_menu
{
  float:left;
  padding: 0;
  top:0; right:0; bottom:0; left:100px;
  height:1px;
  width:149px;
  margin:0px;
  border: none; /* Убираем границу */
  background-color: rgba(158, 74, 197, 0.20);
}
.line_diag_titr2{
position:fixed;
left:0px;
top:0px;
margin-top: 65px;
border: none; /* Убираем границу */
background-color: rgba(236, 236, 236, 1.0);
height: 2px; /* Толщина линии */
width:100%;
}
.line_diag_titr{
margin:0px;
margin-bottom: 2px; /* Отступ снизу */
border: none; /* Убираем границу */
background-color: rgba(0, 74, 197, 0.0);
height: 1px; /* Толщина линии */
width:900px;
}
.titr{padding-top:40px;float:right;margin-right:5px;}
.titr2{padding-top:37px;float:left;margin-left:0px;}

.button_titr {
  outline: none;
  border: none;
  background: rgba(255, 255, 255, 0.0);
  cursor: pointer;
  border-radius: 3px;
  padding: 4px;
  color: rgba(167, 109, 218, 1);
  margin-left: 0px;
  min-width:70px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
  outline: none;
  border: none;
  font-family: 'roboto', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.button_titr:hover {
  outline: none;
  border: none;
  background: rgba(167, 109, 218, 0.2);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}


.line_diag {
/*width:690px;*/
margin:0px;
margin-bottom: 2px; /* Отступ снизу */
border: none; /* Убираем границу */
background-color: rgba(158, 74, 197, 0.3);

height: 1px; /* Толщина линии */
}
/*=====WALLET======*/
.button_pay:hover {
  outline: none;
  border: none;
  background: rgba(167, 109, 218, 0.9);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.button_pay {
  outline: none;
  border: none;
  background: rgba(167, 109, 217, 0.8);
  cursor: pointer;
  border-radius: 3px;
  padding: 4px;
  color: white;
  margin-left: 0px;
  font-family: 'roboto', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  min-width:70px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
}
.nameobjectlistiningclick
{
  /* opacity: 0; */
   transition: opacity .55s ease-in-out;
   -moz-transition: opacity .55s ease-in-out;
   -webkit-transition: opacity .55s ease-in-out;

  background:rgba(158, 74, 197, 0.9);
  cursor:pointer;
  padding-top:0.5%;
  padding-right:1%;
  padding-left:1%;
  padding-bottom:0.5%;
  float:left;
  border-top-color: rgba(158, 74, 197, 0.9);
  border-top-style: solid; /* Стиль линии сверху */
  border-top-width: 2px; /* Толщина линии сверху */
  border-right-color: rgba(158, 74, 197,0.9);
  border-right-style: solid; /* Стиль линии */
  border-right-width: 2px; /* Толщина линии */
  border-left-color: rgba(158, 74, 197, 0.9);
  border-left-style: solid; /* Стиль линии */
  border-left-width: 2px; /* Толщина линии */
  color: rgba(255, 255, 255, 1);
  font-size:15px;
  margin-right:2px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height:81%;
}

.nameobjectlistining:hover, .nameobjectlistining:active
{
  /* opacity: 0; */
   transition: opacity .55s ease-in-out;
   -moz-transition: opacity .55s ease-in-out;
   -webkit-transition: opacity .55s ease-in-out;

  background:rgba(158, 74, 197, 0.3);
  cursor:pointer;
  padding-top:0.5%;
  padding-right:1%;
  padding-left:1%;
  padding-bottom:0.5%;
  float:left;
  border-top-color: rgba(158, 74, 197, 0.3);
  border-top-style: solid; /* Стиль линии сверху */
  border-top-width: 2px; /* Толщина линии сверху */
  border-right-color: rgba(158, 74, 197, 0.3);
  border-right-style: solid; /* Стиль линии */
  border-right-width: 2px; /* Толщина линии */
  border-left-color: rgba(158, 74, 197, 0.3);
  border-left-style: solid; /* Стиль линии */
  border-left-width: 2px; /* Толщина линии */
  color: rgba(158, 74, 197, 1);
  font-size:15px;
  margin-right:2px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.balance{
  font-family: 'PT Sans', sans-serif;
  margin-top:-3.5px;
  margin-right:-3.4px;
  background:rgba(158, 74, 197, 0.8);
  /*height:32px;*/
  color:white;
  padding-right:7px;
  padding-left:7px;
  padding-top:5px;
  height:111.5%;

 float:right;
 cursor:pointer;
 font-size:16px;
}
.nameobjectlistining{
cursor:pointer;
padding-top:0.5%;
padding-right:1%;
padding-left:1%;
padding-bottom:0.5%;
float:left;
border-top-color: rgba(158, 74, 197, 0.8);
border-top-style: solid; /* Стиль линии сверху */
border-top-width: 2px; /* Толщина линии сверху */
border-right-color: rgba(158, 74, 197, 0.8);
border-right-style: solid; /* Стиль линии */
border-right-width: 2px; /* Толщина линии */
border-left-color: rgba(158, 74, 197, 0.8);
border-left-style: solid; /* Стиль линии */
border-left-width: 2px; /* Толщина линии */
color: rgba(158, 74, 197, 1);
font-size:15px;
margin-right:2px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
height:81%;
}
.line_diag_wallet {
/*width:690px;*/
margin-top:-3px;
margin-left:0px;
border: none; /* Убираем границу */
background-color: rgba(158, 74, 197, 0.8);
width:100.0%;
height: 2px; /* Толщина линии */
}
/*ШАПКА END============================*/
/*Тело сайта===========================*/
.gamesdemonstration{
	float:left;
	min-height:240px;
	width:100%;
	margin-top:-34px;
}
.addbit
{
width:300px;
  right:0px;
margin-right:175px;
  cursor:pointer;
  color: rgba(103, 108,111, 1);
  float:right;
  padding-top:20px;
  padding-bottom:30px;
  margin-top:-59px;
  size:9.5pt;
}
.regin2
{
  font-size:13px;
  margin-left:16px;
  float:left;
  border-color: rgba(236, 236, 236, 1);
  border-style: solid;
  border-width: 2px;
  min-height:100px;
  width:640px;
    padding-left:3px;
    padding-right:4px;

  padding-top:5px;
  padding-bottom:15px;
   border-bottom-color: rgba(236, 236, 236, 1);
  border-bottom-style: solid; /* Стиль линии сверху */
  border-bottom-width: 60px; /* Толщина линии сверху */
}
.regin
{
  float:left;
  border-color: rgba(236, 236, 236, 1);
  border-style: solid;
  border-width: 2px;
 height:350px;
  width:280px;
  padding-top:17px;
}
.context
{
  font-family: 'PT Sans', sans-serif;
  font-size:9.5pt;
}
.body_os_tema
{
  margin-top:-40px;
  position:absolute;

}
.body_os
{
box-shadow: 0px 0px 3px rgba(236, 236, 236, 0.0);

min-height: 600px;
/*border: 1px solid rgba(158, 74, 197, 0.20);*/
right:0; bottom:0; left:0;
margin: auto;
width:951px;
top:44px;
margin-top:130px;

}
.ogl
{
  font-size:14pt;
  height:22px;
  color:rgba(173, 89, 224, 1);
 font-family: 'Russo One', sans-serif;
}
.games
{
  float:left;
  margin-top:25px;
  color: rgba(56, 56, 60, 1);
  border-color: rgba(236, 236, 236, 1);
  border-style: solid; /* Стиль линии сверху */
  border-width: 2px;
  border-right-width: 0px;
  font-family: calibri;
  height:40px;
  font-size:17px;
  font-weight:500;
  padding-top:30px;
  padding-left:35px;
  padding-right:35px;
  padding-bottom:15px;
}
.games2
{
  float:left;
  margin-top:25px;
  color: rgba(56, 56, 60, 1);
  border-color: rgba(236, 236, 236, 1);
  border-style: solid; /* Стиль линии сверху */
  border-width: 2px;
  font-family: calibri;
  height:40px;
  font-size:17px;
  font-weight:500;
  padding-top:30px;
  padding-left:35px;
  padding-right:37px;
  padding-bottom:15px;
  margin-left: -2px;
}
.games3
{
    float:left;
    margin-top:25px;
    color: rgba(56, 56, 60, 1);
    border-color: rgba(236, 236, 236, 1);
    border-style: solid; /* Стиль линии сверху */
    border-width: 2px;
    font-family: calibri;
    height:40px;
    font-size:17px;
    font-weight:500;
    padding-top:30px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:15px;
    margin-left: 0px;
}
.ogl3
{
  float:left;
  width:950px;
  margin-left:-1px;
  margin-top:35px;
  float:left;
  color:black;
  font-size:14pt;
  height:22px;
 font-family: 'Pt Sans', sans-serif;
 font-weight:600;
}
.ogl2
{
  width:300px;
  float:left;
  color:black;
  font-size:14pt;
  height:22px;
 font-family: 'Pt Sans', sans-serif;
 font-weight:600;
}
.oglwarning
{
  font-size:14pt;
  height:22px;
  color:rgb(255, 0, 0);
 font-family: 'Russo One', sans-serif;
}
.line_vert_left_os
{
padding-left:0.0%;
margin:0px;
margin-bottom: 10px; /* Отступ снизу */
border: none; /* Убираем границу */
background-color: rgba(158, 74, 197, 0.93);
float: left;
box-shadow: -3px -1px 75px #000000;
width: 1px;
top:0px;
}
.line_diag_menu_opovesh
{
  float:left;
  padding: 0;
  top:0; right:0; bottom:0; left:100;
  height:1px;
  width:100%;
  margin:0px;
  border: none; /* Убираем границу */
  background-color: rgba(255, 255, 255, 0.40);
}
.line_vert_right_os
{
box-shadow: -3px -1px 75px #000000;
margin:0px;
padding-right:0.0%;
margin-bottom: 10px; /* Отступ снизу */
border: none; /* Убираем границу */
background-color: rgba(158, 74, 197, 0.93);
float: right;

width: 1px;
top:0px;
}
/*Квадрат - метка в начале строки*/
li
{

  margin-top: -0px; /* Отступ слева */
  color: rgba(158, 74, 197,1);
}
li span
{
    color: black; /* Цвет текста */
}
ul{
    margin-left: -23px; /* Отступ слева */
    list-style-type: disc;
    margin-top: 0px; /* Отступ сверху */
    margin-bottom:0px;
}
/*================Поле логина=======================================*/

.authorization, .authorization_input::-webkit-input-placeholder, .authbutton {
  font-family: 'roboto', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.warning9
{
margin-left:200px;
	z-index: 10000;
 font-family: Geneva, Arial, Helvetica, sans-serif;
	background: rgba(255, 255, 255, 1);
}
.authorization {
  height: 10px;
  width:197px;
  margin-left:3px;
  font-size: 16px;
  background: rgba(0, 0, 0, 1);
  color: white;
  line-height: 10%;

}

.authorizationform{
  box-sizing: border-box;
  width: 200px;
  margin-top: -35px ;
  margin-left: -3px;
  padding-bottom: 10px;
  border-radius: 5px;

}
.authorizationform .authorization {
  box-sizing: border-box;
  padding: 20px;
}

.authorization_input {
  margin: 15px 3px;
  width: 180px;
  display: block;
  border: none;
  padding: 10px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
          transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%,rgba(0, 0, 0, 0.7) 4%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgba(0, 0, 0, 0.7) 4%);
  background-position: -200px 0;
  background-size: 200px 100%;
  background-repeat: no-repeat;
  color: rgba(0, 5, 0, 1);
  font-family: 'Roboto Condensed', sans-serif;
  font-size:13px;
  margin-left:10px;
}
.authorization_input:focus, .authorization_input:valid {
  box-shadow: none;
  outline: none;
  background-position: 0 0;
}
.authorization_input:focus::-webkit-input-placeholder, .authorization_input:valid::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
  font-size: 11px;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  visibility: visible !important;
}

.authbutton {
  border: none;
  background: rgba(0, 0, 0, 1);
  cursor: pointer;
  border-radius: 3px;
  padding: 5px;
  color: white;
  margin-left: 0px;
  width:120px;
  position:relative;
  margin-left:17px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.authbutton:hover {
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
}
/*===================Регистрация=================*/

.registration, .registration_input::-webkit-input-placeholder, .regbutton {
  font-family: 'roboto', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.registration {

  width: 100%;
  font-size: 16px;

  color: white;
  line-height: 10%;
  border-radius: 3px 3px 0 0;

}

.registrationform{
  box-sizing: border-box;

  padding-bottom: 20px;
  border-radius: 5px;

}
.registrationform .registration{
  box-sizing: border-box;
  padding: 20px;
}

.registration_input {
  margin: 8px 3px;
  width: 400px;

  border: none;
  padding: 10px 0;
  border-bottom: solid 1px rgba(236, 236, 236, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
          transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%,rgba(236, 236, 236, 1) 4%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, rgba(236, 236, 236, 1) 4%);
  background-position: -400px 0;
  background-size: 400px 100%;
  background-repeat: no-repeat;
  color: rgba(0, 5, 0, 1);
  font-family: 'Roboto Condensed', sans-serif;
  font-size:13px;
}
.registration_input:focus, .registration_input:valid {
  box-shadow: none;
  outline: none;
  background-position: 0 0;
}
.registration_input:focus::-webkit-input-placeholder, .registration_input:valid::-webkit-input-placeholder {
  color: rgba(143, 143, 143, 1);
  font-size: 11px;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  visibility: visible !important;
}

.regbutton {
	font-family: Geneva, Arial, Helvetica, sans-serif;
  border: none;
  outline: none;
  background: rgba(167, 109, 218, 1);
  cursor: pointer;
  border-radius: 3px;
  padding: 6px;
  color: white;
  width:400px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.regbutton:hover {
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
}

/*WARNING*/
.warning{
	margin-top:120px;

 padding-left:50%;

 position: relative;
 /*margin-left:-307.5px;*/
margin-left:-300.0px;
 width:613px;
 font-family: Geneva, Arial, Helvetica, sans-serif;
 padding-bottom:100px;
}
.warning2{
left:50%;
margin-left:-200px;
 padding-top:100px;
 position: fixed;
 z-index: 10000;
 font-family: Geneva, Arial, Helvetica, sans-serif;

}
.warning_scrolling{
	left: 0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	z-index: 10000;

	position: absolute;

	height:100%;
	overflow-y: scroll;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.warning_opovesh_name{
  background: rgba(158, 74, 197, 1.0);
  padding-left:10px;
  color:white;
  height:22px;
  padding-top:5px;
  font-size:16px;
  cursor:pointer;
  box-shadow: 0px 0px 123px -20px rgba(0,0,0,0.43);
}
.warning_opovesh_text{
  background: rgba(255,255,255, 1);
  word-wrap: break-word;      /* IE 5+ */
  /*font-family: 'Fira Sans', sans-serif;*/ /*interkassa*/
  font-family: 'PT Sans', sans-serif;
  /*font-family: 'PT Sans', sans-serif;*/
  padding-top:5px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:20px;
  width:593px;
  font-size:14px;
  float:left;
  box-shadow: 0px 0px 123px -20px rgba(0,0,0,0.43);
}
/*LOGS MONEY*/




.historymoney_time
{

  margin-top:-32px;
float:right;
  width:47px;
  height:30px;

  position:absolute;
  right:0px;
  font-size : 11px;
}

.historymoney_text
{

  margin-top:-21px;
float:right;
  width:480px;
  height:30px;

  position:absolute;
  right:0px;
  font-size : 12px;
}
.historymoney_value
{

  margin-top:-22px;

  float:left;
  height:20px;

  position:absolute;
  left:90px;
  font-size : 13px;
}
.historymoney_id
{
margin-top:2px;
margin-left:5px;
  float:left;
height:1px;

  position:absolute;
  left:24px;
  font-size : 10px;
}
.historymoney_date
{
  margin-left:5px;
height:1px;
  float:left;
  margin-top:2px;
  width:100px;
  position:absolute;
  left:24px;
    font-size : 8pt;
}
.historymoney_status
{
float:left;
overflow:hidden;
position:absolute;
left:0px;
font-size : 20px;
}
.hopelogs {
  word-wrap: break-word;
  position:relative;
  margin-top:3px;
  background: rgba(158, 74, 197, 0.3);
  cursor:pointer;
  padding-left:8px;
  padding-top:3px;
  padding-right:8px;
  padding-bottom:6px;
  width:670px;
  border-radius: 2px;
  transition: background 1s ease-in-out;
  -moz-transition: background 1s ease-in-out;
  -webkit-transition: background 1s ease-in-out;
  /* box-shadow */
  height:33px;
}
.hopelogs:hover, .hope:active{
  background: rgba(158, 74, 197, 0.6);
  border-radius: 4px;
}
.wal_cancel{
	position:absolute;
}
.button_wallet {
  margin-left:4px;
  margin-top:-4px;
  outline: none;
  border: none;
  background: rgba(167, 109, 217, 0.6);
  cursor: pointer;
  border-radius: 3px;
  padding: 3px;
  color: white;
  min-width:70px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.button_wallet:hover {
  outline: none;
  border: none;
  background: rgba(167, 109, 218, 0.8);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
/*=======Приложения==========*/
.apps_ogl{
 cursor:pointer;
 padding-left:10px;
 float:left;
 width:285px;
}
.apps_dop
{
  width:220px;

 float:right;
 margin-top:-30px;
 font-size:8pt;
}
.apps
{
 padding:7px;
 height:150px;
}
.apps_image
{
  float:left;
  width:170px;
  height:150px;
}
.apps_text{
  float:left;
  padding-left:10px;
  word-wrap: break-word;
  width:500px;
  height:90px;
}
.line_apps
{
  margin-top:-10px;
  padding: 0px;
  margin-left:0px;
  top:0; right:0; bottom:0; left:200;
  height:1.2px;
  width:680px;

  border: none; /* Убираем границу */
  background-color: rgba(158, 74, 197, 0.90);
}
.appsbutton {
  margin-left:10px;
  float:left;
  border: none;
  outline: none;
  background: rgba(167, 109, 218, 1);
  cursor: pointer;
  border-radius: 3px;
  padding: 6px;
  color: white;

  width:500px;
  font-family: 'roboto', sans-serif;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
.appsbutton:hover {
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
}
/*=====================GAMER========================*/
.historygame_text_name
{
  margin-top:-25px;
  margin-right:50px;
  height:30px;
  float:right;
  font-size : 16px;
}
.historygame_text
{
  margin-top:-32px;
  height:30px;
  font-size : 16px;
}
.allgame{
  position:absolute;
  background:rgba(158, 74, 197, 0.2);
}
.selectgame
{
  cursor:pointer;
  width:120px;
  height:20px;
  color: rgba(158, 74, 197, 1);
  font-size:18px;
  background:rgba(158, 74, 197, 0.0);
  padding:5px;
  margin-top:5px;
    -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
}
.selectgamer{
  cursor:pointer;
  width:120px;
  height:20px;
  color: rgba(158, 74, 197, 1);
  font-size:18px;
  background:rgba(158, 74, 197, 0.3);
  padding:5px;
  margin-top:5px;
    -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
}
.selectgame:hover {
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.2);
}
.texgame{

  padding-left:140px;

}
.namesoper
{
	width:124px;
  margin-top:7px;
  margin-left:7px;
  font-size:20px;
float:left;

}
.namesoper2
{
  position:absolute;
  width:100%;
   font-size:35px;


}
.namesoper3
{
	width:124px;
  margin-top:7px;
margin-right:7px;
  font-size:20px;
float:right;

}
.sopergamehist
{
	opacity:0.70;
	position:relative;
  cursor:pointer;
  width:97%;
  width:97%;
  height:94px;
  color: rgba(158, 74, 197, 1);

  background:rgba(158, 74, 197, 0.2);
  padding:5px;
  margin-top:5px;
    -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
}
.sopergame
{
	position:relative;
  cursor:pointer;
  width:97%;
  height:60px;
  color: rgba(158, 74, 197, 1);

  background:rgba(158, 74, 197, 0.2);
  padding:5px;
  margin-top:5px;
    -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
}
.sopergame2
{
	position:relative;
  cursor:pointer;
  width:97%;
  height:450px;
  color: rgba(158, 74, 197, 1);

  background:rgba(158, 74, 197, 0.2);
  padding:5px;
  margin-top:5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
}

.sopergame3
{
	position:relative;
  cursor:pointer;
  width:97%;
  height:140px;
  color: rgba(158, 74, 197, 1);

  background:rgba(158, 74, 197, 0.2);
  padding:5px;
  margin-top:5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
}
.sopergame4
{
	position:relative;
  cursor:pointer;
  width:97%;
  height:23px;
  color: rgba(158, 74, 197, 1);

  background:rgba(158, 74, 197, 0.2);
  padding:2px;
  margin-top:3px;
  margin-bottom:3px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.0);
}
.namesoper4
{
  margin-top:0px;
  margin-left:15px;
  font-size:15px;
float:left;

}
.sopergame:hover, .sopergamehist:hover {
  -webkit-transform: translateY(-3px);
      -ms-transform: translateY(-3px);
          transform: translateY(-3px);
  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.1);
  background:rgba(158, 74, 197, 0.3);
  opacity:1;
}
/*===================TOOLTIP========================*/
.tooltip {
    position:absolute;
    z-index:10000; /* подсказка должна перекрывать другие элементы */
    padding: 10px 20px;

    /* красивости... */
    border: 0px solid #b3c9ce;
    border-radius: 0px;
    text-align: center;
    font: italic 14px/1.3 arial, sans-serif;
    color: #FFFFFF;
    background: #000000;
    box-shadow: 3px 3px 3px rgba(0,0,0,.3);
}
/*SHOP*/
/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkbox {
    vertical-align: top;
    margin: 0 3px 0 0;
    width: 17px;
    height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
    cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
    position: absolute;
    opacity: 0;
}
.checkbox:not(checked) + label {
    position: relative; /* будем позиционировать псевдочекбокс относительно label */
    padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 50px;
    height: 26px;
    border-radius: 13px;
    background: #CDD1DA;
    box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
    background: rgba(158, 74, 197, 1);
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
    left: 26px;
}
/* Показываем получение фокуса. */
.checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
/*=======================Основные части сайта=========*/
.checkboxApple[type="checkbox"].checkslider {margin-left: 15px;margin-top: 0px;outline: none;cursor: pointer;}
label:active .checkboxApple[type="checkbox"].checkslider:after {width: 28px;left: -2px;}
label:active .checkboxApple[type="checkbox"].checkslider:checked:after {width: 28px;left: 10px;}
.checkboxApple[type="checkbox"].checkslider:checked {background-color: #9044da;}
.checkboxApple[type="checkbox"].checkslider {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: inline-block;
    height: 16px;
    width: 38px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    background-color: #ffffff;
    backface-visibility: hidden;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.checkboxApple[type="checkbox"].checkslider:after {
    content: "";
    width: 22px;
    height: 22px;
    box-shadow: 0px 0px 1px #bbb, inset 10px 0px 10px #bbb;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    top: -3px;
    left: -2px;
    position: absolute;
    background: #bbb;
    transition: all .25s ease;
}
.checkboxApple[type="checkbox"].checkslider:checked:after {left: 16px;position: absolute;background: #bbb;}

._radio { padding:0px; margin-left:40px;font-family: 'PT Sans', sans-serif;}
._radio input[type="radio"] { opacity: 0; position: absolute;cursor:pointer;font-family: 'PT Sans', sans-serif;}
._radio input[type="radio"] + label {line-height:25px; display:inline-block; text-indent:-38px;cursor:pointer; font-family: 'PT Sans', sans-serif;}
._radio input[type="radio"]:checked + label > mark:before { content:' '; background:rgba(167, 109, 218, 1); width:10px; height:10px; display:inline-block; margin:5px; border-radius:5px;}
._radio input[type="radio"] + label > mark { display:inline-block; width:20px; height:20px; vertical-align:middle; border-radius:15px; border:1px solid #ccc;margin-top:-2px; background:#fff; text-indent: 0; }

._checkbox { padding:0px; margin-left:40px; }
._checkbox input[type="checkbox"] { opacity: 0; position: absolute; cursor:pointer;}
._checkbox input[type="checkbox"] + label {line-height:25px; display:inline-block; text-indent:-38px; cursor:pointer;}
._checkbox input[type="checkbox"] + label > mark { position:relative; display:inline-block; width:20px; height:20px; vertical-align:middle; border-radius:5px; border:1px solid #ccc; background:#fff; text-indent: 0; }
._checkbox input[type="checkbox"]:checked + label > mark:before { content:' '; background:rgba(167, 109, 218, 0.85); width:3px; height:3px; position:absolute; top:8px; left:6px; transform: rotate(45deg); -webkit-transform: rotate(45deg);  }
._checkbox input[type="checkbox"]:checked + label > mark:after { content:' '; background:rgba(167, 109, 218, 0.85); width:3px; height:9px; position:absolute; top:5px; left:10px; transform: rotate(45deg); -webkit-transform: rotate(45deg);  }

._select_group{color:rgba(158, 54, 197,0.3);}
._select{color:rgba(158, 54, 197, 0.9);outline: none;margin-left:2px;}
._select_opt {color:rgba(158, 54, 197, 1);}
._select_opt:checked {color:rgba(158, 54, 197, 1); background-color:rgba(158, 54, 197,0.4); }

._rad[type=radio] {
    display:none;
    margin:1px;
    border-radius: 3px;
}
._rad[type=radio] + label {
    display:inline-block;
    margin:1px;
    padding: 4px 12px;
    background-color:rgba(167, 109, 218, 0.6);
    color:white;
    cursor:pointer;
    outline: none;
    border: none;
    font-family: 'roboto', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
._rad[type=radio]:checked + label {
    background-image: none;
    color:white;
    background-color:rgba(167, 109, 218, 1);
}