/*@font-face {
font-family: Roboto Condensed;
src: url(fonts/opensanscondlight.ttf);
font-display: swap;
}*/

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	position: relative;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font-family:"Open Sans Condensed", Arial Narrow, sans-serif;
	font-size: 17px;
	position: relative;
	height: 100%;
	padding: 0 15px 0 15px;
	margin:0; 
	background: url(img/fon.png);

}
.wrapper {
	min-width: 1200px;
	max-width: 1220px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

a{
	text-decoration: underline;
}


table tr td div{
	display: block;
	clear: both;
	padding:0 0 2px 10px; 
}
table tr td div label{
	margin: 5px 0 !important;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 150px;
}
.header .logo{
	position:absolute; margin-left:40px;
}



/* Middle
-----------------------------------------------------------------------------*/
.middle {
	width: 100%;
	padding: 0 0 130px;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	float: left;
	overflow: hidden;
}
.content {
	padding: 0 240px 0 240px;
}


/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
	float: left;
	width: 220px;
	margin-left: -100%;
	position: relative;
	border:1px solid #f1f1f1;
	background: #fff;
	padding: 0 8px 20px 8px;
	
}


/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
	float: left;
	width: 220px;
	margin-left: -240px;
	position: relative;
	border:1px solid #f1f1f1;
	background: #fff;
	padding: 0 8px 10px 8px;
}


/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -98px auto 0;
	min-width: 1200px;
	max-width: 1220px;
	height: 100px;
	position: relative;
	padding:15px 10px 30px 10px; 
	border-top:2px solid #BF3EB7 ;
}


/*----------------------------------------------------------------------------------------------------------------*/
.phone-anketa{
	position: relative;

}

.phone-anketa .nepriem-alert{
	width: 260px;
	height: auto;
	position: absolute;
	padding: 10px 15px;
	background: #fff;
	box-shadow: 0px 3px 16px  #ccc;
	border-radius: 3px;
	border: 1px solid #dadada;
	z-index: 1000;
	left:-30px;
	font-size: 17px;
	}

.cale{
	width: 40px;
	height: 40px;
	padding: 5px;
	border: 1px solid #dadada; 
	float: left; 
	margin: 0 5px 5px 0; 
	font-size: 13px;
	cursor: pointer;
}

.cale.cb{
	border: 1px solid #dadada; 
	background: #FAD3D3;
}
.cale.vs{
	background: #FFEDED;
	color:#ff0000;
	
}

.cale.no-active{
	color:#ccc;
	border-color:#f3f3f3;
	background: #F7F7F7;
	cursor: default;
}

.no-active-caledar{
	border-color:#f3f3f3;
	cursor: default;
}


.cale.active{
	width: 38px;
	height: 38px;
	border: 2px solid #E56CDE;  
}

.cale.nepriem{
	background: url(img/nepriem.png); 
	color:#888;
}

.fa-calendar.fa{
	font-size: 16px;
}

.name-search{
	padding:15px 5px 5px 5px;
}
.name-search input[type=text]{
  width: 145px;
}



#pending{
	position: fixed;
	top:50px;
	right: 30px;
	padding: 10px;
	background: url(../img/alert-red.png);
	color: #fff;
	border-radius: 4px;
	width: 200px;
	display: none;
}

#pending a{
	text-decoration: none;
	color: #fff;
}
#pending a:hover{
	font-weight: bold;
}

img{
	border:0;
}



body #alert{
	position: fixed;
	width: 100%;
	padding: 10px 40%;
	margin: 0 0 0 -15px;
	display: none;
	z-index: 500000010;
	
}

.nicEdit-main{
	padding: 5px 10px;
	
}

.pending{
	color:#ff0000;
}

.pending.active{
    color:#CCC;
}


.articles, .anonce{
	/*text-align: justify;*/
	margin-bottom: 5px;
}

.articles img{
	max-width: 420px;
	margin: 5px 18px 5px 0;
	float: left;
}

.anonce img{
	/*max-width: 120px;*/
	float: left;
	margin: 5px 18px 5px 0;
	cursor: pointer;
}

.latest-articles.anonce img{
	max-width: 90px;
	float: left;
	margin: 5px 10px 5px 0;
	cursor: pointer;
}

.latest-articles.anonce{
	line-height: 1.2em;
	font-size: 15px;
}
.latest-articles.anonce p{
	margin-top: 8px;
	border-bottom: 1px solid #F1F1F1;
	padding-bottom: 16px;
}
.latest-articles a{
	text-decoration: none;
	font-size: 20px;
	color:#BF3EB7;
	line-height: 1.1em;
}
.latest-articles a:hover{
	color:#000;
	
}


.red{
	padding: 0 3px;
	color:#FF8989;
	background: #FCEDED;

	
	
}
#alert.red{
	background: url(../img/alert-red.png);
	color: #fff;
	display: block;
	font-size: 17px;
	border-radius:0;
	text-align: left;
}

#alert.grin{
	background: url(../img/alert-grin.png);
	color: #fff;
	display: block;
}

.blink-box{
	background: #BF3EB7;
	padding: 1px;
	font-size: 12px;
	display: none;
	position: absolute;
	right: 42px;
	bottom: -12px;
	color: #fff;
	border-radius: 15px;
}

.a-adv{
 position: absolute;
 padding: 0 12px 0 12px;
 background: #E56CDE;
 color: #fff;
 border-top-right-radius: 4px;
 border-top-left-radius: 4px;
 bottom: 0;
 right: 0;
 font-size: 14px;
 cursor: pointer;
}




.a-adv .fa{
color:#fff;
font-size: 14px;
margin-top: 5px;
}


.fa{
	color:#BF3EB7;
	font-size: 17px;
}

hr{
	border:0;
	
}

hr.b-12{
	margin: 5px 0 15px 0;
	border-bottom:1px solid #F1F1F1;
        width: 100%;
	
}

hr.b-12.bold{
	margin: 0 0 10px 0;
	border-bottom:2px solid #E56CDE;
	
}	
.right{
 text-align: right;
}	
.left{
text-align: left;
}
.center{
text-align: center;
}

.grey{
	font-size: 14px;
	color:#AAAAAA;
}
.grey.big{
	font-size: 17px;
	
}

.hide{
	display:none;
}
.show{
	display: block;
}


a, .aajax{
	color:#000;
	cursor: pointer;
}

.aajax{
	border-bottom: 1px dashed #000;
	
}



a:hover{
	color:#BF3EB7;
	cursor: pointer;
}

.aajax:hover{
	color:#BF3EB7;
	border-color: #BF3EB7;
}

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

a.fa{
	text-decoration: none;
	color:#BF3EB7;
	font-size: 18px;
}
a.fa:hover{
	
	color:#000;
}

a.fa-th-list, a.fa-th-large{
	width: 18px;
	height: 22px;
	margin-right: 5px;
}

a.fa-th-list.curent, a.fa-th-large.curent{
   color:#ccc;
   cursor: default;
}

h1{
	font-size: 26px;
	font-weight: normal;
	line-height: 1em;
	margin:14px 0 12px 0;
	position: relative;
}


h2{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 0;
	line-height: 1em;
	margin:15px 0 15px 0;
	position: relative;
	
}

h2 a{
	text-decoration: none;
	color:#333;
}

h2.title{
	margin: 0;
	padding: 0;

}
.b-12.bold{
	border-bottom: 2px solid #E56CDE;
	padding-bottom: 15px;
}

h2.b-12.bold.{
	border-bottom: 2px solid #E56CDE;
	padding-bottom: 15px;
}

h1.b-12.bold{
	border-bottom: 2px solid #E56CDE;
	padding-bottom: 15px;
	margin-top: 9px;
	margin-bottom: 5px;
	
}

p{
	margin: 0px 0px 15px 0px;
	
}

table{
	border: 0;
	width: 100%;
    border-collapse: collapse;
}

table tr th{
	color: #777;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	padding:10px; 
	border-bottom: 2px solid #E56CDE;
}

table tr td{
	
	text-align: left;
	padding:10px; 
	border-bottom: 1px solid #f2f2f2;
}

.menu{
	width: 100%;
    margin: 0;
    list-style: none; 
    margin: 0;
    padding: 0;
    max-width: 930px;
    text-align: center;
}

.menu li{
	margin: 3px 3px 8px 3px;
    display: inline-block;
    text-align: center;
}

.menu li a{
	padding: 4px 12px;
	text-decoration: none;
	color: #E56CDE; 
	font-size: 22px;
	line-height: 1.2;text-align: center;

}
.menu .current a{
	border-bottom: 2px solid #E56CDE;
	font-weight: bold;
}
.menu a:hover{
	border-bottom: 2px solid #E56CDE;
}


.menu.vertical{
	width: 100%;
    margin: 0;
    list-style: none; 
    margin: 0;
    padding: 0;
}

.menu.vertical li{
 	display: block;
	}

.menu.vertical li a{
	padding: 5px 0;
	text-decoration: none;
	color: #BF3EB7; 
	background: inherit;

}
.menu.vertical .current a, .menu.vertical a:hover{
	
	font-weight: bold;
	
}

.box-bar a{
	text-decoration: none;
	margin-bottom: 4px;
	color:#BF3EB7;

}

.box-bar a:hover, .box-bar a.current{
	color:#000;
}


#pagenation{
	list-style: none;
	margin: 30px 0 ;
	padding: 0;
	min-height: 120px;
	width: 700px;
}
#pagenation a:hover{
	background: #E893E3;
}

#pagenation .current a{
	color:#fff;
	background: #E893E3;
	
}
#pagenation li{
	float: left;
	margin: 3px;
	padding:0;
	position: relative;
}
#pagenation li a{
	text-decoration: none;
	padding: 5px 8px;
	background: #BF3EB7;
	color: #fff;
	min-width: 22px;
	display: block;
	text-align: center;
}


.label-uniform{
	padding: 0 0 0 25px;
	cursor: pointer;
	min-height: 2px;
   }



/*
form elemens

all crosbrousers uniform 
*/


input[type=checkbox], input[type=radio]{
	position: absolute;
	left:-60000px;
	 
	 }
.checkbox{
	background: url('../img/checkbox.png') no-repeat;
	}
.checkbox-checked{
	background: url('../img/checkbox-checked.png') no-repeat;
}
.checkbox-disabled{
	background: url('../img/checkbox-disabled.png') no-repeat;
}
.radio{
	background: url('../img/radio.png') no-repeat ;
}

.radio-checked{
	background: url('../img/radio-checked.png') no-repeat;
}

.chek-list{
	margin: 0;
	padding: 0;
	color:#ccc;
}
.chek-list .fa{
	color:#dadada;
}
.chek-list-active{
	padding: 0;
	margin: 0;
}

/* если надо оформить ДОП в чекбоксах*/
.dop{
   color:#fff;
   margin-left: 5px;
   padding:1px 6px 2px 6px;
   border-radius: 12px;
   font-size: 10px;
   background: #A535AE;
   margin-bottom: 3px;
}


input[type=text], input[type=password],
input[type=email], textarea, select{
	border:1px solid #DADADA;
	border-radius: 2px;
	padding:2px 5px 3px 5px;
	font-size: 17px;
	font-family:"Open Sans Condensed", Arial Narrow, sans-serif;
	

}

input[type=text], input[type=password],
input[type=email], select{
	width: 80%;

}

textarea{
	width: 95%;
	min-height: 40px;
}

input[type=submit],button{
	font-family:"Open Sans Condensed", Arial Narrow, sans-serif;
	background: #BF3EB7;
	border: 0px;
	padding: 3px 10px 5px 10px;
	margin: 5px 5px 5px 0; 
	color:#fff;
	font-size: 18px;
	cursor: pointer;
	border-radius: 3px
}
input[type=submit]:hover,button:hover{
	background: #E893E3;

}

button .fa{
	color:#fff;
}

.input-icon{
	border:1px solid #dadada;
	padding-left:5px;
	font-size:14px;
	border-radius:2px;
}



/*

tab вкладки

*/

.my-tab{
	list-style: none;
	margin: 0;
	padding: 0;
	
    position: absolute;
    height: 36px;
    background: #fff;

}
.my-tab li{
	margin: 0;
    display: inline;
    margin-left: -4px;
    cursor: pointer;
}

.my-tab li:first-child{
	 margin-left: 0;
}
.my-tab li a{
	margin: 0;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
    height: 36px;
    text-decoration: none;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-left: 0;
    color:#999;
}
.my-tab li a:hover{

	}

.my-tab li:first-child >a{
	color: #BF3EB7;
	border-left: 1px solid #E5E5E5;
	border-bottom: 1px solid #fff;
}

.my-tab-content{ 
	display: none;
	padding: 20px 20px;
	border:1px solid #E5E5E5;
	margin: 37px 0 0 0;
	background: #fff;
	box-sizing: border-box;
	width: 100%;
}

.my-tab-content.active{
	display: block;
   
}


.file-upload{
	padding-top: 25px;
}

.file-upload .fa{
	color:#fff;
}

.file-upload input[type="file"]{
    position:absolute;
    left:-30000px; /* Обязательно скрываем настоящий Input File */
}
.file-upload label {
    background: #BF3EB7;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
}
.file-upload label:hover{
	 background: #555;

}



.imgListhorizontal 
{
	height:230px; 
	width: 172px;
	overflow: hidden;
	position: relative;
	float: left;
	margin:0 20px 20px 0;
	
}

.imgListhorizontal a, .imgListhorizontal span{
   margin-left:-45%;
   position: absolute;
   width: 360px;
   margin-top: -35px;
   padding-top: -23px;
}


.img-mini .imgListhorizontal 
{
	height:92px; 
	width: 64px;
	overflow: hidden;
	position: relative;
	float: left;
	margin:0 20px 20px 0;
}
.img-mini .imgListhorizontal a, .img-mini .imgListhorizontal span{
   margin-left:-60%;
   position: absolute;
   width: 180px;
   margin-top: -5px;
   text-align: center;


}

.imgListhorizontal a img, .imgListhorizontal span img{
	height: 300px;	
	position: absolute;	
}

.img-mini .imgListhorizontal a img, .img-mini .imgListhorizontal span img{
	width: 140px; 
	height: auto;
	position: absolute;
}



.imgListVertical{
	height:230px; 
	width: 172px;
    position: relative;
    float: left;
    margin:0 20px 20px 0;

}



.imgListVertical a, .imgListVertical span{
	padding-top: 0;
	position: absolute;
	width: 320px;
	height: auto;
}

.img-mini .imgListVertical{
	height:120px; 
	width: 90px;
    position: relative;
    float: left;
    margin:0 20px 20px 0;
}

.imgListVertical .action, .imgListhorizontal .action{
	width: 68px;
	height: 30px;
	bottom:6px;
	left: 3px;
	position: absolute;
	z-index: 100;
	opacity: 0.8;

}

.imgListVertical .action .img-del, .imgListhorizontal .action .img-del{
	width: 30px;
	height: 30px;
	background: #BF3EB7;
	float: left;
	cursor: pointer;
	border-radius: 15px; 
	padding-left: 2px;
	margin-right: 3px;
}
.imgListVertical .action .img-main, .imgListhorizontal .action .img-main{
	width: 30px;
	height: 30px;
	background: #ccc;
	float: left;
	cursor: pointer;
	border-radius: 15px; 
	padding-left: 2px;
}

.imgListVertical .action .img-del:hover, .imgListhorizontal .action .img-del:hover{
	background: #000;
}
.imgListVertical .action .img-main:hover, .imgListhorizontal .action .img-main:hover{
	background: #64AA64;
}

.imgListVertical .action .img-main.current, .imgListhorizontal .action .img-main.current{
	width: 30px;
	height: 30px;
	background: #36A764;
	float: left;
	cursor: default;
}
.imgListVertical .action .img-main.current i, .imgListhorizontal .action .img-main.current i{
	color:#fff;
	font-size: 19px;
	margin: 6px 0 0 5px;
}
.imgListVertical .action .img-main  i, .imgListhorizontal .action .img-main i{
	color:#333;
	font-size: 19px;
	margin: 6px 0 0 5px;
}

.imgListVertical .action .img-del i, .imgListhorizontal .action .img-del i{
	color:#fff;
	font-size: 18px;
	margin: 6px 0 0 6px;
}

.imgListVertical .img-main-count, .imgListhorizontal .img-main-count{
	padding:0 0px 2px 3px;
	border-radius: 4px;
	position: absolute;
	top:3px;
	left: 3px;
	background: #ff0000;
	opacity: 0.8;
	cursor: pointer;
	
	
}
.img-main-count i{
	color:#fff;
	padding-top: 0px;
	z-index: 10000;
}



.loced-form{
	min-width:280px; max-width:520px; margin:0 auto;
	margin-top: 18%;
	padding: 30px 40px 15px 40px;
	background: #f6f6f6;
	font-size: 22px;
	border-radius: 4px;
}

.loced-form button{
	font-size: 26px;
	padding: 16px 32px;
	margin-right: 60px;
}

.loced-form .button-da{
  background: #6AC95F;
 
}
.loced-form .button-da:hover{
  background: #43983B;
}

.modal{
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    display: none;
    position: fixed;
    background: url(img/modal-background.png);
    z-index: 50000005;
  }

#fade-18{
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    display: none;
    position: fixed;
    background:#fff url(img/fon.png);
    z-index: 50000;
  }

#fade-modal{
	width: 100%;
    height: 120%;
    top:0;
    bottom:0;
    left: 0;
    display: none;
    position: fixed;
    background: url(img/modal-background.png);
    z-index: 50000000;
}

.modal-box{
	background: #fff;
	padding: 30px 15px 35px 15px;
	border-radius: 3px;
	box-shadow: 0px 2px 18px 0px #999;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 600px;
	overflow-x: auto;
	}



.modal-box .close{
	background: url(img/close.png) no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top:7px;
	right: 7px;
	cursor: pointer;
}

.modal-box h2{
	margin-top:0;
}


.breadcrumb{
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}

.breadcrumb li{
	display: inline;
	list-style: none;
	padding: 0;
	margin-right: 5px;
	background: url(img/br-right.png) no-repeat right;
}
.breadcrumb li:last-child{
	background: #fff;
}

.breadcrumb li a{
	padding: 5px 10px;
	text-decoration: none;
	padding: 5px 20px 5px 5px ;
}

.breadcrumb li:first-child > a {
	padding-left: 0 ;
}

.breadcrumb li:last-child > a {
	padding-right: 0 ;
	cursor: default;
}

.toppages {
	  	display: none;
	  	width: 40px;
	  	height: 40px;
	  	background: #BF3EB7;
	  	position: fixed;
	  	top:85%;
	  	right: 5%;
	  	opacity: 0.9;
	  	cursor: pointer;
	  	z-index: 50000;
	  	border-radius: 4px;
	  }

.toppages i{
	color:#fff;
	padding: 6px;
	font-size: 29px;
}

        .toppages:hover{
			opacity: 0.9;
		}

.girl-month{
	margin: 5px 0 0 20px;
   
}


.girl-month .param{
	top: 175px;
	left: 30px;
	background: #BF3EB7;
	opacity: 0.7;
    padding: 2px 14px 2px 6px;
    text-align: center;
    position: absolute;
    height: 48px;
    color:#fff; 
    max-width: 130px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
}


.footer-a{
color:#BF3EB7;
font-size:18px;
font-weight: bold;
margin-bottom: 15px;
}

.footer-a:hover{
color:#444;
}
.like-box{
	position: relative;
	font-size: 14px;
	
}

.thanks{
	position: absolute;
	padding: 8px 20px;
	background: #fff;
	box-shadow: 0 4px 6px 0 grey;
	top:-45px;
	left: -20px;
	font-size: 17px;
	border-radius: 5px;
	width: 130px;
	text-align: center;
}


.like-box .fa-thumbs-o-up{
	cursor: pointer;
}

.like-box .fa{
	font-size: 22px;
	margin-right: 4px;
}


.mobile-tel-button{
	background: url(/img/cal.gif) no-repeat;
	width: 60px;
	height: 60px;
	position: fixed;
	left: 2%;
    bottom: 5%;
    /*opacity: 0.9;*/
    background-size: 60px;
    z-index: 10000;
    display: none;
}

.bars{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	z-index: 1000000;
}
.bars .fa{
	font-size: 32px;
}

.bars .left{
	position: absolute;
	left: 20px;
	top:55px;z-index: 10000000;
}
.bars .right{
	position: absolute;
	right: 20px;
	top:55px;z-index: 10000000;
}
.mobile-show{
		display: none;
	}

.plus18{
	width:48px; position:absolute; right:10px; top:10px;
}

.left-sidebar-close{
	width:298px;
	position: fixed;
	height: 33px;
	left: 0;
	z-index: 50000002;
	top:0;
	display: none;
	background: rgba(0,0,0,0.1);
	
}
.left-sidebar-close .fa{
	font-size: 32px;
	margin-right: 20px;
	float: right;
}
.right-sidebar-close{
	width:298px;
	position: fixed;
	height: 33px;
	right: 0;
	z-index: 50000002;
	top:0;	
	display: none;
	background: rgba(0,0,0,0.1);
}

.right-sidebar-close .fa{
	font-size: 32px;
	margin-left: 5px;
	float: left;
}


.menu-mobile{
	padding: 0;
	border-top: 1px solid #F1F1F1;
}
.menu-mobile li a{
	width: 100;
	display: block;
	text-decoration: none;
	padding: 5px 10px;
	border-bottom: 1px solid #F1F1F1;
	font-size: 20px;
}

.anketa-list{
	height:415px; 
}

.photo-pro{
		background:#BF3EB7; position:absolute; padding:15px 15px; top:145px; left:10px; border-radius:45px; color:#fff; text-align: center; opacity: 0.7; 
}

.vip-ank{
		background:#BF3EB7; padding:4px 8px; opacity: 0.7; margin:10px 0 0 125px; position:absolute; font-size:21px; border-radius:22px; color:#fff;
}

.like-ank{
	position:absolute; z-index:1; line-height: 1em; padding:3px 6px 4px 6px; opacity: 0.8; bottom:9px; left:110px; background:#f6f6f6; border-radius:50px;
}

.mobile-navigation{
		display: none;
		padding: 130px 0 0;
}

.mobile-navigation li{
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.mobile-navigation li a{
	text-decoration: none;
	color:#fff;
	background: #BF3EB7;
	display: block;
	font-size: 22px;
	text-align: center;
	border-bottom: 1px solid #f2d7f1;
	padding: 5px 5px 5px;
	font-weight: 600;
}
.mobile-navigation li a .fa{
	color:#fff;
}

.nicEdit-main{
	width: 96% !important;
}


.advanced-search-forn p{
	margin: 15px 0 5px; 
	color:#BF3EB7;
}
.advanced-search-forn label{
	color:#000;
}



.advanced-search-forn .dep input[type=text]{
	max-width: 30% !important;	
	display: inline-block;
}
.advanced-search-forn .dep input:first-child{
	margin-right: 7px;
	
}
.advanced-search-forn .dep input:last-child{
	margin-left: 7px;
}

#map{
	position: relative;
}
	
#marker {
    background-image: url('/images/baloon-s.png');
    width: 36px;
    height: 37px;    
    position: absolute;
   
}
/*.ymaps-2-1-75-map{
	height: 400px !important;
}*/

@media all and (max-width: 768px) {
	
	.advanced-search-forn .b-4{
		width: 100% !important;
	}
	
	
	.selected_raion{
		height: 48px;
		border: 2px solid #BF3EB7;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 15px !important;		
	}
	
	#pagenation{
		width: 100%;
	}
	#pagenation li a{
	
	padding: 3px 8px;
	}
	.anketa-list{
		height: 450px; 
	}
	body {
		font-size: 20px;
	}
	
	h2.b-12{
		font-weight: bold;
	}
	.plus18{
		top:0; right: 20px;  width:32px;
	}
	
	
	*[class*="b-"].mobile{
		margin-left:0;
		margin-right:0;
		min-width:100%;
	}
	
	.mobile{
		min-width:100%;
	}
	
	
	.mobile-hide{
		display: none;
	}
	.mobile-show{
		display: block;
	}
	
	.wrapper {
		min-width: 100%;
		margin: 0 auto;
		min-height: 100%;
		height: 100%;
	}
	.mobile-navigation{
		display: block;
	}

	.header {
		height: auto;
		
	}
	
	.header .logo {
				
		margin: 0 40%;
		position: absolute;
	}
	
	.middle {
		width: 100%;
		padding: 0;
		position: relative;
	}
	
	
	.content {
		padding: 0;
	}
	
	.footer {
		margin:0;
		min-width: 100%;		
		position: relative;
		padding:0; 
		border-top:2px solid #BF3EB7 ;
	}
	.left-sidebar{
		position: fixed;
		left:0;
		top:0;
		bottom:0;
		background:#fff;		
		z-index:50000001;
		margin:0;
		height:100%;
		overflow-x: auto;
		width:280px;
		padding-top:30px;		
	}
	
	.right-sidebar{
		position: fixed;
		right:0;
		top:0;
		background:#fff;		
		z-index:50000001;
		margin:0;
		height:100%;
		overflow-x: auto;
		width:280px;
		padding-top:30px;
			
	}
	
}
.photo-pro-ank-item{
		background:#BF3EB7; 
		position:absolute; 
		padding:12px 10px 14px; 
		border-radius:50%; 
		color:#fff; 
		text-align: center;
		top:80px; 
		right: -10px;
		box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.vip-ank-item{
	background:#BF3EB7; 
	padding:5px 10px; 
	font-size:22px; 
	border-radius:22px; 
	position:absolute; 
	color:#fff; 
	top:30px; 
	right: 0;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.waiting-call-button{
	background: #f9f9f9; 
	margin-top: 15px; 
	text-align: center;
}
.waiting-call-button a{
	display: block; 
	padding: 10px 5px; 
	text-decoration: none; 
	font-weight: 600;
	color:#BF3EB7;
}
.waiting-call-button a:hover{
	color:#333;
}

.waiting-call-button a .fa{
	margin: 0 3px -3px 0;
}

.gall-foto .imgListhorizontal {
	width: 160px;	
}

.selected_raion{
	margin: 18px 3px 0 3px;
	min-width: 98%;
	max-width: 98%;
}

.comment-box{
	margin-bottom: 30px;
	
}
.comment-box .comment-body{
	padding: 15px;
	background: #F0F0F0;
	position: relative;
	margin-top: 20px;
}
.comment-box .comment-body:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 12px;
    border-style: solid;
    border-color:  transparent  transparent #F0F0F0 transparent;
    top: -24px;
    left: 5%;
}
.comment-box .comment-body a.trash-blak-list-comment{
	position: absolute;
	top: -30px;
	right: 0;
	color:#f00;
}
.blak-list-comment b{
	font-weight: 600;
	color: #D358CB;
}

.blak-list-control div{
	width: 50%;
	float: left;
	
}
.blak-list-control div:last-child{
	text-align: right;
}

h3, strong, b{
	color: #777 !important;
}

ul.viezd-submenu{
	padding: 0;
	margin: 0;	
}
ul.viezd-submenu li{
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin: 5px 5px 10px;		
}
ul.viezd-submenu li a{
	display: block;
	text-decoration: none;
	padding: 3px 15px 5px;
	border: 1px solid #BF3EB7;
	border-radius: 5px;
	font-size: 18px; 
}
ul.viezd-submenu li a.current{
	background: #BF3EB7;
	color: #fff;
}

.board-list{
	margin: 20px 0;
	display: block;
	clear: both;
}

.board-list .catd{
	width: 100%;
	margin-bottom: 40px;
}
.board-list .catd h2{
	margin: 5px 0;
}

.board-list .catd .edit-box{
	width: 100%
}
.board-item{
	
}
hr.b-12{
	display: block;
}

.board-item img[style="float:right"],
.board-list img[style="float:right"]
{
	margin: 5px 0 10px 10px;
}
.board-item img[style="float:left"]
{
	margin: 5px 10px 10px 0;
}

.board-list img[style="float:left"]
{
	margin: -5px 15px 10px 0;
}
.board-list img[style="display:block"]
{
	margin: 5px auto;
}
.board-list .card a.title{
	text-decoration: none;
}
.board-list .card{
	margin-bottom: 15px;	
}

.board-list .card a h2{
	margin: 10px 0;	
}

.board-list .card hr.b-12{
	margin: 5px 0 20px;
	display: block;
}

a.board-job{
	text-decoration: none;
	color:#BF3EB7;
}
a.board-job:hover{
	
	color:#333;
}
.retarget{
	margin: 30px 0;
	padding: 20px 20px;
	text-align: center;
	background: #f2f3f1;
	clear: both;
}

.retarget .all-list{
	font-size: 22px;
	cursor: pointer;	
}


.text-opisanie{
	 -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	-ms-line-clamp: 4;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	display: -webkit-box;
	display: box;
	word-wrap: break-word;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	font-size: 17px;
	line-height: 19px;
}



@media all and (max-width: 740px) {
	
	
	
	.right-sidebar .latest-articles.anonce{
		padding-bottom: 60px;
	}
	
	.mobile-tab{
		width: 100%;
	}
	.anketa-list{
		height: auto; 
	}
	.vip-ank-item{
		*margin:-563px 0 0 205px;
		
	}
	
	.photo-pro-ank-item{
		*margin:-510px 0 0 180px;	
	}
	body{
		padding: 0;
	}
	
}
@media all and (max-width: 480px) {
	
	.table-mobile-hide{
		display: none;
	}
	
	
	
	.mobile-mini{
		min-width:100%;
	}
	
	
	.imgListhorizontal 
	{
		height: inherit; 
		width: 98%;		
		padding: 0;
		margin: 10px 0 10px 0 ;
		border:1px solid #F1F1F1;
		height: auto;
	}

	.imgListhorizontal a, .imgListhorizontal span{
	   margin:0;
	   position: relative;
	   width: 0;	  
	   padding: 0;
	   height: 0;
	   min-width: 100%;
	   max-width: 100%;
	}


	.imgListhorizontal a img, .imgListhorizontal span img{
		height: auto;
		position: inherit;		
		margin:5px 0 0 0;	
		min-width: 100%;
	   	max-width: 100%;	
	}

	.imgListVertical{
		height:100%; 
		width: 100%;
	    margin:0;
	}

	.imgListVertical a, .imgListVertical span{
		padding: 0;
		position: inherit;
		width: 100%;
		height: auto;
	}
	.imgListVertical a img, .imgListVertical span img{
		min-width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		position: inherit;
		border:1px solid #dadada;padding: 0;
	}
	
	.gall-foto .imgListhorizontal {
		width: 100%;	
	}

	
	
	
	.like-ank{
		position:absolute; z-index:1; line-height: 1em; padding:3px 6px 4px 6px; opacity: 0.8; bottom:-253px; right:20px; left: auto; background:#f6f6f6; border-radius:50px;
	}
	
	
	
	.vip-ank{
		background:#BF3EB7; padding:4px 8px; opacity: 0.7; bottom: -180px; right:26px; position:absolute; font-size:21px; border-radius:22px; color:#fff;
	}
	
	.photo-pro{
		background:#BF3EB7; width:50px; position:absolute; padding:15px 15px; bottom:-120px; top: auto; left: auto; right:5px; border-radius:50%; color:#fff; text-align: center; opacity: 0.7; 
	}
}



@media all and (min-width: 768px) {
	.right-sidebar, .left-sidebar{
		display: block;
	}
	.anonce img{
		max-width: 120px;
	}
	
}