@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'Nunito', sans-serif;
    margin: 0;
    padding: 0;
    color: #93999e;
    box-sizing: border-box;
}

body {
    background: #f7f7f7;
}
.content{
    padding:40px;
    position:relative;
}
button:active, button:focus , button{
    outline: none;
    border: 0;
    background: transparent;
}
button::-moz-focus-inner {
    border: 0;
}
input {
    outline:none;
}
.maxwidth{
    max-width: 1300px;
    padding: 0;
    margin: 0 auto;
    float: none;
    height: 100%;
    background:#fff;
    overflow: hidden;
}
a{
    text-decoration:none;
    color: #93999e;
}
a:visited {
    color: #2ac3d1;
}
a:active {
    color: #2ac3d1;
}
a:hover {
    color: #31c4a0;
}
.main_title{
    font-weight:700;
    color:#2d3640;
}
.page_description{
    color:#93999e;
}
.br1200{
    display:none;
}
@media (max-width: 1200px){
    .br1200{
        display:block;
    }
}



/*svg*/

.svg{
    width:18px;
    height:18px;
    overflow: hidden;
    margin:0 auto;
    position:relative;
}
.svg svg path,
.svg svg line,
.svg svg rect,
.svg svg circle,
.svg svg polygon,
.svg svg polyline,
.svg svg ellipse{
    stroke:#93999e;
}
.svg svg{
    position:absolute;
}
.svg.phone svg{
    top:0;
    left:0;
}
.svg.file_qm svg{
    top:-18px;
    left:0;
}
.svg.reg svg{
    top:-36px;
    left:0;
}
.svg.out svg{
    top: -54px;
    left: 0;
}
.svg.gear svg{
    top: -72px;
    left: 0;
}
.svg.attach svg{
    top: -90px;
    left: 0;
}
.svg.download svg{
    top: -108px;
    left: 0;
}
.svg.plane svg{
    top: -126px;
    left: 0;
}
.svg.pin svg{
    top: 0;
    left: -18px;
}
.svg.file_add svg{
    top: -18px;
    left: -18px;
}
.svg.coins_add svg{
    top: -36px;
    left: -18px;
}
.svg.talk svg{
    top: -54px;
    left: -18px;
}
.svg.burger svg{
    top: -72px;
    left: -18px;
}
.svg.attach_t svg{
    top: -90px;
    left: -18px;
}
.svg.award svg{
    top: -108px;
    left: -18px;
}
.svg.copy svg{
    top: -108px;
    left: -36px;
}
.svg.search svg{
    top: -90px;
    left: -36px;
}
.svg.calendar svg{
    top: -72px;
    left: -36px;
}
.svg.q_mark svg{
    top: -54px;
    left: -36px;
}
.svg.coins_out svg{
    top: -36px;
    left: -36px;
}
.svg.key svg{
    top: -18px;
    left: -36px;
}
.svg.address svg{
    top: 0;
    left: -36px;
}
.e_mark_svg{
    width:6px;
    height:18px;
    position: absolute;
    bottom: 21px;
    right: 12px;
}
.e_mark_svg svg path{
    fill:#fa4925;
}
.svg.x-circle-icon svg{
    top: 0px;
    left: 0px;
    transform: scale(0.9);
}
.svg.x-circle-icon{
    width:22px;
    height:22px;
}
.svg.eye svg{
    top: 0;
    left: -18px;
}
.svg.full-star svg{
    top:0;
    left:0;
}
.svg.empty-star svg{
    top:-18px;
    left:0;
}
.svg.x-icon{
    width: 11px;
    height: 10px;
}
.svg.x-icon svg{
    top: -26px;
    left: -35px;
}
.svg.shield{
    width: 26px;
    height: 32px;
}
.svg.arrow-arc{
    width:8px;
    height:6px;
    transform: rotate(90deg);
}
.svg.arrow-arc svg{
    top: -18px;
    left: -47px;
}



/*кнопки*/

.btn{
    text-transform:uppercase;
    border:1px solid #2ac3d1;
    font-size:13px;
    color:#2ac3d1;
    font-weight:700;
    padding-top:9px;
    position:relative;
}
.btn:focus{
    box-shadow: none;
}
.btn:visited{
    color:#2ac3d1;
}
.btn:hover{
    border-color: #31c4a0;
    color:#31c4a0;
    background:rgba(49, 196, 160, 0.15);
}
.btn-orange{
    border-color: #f2cd13;
    color: #fa9725;
}
.btn-orange:visited{
    color: #fa9725;
}
.btn-orange:hover{
    border-color: #fa9725;
    background: rgba(250, 151, 37, 0.15);
    color: #fa9725;
}
.btn-orange-full{
    border-color: #f2cd13;
    color: #fa9725;
}
.btn-orange-full:hover{
    border-color: #fa9725;
    color: #fff;
    background:#fa9725;
}
.btn-full-transparent:hover{
    background:#31c4a0;
    color:#fff;
}
.btn-full{
    background: linear-gradient(80deg, rgba(49,196,160,1) 0%, rgba(42,195,209,1) 100%);
    border:none;
    color:#fff;
}
.btn-full:hover{
    background: linear-gradient(80deg, rgba(43,171,139,1) 0%, rgba(37,172,183,1) 100%);
    color:#fff;
}
.btn-full:visited{
    color:#fff;
}
.btn-tabs{
    border:1px solid #93999e !important;
    color:#93999e !important;
    text-decoration:underline dashed;
}
.btn-tabs:hover{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    background:#fff;
    border-color:#31c4a0 !important;
    color:#31c4a0 !important;
}
.btn-tabs.active{
    background:#fff !important;
    border-color:#31c4a0 !important;
    color:#31c4a0 !important;
    
}
.btn-tabs.active:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:3px;
    background:#31c4a0;
}
.btn-black{
    color:#93999e;
    border:1px solid #93999e;
}
.btn-black:hover{
    border-color: #31c4a0;
    color: #31c4a0;
    background: rgba(49, 196, 160, 0.15);
}
.btn-gray{
    border-color: #cccccc;
    color: #93999e;
    background: #f7f7f7;
}
.btn-gray:hover{
    color: #3187c4;
    border-color: #cccccc;
    background: #f7f7f7;
}











/*FORMS*/


.site_form{
    width:100%;
    position:relative;
    padding:40px 50px;
    z-index:10;
    background: linear-gradient(315deg, rgba(49,196,160,1) 0%, rgba(42,195,209,1) 100%);
    border-radius:5px;
}
.site_form::before{
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    background: url('../img/form_bg.png');;
    content: '';
    border-radius:3px;
    z-index: -1;
}
.form_title{
    color:#242638;
    font-weight:700;
    font-size:25px;
}
.form_desc{
    color:#93999e;
    font-size:14px;
}
.form_labels{
    color:#93999e;
    font-weight:700;
    text-transform:uppercase;
    font-size:10px;
    margin-bottom:0;
}
.form_inputs{
    border:2px solid #cccccc;
    height:50px;
    color:#93999e;
}
.form_inputs:placeholder{
    color:#93999e;
}
.form_inputs:focus{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    border: 2px solid #31c4a0;
}
.submit_btn{
    width:100%;
    padding-top: 12px;
    padding-bottom: 9px;
    height:50px;
}
.confirm_text{
    font-size:11px;
    color:#93999e;
    font-weight:700;
    margin: 10px 0 0;
}
.confirm_text a{
    text-decoration:underline dotted;
}
.form_field{
    position:relative;
}
.form_inputs:not(textarea):focus{
    color: #31c4a0;
}
.form_title img{
    position: relative;
    margin-right: 10px;
    bottom: 3px;
}
.send_code_btn{
    position: absolute;
    bottom: 7px;
    right: 7px;
    font-size: 10px;
    height: 35px;
    width: 113px;
    line-height: 1.8;
}
.phone_input{
    padding-right: 40%;
}
.number_convert{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    padding-left: 2px;
    padding-right: 5px;
    border-radius: 3px;
    border: 2px solid #cccccc;
    height: 50px;
    width:100%;
    padding: 11px .75rem;
    
}
.number_convert span{
    color:#93999e;
    font-size: 1rem;
    font-weight: 400;
}
.num_input.with_number_convert{
    opacity: 0;
    z-index: 1;
}
.num_input.with_number_convert:focus{
    opacity: 1;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}
.balance_info{
    color: #93999e;
    font-size: 14px;
    font-weight:700;
}
.balance_info .value{
    font-size:25px;
    color:#31c4a0;
}
.balance_info .rub{
    color:#31c4a0;
}
form.withdraw .nav-item a{
    font-weight:700;
    border:none;
    text-decoration:underline dashed;
}
form.withdraw .nav{
    border:none;
}
form.withdraw .nav-link.active{
    Color:#31c4a0;
    text-decoration:underline solid;
}
form.withdraw .nav-link:hover{
    Color:#31c4a0;
}
.custom_checkbox input{
    width:20px;
    height:20px;
    border:2px solid #93999e;
    margin-top:2px;
}
.custom_checkbox input:focus{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    border:2px solid #31c4a0;
}
.custom_checkbox input:hover{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    border:2px solid #31c4a0;
}
.custom_checkbox input:checked{
    -webkit-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    border:2px solid #31c4a0;
    background:#31c4a0;
}
.custom_checkbox input~label{
    font-weight:700;
    color:#5a5e61;
}
.custom_checkbox input:checked~label{
    color: #31c4a0;
}
.switch_custom label{
    font-size:12px;
}
.switch_custom input:focus{
    border:2px solid #31c4a0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    background-image: url('../img/svg/switch-circle.svg') !important;
}
.switch_custom input:checked{
    background-color:#31c4a0;
    border:2px solid #31c4a0;
}
.accordion_custom .accordion-item{
    margin-top:10px;
}
.accordion_custom button{
    border:1px solid #dde4eb;
    border-bottom-width: 1px !important;
    border-radius:5px !important;
    background:#f7fafc !important;
}
.accordion_custom button span{
    border-bottom: 1px dashed;
    font-weight:700;
    color:#31c4a0;
}
.accordion_custom button:focus{
    border:1px solid #dde4eb;
    box-shadow:none;
}
.accordion_custom .accordion-collapse{
    border-width: 0 1px 1px;
    border-radius: 0 0 5px 5px;
}
.accordion_custom button:not(.collapsed){
    border-radius:5px 5px 0 0 !important;
}
.accordion_custom button:not(.collapsed) span{
    border-radius:5px 5px 0 0 !important;
    border-bottom: 1px dashed transparent;
}
.accordion_custom button:hover span{
    border-bottom: 1px dashed transparent;
    color:#3187c4;
}
.accordion_custom .accordion-body{
    font-size:13px;
}
.accordion_custom .accordion-body a{
    color:#3187c4;
    text-decoration:underline;
}
.accordion_custom .accordion-body a:hover{
    color:#31c4a0;
    text-decoration:none;
}
.file_input_div {
    width: 135px;
    height: 50px;
    background: #f7f7f7;
    position: relative;
    padding: 15px 20px 0;
    border-radius: 5px;
    cursor: pointer;
}
.file_input_div p {
    font-size: 12px;
    text-decoration: underline;
    line-height: 1;
    padding-left: 25px;
}
.file_input_div .svg {
    position: absolute;
    left: 20px;
    top: 15px;
}
.radio-div{
    padding-top:10px;
    padding-bottom:10px;
    padding-right:40px;
    border:1px solid #dde4ea;
    border-radius:6px;
}
.radio-div input{
    margin-left:0 !important;
}
.radio-div input:focus{
    box-shadow: none;
}
.radio-div input{
    border-color:#93999e;
    border-width:2px;
}
.radio-div input:hover{
    border-color:#3187c4;
}
.radio-div input:checked{
    background-image:none !important;
    background:#3187c4;
    border-color:#3187c4;
}
.price_text{
    padding:10px 35px 10px 10px;
    font-size:13px;
    height:30px;
    width:90px;
}
.price_text~svg{
    position: absolute;
    right: 4px;
    top: 4px;
    cursor:pointer;
}




/*404.php*/

.for-o-for_container{
    text-align:center;
}
.for-o-for_logo{
    padding-top:6%;
}
.for-o-for_text{
    padding: 15px 0 70px;
}
.for-o-for_text p{
    margin: 10px 0;
    color:#93999e;
}



/*Таблицы*/

.table thead{
    background:#f7f7f7;
    font-weight: 700;
}
.table thead td{
    padding:15px;
    position:relative;
}
.table tbody td{
    padding:15px;
    position:relative;
}
table{
    margin:0 !important;
}
table thead .default_table_title{
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    color:#93999e;
    border-right: 1px solid #93999e;
}
table thead td:last-child .default_table_title{
    border-right:none;
}
.table.table_cabinet thead td{
    color:#000;
    font-size:10px;
    text-transform:uppercase;
    border-bottom:3px solid #93999e !important;
    vertical-align: middle;
}
.table.table_cabinet tbody td{
    font-size:13px;
    border:1px solid #93999e;
    font-weight: 700;
    vertical-align: middle;
}




/*SEARCH*/

.default_search{
    margin-top: 8px;
}
.default_search .search_input_div{
    position:relative;
    margin:0 auto;
    max-width:450px;
}
.default_search .search_input_btn_div{
    width:46px;
    height:46px;
    position:absolute;
    top:2px;
    right:2px;
    background:#f7f7f7;
    border-radius: 5px;
}
.default_search .default_search_input{
    width:100%;
    height:50px;
    border:2px solid #31c4a0;
    border-radius:5px;
    padding-left:15px;
    background:#f7f7f7;
    color:#93999e;
    font-size:14px;
    padding-right: 50px;
}
.default_search_input:focus{
    background:#fff;
    color:#242638;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    -moz-box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
    box-shadow: 0px 0px 15px 0px rgba(49, 196, 160, 0.3);
}
.default_search .search_img{
    width:100%;
    height:100%;
    background:url('../img/search_default.png');
    background-repeat: no-repeat;
    background-position:center center;
}
.default_search .default_search_input:focus .search_img{
    background:url(/img/search_hover.png);
}
.default_search .btn-search{
    width:100%;
    height:100%;
    padding:0;
}
.default_search .default_search_input:focus~.search_input_btn_div{
    background:#fff;
}



/*НАвигация*/


.navigation{
    position:relative;
    text-align: center;
    margin-top:20px;
}
.navigation .nav-item{
    display:inline-block;
    width:34px;
    height:34px;
    border:1px solid #93999e;
    margin:-12px auto;
    font-size:14px;
    color:#93999e;
    border-radius:5px;
    padding:6px;
}
.navigation .nav-item:hover{
    border:2px solid #31c4a0;
    color:#31c4a0;
}
.navigation .nav_prev{
    background:url('../img/nav_arrow_d.png') no-repeat;
    background-position:center center;
}
.navigation .nav_next{
    background:url('../img/nav_arrow_d.png') no-repeat;
    background-position:center center;
    transform: rotate(180deg);
}
.navigation .nav_prev:hover{
    background:url('../img/nav_arrow_h.png') no-repeat;
    background-position:center center;
    transform: rotate(180deg);
}
.navigation .nav_next:hover{
    background:url('../img/nav_arrow_h.png') no-repeat;
    background-position:center center;
    transform: rotate(0deg);
    
}




/*POPUP*/


.popup-fade {
	display: none;
}
.popup-fade:before {
	content: '';
	background: #000;
	position: fixed; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%;
	opacity: 0.7;
	z-index: 9999;
}
.popup {
	position: fixed;
	top: 5%;
	left: 50%;
	padding: 60px;
	width: 440px;
	margin-left: -200px;	
	background: #fff;
	border-radius: 4px; 
	z-index: 99999;
	opacity: 1;	
}
.popup-close {
	position: absolute;
	top: 30px;
	right: 30px;
    cursor:pointer;
    width:10px;
    height:10px;
    background:url('../img/X_default.png');
}
.popup-close:hover {
    background:url('../img/X_hover.png');
}
.popup.side {
	position: fixed;
	top: 0%;
	right: 0%;
    height:100%;
	padding: 80px;
	width: 760px;
	margin-left: 0px;	
	background: #fff;
	border-radius:20px 0 0 20px; 
	z-index: 99999;
	opacity: 1;	
    overflow: auto;
    left:inherit;
}
.popup.side .popup-close{
	right: inherit;
    left:30px;
}
.form_props .form_props_item{
    width:49%;
    padding-bottom:20px;
    display:inline-block;
}
.form_props .form_props_item .title{
    font-weight:700;
    text-transform:uppercase;
    font-size:10px;
}
.form_props .form_props_item .val,
.form_props .form_props_item .val p{
    color:#242638;
    font-weight:700;
}
.form_props .form_props_item a{
    color:#3187c4;
    text-decoration: underline;
}
.form_props .form_props_item a:hover{
    color:#31c4a0;;
    text-decoration: none;
}
.form_props .form_props_item.full{
    width:100%;
}
.popup.side .short{
    width: 49.6%;
    display:inline-block;
}
.popup.side .short.submit_btn{
    margin-bottom:2px;
}
.popup.burger-left-menu{
    position: fixed;
	top: 0%;
    height:100%;
	padding: 0px;
	width: 300px;
	margin-left: 0px;	
	background: #fff;
	border-radius:0; 
	z-index: 99999;
	opacity: 1;	
    overflow: auto;
    left:0;
    border-right:1px solid #cccccc;
}
.popup.burger-left-menu .popup-close{
    top:15px;
}
.popup.cabinet-right-menu .popup-close{
    top:15px;
}
.side_menu_items .side_menu_item{
    padding:20px 30px;
    border-bottom:1px solid #cccccc;
    position:relative;
}
.side_menu_items .side_menu_item span{
    color:#242638;
    font-weight:700;
    font-size: 14px;
}
.side_menu_items .side_menu_item a{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.popup.cabinet-right-menu{
    position: fixed;
	top: 0%;
    height:100%;
	padding: 0px;
	width: 300px;
	margin-left: 0px;	
	background: #fff;
	border-radius:0; 
	z-index: 99999;
	opacity: 1;	
    overflow: auto;
    right:0;
    left:inherit;
    border-left:1px solid #cccccc;
}

@media (max-width: 767px) { 
    .popup.side{
        width: 80%;
        padding: 15px;
    }
    .popup.side .popup-close {
        right: 15px;
        left: inherit;
        top: 15px;
    }
    .popup.side .short {
        display:block;
        width:100%;
    }
    .popup.side .short.submit_btn {
        margin-bottom: 10px;
    }
}
@media (max-width: 500px) { 
    .popup{
        width:100%;
        top: 10%;
        margin-left: 0;
        left:0;
        padding: 15px;
    }
    .popup-close {
        top: 15px;
        right: 15px;
    }
}



/*DROPDOWN MENU*/


.dropdown_menu{
    position:absolute;
    z-index: 999;
}
.dropdown_menu ul{
    margin:0;
    background: #fff;
    border-radius:5px;
}
.dropdown_menu .dropdown_menu_elem{
    padding:10px 20px;
    border-bottom: 1px solid #ebebeb;
    cursor:pointer;
    position:relative;
}
.dropdown_menu .dropdown_menu_elem:last-child{
    border-bottom:none;
}
.dropdown_menu .dropdown_menu_elem span{
    font-size:13px;
    font-weight:700;
    color:#93999e;
}
/* Бейдж для пункта меню "Сообщения" */
.dropdown_menu_elem .menu_notification {
    display: inline-block;
    background-color: #f1f3f5;
    color: #2d3640;
    font-size: 10px;
    font-weight: 600;
    width: 20px;        /* фиксированная ширина */
    height: 20px;       /* равна высоте */
    line-height: 20px;  /* центрирование по вертикали */
    border-radius: 50%;
    text-align: center;
    margin-left: 8px;
    border: 1px solid #ced4da;
    vertical-align: middle;
    box-sizing: border-box; /* чтобы border не увеличивал размер */
}
.dropdown_menu .dropdown_menu_elem:hover span{
    color:#31c4a0;
}
.dropdown_menu .dropdown_menu_elem a{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}




/*TABS*/

.tabs{
    margin-bottom:20px;
}
.tabs .tab-item{
    display: inline-block;
}