@font-face {
	font-family: Verdana; /* Имя шрифта */
    font-display: swap;
	src: url('../fonts/verdana.ttf'); /* Путь к файлу со шрифтом */
}

html, body{
	width: 100%;
	height: 100%;
	font-family: Verdana;
	background-image: url('../img/bg.png');
}

.content-wrapper {
	min-height: 100%;
	margin-bottom: -120px;
}
.content-wrapper:after {
  content: "";
  display: block;
}
.footer, .content-wrapper:after {
	height: 120px;
}

.toppanel{
	background-color: #303030;
	box-shadow: -1px 0 5px #232324;
	height: 38px;
	width: 100%!important;
	position: relative;
	z-index: 0;
}

.topmenu{
	width: 1000px;
	padding-top: 6px;
	height: 26px;
	color: #acacac;
	font-size: 12px;
	text-align: right;
	margin: 0 auto;
	line-height: 24px;
}

.topmenu a{
	margin-right: 28px;
	text-decoration: none;
}

.topmenu a, .topmenu span{
	color: #acacac;
	border-bottom: 1px dashed #acacac;
}

.topmenu a:hover{
	text-decoration: none;
	color: #6f6f6f;
	border: 0;
}

.topright{
	float: right;
}
.topleft{
	float: right;
	width: 57px;
	height: 24px;
	margin-right: 26px;
	background-color: #282828;
	cursor: pointer;
}

.topleft:hover{
	background-color: #484848;
}

.topleft img{
	margin: 4px 5px;
	float: right;
}

.headerwrap{
	height: 279px;
	background-image: url('../img/texture.png');/*ch*/
	position: absolute;
	width: 100%;
	border-bottom: 5px solid #3eb5f1;
}

.header{
	width: 1000px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}

.headerright{
	padding-top: 28px;
	float: right;
}

.btn{
	position: relative;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.btn,.easy{
	padding: 0 15px;
	background-color: #38b1ed;
	color: #fff!important;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	text-decoration: none!important;
	cursor: pointer;
	border: 0;
}

.btn,.easy{
	display: block;
}

.btn:hover,.easy:hover{
	background-color: #484848;
}

/*HEADER*/

.search{
	position: relative;
	margin-top: 17px;
}

.search .searchtext{
	width: 148px;
	line-height: 12px;
	height: 26px;
	padding: 0;
	background-color: #fff;
	color: #c4c4c4;
	border: 1px solid #4b4b4b;
	padding: 0 5px;
}

.search .searchsubmit{
	width: 16px;
	color: transparent;
	height: 16px;
	background-image: url('../img/search.png');
	background-color: #fff;
	border: 0;
	padding: 0;
	z-index: 5;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
}

.search .searchsubmit:hover{
	background-color: #fff;
}

.headercenter, .logo{
	border-right: 2px ;
	border-image: url(../img/separator.png) 2;
	-o-border-image : url(../img/separator.png) 2;
	-webkit-border-image: url(../img/separator.png) 2;
	-moz-border-image: url(../img/separator.png) 2;
}

.logo{
	float: left;
	width: 242px;
	line-height: 122px;
	position: absolute;
	height: 121px;
}

.headercenter{
	margin-left: 243px;
	margin-right: 206px;
	padding-top: 25px;
	padding-left: 23px;
	font-size: 12px;
	color: #8a8a8a;
}

.headercenter .select{
	border:1px solid #c4c4c4;
	margin-left:4px;
	line-height: 18px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.headercenter .dropdown{
	color: #4b4b4b;
	background-color: #fff;
	width: 143px;
	line-height: 20px;
	border: 1px solid #3d3d3d;
	color: #c4c4c4;
	float:left;
	position: relative;
	border: 1px solid #c4c4c4;
	margin-left: 4px;
	padding-top: 3.5px;
	padding-bottom: 3.5px;
	padding-left: 5px;
	border-radius: 0;
	margin-right: 0;
	height: 20px;
}

.headercenter .dropdown .selected {
    font-size: 9pt;
    padding-top: 3.5px;
}


.price {
	position: absolute;
	bottom: -25px;
	right: 217px;
}
#datepick{
	float:left;
	width: 140px;
	padding-bottom: 1px;
}
.city{
	position: relative;
	font-size: 14px;
	line-height: 16px;
	display: inline;
	z-index: 50;
	margin-left: 5px;
}

.chosen{
	display: inline;
	padding-right: 15px;
	background: url('../img/cityarrow.png') right 8px no-repeat;
	padding-bottom: 10px;
}

.cities{
	display: none;
	position: absolute;
	width: 214px;
	height: 122px;
	background-color: #fff;
	border: 2px solid #3eb5f1;
	padding: 18px;
	margin-top: 10px;
}
.cities .title{
	font-size: 18px;
	color: #484848;
	height: 32px;
}
.cities button{
	width: 213px;
	height: 36px;
}
.cities .dropdown{
	height: 30px;
	line-height: 30px;
	width: 205px;
	margin-bottom: 10px;
	margin-left: 0;
}

.city:hover div{
	/*background: none;*/
}

.city:hover div + div{
	display: block;
}

.city a{
	color: #38b1ed;
	border-bottom: 1px dashed #38b1ed;
	text-decoration: none;
}

.city a:hover{
	border: 0;
}
.headercenter p {
    margin-top: 15px;
    margin-bottom: 2px;
}
/*--HEADER--*/



.content{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 14px;
}

.content-block{
	background:#fff;
	margin-bottom: 20px;
	position: relative;
}

.headerinfo{
	border-top: 6px solid #3eb5f1;
	background: url('../img/header-content.png');
	line-height: 47px;
	overflow: hidden;
	margin-top: 20px;
}
.no-border{
	border:0;
}
.headerinfo .line{
	height:22px;
}
.topdate{
	padding-left: 22px;
	color: #484848;
}

.topdate span{
	font-weight: bold;
	font-size:20px;
}

.headerinfo h1{
	width: 337px;
	float: right;
	color: #484848;
	font-weight: normal;
	font-size: 20px;
}

.nofloat h1{
	float: none;
	margin-left: 20px;
}

.topanons .headerinfo h1{
	width: 575px;
}

.twinfo{
	padding: 20px;
	background-color: #fff;
	color: #6f6f6f;
	font-size: 16px;
	overflow: hidden;
	margin-bottom: 20px;
}

.topanons .twinfo img:first-child{
	width: 408px;
	height: auto;
}

.greydivider{
	margin-top: 17px;
	margin-bottom: 23px;
	width: 316px;
	height: 1px;
	background-color: #c4c4c4;
	margin-left: 641px;
}

.topanons .greydivider{
	width: 100%;
	margin-top: 17px;
	margin-bottom: 17px;
    margin-left: 0;
}

.topanons a{
	color: #3eb5f1;
	text-decoration: underline;
}

.topanons a:hover{
	text-decoration: none;
}

.twinfo .btn{
	float: right;
}
.twinfo .likebutton{
	width: 104px;
	display: block;
	float: right;
}
.options .twinfo a, .add-anons .twinfo a{color:#3eb5f1}


input[type=submit],input[type=button], button, .likebutton, #upload{
	background-color: #38b1ed;
	color: #fff !important;
	font-size: 12px;
	line-height: 26px;
	width: 100%;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	border: 0;
    transition: all 100ms linear;
}

.likebutton{
	display: block;
}

input[type=submit]:hover,input[type=button]:hover, button:hover, .likebutton:hover, #upload:hover{
	background-color: #484848;
}

.views{
	color: #9b9b9b;
	font-size: 16px;
	line-height: 26px;
	float: right;
	/*background: url('../img/eye.png') no-repeat 6px 8px ;
	padding-left: 30px;*/
	position: relative;
}
.views i{
	font-size: 16px;
}

.event-list{width:inherit;margin-top:6px;}
.event-list .mini-event{width:233px;height:395px;border: 1px solid #c4c4c4;display:inline-block;background-color: #ffffff;margin-top: 26px}
.event-list .mini-event:not(:nth-child(4n+1)){margin-left:14px;}
.event-list .mini-event .date{width:inherit;height:18px;color:#484848;font-size:12px;text-align: center;padding-top: 8px;font-weight:bold;}
.event-list .mini-event .image{text-align: center}
.event-list .mini-event .name{color: #42b8f3;margin:0 auto;margin-top:9px;padding-bottom:5px;border-bottom: 1px solid #c4c4c4;width: 211px;font-size: 14px;font-weight:bold;}
.event-list .mini-event .category{margin:0 auto;padding-top:4px;width: 211px;font-size: 12px;font-weight:bold;}
.event-list .mini-event .view{width:74px;height:15px;float:right;font-size:12px;}
.event-list .mini-event .view .eye{width:15px;height:12px;background-image: url(../img/eye.png);float:left;margin-top: 1px;background-position-y: 12px;}
.event-list .mini-event .view .count{margin-left:9px;width: 50px;margin-left: 22px;color:#9b9b9b;}

.content-block .views{
	float: left;
}

.topslider{
	left: 0;
	top: 0;
}

.vipwrap{
	margin-bottom: 20px;
	position: relative;
	height: 205px;
	width: 1000px;
	margin-top: 20px;
}

.vipvis{
	position: relative;
	width: 1000px;
	overflow: hidden;
	height: 205px;
}

.vipleft{
	left: -64px;
	top: 80px;
	position: absolute;
	width: 32px;
	height: 58px;
	background-image: url('../img/left.png');
	cursor: pointer;
}

.vipleft:hover{
	background-image: url('../img/lefthover.png');
}

.vipright{
	right: -64px;
	top: 80px;
	position: absolute;
	width: 32px;
	height: 58px;
	background-image: url('../img/right.png');
	cursor: pointer;
}

.vipright:hover{
	background-image: url('../img/righthover.png');
}

.vip{
	position: absolute;
	width: 2040px;
	left: 0;
	top: 0;
}

.vipevent{
	width: 240px;
	margin-right: 19px;
	float: left;
	height: 205px;
	background: #fff;
}

.vipdate{
	line-height: 26px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background: #3bb3ef;
}

.vipcontent{
	height: 126px;
}

.vipcontent img{
	width: 240px;
	height: 140px;
}

.vipevent h2{
	color: #6f6f6f;
	font-size: 16px;
	text-align: center;
	background-image: url('../img/header-content.png');
	line-height: 66px;
}

.events{
	margin-top: 23px;
	overflow: hidden;
	width: 1020px;
}

/* User cabinet (Анонсы): keep the events grid inside the 1000px .content
   instead of the global 1020px which overflows the container. */
.warp-event .events{
	width: auto;
}
/* Главная: та же проблема — глобальные 1020px у .events вылезают за 1000px
   контента/шапки. Держим сетку анонсов в ширине контента. */
.events.main-events{
	width: auto;
}

.event{
	/*width: 236px;*/
	/*height: 440px;*/
	/*margin-right: 19px;*/
	margin-bottom: 40px;
}

.today{
	color: #48b8f1;
	text-align: center;
	font-weight: bold;
	margin-bottom: 7px;
	font-size: 16px;
	height: 16px;
}

.boevent{
	border: 1px solid #c4c4c4;
	padding: 6px 9px;
	color: #484848;
	font-size: 12px;
	background: #fff;
	overflow: hidden;
	/*heighT: 403px;*/
}

.boevent img{
	height: 304px;
	width: 215px;
}

.boevent a{
	text-decoration: none;
	margin-top: 7px;
	color: #42b8f3;
	font-size: 14px;
}

.boevent .greydivider{
	margin: 7px 0;
	width: 100%;
}

.bodate{
	text-align: center;
	margin-bottom: 5px;
}

.bevent{
	border: 2px solid #44b7f1;
	height: 401px!important;
}

.pages{
	overflow: hidden;
	margin-bottom: 28px;
	clear: both;
	text-align: center;
}

.page{
	min-width: 24px;
	line-height: 24px;
	height: 24px;
	text-align: center;
	display: inline-block;
	margin-right: 4px;
	border: 1px solid #c4c4c4;
	text-decoration: none;
	color: #555;
}

a.page{
	background: #eaeaeb;
	cursor: pointer;
}

div.page{
	background: #fff;
}

a.page:hover{
	background-color: #3eb5f1;
	color: #fff;
}

.three{
	float: left;
	line-height: 12px;
	padding-top: 10px;
	margin-right: 4px;
}

#pageleft{
	color: #0000;
	background: url('../img/pageleft.png') 8px 8px no-repeat #eaeaeb;
}

#pageleft:hover{
	background: url('../img/pagelefthover.png') 8px 8px no-repeat #3eb5f1;
}

#pageright{
	color: #0000;
	background: url('../img/pageright.png') 8px 8px no-repeat #eaeaeb;
}

#pageright:hover{
	background: url('../img/pagerighthover.png') 8px 8px no-repeat #3eb5f1;
}

#lastpage{
	padding: 0 5px;
}

.footer{
	border-top: 6px solid #3eb5f1;
	background: url('../img/texture.png');
}

.bottommenu{
	margin: 19px 0 16px;
	text-align: center;
}

.bottommenu li{
	display: inline;
	margin: 0 18px;
}

.bottommenu a{
	font-size: 12px;
	color: #3eb5f1;
	text-decoration: none;
	border-bottom: 1px dashed #3eb5f1;
}

.bottommenu a:hover{
	border: 0;
	color: #6f6f6f;
}

.bottomdivider{
	width: 1000px;
	margin: 0 auto;
	height: 0;
	border-top: 1px solid #171717;
	border-bottom: 1px solid #333333;
	margin-bottom: 20px;
}

.footer .bottom{
	color: #acacac;
	font-size: 10px;
	width: 1000px;
	margin: 0 auto;
}

.footer .bottom p{
    display: inline-block;
    width: 90%;
}

.footer .bottom a{
	color: #acacac;
	text-decoration: underline;
    display: inline;
}

.footer .bottom a:hover{
	text-decoration: none;
}

.alert{
	padding: 13px;
	margin: 15px 15px 0 0;
	font-size: 12px;
  	padding-left: 30px;
}
.alert p{
	margin-left: 10px;
}

.alert-info{
	border: 1px solid #add4e7;
	background-color: #f2faff;
	color: #43b8f3;
	background-image: url(../img/info-lb.png);
	background-repeat: no-repeat;
	background-position: 13px;
}
.alert-error{
	border: 1px solid #e7adad;
	background-color: #fff2f2;
	color: #f34343;
}
.alert-success{
	border: 1px solid #aee7ad;
	background-color: #f2fff3;
	color: #4df343;
}

.content-block .left-side{
	display:inline-block;
	vertical-align: top;
	margin-top: 20px;
	margin-left: 30px;
}

.left-side.general{
	width:670px;
}
.left-side.panel{
	width:270px;
}

.content-block .left-side .wrap{
	width:270px;
	margin-top:10px;
}
.content-block .left-side .wrap img{
	width:270px;
}
.content-block .left-side .wrap .info{
	width: 302px;
    margin-bottom: 10px;
	margin-top: 26px;
	margin-left: -11px;
	text-align: center;
	color: #6f6f6f;
	font-size: 14px;
	line-height: 16px;
}
.content-block .left-side .wrap .info b{
	font-weight: bold;
}
.content-block .left-side .wrap input[type=submit]{
	margin-left: 45px;
}
.content-block .right-side{
	width: 670px;
	display: inline-block;
	padding-left:20px;
	padding-top:20px;
}
.right-side.general{
	width:670px;
}
.right-side.panel{
	width:270px;
}
.content-block .right-side .label-area textarea{
	width: 437px;
	height: 92px;
	margin-top: 10px;
	border:1px solid #c4c4c4;
	display: inline-block;
}
.content-block .right-side input[type=submit]{
	float:right;
	margin-right: 15px;
	margin-bottom: 42px;
}

input.input, textarea.input{
	border:1px solid #c4c4c4;
	width: 438px;
	height:36px;
	padding-left: 10px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.input:hover{
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.input:focus{
	box-shadow: 0 0 5px rgba(51,102,248,.4);
}

textarea.input{
	height:100px;
	padding-top: 10px;
}
label.label{
	color:#6f6f6f;
	font-size:14px;
	width:200px;
	display: inline-block;
}

.content-block .select{
	float: left;
	margin-top: 10px;
}

label.label {
    float: left;
	width: 200px;
	margin-top: 10px;
}

.dropdown{
	float: left;
	border: 1px solid #c4c4c4;
	border-radius: 0;
	height: 35px;
	margin-right: 5px;
	line-height: 32px;
}
.select-date .dropdown{
	width: 140px;
}

.dropdown .selected{
	font-size: 12px;
	padding-top: 12px;
}

.select-time label.label {
    float: left;
	width: 200px;
}

.select-time .dropdown{
	float: left;
	border: 1px solid #c4c4c4;
	border-radius: 0;
	height: 35px;
	margin-right: 5px;
	width: 64px;
}

.select-time .dropdown .selected{
	font-size: 12px;
	padding-top: 12px;
}

.label-input{
	float: left;
	margin-top:10px;
}

.add-anons-photo-button{
	width: 656px;
	height: 19px;
	padding-top: 23px;
	padding-bottom: 29px;
	background-color: #38b1ed;
	color: #fff!important;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	text-decoration: none!important;
	cursor: pointer;
	border: 0;
	margin-top: 18px;
}
.add-anons-display-photo{
	width: 654px;
	height: 359px;
	border:1px solid #c4c4c6;
	border-top: 0;
	overflow-y: scroll;
}
.add-anons-photo-item{
	border: 1px solid #aaa;
	width: 160px;
	height: 160px;
	margin: 10px;
	box-shadow: 0px 3px 6px 0px #91919166;
	display: inline-block;
	position: relative;
}
.add-anons-photo-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
}
.add-anons-photo-upload-progress{
	height: 20px;
	background: #00000045;
	width: 100%;
	bottom: 0;
	position: absolute;
	z-index: 5;
	overflow: hidden;
}
.add-anons-photo-upload-progress-bar{
	height: 100%;
	background: #38b1ed;
	width: 0;
}

.add-anons-photo-button:hover,.complite-btn:hover{
	background-color: #484848;
}

.complite-btn{
	width: 188px;
    margin-top: 22px;
	margin-right: 15px;
    margin-bottom: 42px;
    background-color: #38b1ed;
    color: #fff !important;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
	border: 1px solid #c4c4c4;
    height: 36px;
    padding-left: 10px;
	float: right;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.wrap .info {
    width: 302px;
    /*height: 56px;*/
    margin-top: 26px;
    margin-left: -11px;
    text-align: center;
    color: #6f6f6f;
    font-size: 14px;
}

.confirm-code, .confirm-info{
	float: left;
	margin-top: 10px;
}

.confirm-code .input{
	float: left;
	width: 165px;
	margin-left: 10px;
}
.confirm-code .captcha{
	float: left;
}
.confirm-info{
	margin-top: 20px;
}
.confirm-info .text {
    color: #6f6f6f;
    font-size: 14px;
    display: inline-block;
}

.picture{
	width: 200px;
	height: 200px;
	margin-left: 36px;
	overflow: hidden;
}
.picture-vertical{
	width: 270px;
	height:400px;
	overflow: hidden;
}
.picture-horizontal{
	width: 270px;
	height:170px;
	overflow: hidden;
}

.label-info-text{
	color:#6f6f6f;
	font-size:14px;
	display: inline-block;
	width: 400px;
	margin-bottom: 10px;
	margin-top: 50px;
}

.upload_button{
	width: 80px;
	height: 42px;
	overflow: hidden;
	position: relative;
	background-color: #38b1ed;
	color: #fff !important;
	font-size: 12px;
	line-height: 26px;
	width: 200px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	border: 0;
	font-size: 100%;
	line-height: 37px;
}
.upload_button input[type="file"] {
    height: 200px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: pointer;
    font-size: 200px;
}

.jcrop-active{
	margin: 0 auto;
}

.modal{
	display:none;
	opacity:0;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	overflow: auto;
	z-index: 20;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.modal-content{
	position: absolute;
	width: 600px;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	margin: auto;
}
.modal-close{
	float: right;
	margin-right: 20px;
	color: #000;
	text-decoration: none;
}
.wait{
	position: fixed;
	width: 200px;
	text-decoration: none !important;
	border: 0px none;
	text-align: center;
	line-height: 26px;
	font-size: 12px;
	color: #FFF !important;
	background-color: #38B1ED;
	padding-left: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 26px;
	margin: auto;
}

.profile a:active{color:#fff;text-decoration: none}
.profile a:link{color:#fff;text-decoration: none}
.profile a:visited{color:#fff;text-decoration: none}

.personal_cabinet {
	font-family: "verdana";
	background-color: white;
	padding:16px;
 }

.nav {
	display: inline-block;
	vertical-align: top;
 }
.profile {
	width: 256px;
	background-color: rgb(48,48,48);
	list-style-type: none;
	padding: 0;
	margin: 0;
 }

	.profile .title {
		font-size: 16px;
		padding-left: 18px;
		padding-top: 15px;
		padding-bottom: 15px;
		display: inline-block;
	 }

	.profile .separator {
		width: 256px;
		-webkit-border-image: url(../img/menu_separator.png);
		border: 2px;
		border-image: url(../img/menu_separator.png) 40 repeat;
		border-top: 0;
		border-left: 0;
		border-right: 0;
	 }

	.profile .active{background-color: rgb(60,180,240);}

	.profile li {color: white;}

		.profile li:hover {
			color: #979797;
			cursor: pointer;
		 }

		.profile li .left-hover-block {
			vertical-align: bottom;
			width: 7px;
			height: 48px;
			background-color: transparent;
			display: inline-block;
		 }

		.profile li:hover .left-hover-block {
			vertical-align: bottom;
			width: 7px;
			height: 48px;
			background-color: #3CB4F0;
			display: inline-block;
		 }

		.profile li:last-child:hover {color: white;}

.sil{position: relative;right: 8px;top: 4px;}
a#cabinet{border-bottom: 0;border-bottom: text-decoration: none;color:#ffffff;}
a#cabinet:link{border-bottom: 0;text-decoration: none;color:#ffffff;}
a#cabinet:active{border-bottom: 0;text-decoration: none;color:#ffffff;}

.info {
	margin-left: 16px;
	width: 690px;

	display: inline-block;
 }

	.info img {margin-bottom: 7px;}

	.info .sub {
		background-color: rgb(64,182,242);
		width: 200px;
		height: 31px;
		border: 0;
		font-size: 16px;
		color: white;
	 }

.photo_and_subscribe_btn {
	float: left;
	width: 201px;
	margin-bottom: 25px;
 }

/*Start Profile*/
.profile_info {
	width: 467px;
	float: left;
	margin-left: 22px;
 }

.profile_info .name {
	border: 0;
	border-bottom: 1px solid rgb(196,196,196);
	font-size: 16px;
	font-weight: bold;
	color: #43b8f3;
	padding-bottom: 10px;
 }

.geo,.cont-info,.about-me {margin-top: 20px;}
.about-me {margin-bottom: 20px;}

.profile_info .title {
	color: #3bb3ef;
	font-size: 14px;
 }

.profile_info .value {margin-top: 10px;}

.profile_info .status,.profile_info .value {
	color: #6f6f6f;
	font-size: 14px;
 }
.no-margin{margin:0;}
.profile_info .status {
	margin-top: 12px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.profile_info .status #status {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 17px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.profile_info .status #status:empty::before {
	content: "Статус не указан";
	color: #b0b0b0;
}
.profile_info .status .status-edit {
	flex: 1 1 auto;
	min-width: 0;
}
.profile_info .status .status-input {
	width: 100%;
	box-sizing: border-box;
	height: 34px;
	padding: 0 10px;
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	font-size: 14px;
	color: #6f6f6f;
	outline: none;
	transition: box-shadow 200ms linear, border-color 200ms linear;
}
.profile_info .status .status-input:hover {
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.profile_info .status .status-input:focus {
	border-color: #38b1ed;
	box-shadow: 0 0 5px rgba(56,177,237,.4);
}
.profile_info .status .change-area {
	flex: 0 0 auto;
	margin-left: 12px;
	display: flex;
	gap: 6px;
}
.profile_info .status .change-area .status-btn {
	display: inline-block;
	width: auto;
	height: 34px;
	line-height: 34px;
	padding: 0 14px;
	vertical-align: middle;
	white-space: nowrap;
}
.profile_info .status .change-area .status-btn--ghost {
	background-color: #ededed;
	color: #6f6f6f !important;
}
.profile_info .status .change-area .status-btn--ghost:hover {
	background-color: #d9d9d9;
}


.subscribers_show {
	width: inherit;

	border-top: 1px solid rgb(196,196,196);
	clear: both;
	font-size: 16px;
}

.subscribers_show .displays {

}

.subscribers_show .displays div {
	width: 205px;
	height: 26px;
	background-image: url(../img/back.png);
	border:1px solid #cccccc;
	float: left;
	margin-top: 28px;
	padding-top: 12px;
	padding-left: 47px;
	color: #484848;
}

.subscribers_show .displays div:last-child {margin-left: 27px;}


/* ===== Панель модерации анонсов (/moderation) ===== */
.moderation {
	background: #fff;
	padding: 24px;
	margin-bottom: 20px;
}
.moderation-head {
	font-size: 18px;
	color: #484848;
	margin-bottom: 18px;
}
.moderation-head .moderation-count {
	display: inline-block;
	min-width: 24px;
	padding: 0 8px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #38b1ed;
	color: #fff;
	border-radius: 12px;
	font-weight: 700;
}
.moderation-empty {
	padding: 40px 0;
	text-align: center;
	font-size: 18px;
	color: #8a8a8a;
}
.moderation-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.mod-card {
	display: flex;
	gap: 16px;
	padding: 16px;
	background: #fff;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	box-shadow: 0 1px 3px rgba(0,0,0,.05);
}
.mod-card .mod-poster img {
	width: 120px;
	height: 170px;
	object-fit: cover;
	border-radius: 3px;
	display: block;
}
.mod-card .mod-body {
	flex: 1 1 auto;
	min-width: 0;
}
.mod-card .mod-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 8px;
}
.mod-card .mod-title a { color: #2b2b2b; text-decoration: none; }
.mod-card .mod-title a:hover { color: #38b1ed; }
.mod-card .mod-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	font-size: 14px;
	color: #6f6f6f;
	margin-bottom: 6px;
}
.mod-card .mod-meta .mod-cat { color: #38b1ed; }
.mod-card .mod-author {
	font-size: 14px;
	color: #6f6f6f;
	margin-bottom: 14px;
}
.mod-card .mod-author a { color: #484848; }
.mod-card .mod-actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.mod-btn {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 18px;
	border: none;
	border-radius: 3px;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
	color: #fff;
}
.mod-btn.mod-approve { background-color: #4caf50; }
.mod-btn.mod-approve:hover { background-color: #429a46; }
.mod-btn.mod-reject-toggle { background-color: #ef5350; }
.mod-btn.mod-reject-toggle:hover { background-color: #d84743; }
.mod-btn.mod-preview {
	background-color: #ededed;
	color: #6f6f6f;
}
.mod-btn.mod-preview:hover { background-color: #d9d9d9; }
.mod-card .mod-reject {
	display: none;
	margin-top: 14px;
}
.mod-card .mod-reject .mod-reason {
	width: 100%;
	box-sizing: border-box;
	height: 36px;
	padding: 0 10px;
	margin-bottom: 10px;
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	font-size: 14px;
	color: #6f6f6f;
	outline: none;
}
.mod-card .mod-reject .mod-reason:focus {
	border-color: #38b1ed;
	box-shadow: 0 0 5px rgba(56,177,237,.4);
}
.mod-btn.mod-reject-confirm { background-color: #ef5350; }
.mod-btn.mod-reject-confirm:hover { background-color: #d84743; }

/* Бейдж статуса анонса в кабинете автора (/user/{id}/events).
   Плоская полоса во всю ширину карточки сверху: отрицательные отступы
   компенсируют padding .boevent (6px 9px), поэтому полоса встаёт вровень
   с рамкой и не перекрывает дату/контент. Без скруглений. */
.event-status {
	display: block;
	margin: -6px -9px 6px;
	padding: 4px 9px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #9e9e9e;
}
.event-status:empty { display: none; }
.event-status--active   { background-color: #4caf50; }
.event-status--moderate { background-color: #ff9800; }
.event-status--rejected { background-color: #ef5350; }
.event-status--draft    { background-color: #9e9e9e; }
.event-status--pay      { background-color: #38b1ed; }
.event-status--private  { background-color: #7e57c2; }
.event-reject-reason {
	margin: 6px 0;
	padding: 6px 8px;
	font-size: 12px;
	color: #c62828;
	background-color: #fdecea;
	border: 1px solid #f5c6c2;
}
/* Футер карточки анонса (главная + «Мои анонсы»): категория слева, просмотры
   справа на одной строке (flex). Используется в карточках с .event-foot. */
.boevent .event-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: 4px;
}
.boevent .event-foot .event-cat {
	color: #484848;
	font-size: 12px;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.boevent .event-foot .views {
	float: none;
	margin: 0;
	flex: 0 0 auto;
	color: #9b9b9b;
	white-space: nowrap;
}
/* Высоту карточек выравнивает JS (equalizeEventCards в main.js) под самую
   высокую — поэтому здесь не фиксируем height и не трогаем overflow. */

/* Бейдж счётчика в меню кабинета */
.mod-menu-badge {
	display: inline-block;
	min-width: 18px;
	padding: 0 6px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	background-color: #ef5350;
	color: #fff;
	border-radius: 9px;
	vertical-align: middle;
}

.displays div span {
	font-weight: bold;
	color: #44b9f4;
}
.choose-me{width: 214px;height: 181px;background-color: #fff;border: 2px solid #3eb5f1;position: absolute;padding: 18px}
.choose-me .title{font-size: 18px;color: #484848;height: 32px;}
.choose-me input{border: 1px solid #c4c4c4;width: 200px;height: 36px;padding-left: 10px;margin-bottom: 14px}
.choose-me  button{width: 213px;height: 36px}
.select-mode{background-color: #fff; border-bottom:0;padding: 22px;}
.select-mode .mode{width: 930px;height: 211px;border: 1px solid #c8c8c8;padding: 13px;margin-bottom: 18px;}
.select-mode .mode:hover, .select-mode .mode.active{border: 2px solid #3cb4f0;cursor:pointer;margin-bottom: 18px;padding: 12px;}
.select-mode .mode .img{width:208px;height: 209px;display: inline-block}
.select-mode .mode .descript{margin-left: 27px;display: inline-block;width: 685px;vertical-align: top;}
.select-mode .mode .descript .center div{font-size: 14px;}
.select-mode .mode .descript .title{margin-bottom: 24px;font-size: 16px;color: #42b8f3;}
.select-mode .list{}
.select-mode .center{height: 140px;}
.select-mode .center div{margin-bottom: 7px}
.select-mode .center img{width: 26px;height: 26px;display: inline-block;margin-right: 13px}
.select-mode .center .text{width: 596px;display: inline-block;vertical-align: middle;position: relative;top: -4px;color: #484848;}
.select-mode .price-of-mode{padding-top: 11px;height: 17px;border-top: 1px solid #c8c8c8;font-size: 16px !important}
.select-mode .price-of-mode .text{float:right;}
.select-mode .price-of-mode .cena{color: #3eb5f1;}
.select-mode .btn{width: inherit;height: 30px;}
.select-mode input[type=submit]{float: right}

.line{height: 20px;}

.control-panel{background-color: #fff; border-bottom:0;padding-left: 12px;padding-top: 5px;padding-right: 0px;padding-bottom: 4px;}
.control-panel .wrapper{margin: 0px 0px 20px 8px;}
.control-panel .profile_info{width: 237px;display: inline-block;margin-left: 0;margin-bottom: 25px;}
.control-panel .profile_info .status{margin-top: 8px;font-family: Verdana;color: #484848;font-size: 12px;}

.control-panel div{display: inline-block}
.control-panel .radio-btn{display: block;margin-top: 15px;margin-bottom: 20px}
.control-panel .radio-btn label .text{font-size: 16px;color: #6f6f6f;}
.control-panel .result{display: block}
.control-panel input[type=text]{border: 1px solid #c4c4c4;width: 799px;height: 36px;padding-left: 10px;padding-left: 38px;
   background-image: url(../img/gray-search.png) ;background-position: 9px 13px;background-repeat: no-repeat;background-image: #c1c1c1;font-family: Verdana;font-style: italic}
.control-panel .seek input[type=submit]{width:106px;height: 39px;vertical-align: middle;font-size: 16px;margin-left: 9px}
.control-panel .result{width: 917px;height: 203px;padding: 22px;border: 1px solid #c8c8c8}
.control-panel .result .profile_info{margin-left: 20px}
.control-panel .result .profile_info div{display: block}
.control-panel .result .profile_infoы.name{border: 0}
.control-panel .profile_info .status{font-size: 14px}
.control-panel .result .user{width: 942px;}

/* Search results reuse the .event card. The global .event is layout-less
   (the main page lays it out via Bootstrap .col-3) and .control-panel div
   forces every inner div to inline-block, which collapses the cards. Restore
   the original float grid and put the card internals back to block so the
   search cards render like on the other pages. */
.control-panel .event{
	width: 236px;
	height: 440px;
	margin-right: 19px;
	float: left;
}
.control-panel .event div{
	display: block;
}

.control-panel .news-tomorrow-event .wrapper .viewers-more{width: 223px;}
.edit-btn{position: relative;}
.ban-btn{position: relative;}
.vip-btn{position: relative;}
.news-tomorrow-event .edit-btn{position: relative;}
.news-tomorrow-event .ban-btn{position: relative;left: -25px; top:4px;}
.news-tomorrow-event .vip-btn{position: relative;left: -22px;top: 4px}
.control-panel .news-tomorrow-event{width: 451px;display: inline-block;}
.control-panel .news-tomorrow-event:not(:nth-child(2n+1)){margin-right:18px;}
.control-panel .news-tomorrow-event div{}
.control-panel .wrapper .viewers-more .view .count{width: 52px;margin-left: 7px;vertical-align: super;}
.control-panel .news-tomorrow-event .wrapper .about .date-name-type .name{font-size: 16px}
.control-panel .news-tomorrow-event{border-bottom: 1px solid #c8c8c8; }




.entrance{
	width: 46%;
	border-left: 1px solid #c4c4c4;
	float: right;
	line-height: 18px;
	padding: 10px 0 10px 20px;
}
.anonsprice img{
	height: 36px;
	width: auto!important;
	float: none;
}

.anonsprice{
	font-size: 38px;
	color: #3eb5f1;
	font-weight: bold;
	line-height: 55px;
}

.summary{
	width: 46%;
	margin-top: 10px;
}

.summary, .summary td, .summary th{
	border: 0;
	padding-bottom: 7px;
}

.summary th{
	font-weight: normal;
	text-align: left;
}

.summary td{
	border: 0;
	color: #3eb5f1;
	font-weight: bold;
	text-align: right;
}
.geninfo{
	overflow: hidden;
}

.reboot .new-tomorrow{margin-top: 14px;}
.new-tomorrow:not(:nth-child(2n+1)) .new-tomorrow-block{
	margin-left: 20px;
}

.new-tomorrow{
	width: 50%;
	display: inline-block;
	padding-bottom: 20px;
}
/*.new-tomorrow:not(:nth-child(2n+1)){margin-left:30px;}*/
.author .author-container {padding: 6px;padding-left: 10px;border: 1px solid #ccc;}
.author .author-container .avatar{display:inline-block;}
.author .author-container .adder{display:inline-block;margin-left: 18px;vertical-align: top;margin-top: 10px;}
.author .author-container .adder div{margin-bottom: 12px}
.author .author-container .adder .self{color:#3eb5f1;font-size:20px;}
.author .author-container .adder .name a{color:#484848;font-size:16px;font-weight: bold;text-decoration: none;}
.author{background-image: url(../img/author_bg.png);}
.author .author-container .adder{margin-left: 18px;}

.poster {margin-bottom:10px;}

.wrapper .about .author{width: 313px;height: 84px;background-image: url(../img/author_background.gif);}
.wrapper .about .author .author-container{width: 301px;height: 72px;margin:0 auto;padding-top: 6px;}
.wrapper .about .author .author-container .avatar{display:inline-block;}
.wrapper .about .author .author-container .adder{display:inline-block;margin-left: 18px;vertical-align: top;margin-top: 10px;}
.wrapper .about .author .author-container .adder div{margin-bottom: 12px}
.wrapper .about .author .author-container .adder .self{color:#3eb5f1;font-size:20px;}
.wrapper .about .author .author-container .adder .name{color:#484848;font-size:16px;font-weight: bold;}
.new-tomorrow .picture {height: unset;}


.eventvideo iframe{
	width: 100%;
	height: 502px;
}

.location-info i{
	color:#3eb5f1;
	font-size: 24px;
	vertical-align: middle;
}

.location-info p:first-child{
	margin-bottom: 10px;
	line-height: 22px;
}

.location-info p{
	line-height: 18px;
	margin-bottom: 15px;
	overflow: hidden;
}

#map{
	border: 3px solid #3eb5f1;
	height: 435px;
}
.eventnameal{
	/*height: 32px;*/
	position: relative;
}

.eventnameal a{
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	display: block;
}

.warp-news {
	font-size: 0;
	display: inline;
	vertical-align: middle;
}
.warp-news .wrapper div{
	font-size: 16px;
}
.news-tomorrow-event{
	width:100%;
	background-color: #fff;
	/*height: 660px;*/
	/*margin-bottom: 22px;*/
	/*border: 1px solid #c8c8c8;
	border-bottom:0;*/
	/*padding-left: 12px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 4px;*/
}
.news-tomorrow-event .wrapper{width: 100%;margin:0;}
.news-tomorrow-event .wrapper .picture{width:200px;display: inline-block;vertical-align: top;margin-left:0;}
.news-tomorrow-event .wrapper .picture img{width:100%;}
.news-tomorrow-event .wrapper .about{width:55%;margin-left:10px;display: inline-block;margin-bottom: 10px;margin-top: 10px;}
.news-tomorrow-event .wrapper .about .date-name-type .date{color:#484848;font-size:16px;font-weight: bold;margin-top: 0}
.news-tomorrow-event .wrapper .about .date-name-type .date span{color:#484848;font-size:16px;font-weight: normal}
.news-tomorrow-event .wrapper .about .text{margin-top: 17px;margin-bottom:17px;font-size: 14px;color: #6f6f6f;font-weight: bold;line-height: 21px;overflow: clip;height: 155px;}
.news-tomorrow-event .wrapper .viewers-more{margin-top: 20px; border-top: 1px solid rgb(196,196,196);position: relative;}
.news-tomorrow-event .wrapper .viewers-more .view{width: 90px;height:18px;margin-top: 18px;margin-left: 2px; margin-right:38px;display: inline-block;}
.news-tomorrow-event .wrapper .viewers-more .more{position: absolute;bottom: 0;right: 0;}

.control-buttons .btn {
    background-image: url(../img/back.png);
    vertical-align: middle;
    background-repeat: inherit;
    color: #484848 !important;
    font-size: 14px !important;
    font-weight: bold;
    display: inline-block;
    padding-left: 22px;
    padding-right: 41px;
    padding-top: 5px;
    padding-bottom: 10px;
    line-height: unset;
    width: unset;
    margin-left: 20px;
    border: 1px solid #ccc;
}
.control-buttons .btn .text {
  color: #484848 !important;
  font-size: 14px !important;
  font-weight: bold;
  position: relative;
  left: 10px;
  top: -5px;
}

.control-buttons .btn img, .control-buttons .btn div {
    display: inline-block;
}

.control-panel .news-tomorrow-event .wrapper .viewers-more{
	width: 223px;
}
.news-tomorrow-event .edit-btn{
	position: relative;
}

.news-tomorrow-event .ban-btn{
	position: relative;
	left: -25px;
	top:4px;
}

.news-tomorrow-event .vip-btn{
	position: relative;
	left: -22px;
	top: 4px;
}

.control-panel .news-tomorrow-event{
	width: 451px;
	display: inline-block;
}

.control-panel .news-tomorrow-event:not(:nth-child(2n+1)){
	margin-right:18px;
}

.control-panel .wrapper .viewers-more .view .count{
	width: 52px;
	margin-left: 7px;
	vertical-align: super;
}

.control-panel .news-tomorrow-event .wrapper .about .date-name-type .name{
	font-size: 16px;
}

.control-panel .news-tomorrow-event{
	border-bottom: 1px solid #c8c8c8;
}

.news-info-date{width: inherit;height: 12px;background-color: #3eb5f1;color: #fff;margin-top: 15px;padding-top: 18px;padding-bottom: 22px;}
.news-info-date div{width:100px;margin-left: 21px;color:#fff;font-weight: bold;font-size:20px;}
.news-today-event{background-color: #fff;margin-top: 22px;border: 1px solid #c8c8c8;}

.btn.btn-fullw{
	width:100%;
}
.info-about-subscribers {
    width: inherit;
    height: 136px;
    background-color: white;
    text-align: center;
}
.info-about-subscribers .organize-ev {
    display: inline-block;
}
.info-about-subscribers .organize-ev, .info-about-events .attend-ev {
    margin-top: 22px;
}
.info-about-subscribers .organize-ev div, .info-about-subscribers .attend-ev div {
    height: 26px;
    padding-top: 12px;
    padding-left: 20px;
    color: #484848;
    font-size: 16px;
    font-weight: bold;
}
.info-about-subscribers .big {
    width: 916px;
    background-image: url(../img/back.png);
    border: 1px solid #cccccc;
}
.info-about-subscribers .organize-ev .small.active {
    background-image: none;
    background-color: #3cb4f0;
    color: #fff !important;
}
.info-about-subscribers .small {
    width: 463px;
    height: 40px;
    background-image: url(../img/back.png);
    float: left;
    margin-top: 16px;
    border: 1px solid #cccccc;
    font-size: 100%;
    font-family: "verdana";
    color: #484848 !important;
}
.organize-ev button {
    color: #000 !important;
}
.organize-ev .active {
    background-color: rgb(60,180,240);
}
.info-about-subscribers .organize-ev .small:last-child {
    margin-left: 14px;
}
.friend-list {
    width: inherit;
    margin-top: 6px;
}
.friend-list .friend-mini {
    width: 460px;
    height: 206px;
    border: 1px solid #c4c4c4;
    display: inline-block;
    background-color: #ffffff;
    margin-top: 26px;
    padding: 14px;
}
.friend-list .friend-mini .photo {
    float: left;
    margin-right: 15px;
}
.friend-list .friend-mini .profile_info {
    width: 237px;
    display: inline-block;
    margin-left: 0;
    margin-bottom: 25px;
}
.profile_info {
    width: 467px;
    float: left;
    margin-left: 22px;
}
.profile_info .name {
    border: 0;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-bottom: 1px solid rgb(196,196,196);
    font-size: 16px;
    font-weight: bold;
    color: #43b8f3;
    padding-bottom: 10px;
}
.friend-list .friend-mini .profile_info .status {
    margin-top: 8px;
    font-family: Verdana;
    color: #484848;
    font-size: 12px;
}
.profile_info .status {
    margin-top: 12px;
}
.profile_info .status, .profile_info .value {
    color: #6f6f6f;
    font-size: 14px;
}
.displays div span {
    font-weight: bold;
    color: #44b9f4;
}
.friend-list .friend-mini:hover {
    width: 460px;
    height: 205px;
    border: 2px solid #3cb4f0;
    margin-top: 25px;
    padding: 13px;
}
.friend-list .friend-mini .sub {
    margin-top: 100px;
    background-color: rgb(64,182,242);
    width: 238px;
    height: 27px;
    border: 0;
    font-size: 16px;
    color: white;
}

.friend-list .friend-mini .name a{
    color: #43b8f3;
    text-decoration: none;
}

.illgo {
    font-size: 16px;
    font-weight: bold;
    width: 254px;
    line-height: 30px;
    height: 31px;
    float: right;
    transition: all 100ms linear;
}

.willgo {
    background-image: url('../img/back.png');
    height: 29px;
    border: 1px solid #ccc;
    width: 250px;
    color: #484848;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}
.bluebold {
  color: #44b9f4;
  font-weight: bold;
}
.static-content{
    padding: 15px;
    color: #555555;
    font-family: 'PT Serif', Georgia, 'Times New Roman', serif;
}
.static-content h2{
    font-weight: bold;
}
.static-content ul li{
    list-style: disc;
    margin-left: 18px;
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.7;
}
.static-content p{
    font-size: 18px;
    padding: 6px 6px 15px 0px;
    line-height: 1.7;
}