
/* sbros i obshee
----------------------------------------------- */

html,body,div,span,object,iframe,frame,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,a,b,i,dl,dt,dd,ol,ul,li,fieldset,textarea,select,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input {
	background: transparent;margin:0;padding:0;outline:none;border: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}
input, label, button, form {background: transparent;margin:0;padding:0;outline:none;border: 0;}
   
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}

article, aside, figure, figure img, hgroup, footer, header, nav, section {display: block;}

body { font: 14px/20px Roboto, Arial, Helvetica, sans-serif; line-height:normal; padding:0; margin:0;        
color: #2a2a2a; background-color:#f6f6f6; height:100%; width:100%; font-weight:400;}
   
img {max-width:100%;}
.clr {clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}

a {color: #2a2a2a; text-decoration: none;}
a:hover, a:focus {color:#06c; text-decoration: none;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}
h1 {font-size:24px;}
h2 {font-size:24px;}
h3 {font-size:21px;}

.form-wrap {margin:0;}
.sub-title h1 {margin-bottom:15px; font-size:24px;}
.pm-page, .search-page, .static-page, .tags-page {}

/*--- SET ---*/

textarea { overflow: auto; vertical-align: top }

.button, .up-second li a, .up-edit a, .qq-upload-button, button:not(.color-btn), html input[type="button"], input[type="reset"], input[type="submit"] {
padding:0 20px; font:normal 14px Arial !important; color:#000; display:inline-block; background-color:#ffd700;
height:36px; line-height:36px; border-radius:18px; cursor:pointer;
background: linear-gradient(to bottom, #ffea00 0%,#ffd700 100%); box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
button[disabled], input[disabled] { cursor: default }
.button:hover, .up-second li a:hover, .up-edit a:hover, .qq-upload-button:hover,
button:not(.color-btn):hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover 
{background: linear-gradient(to top, #ffea00 0%,#ffd700 100%);}
button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active 
{box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.1);}
input[type="submit"].bbcodes, input[type="button"].bbcodes, input.bbcodes, .ui-button 
{font-size: 12px !important; height: 30px !important; line-height:30px !important; padding: 0px 10px; border-radius:3px;}

input[type="text"], input[type="password"] {display:block; width:100%; height:40px; line-height:40px; padding:0 15px;
color:#000000; background-color:#fff; border:1px solid #ddd; border-radius:3px; 
-webkit-appearance: none; box-shadow:inset 1px 1px 4px 0 rgba(0,0,0,0.1) !important;}
input[type="text"]:focus {border-color:#06c; box-shadow:none !important;}

input:focus::-webkit-input-placeholder {color: transparent}
input:focus::-moz-placeholder {color: transparent}
input:focus:-moz-placeholder {color: transparent}
input:focus:-ms-input-placeholder {color: transparent} 

table.userstop, table.pm, table.tableform, table.calendar { border-collapse: collapse; border-spacing: 0 }
.ui-icon, .close { display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
select {height:40px; border:1px solid #ddd; background-color:#FFF;}
textarea {display:block; width:100%; padding:10px; border:1px solid #ddd; background-color:#FFF; 
border-radius:0 0 6px 6px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.2);}

.img-box {overflow:hidden; position:relative; background-color:#CCC;}
.img-box img {width:100%; min-height:100%;}
.square-img img {display:block; width:150%; max-width:150%; margin-left:-25%;}
.nowrap, .short2 .title a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
button, .short-img img, .cloud-tags a, .custom-foto img, .lcomm img {transition: all .3s;}
a {transition: color .3s, background-color .3s, opacity .3s;}

.flex-row {display:flex; flex-flow:row wrap; justify-content:space-between;}
.icon-left i {margin-right:10px;}


@font-face {
  font-family: 'font-icons';
  src: url('../font/font-icons.eot?18282211');
  src: url('../font/font-icons.eot?18282211#iefix') format('embedded-opentype'),
       url('../font/font-icons.woff?18282211') format('woff'),
       url('../font/font-icons.ttf?18282211') format('truetype'),
       url('../font/font-icons.svg?18282211#font-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
 
 [class^="fa-"]:before, [class*=" fa-"]:before {
  display: inline-block;
  font-family: "font-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-decoration: inherit;
  font-size: inherit;
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.fa-heart:before { content: '\e800'; } /* '' */
.fa-heart-empty:before { content: '\e801'; } /* '' */
.fa-star-empty:before { content: '\e802'; } /* '' */
.fa-star:before { content: '\e803'; } /* '' */
.fa-cancel:before { content: '\e804'; } /* '' */
.fa-eye:before { content: '\e805'; } /* '' */
.fa-tags:before { content: '\e806'; } /* '' */
.fa-thumbs-up:before { content: '\e807'; } /* '' */
.fa-thumbs-down:before { content: '\e808'; } /* '' */
.fa-reply:before { content: '\e809'; } /* '' */
.fa-quote-right:before { content: '\e80a'; } /* '' */
.fa-menu:before { content: '\e80b'; } /* '' */
.fa-cog:before { content: '\e80c'; } /* '' */
.fa-up-open:before { content: '\e80d'; } /* '' */
.fa-search:before { content: '\e80e'; } /* '' */
.fa-angle-down:before { content: '\e80f'; } /* '' */
.fa-odnoklassniki-rect:before { content: '\e810'; } /* '' */
.fa-vkontakte:before { content: '\e811'; } /* '' */
.fa-facebook:before { content: '\e812'; } /* '' */
.fa-twitter:before { content: '\e813'; } /* '' */
.fa-user:before { content: '\e814'; } /* '' */
.fa-calendar-empty:before { content: '\e815'; } /* '' */
.fa-comment-empty:before { content: '\e816'; } /* '' */
.fa-right-open:before { content: '\e817'; } /* '' */
.fa-left-open:before { content: '\e818'; } /* '' */
.fa-down-open:before { content: '\e819'; } /* '' */
.fa-plus:before { content: '\e81a'; } /* '' */
.fa-align-left:before { content: '\e81b'; } /* '' */
.fa-print:before { content: '\e81c'; } /* '' */
.fa-download:before { content: '\e81d'; } /* '' */