@media all and (orientation:portrait) {
		  /* Styles for Portrait screen */
				
		
			.lf-sidenav{
			    width: 80% !important; 
			    right: -80%;	
			}

			.lf-footer-fixed-portrait{
				position: absolute;
				bottom: 0;
			}	

			.lf-header-encounters{
				/*position: fixed;*/
				z-index: 30;
			}			
					
		}
		@media all and (orientation:landscape) {
		  /* Styles for Landscape screen */	

			.lf-sidenav{
			    width: 40% !important; 
			    right: -40%;	
			}	
			.lf-footer-fixed-portrait{

			}	

			.lf-header-encounters{
				/*position: fixed;*/
				margin: 0 auto;
				z-index: 30;
			}

														
		}

		body{
			font-size: 14px; 
		}

		.lf-main, .lf-toolbar-high, .lf-menu-high, .lf-bottom-panel, .lf-footer-logo{
			width: 320px;
		}			


		@font-face {
		  font-family: 'lf-icons10';
		  src:  url('fonts/lf-icons10.eot?l98elx');
		  src:  url('fonts/lf-icons10.eot?l98elx#iefix') format('embedded-opentype'),
		    url('fonts/lf-icons10.ttf?l98elx') format('truetype'),
		    url('fonts/lf-icons10.woff?l98elx') format('woff'),
		    url('fonts/lf-icons10.svg?l98elx#lf-icons10') format('svg');
		  font-weight: normal;
		  font-style: normal;
		}		


		[class^="icon-"], [class*=" icon-"] {
		  /* use !important to prevent issues with browser extensions that change fonts */
		  font-family: 'lf-icons10' !important;
		  speak: none;
		  font-style: normal;
		  font-weight: normal;
		  font-variant: normal;
		  text-transform: none;
		  line-height: 1;

		  /* Better Font Rendering =========== */
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
		}


		body{	
			margin: 0;
			background-color: #fff;		
			font-family: Verdana, sans-serif;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;	

		}	


		div{
		    box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    -webkit-box-sizing: border-box;
		}

		a{
			color: black;
		}		

		h1{
			font-size: 1em;	
			font-weight: normal;
		}

		h2{
			font-size: 1.2em;	
		}
		
		h3{
			font-size: 1em;	
		}

		fieldset
		{
		    border: 0;
		    padding: 0;
		    margin: 0;
		}	

		br.clear{
			clear: both;
		}

		.lf-header{
			position: fixed;
			width: 100%;
			z-index: 30;
		}

		.lf-main{
			background-color: #fff;
			margin: 0 auto;	
			min-width: 320px;			
			font-size: 0.9em;
	
		}

		.lf-width-100{
			width: 100%;	
		}	

		.lf-clear{
			clear: both;
		}		

		.icon-lf-back:before {
  			content: "\f053";
  			font-size: 1.7em;
		}

		.icon-lf-back2:before {
  			content: "\ea40";
  			font-size: 1.5em;
		}

		.icon-lf-bars:before {
		  content: "\f0c9";
		  font-size: 1.5em;
		}		

		.icon-lf-home:before {
		  content: "\f015";
		  font-size: 1.2em;
		}		

		.icon-lf-join:before {
		  content: "\f067";
		  font-size: 1.2em;
		}

		.icon-lf-user:before {
		  content: "\f007";
		  font-size: 1.2em;
		}		

		.icon-lf-login:before {
		  content: "\f023";
		  font-size: 1.2em;
		}

		.icon-lf-panel:before {
		  content: "\f05a";
		  font-size: 1.2em;
		}

		.icon-lf-search:before {
		  content: "\f002";
		  font-size: 1.2em;
		}

		.icon-lf-envelope:before {
		  content: "\f0e0";
		  font-size: 1.45em;
		  color: #fff;
		}

		.icon-lf-notice:before {
		  content: "\f071";
		  font-size: 1.4em;
		  color: #ffab19;
		}	

		.icon-lf-read:before {
		  content: "\f2b7";
		  font-size: 1.2em;
		}			

		.icon-lf-unread:before {
		  content: "\f003";
		  font-size: 1.2em;		  
		}

		.icon-lf-inbox:before {
		  content: "\e960";
		  font-size: 1.2em;		  
		}

		.icon-lf-outbox:before {
		  content: "\e961";
		  font-size: 1.2em;		  
		}			

		.icon-lf-no:before {
		  content: "\f00d";
		  font-size: 1.2em;		  
		}	

		.icon-lf-yes:before {
		  content: "\f004";
		  font-size: 1.2em;		  
		}

		.icon-lf-square-photo:before {
		  content: "\e90f";
		  font-size: 1.2em;
		}

		.icon-lf-square-online:before {
		  content: "\f111";
		  font-size: 1.0em;
		  color: #0F0;
		}

		.icon-lf-menu-close:before{content: "\f00d";margin-right: 0.0em;font-size: 1.2em;}

		.icon-lf-menu-home:before{content: "\f015";margin-right: 0.5em;font-size: 1.2em;}
		.icon-lf-menu-join:before{content: "\ea0a";margin-right: 0.5em;}
		.icon-lf-menu-login:before{content: "\e98f";margin-left: 0.1em;margin-right: 0.3em;font-size: 1.2em;}
		.icon-lf-menu-search:before{content: "\f002";margin-right: 0.5em;}
		.icon-lf-menu-terms:before{content: "\e922";margin-right: 0.5em;}
		.icon-lf-menu-privacy:before{content: "\e9b4";margin-right: 0.5em;}
		.icon-lf-menu-contact:before{content: "\e91a";margin-right: 0.5em;}


		.icon-lf-menu-profile:before{content: "\f007";margin-right: 0.5em;font-size: 1.2em;}
		.icon-lf-menu-panel:before{content: "\f05a";margin-right: 0.5em;font-size: 1.2em;}
		.icon-lf-menu-online:before{content: "\e9b5";margin-right: 0.5em;}
		.icon-lf-menu-comm:before{content: "\e9da";margin-right: 0.5em; }
		.icon-lf-menu-photo:before{content: "\e90f";margin-right: 0.5em;}
		.icon-lf-menu-inbox:before{content: "\e960";margin-right: 0.5em;}
		.icon-lf-menu-outbox:before{content: "\e961";margin-right: 0.5em;}
		.icon-lf-menu-mess:before{content: "\e970";margin-right: 0.5em;}
		.icon-lf-menu-enc:before{content: "\e915";margin-right: 0.5em;}
		.icon-lf-menu-logout:before{content: "\ea13";margin-right: 0.5em;}

		/**************************************************************************/


		/* toolbar *************************************************************/

		.lf-toolbar{
			width: 100%;
			z-index: 30;			
			background: #1182c6;
		}

		.lf-toolbar-hole{
			height: 3.3em;
		}

		.lf-toolbar-high{
			margin: 0 auto;
			
		}


		.lf-toolbar-high-left{
			float: left; 
			width: 3em;
		}

		.lf-toolbar-high-center{
			margin: 0 3em 0 3em; 
		}		

		.lf-toolbar-high-right{
			float: right; 
			width: 3em;
		}	


		.lf-toolbar-title{	
			color: #FFFFFF;	
			text-align: center;
			overflow: hidden;
			white-space: nowrap;	
			margin-left: 0.5em;	
			margin-right: 0.5em;
			padding-top: 0.3em;
		}

		.lf-button-toolbar{
			white-space: nowrap;
			display: block;
			text-decoration: none;
			color: #FFFFFF;
			background: #1182c6;

			padding: 0.5em;
			/*
			padding-left: 0.5em;
			*/
			margin: 0.3em;	

		}

		

		/* toolbar *************************************************************/
		/* menu *************************************************************/

		.lf-menu-high{
			margin: 0 auto;
		}

		.lf-menu-high ul{
			margin: 0;
			padding: 0;
			margin-bottom: 0.5em;
			list-style-type: none;

		}

		.lf-menu-high li{
			display: inline-block;
			width: 25%;
			text-align: center;			
		}

		.lf-menu-high a{
			display: block;
			padding: 0.5em 0;
			
			background-color: #eaeaea;		

	        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadada));
	        background-image: -webkit-linear-gradient(top, #ffffff, #dadada);
	        background-image: -moz-linear-gradient(top,#ffffff, #dadada);
	        background-image: -ms-linear-gradient(top, #ffffff, #dadada);
	        background-image: -o-linear-gradient(top, #ffffff, #dadada);
	        background-image: linear-gradient(top, #ffffff, #dadada);

	        border: 1px #9b9a9a solid;	
			
			text-decoration: none;
	
		}	

		.lf-menu-high a:hover{
				background-image: -moz-linear-gradient(top,  #b8c6df 0%, #6d88b7 100%);
				background-image: -webkit-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%);
				background-image: linear-gradient(top,  #b8c6df 0%,#6d88b7 100%);
	
		}	

		/* botton navigation *********************************************************************************/

		.lf-bottom-panel{
			margin: 0 auto;
			margin-top: 0.3em;
			padding: 0;
		}

		.lf-bottom-panel ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		.lf-bottom-panel li{
			display: inline-block;
			text-align: center;			
		}

		.lf-bottom-panel a{
			display: block;
			padding: 0.2em 0 0 0;			
			background-color: #eaeaea;		

	        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dadada));
	        background-image: -webkit-linear-gradient(top, #ffffff, #dadada);
	        background-image: -moz-linear-gradient(top,#ffffff, #dadada);
	        background-image: -ms-linear-gradient(top, #ffffff, #dadada);
	        background-image: -o-linear-gradient(top, #ffffff, #dadada);
	        background-image: linear-gradient(top, #ffffff, #dadada);
	        border: 1px #9b9a9a solid;				
			text-decoration: none;	
		}	

		.lf-bottom-panel a:hover{
			background-image: -moz-linear-gradient(top,  #b8c6df 0%, #6d88b7 100%);
			background-image: -webkit-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%);
			background-image: linear-gradient(top,  #b8c6df 0%,#6d88b7 100%);
	
		}	

		.lf-bottom-panel-icon{
			width: 3em;
		}

		.lf-bottom-nav-1{
			width: 100%;
		}

		.lf-bottom-nav-2{
			width: 50%;
		}

		.lf-bottom-nav-3{
			width: 33.3%;
		}		

		.lf-bottom-nav-4{
			width: 25%;
		}			

					

		/* menu *************************************************************/
		/* sidenav *************************************************************/

		.lf-sidenav{
		    height: 100%; 
		    position: fixed;
		    z-index: 31;
		    top: 0;
		    background-color: #eeeeee; 
		    overflow-x: hidden; 
		    transition: 0.5s; 	
		    text-align: center;	
		    white-space: nowrap;	
		    border-left: 1px #cccccc solid;
		}

		.lf-sidenav ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			text-align: left;	
		}

		.lf-sidenav li{
			background: url("img/carat-r-black.svg")no-repeat right 1em center/0.8em 0.8em;
		}

		.lf-slidenav-header{

		}

		.lf-slidenav-header-icon{
			display: table-cell;
			vertical-align: middle;	
			padding-left: 0.1em;				
		}

		.lf-slidenav-header-icon img{
			border-radius: 50%;
			height: 3em;
			border: 1px #ddd solid;
		}
		.lf-slidenav-header-name{
			display: table-cell;
			vertical-align: middle;	
			padding-left: 0.5em;				
		}

		.lf-menu-side {
			padding: 0.7em 1em;
			text-decoration: none;
			color: #000000;
			display: block;
			transition: 0.1s;
		
		}

		.lf-menu-side:hover {
			background-color: #cccccc; 
		}

		.lf-menu-side-close{
			padding: 1em;
			text-decoration: none;
			color: #000000;
			display: block;
			float: right;			
		}

		/* sidenav *************************************************************/



		/* footer *************************************************************/
		.lf-footer-fixed{
			position: absolute;
			bottom: 0;
		}

		.lf-footer{
			width: 100%;
			background: #111111;
	        background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#111111));
	        background-image: -webkit-linear-gradient(top, #3c3c3c, #111111);
	        background-image: -moz-linear-gradient(top, #3c3c3c, #111111);
	        background-image: -ms-linear-gradient(top, #3c3c3c, #111111);
	        background-image: -o-linear-gradient(top, #3c3c3c, #111111);
	        background-image: linear-gradient(top, #3c3c3c, #111111);
						
		}
		.lf-footer-logo{
			display: block;
			margin: 0 auto;			
		}
		/* footer *************************************************************/

		/* gallery photo only *************************************************************/
		
		.lf-preview-line{
			margin: 0.3em auto;
			text-align: center; 
		}

		.lf-preview{
			display: inline-block;
			width: 32%;		/**** !!!! ****/
		}

		.lf-preview-nickname{
			display: inline-block;
			margin: 0.14em 0;
			overflow: hidden;
		}
		.lf-preview-nickname-online{
			display: inline-block;
			color: #FFF;
			background-color: #9FD468;
			padding: 0 0.21em;
			margin: 0.14em 0;
			border-radius: 0.21em;	
			overflow: hidden;		
		}	

		.lf-preview-image{
			display: block;
			border: 1px #9b9a9a solid;
			
			-webkit-background-size: contain;
	        -moz-background-size: contain;
	        -o-background-size: contain;
	        background-size: contain;			
		}

		.lf-preview-image img{
			width: 100%;
		}

		/* gallery photo only *************************************************************/

		/* profiles and photos *************************************************************/

		.lf-preview-single{
			width: 32%;	
			margin: 0 auto;
		}

		.lf-online{
			display: inline-block;
			background-color:#9FD468;
			color:#FFF;
			padding: 0 0.35em;
			border-radius: 0.35em;
			margin: 1em 0 0 0;	/*full profile*/
		}

		blockquote{
			font-style: italic;
			color: #666;
		}

		blockquote:before {
				color: #bbb;
				content: "\201C";
				font-size: 3em;
				line-height: 0.1em;
				margin-right: 0.2em;
				vertical-align: -.4em;
				font-family: Georgia, "Times New Roman", Times, serif;
		}

		blockquote:after {
				color: #bbb;
				content: "\201D";
				font-size: 3em;
				line-height: 0.1em;
				vertical-align: -.45em;
				font-family: Georgia, "Times New Roman", Times, serif;
		}

		/* user thumbs */

		.lf-thumbs-block{
			border: 0.8em solid #F0F0F0;
			margin: 0.5em 0;
			padding-top: 0.28em;
			padding-bottom: 0.14em;
		}		

		.lf-thumbs-block table{
			margin: 0 auto;
			border-collapse: collapse;
		}
		 
		.lf-thumbs-block td{
	
		}	

		.lf-thumbs-block img{
        	border-radius: 0.28em;
	        width: 4.2em;
	        height: 4.2em;
	        margin: 0 0.07em;
	        border: 0.07em #AAA solid;
    	}


		.lf-thumbs-round img{
			margin-top:0.14em;
			margin-left:0.14em;
	        border-radius: 50%;
	        width: 3.5em;
	        height: 3.5em;
	        border: 0.07em #AAA solid;
		}	

		.lf-thumbs-round-bubble img{
	        border-radius: 50%;
	        width: 3.5em;
	        height: 3.5em;
	        border: 0.07em #AAA solid;
		}				 

		/* user details */

		.lf-user-details{
			margin: 0.28em;
			margin-top: 0.5em;
		}

		.lf-user-details table{
			width: 100%;
			border-collapse: collapse;
		}

		.lf-user-details tr:nth-child(odd){
			background: #FDF4CB;
		}

		.lf-user-details td{
			width: 50%;
			padding: 0.4em;
		}

		.lf-user-details td:first-child{
			text-align: right; 
			font-weight: bold;
			border-right: 0.1em solid #f9f9f9;
		}



		/* user about */

		.lf-user-about{
			text-align: left;
			padding: 0.28em;
		}

		.lf-user-about > h3{
			margin: 0.5em 0;
		}		


		.lf-block-white{
			padding: 0.28em;	
		}

		.lf-block-grey{
			padding: 0.28em;	
			background-color:#F0F0F0;
		}		

		.lf-text-align-center{
			text-align: center; 	
		}

		.lf-border-top{
			border-top: 0.1em solid #AAA;
		}	

		.lf-emotion-icon{
			width: 1.2em;
		}	

		/* profiles and photos *************************************************************/


		/*********************************************************************************/
		/*********************************************************************************/
		/************************************* other *************************************/
		/*********************************************************************************/
		/*********************************************************************************/

		/* action block ************************************************************************/

		.lf-action-block{
			display: table;
			width:100%;
			border-left: 0.28em solid #FDD367; 
			margin: 0.28em 0; 
			background-color: #f0f0f0;				
			vertical-align: middle;			
		}

		.lf-action-block-white{
			border-left: 0em; 
			border-bottom: 0.1em solid #aaa; 
			background-color: #ffffff;	
			padding: 0.14em 0;					
		}	

		.lf-action-block-cell{
			display: table-cell;
		}

		.lf-action-block-checkbox{
			display: table-cell; 
			width: 5em;  
			text-align: center; 
			vertical-align: middle;
		}

		.lf-action-block-click{
			display: table;
			width:100%;
			cursor:pointer;	
			vertical-align: middle;	
		}		

		.lf-action-block-text{
			display: table-cell;	
			vertical-align: middle;		
			padding: 0.6em 0.3em;
		}
		.lf-action-block-counter{
			display: table-cell;
		    vertical-align: middle;	
		    width: 4em;			
		}	
		.lf-action-block-counter-data{			
			padding: 0.28em; 
			background-color: #fff; 
			border-radius: 0.35em; 
			width: 4em;
			text-align: center;
		}			
		.lf-action-block-button{
			display: table-cell;
			vertical-align: middle;		
			width: 2.5em;	
			padding: 0.6em 0.28em;		
		}		
		.lf-action-block-button img{
			display: block;
		    transition: 0.4s;	
		}

		.lf-rotated-down { 
		    transform:rotate(90deg); 
		    -webkit-transform:rotate(90deg); 
		    -moz-transform:rotate(90deg); 
		    -o-transform:rotate(90deg); 
		}

		.lf-rotated-up { 
		    transform:rotate(-90deg); 
		    -webkit-transform:rotate(-90deg); 
		    -moz-transform:rotate(-90deg); 
		    -o-transform:rotate(-90deg); 
		}		

		/* action block ************************************************************************/



		.lf-flat-box-title{
			background-color:#F0F0F0; 
			text-align: center; 
			margin-top: 0.28em; 
			padding:0.28em
		}

		.lf-flat-box-content{
			border: 0.8em solid #F0F0F0;
			margin: 0.5em 0;
			padding: 0.5em;
		}	
	

		.lf-mes-info{
			border: 0.07em solid #FAEBCC;
			border-radius: 0.35em;
			background-color: #FCF8E3;
			padding: 0.35em;
			margin: 0.35em;
			color: #8A6D3B;
		}

		.lf-mes-admin{
			border: 0.07em solid #FF0000;
			border-radius: 0.35em;
			background-color: #F9E9E9;
			padding: 0.35em;
			margin: 0.35em;
			color: #F00;
		}		

		.lf-mes-ok{
			border: 0.07em solid #008000;
			border-radius: 0.35em;
			background-color: #EBF9EB;
			padding: 0.35em;
			margin: 0.35em;
			color: #008000;
		}

		.lf-mes-error{
			border: 0.07em solid #FF0000;
			border-radius: 0.35em;
			background-color: #F9E9E9;
			padding: 0.35em;
			margin: 0.35em;
			color: #F00;
		}

		/* message bubbles *************************************************************************/

		.lf-bubble-block{
			display:table; 
			width:100%;
		}

		.lf-bubble-block-message{
			display:table-cell; 
			vertical-align:top;
		}	

		.lf-bubble-message-out{
			border: 0.07em solid #FDF4CB;
			border-radius: 0.35em;
			background-color: #FDF4CB;
			padding: 0.35em;
			margin: 0;
		}

		.lf-bubble-message-in{
			border: 0.07em solid #CCDFF0;
			border-radius: 0.35em;
			background-color: #CCDFF0;
			padding: 0.35em;
			margin: 0;
		}				

		.lf-bubble-block-corner{
			display:table-cell; 
			vertical-align:top; 
			width: 0.7em;
		}

		.lf-bubble-block-thumb{
			display:table-cell; 
			vertical-align:top; 
			width: 3.5em;
		}		

	

		/* message bubbles *************************************************************************/

		/* button *************************************************************************/
		.lf-button
		{
		        display: inline-block;
		        white-space: nowrap;
		        background-color: #ddd;
		        
		        background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
		        background-image: -webkit-linear-gradient(top, #eee, #ddd);
		        background-image: -moz-linear-gradient(top, #eee, #ddd);
		        background-image: -ms-linear-gradient(top, #eee, #ddd);
		        background-image: -o-linear-gradient(top, #eee, #ddd);
		        background-image: linear-gradient(top, #eee, #ddd);
		        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#dddddd');

		        border: 1px solid #777;
		        padding: 0 0.5em;
		        margin: 0.4em 0.2em;
		        font-size: 1.0em;

		        line-height: 2.2em;

		        text-decoration: none;
		        color: #333;
		        
		        -moz-border-radius: .2em;
		        -webkit-border-radius: .2em;
		        border-radius: .2em;
		}		

		.lf-button:hover
		{
		        background-color: #ddd;
		        background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
		        background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
		        background-image: -moz-linear-gradient(top, #fafafa, #ddd);
		        background-image: -ms-linear-gradient(top, #fafafa, #ddd);
		        background-image: -o-linear-gradient(top, #fafafa, #ddd);
		        background-image: linear-gradient(top, #fafafa, #ddd);
		        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
		}
		 
		 
		.lf-button:active
		{
		        -moz-box-shadow: 0 0 0.28em 0.14em rgba(0,0,0,.3) inset;
		        -webkit-box-shadow: 0 0 0.28em 0.14em rgba(0,0,0,.3) inset;
		        box-shadow: 0 0 0.28em 0.14em rgba(0,0,0,.3) inset;
		        position: relative;
		        top: 0.07em;
		}

		
		.lf-button:before
		{
				font-family: 'lf-icons10';
				color: #000;
		        background: #ccc;
		        background: rgba(0,0,0,.1);
		        float: left;
		        width: 1em;
		        text-align: center;
		        font-size: 1.5em;
		        margin: 0 0.3em 0 -0.35em;
		        padding: 0 .2em;
		        text-shadow: 0 0.07em 0 rgba(255,255,255,.8);
		        -moz-box-shadow: 0.07em 0 0 rgba(0,0,0,.5), 0.14em 0 0 rgba(255,255,255,.5);
		        -webkit-box-shadow: 0.07em 0 0 rgba(0,0,0,.5), 0.14em 0 0 rgba(255,255,255,.5);
		        box-shadow: 0.07em 0 0 rgba(0,0,0,.5), 0.14em 0 0 rgba(255,255,255,.5);
		        -moz-border-radius: .15em 0 0 .15em;
		        -webkit-border-radius: .15em 0 0 .15em;
		        border-radius: .15em 0 0 .15em;
		}

		.lf-button-40{
			width:40%;
		}

		.lf-button-50{
			width:50%;
		}		

		.lf-button-send-message:before
		{
			content: "\f0e0";		       		
		}		 

		.lf-button-send-kiss:before
		{
		        content: "\f004";
		}
	 
		.lf-button-hot-user:before
		{
		        content: "\f164";
		}

		.lf-button-block-user:before
		{
		        content: "\f00d";
		}

		.lf-button-cancel:before
		{
		        content: "\f00d";
		}			

		.lf-button-friend:before
		{
		        content: "\f234";
		}

		.lf-button-nofriend:before
		{
		        content: "\f235";
		}		

		.lf-button-check-all:before
		{
		        content: "\f046";
		}	
		
		.lf-button-uncheck-all:before
		{
		        content: "\f096";
		}	

		.lf-button-mark-read:before
		{
		        content: "\f2b7";
		}		

		.lf-button-mark-unread:before
		{
		        content: "\f003";
		}		

		.lf-button-delete:before
		{
		        content: "\f014";
		}	

		.lf-button-reply:before
		{
		        content: "\f112";
		}	

		.lf-button-new-message:before
		{
		        content: "\f044";
		}		

		.lf-button-unblock:before
		{
		        content: "\f09c";
		}

		.lf-button-ok:before
		{
		        content: "\f00c";
		}	

		.lf-button-request:before
		{
		        content: "\f045";
		}			

		.lf-button-photo:before
		{
		        content: "\f030";
		}

		.lf-button-view:before
		{
		        content: "\f06e";
		}

		.lf-button-activate:before
		{
		        content: "\f04b";
		}	

		.lf-button-suspend:before
		{
		        content: "\f011";
		}

		.lf-button-send:before
		{
		        content: "\f1d9";
		}		

		.lf-button-toggle-off:before {
		  content: "\f204";
  
		}

		.lf-button-toggle-on:before {
		  content: "\f205";
	  
		}	

		.lf-button-lock:before {
		  content: "\f023";
		}			

		.lf-button-login2:before {
		  content: "\f090";
		}	

		.lf-button-up:before {
		  content: "\f062";
		}	

		.lf-button-down:before {
		  content: "\f063";
		}							

		.lf-button-primary:before {
		  content: "\f006";
		}

		.lf-button-private:before {
		  content: "\f070";
		}			

		.lf-button-public:before {
		  content: "\f06e";
		}

		.lf-button-90ccw:before {
		  content: "\e965";
		}

		.lf-button-90cw:before {
		  content: "\e966";
		}		

		.lf-button-180:before {
		  content: "\e984";
		}	

		/* button *************************************************************************/	

		/*********************************************************************************/
		/*********************************************************************************/
		/************************************* form **************************************/
		/*********************************************************************************/
		/*********************************************************************************/


		.lf-field-comment
		{
			font-size: 1em;
			text-align: center;
		}

		.lf-field-help
		{
			font-size: 1em;
			text-align: justify;
			background-color: #FDF4CB;
			padding: 0.35em;
		}		
			
		
		/* checkbox *************************************************************/


		.lf-checkbox-pda {
			vertical-align: top;
			width: 1.19em;
			height: 1.19em;
			margin: 0 0.21em 0 0;
		}
		.lf-checkbox-pda + label {
			cursor: pointer;
		}
		.lf-checkbox-pda:not(checked) {
			position: absolute;
			opacity: 0;
		}
		.lf-checkbox-pda:not(checked) + label {
			position: relative;
			padding: 0 0 0 4.2em;
		}
		.lf-checkbox-pda:not(checked) + label:before {
			content: '';
			position: absolute;
			top: -0.28em;
			left: 0;
			width: 3.5em;
			height: 1.82em;
			border-radius: 0.91em;
			background: #CDCDCD;
			box-shadow: inset 0 0.14em 0.21em rgba(0,0,0,.2);

		}
		.lf-checkbox-pda:not(checked) + label:after {
			content: '';
			position: absolute;
			top: -0.14em;
			left: 0.14em;
			width: 1.54em;
			height: 1.54em;
			border-radius: 0.7em;
			background: #FFF;
			box-shadow: 0 0.14em 0.35em rgba(0,0,0,.3);
			transition: all .2s;
	
		}
		.lf-checkbox-pda:checked + label:before {
			background: #a4c639;
		}
		.lf-checkbox-pda:checked + label:after {
			left: 1.82em;
		}

		/* checkbox *************************************************************/	

		.lf-form-actions
		{
		    margin: 1em 0;
		}

		.lf-submit
		{		
		    background-color: #ffb94b;
		    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
		    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
		    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
		    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
		    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
		    background-image: linear-gradient(top, #fddb6f, #ffb94b);
		    
		    -moz-border-radius: 0.21em;
		    -webkit-border-radius: 0.21em;
		    border-radius: 0.21em;
		    
		    text-shadow: 0 0.07em 0 rgba(255,255,255,0.5);
		    
		     -moz-box-shadow: 0 0 0.07em rgba(0, 0, 0, 0.3), 0 0.07em 0 rgba(255, 255, 255, 0.3) inset;
		     -webkit-box-shadow: 0 0 0.07em rgba(0, 0, 0, 0.3), 0 0.07em 0 rgba(255, 255, 255, 0.3) inset;
		     box-shadow: 0 0 0.07em rgba(0, 0, 0, 0.3), 0 0.07em 0 rgba(255, 255, 255, 0.3) inset;    
		    
		    border-width: 0.07em;
		    border-style: solid;
		    border-color: #d69e31 #e3a037 #d5982d #e3a037;

		    
		    height: 2.45em;
		    padding: 0;
		    width: 8.4em;
		    cursor: pointer;
		    font: bold 1.2em Arial, Helvetica;
		    color: #8f5a0a;
		}

		.lf-submit:hover,#lf-submit:focus
		{		
		    background-color: #fddb6f;
		    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
		    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
		    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
		    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
		    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
		    background-image: linear-gradient(top, #ffb94b, #fddb6f);
		}	

		.lf-submit:active
		{		
		    outline: none;
		   
		     -moz-box-shadow: 0 0.07em 0.28em rgba(0, 0, 0, 0.5) inset;
		     -webkit-box-shadow: 0 0.07em 0.28em rgba(0, 0, 0, 0.5) inset;
		     box-shadow: 0 0.07em 0.28em rgba(0, 0, 0, 0.5) inset;		
		}

		.lf-submit::-moz-focus-inner
		{
		  border: none;
		}	

		/* checkbox *************************************************************/
		/* other fields *************************************************************/	

		.lf-form-inputs input
		{
			background: #f1f1f1;
		    padding: 0.7em 0.7em 0.7em 0.7em;
		    margin: 0.35em 0 0.7em 0;
		    width: 90%; 
		    border: 0.07em solid #ccc;
		    -moz-border-radius: 0.35em;
		    -webkit-border-radius: 0.35em;
		    border-radius: 0.35em;
		    -moz-box-shadow: 0 0.07em 0.07em #ccc inset, 0 0.07em 0 #fff;
		    -webkit-box-shadow: 0 0.07em 0.07em #ccc inset, 0 0.07em 0 #fff;
		    box-shadow: 0 0.07em 0.07em #ccc inset, 0 0.07em 0 #fff;
			font-size: 1.3em;	
		}

		.lf-form-inputs input:focus
		{
			background-color: #fff;
		    border-color: #e8c291;
		    outline: none;
		    -moz-box-shadow: 0 0 0 0.07em #e8c291 inset;
		    -webkit-box-shadow: 0 0 0 0.07em #e8c291 inset;
		    box-shadow: 0 0 0 0.07em #e8c291 inset;
		}

		.lf-form-inputs textarea
		{
			background: #f1f1f1;
		    padding: 0.7em 0.7em 0.7em 0.7em;
		    margin: 0.35em 0 0.7em 0;
		    width: 90%;
			height: 8em; 
		    border: 0.07em solid #ccc;
		    -moz-border-radius: 0.35em;
		    -webkit-border-radius: 0.35em;
		    border-radius: 0.35em;
		    -moz-box-shadow: 0 0.07em 0.07em #ccc inset, 0 0.07em 0 #fff;
		    -webkit-box-shadow: 0 0.07em 0.07em #ccc inset, 0 0.07em 0 #fff;
		    box-shadow: 0 0.07em 0.07em #ccc inset, 0 0.07em 0 #fff;
			font-size: 1.3em;	
		}

		.lf-form-inputs textarea:focus
		{
			background-color: #fff;
		    border-color: #e8c291;
		    outline: none;
		    -moz-box-shadow: 0 0 0 0.07em #e8c291 inset;
		    -webkit-box-shadow: 0 0 0 0.07em #e8c291 inset;
		    box-shadow: 0 0 0 0.07em #e8c291 inset;
		}

		.lf-form-inputs select
		{
			background: #f1f1f1;
		    padding: 0.7em 0.7em 0.7em 0.7em;
		    margin: 0.35em 0 0.7em 0;
		    width: 97%; 
		    border: 0.07em solid #ccc;
		    -moz-border-radius: 0.35em;
		    -webkit-border-radius: 0.35em;
		    border-radius: 0.35em;
		    -moz-box-shadow: 0 0.07em 0.07em #ccc inset, 0 0.07em 0 #fff;
		    -webkit-box-shadow: 0 0.07em 0.07em #ccc inset, 0 0.07em 0 #fff;
		    box-shadow: 0 0.07em 0.07em #ccc inset, 0 0.07em 0 #fff;
			font-size: 1.3em;
		}

		.lf-form-inputs select:focus
		{
			background-color: #fff;
		    border-color: #e8c291;
		    outline: none;
		    -moz-box-shadow: 0 0 0 0.07em #e8c291 inset;
		    -webkit-box-shadow: 0 0 0 0.07em #e8c291 inset;
		    box-shadow: 0 0 0 0.07em #e8c291 inset;
		}


		.lf-form-inputs input[type="checkbox"]
		{
			background: #fff;	
			display:inline-block;
		    width: 1.33em;
		    height: 1.33em;
			vertical-align: middle;	
		}

		/* other fields *************************************************************/

		/* square-profile *************************************************************/	



	.lf-square-profile-line{
		display: table;
		width: 100%		
	}
	.lf-square-profile-container{
		/* border:1px solid red; */
		width: 50%;
		display: table-cell;
	}
	.lf-square-profile{
		display: block;
		position: relative;
		margin: 0.14em 0.14em;
		border-radius: 0.28em; 		
		-moz-box-shadow: 0 0 0.28em rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0 0 0.28em rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 0.28em rgba(0, 0, 0, 0.3);  
	}
    .lf-square-profile:before{
        content: "";
        display: block;
        padding-top: 100%; 	
    }	
    .lf-square-profile-content{
        position: absolute; 
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .lf-square-profile-content img{
    	width:100%;
    	border-radius: 0.28em;
    }

    .lf-square-profile-panel{
    	position: absolute; 
    	display: block;
        width: 100%;
        bottom: 0;
        padding: 0.56em 0.28em;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.3);
        border-bottom-left-radius: 0.28em; /* Левый нижний уголок */
    	border-bottom-right-radius: 0.28em; /* Правый нижний уголок */
    }
    .lf-square-profile-panel-row{
     	display: table;
        width: 100%;   	
    }
    .lf-square-profile-panel-item{
    	display:table-cell; 
    	vertical-align: middle;
    	font-size: 1em;
    }
    .lf-square-profile-online{
    	position: absolute; 
    	top:0;
    	right: 0;
    	padding:0.28em;
    }

		/* square-profile *************************************************************/

		.lf-search-result {
			text-align: left;
		}

		.lf-search-result a img{
			display: block;
			float:left;
			width:32%;
			margin-top: 0.28em;
			margin-right: 0.56em;
			border-radius: 0.28em;
			-moz-box-shadow: 0 0 0.28em rgba(0, 0, 0, 0.3);
			-webkit-box-shadow: 0 0 0.28em rgba(0, 0, 0, 0.3);
			box-shadow: 0 0 0.28em rgba(0, 0, 0, 0.3);  
		}

		/* animations ***************************************************************/		

		.lf-loader {

		   position: absolute;
		   top: 50%;
		   left: 50%;
			display: none;

		  border: 0.56em solid #f3f3f3;
		  border-radius: 50%;
		  border-top: 0.56em solid #444;
		  width: 4.2em;
		  height: 4.2em;

		   margin-top: -2.1em; /* Half the height */
		   margin-left: -2.1em; /* Half the width */

		  -webkit-animation: lf-loader-spin 2s linear infinite;
		  animation: lf-loader-spin 2s linear infinite;
		}

		@keyframes lf-loader-spin {
		  0% { transform: rotate(0deg); }
		  100% { transform: rotate(360deg); }
		}


		@-webkit-keyframes lf-loader-spin {
		  0% { -webkit-transform: rotate(0deg); }
		  100% { -webkit-transform: rotate(360deg); }
		}

		/* animations ***************************************************************/