@charset "UTF-8";
/* слегка доработанный, универсальный clearfix хак */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

@font-face {
  font-family: 'SquareSans';
  src: url("../upload/fonts/PFSquareSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../upload/fonts/PFSquareSansPro-Regular.woff") format("woff"), url("../upload/fonts/PFSquareSansPro-Regular.ttf") format("truetype"), url("../upload/fonts/PFSquareSansPro-Regular.svg#PFSquareSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SquareSans-Medium';
  src: url("../upload/fonts/PFSquareSansPro-Medium.eot?#iefix") format("embedded-opentype"), url("../upload/fonts/PFSquareSansPro-Medium.woff") format("woff"), url("../upload/fonts/PFSquareSansPro-Medium.ttf") format("truetype"), url("../upload/fonts/PFSquareSansPro-Medium.svg#PFSquareSansPro-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SquareSans';
  src: url("../upload/fonts/PFSquareSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../upload/fonts/PFSquareSansPro-Bold.woff") format("woff"), url("../upload/fonts/PFSquareSansPro-Bold.ttf") format("truetype"), url("../upload/fonts/PFSquareSansPro-Bold.svg#PFSquareSansPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
p {
  line-height: 1.5;
  font-size: .95em;
}
p.small {
  font-size: .9em;
  color: grey;
  line-height: 1.3;
}
p.grey {
  color: #666666;
}
p.author a {
  color: #1e1e1e;
  text-decoration: none;
}
p.big {
  font-size: 1.3em;
}
p.blue {
  color: #1794cc;
}

span.big-text {
  color: #026577;
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
}

span.error {
  color: #B32222;
}

input + span.error {
  margin-left: 1em;
}

a {
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
  color: #1794cc;
  text-decoration: underline;
}
a:hover, a:focus {
  text-decoration: none;
  color: #3cb4e9;
}
a:active, a:visited {
  color: #4638b0;
}
a.blacka {
  text-decoration: none;
  color: #1e1e1e;
}
a.blacka:visited {
  color: #1e1e1e;
}
a.dotted, a.qustion {
  text-decoration: none;
  border-bottom: 2px dotted #1794cc;
}
a.dotted:visited, a.qustion:visited {
  color: #1794cc;
}
a.grey {
  font-family: "SquareSans", Helvetica, Arial, sans-serif;
  color: #666666;
}
a.grey:hover, a.grey:focus {
  text-decoration: none;
  color: black;
}
a.grey:active, a.grey:visited {
  color: #666666;
}
a.small {
  font-size: .9em;
}
a.a-arrow {
  position: relative;
  padding-right: 18px;
}
a.a-arrow:after {
  content: '';
  position: absolute;
  right: 0px;
  top: 7px;
  width: 10px;
  height: 10px;
  background: url("../upload/markup/spr3.png") 0 0 no-repeat;
}

img {
  max-width: 100%;
}

h1 {
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
  font-size: 2.22em;
  line-height: .8;
  font-weight: bold;
  letter-spacing: 1px;
}

h2 {
  font-size: 1.35em;
  font-weight: bold;
  letter-spasing: 10%;
}

h3 {
  font-size: 1.1em;
  font-weight: bold;
}

.wrap {
  width: 960px;
}

.block {
  width: 100%;
}

.block-2 {
  width: 48%;
}

.block-3 {
  width: 26%;
}

.block-75 {
  width: 61%;
}

.block-4 {
  width: 26%;
}

.content {
  width: 100%;
  clear: both;
  margin-bottom: 2em;
  margin-top: 1em;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  margin: 0 auto;
}

.ovh {
  overflow: hidden;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.block-white, .blog-news, .article, .comments, .ur {
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: #fff;
  padding: .55em 1em 1.2em 1.5em;
}

input[type="submit"].btn-quest, .edit-form input[type="submit"], input[type="submit"].upload-file {
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
  font-size: 1em;
  border: 3px solid #def3f6;
  cursor: pointer;
  padding: .1em 1.3em;
}

.btn-quest, .edit-form input[type="submit"], .upload-file {
  -webkit-border-radius: 9px;
  -o-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.4);
  padding: .6em 1.3em;
  margin-right: 1em;
  line-height: 2;
  background-image: -webkit-linear-gradient(#def3f6 1%, #b5e3ea 100%);
  background-image: -o-linear-gradient(#def3f6 1%, #b5e3ea 100%);
  background-image: linear-gradient(#def3f6 1%, #b5e3ea 100%);
  border: 3px solid #def3f6;
  color: #1e3f6a;
  text-decoration: none;
}
.btn-quest:visited, .edit-form input[type="submit"]:visited, .upload-file:visited {
  color: #1e3f6a;
}
.btn-quest:hover, .edit-form input[type="submit"]:hover, .upload-file:hover, .btn-quest:focus, .edit-form input[type="submit"]:focus, .upload-file:focus {
  background: #b6e4eb;
}

.btn-blue, .header ul.lang li.active {
  -webkit-border-radius: 9px;
  -o-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  behavior: url("border-radius.htc");
  line-height: 2;
  background: #41b1e3;
  background-image: -webkit-linear-gradient(#41b1e3 1%, #1989c4 100%);
  background-image: -moz-linear-gradient(#41b1e3 1%, #1989c4 100%);
  background-image: -ms-linear-gradient(#41b1e3 1%, #1989c4 100%);
  background-image: -o-linear-gradient(#41b1e3 1%, #1989c4 100%);
  background-image: linear-gradient(#41b1e3 1%, #1989c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#41b1e3', EndColorStr='#1989c4', GradientType=0);
  color: white;
  text-decoration: none;
}
.btn-blue a, .header ul.lang li.active a {
  color: white;
  text-decoration: none;
}

.btn-darkblue, .header ul.lang li {
  -webkit-border-radius: 9px;
  -o-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  behavior: url("border-radius.htc");
  line-height: 1.7;
  background: #0f2a4b;
  color: white;
  text-decoration: none;
}
.btn-darkblue a, .header ul.lang li a {
  color: white;
  text-decoration: none;
}

.btn-green, .blog-new .green-flag, .event-registration input[type="submit"], .form-login form input[type="submit"] {
  -webkit-border-radius: 13px;
  -o-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  behavior: url("border-radius.htc");
  line-height: 2;
  border-bottom: 2px solid #416207;
  background: #578606;
  background-image: -webkit-linear-gradient(#95ce30 1%, #578606 93%, #95ce30 100%);
  background-image: -moz-linear-gradient(#95ce30 1%, #578606 93%, #95ce30 100%);
  background-image: -ms-linear-gradient(#95ce30 1%, #578606 93%, #95ce30 100%);
  background-image: -o-linear-gradient(#95ce30 1%, #578606 93%, #95ce30 100%);
  background-image: linear-gradient(#95ce30 1%, #578606 93%, #95ce30 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#95ce30', EndColorStr='#578606', GradientType=0);
  color: white;
  text-decoration: none;
}
.btn-green a, .blog-new .green-flag a, .event-registration input[type="submit"] a, .form-login form input[type="submit"] a {
  color: white;
  text-decoration: none;
  border-bottom: 1px dashed white;
}

.btn-orange {
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  behavior: url("border-radius.htc");
  line-height: 2;
  border-bottom: 2px solid #935212;
  background: #d5710f;
  background-image: -webkit-linear-gradient(#f7b648 1%, #d5710f 92%, #f7b648 100%);
  background-image: -moz-linear-gradient(#f7b648 1%, #d5710f 92%, #f7b648 100%);
  background-image: -ms-linear-gradient(#f7b648 1%, #d5710f 92%, #f7b648 100%);
  background-image: -o-linear-gradient(#f7b648 1%, #d5710f 92%, #f7b648 100%);
  background-image: linear-gradient(#f7b648 1%, #d5710f 92%, #f7b648 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#f7b648', EndColorStr='#d5710f', GradientType=0);
  color: white;
  text-decoration: none;
}
.btn-orange a {
  color: white;
  text-decoration: none;
}

ul.menu > li > a {
  cursor: pointer;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url("border-radius.htc");
  line-height: 1.7;
  padding: .3em 0 .4em .6em;
  background: #d6e9f4;
  background-image: -webkit-linear-gradient(#d6e9f4 1%, #77b7df 100%);
  background-image: -moz-linear-gradient(#d6e9f4 1%, #77b7df 100%);
  background-image: -ms-linear-gradient(#d6e9f4 1%, #77b7df 100%);
  background-image: -o-linear-gradient(#d6e9f4 1%, #77b7df 100%);
  background-image: linear-gradient(#d6e9f4 1%, #77b7df 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#d6e9f4', EndColorStr='#77b7df', GradientType=0);
  color: #1e3f6a;
  text-decoration: none;
}
ul.menu > li > a a {
  color: #1e3f6a;
  text-decoration: none;
}
ul.menu > li > a.active {
  position: relative;
  border-bottom: 2px solid #416207;
  background: #578606;
  background-image: -webkit-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -moz-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -ms-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -o-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#95ce30', EndColorStr='#578606', GradientType=0);
  color: white;
}
ul.menu > li > a.active:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -6px;
  width: 19px;
  height: 12px;
  background: url("../upload/markup/spr1.png") -70px -72px no-repeat;
}
ul.menu > li > a.active a {
  color: white;
}
ul.menu > li > a:focus, ul.menu > li > a:hover {
  position: relative;
  border-bottom: 2px solid #416207;
  background: #578606;
  background-image: -webkit-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -moz-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -ms-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -o-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#95ce30', EndColorStr='#578606', GradientType=0);
  color: white;
}
ul.menu > li > a:focus a, ul.menu > li > a:hover a {
  color: white;
}

/*======================================================*/
/*Styles for page News*/
/*======================================================*/
html {
  width: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "SquareSans", Helvetica, Arial, sans-serif;
  color: #282828;
  line-height: 1.42;
  background: #c8ebee url("../upload/markup/bg.jpg") center 0px no-repeat;
  background-size: auto auto;
  -webkit-font-smoothing: antialised;
}

.header {
  position: relative;
  padding-bottom: 1em;
  overflow: hidden;
}
.header .logotype {
  position: relative;
  top: 10px;
  left: 46px;
  width: 225px;
}
.header ul.lang {
  position: relative;
  float: left;
  overflow: hidden;
  height: 60px;
  left: 40px;
}
.header ul.lang li {
  display: inline;
  margin-left: .3em;
  padding: 3em .55em .5em;
  position: relative;
  top: 8px;
}
.header ul.lang li.active {
  padding: 3em .7em .7em;
}
.header ul.lang li a {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -khtml-opacity: 0.7;
  filter: alpha(opacity=70);
  opacity: .7;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  -moz-transition: opacity .2s;
  transition: opacity .2s;
}
.header ul.lang li a:hover, .header ul.lang li a:focus {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
.header ul.login {
  margin-top: .6em;
  font-size: .9em;
}
.header ul.login li {
  float: left;
}
.header ul.login li.btn-orange {
  margin-top: .4em;
  padding: .1em 1em .2em;
  font-size: 16px;
}
.header ul.login li.btn-orange a {
  -webkit-text-shadow: 0px -1px 0px black;
  -moz-text-shadow: 0px -1px 0px black;
  text-shadow: 0px -1px 0px black;
}
.header ul.login li.btn-green, .header ul.login .blog-new li.green-flag, .blog-new .header ul.login li.green-flag {
  padding: .2em 1em .3em;
  font-size: 1.3em;
  margin-left: 1em;
}
.header ul.login li.btn-green a, .header ul.login .blog-new li.green-flag a, .blog-new .header ul.login li.green-flag a {
  -webkit-text-shadow: 0px -1px 0px black;
  -moz-text-shadow: 0px -1px 0px black;
  text-shadow: 0px -1px 0px black;
}
.header ul.login li.authorized {
  position: relative;
  padding: .1em .9em .2em;
}
.header ul.login li.authorized a {
  border: none;
}
.header ul.login li.authorized .notice {
  position: absolute;
  top: -8px;
  right: -14px;
  font-size: .9em;
  background: url("../upload/markup/spr3.png") 0 -80px no-repeat;
  width: 32px;
  height: 30px;
  text-align: center;
}
.header ul.login li.authorized .notice a {
  margin-top: -3px;
  display: block;
  opacity: .8;
  color: black;
  font-family: "SquareSans", Helvetica, Arial, sans-serif;
}
.header ul.login li.logout {
  margin-left: 2em;
  font-size: 1.1em;
}
.header ul.login li.logout a {
  color: #ffffff;
  line-height: 3.1;
}

.main-menu {
  margin-top: 1.9em;
  margin-bottom: 2.3em;
}

ul.menu {
  text-align: center;
}
ul.menu > li {
  box-sizing: border-box;
  display: inline;
  margin-left: .5em;
  position: relative;
}
ul.menu > li.droped {
  background: #c9f1ff;
  padding-top: 10px;
  padding-bottom: 18px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
ul.menu > li.droped:after {
  content: '';
  display: block;
  position: absolute;
  width: 19px;
  height: 20px;
  right: -10px;
  bottom: -6px;
  background: url("../upload/markup/spr1.png") -126px -33px no-repeat;
}
ul.menu > li.droped > a {
  background-image: none;
  background-color: transparent;
  color: #1e1e1e;
}
ul.menu > li.droped > a:hover, ul.menu > li.droped > a:focus {
  border: none;
}
ul.menu > li.droped > a:hover:after, ul.menu > li.droped > a:focus:after {
  display: none;
}
ul.menu > li:last-of-type {
  margin-right: 0;
}
ul.menu > li a {
  padding: .7em 1.8em .8em;
}
ul.menu > li ul {
  display: none;
  min-width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0px;
  top: 44px;
  z-index: 1000;
  font-family: "SquareSans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: .9em;
  text-align: left;
  background: #c9f1ff;
  padding-right: 30px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}
ul.menu > li ul li {
  width: 100%;
  display: block;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: .5em;
  padding-top: .4em;
  position: relative;
}
ul.menu > li ul li:hover, ul.menu > li ul li:focus {
  background: #95ce30;
}
ul.menu > li ul li:hover a, ul.menu > li ul li:focus a {
  color: white;
}
ul.menu > li ul li:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background: url("../upload/markup/spr1.png") -80px -64px no-repeat;
  left: 15px;
  top: 13px;
}
ul.menu > li ul a {
  color: #666666;
  text-decoration: none;
  padding: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.slider {
  width: 960px;
  text-align: center;
}
.slider .mask {
  position: relative;
  width: 100%;
  height: 413px;
  -webkit-border-radius: 16px;
  -o-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.slider .mask ul {
  width: 5500px;
  height: 413px;
  position: relative
}
.slider .mask ul li {
  float: left;
  width: 960px;
  height: 413px;
  overflow: hidden;
  position: absolute;
}
.slider .mask ul li img {
  display: block;
}
.slider ul.slider-nav {
  display: inline-block;
  text-align: center;
  margin-bottom: 2.5em;
  position: relative;
  top: -15px;
  z-index: 3;
}
.slider ul.slider-nav li {
  float: left;
  width: 30px;
  height: 30px;
  margin-left: .5em;
}
.slider ul.slider-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../upload/markup/spr1.png") -30px -59px no-repeat;
}
.slider ul.slider-nav li.active a {
  background-position: 0 -59px;
}

.news-vidgets {
  width: 100%;
  margin-bottom: 2.5em;
}

.calendar, .youtube, .photogallery {
  -webkit-border-radius: 14px;
  -o-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  width: 31%;
  height: 240px;
  float: left;
  margin-right: 33px;
  background: white;
}
.calendar a:visited, .youtube a:visited, .photogallery a:visited {
  color: #1794cc;
}

.photogallery {
  margin-right: 0;
}

.youtube .vid-meta, .youtube .sl-meta, .slider-small .vid-meta, .slider-small .sl-meta {
  font-size: .96em;
  line-height: 1.1;
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
}

.youtube .vid-content {
  height: 120px;
  margin-bottom: 15px;
  overflow: hidden;
}

.calendar {
  overflow: hidden;
}
.calendar .block-4 {
  width: 36%;
  margin-right: .3em;
}
.calendar .block-75 {
  width: 58%;
}
.calendar .vidget-wrap {
  width: 84%;
}
.calendar p {
  margin-top: .6em;
  line-height: 1.3;
  font-size: .9em;
}
.calendar .vid-content {
  margin-top: 2.1em;
  margin-bottom: 2.1em;
}

.vidget-wrap {
  width: 80%;
  margin: 0 auto;
  padding: .5em 0 0;
}

.widget-wrap {
  width: 91%;
  margin: 0 auto;
  padding: .5em 0 0;
}

.vidget-wrap h2 {
  margin-bottom: .3em;
}

.vidget-wrap .content {
  margin-bottom: .3em;
}

.slider-small {
  width: 100%;
  position: relative;
}
.slider-small .mask {
  height: 190px;
  overflow: hidden;
  position: relative;
  margin-left: -4px;
}
.slider-small .mask ul {
  position: relative;
  width: 9999px;
}
.slider-small .mask ul li {
  float: left;
  width: 210px;
  overflow: hidden;
}
.slider-small .mask ul li a {
  width: 100%;
  display: block;
  height: 120px;
  overflow: hidden;
  margin-bottom: .2em;
}
.slider-small .sl-img {
  height: 120px;
  overflow: hidden;
  margin-bottom: 15px;
}
.slider-small .sl-meta {
  color: #1794cc;
}
.slider-small a.prev, .slider-small a.next {
  position: absolute;
  display: block;
  height: 120px;
  width: 60px;
  background: #000;
  top: 50%;
  margin-top: -77px;
}
.slider-small a.prev {
  left: -60px;
  background: url("../upload/markup/spr1.png") -82px -80px no-repeat;
}
.slider-small a.next {
  right: -52px;
  background: url("../upload/markup/spr1.png") -138px -80px no-repeat;
}

/*===================================*/
/*SideBar*/
/*===================================*/
.sidebar {
  padding-top: 22px;
}
.sidebar .block {
  margin-bottom: 2em;
  padding-bottom: 1em;
}
.sidebar .block .content {
  margin-bottom: 1em;
}

.sub-menu ul {
  margin-top: 1.8em;
}
.sub-menu li a {
  position: relative;
  display: block;
  width: 91%;
  text-decoration: none;
  -webkit-border-radius: 11px;
  -o-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  background: #fff;
  padding: .6em .8em .7em 1.6em;
  margin-bottom: .4em;
}
.sub-menu li a:visited {
  color: #1794cc;
}
.sub-menu li a:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 16px;
  width: 10px;
  height: 10px;
  background: url("../upload/markup/spr3.png") 0 0 no-repeat;
}
.sub-menu li a:hover, .sub-menu li a.active, .sub-menu li a:focus {
  position: relative;
  background: #578606;
  background-image: -webkit-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -moz-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -ms-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -o-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#95ce30', EndColorStr='#578606', GradientType=0);
  color: white;
}
.sub-menu li a:hover:before, .sub-menu li a.active:before, .sub-menu li a:focus:before {
  background-position: -13px 0px;
}

.blog-new {
  margin-bottom: 3em;
}
.blog-new ul {
  margin-top: 1.3em;
}
.blog-new ul > a {
  margin-left: 3.9em;
}
.blog-new ul li {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1.5em;
}
.blog-new ul li > p {
  width: 75%;
  line-height: 1.3;
  float: right;
}
.blog-new ul li:last-of-type {
  margin-bottom: 0.5em;
}
.blog-new .green-flag {
  text-align: center;
  margin-right: .3em;
}
.blog-new span.data {
  font-size: 2.1em;
  line-height: 1.25;
  font-weight: bold;
  padding: 0 .15em;
  -webkit-text-shadow: 0px -1px 0px #464646;
  -moz-text-shadow: 0px -1px 0px #464646;
  text-shadow: 0px -1px 0px #464646;
}
.blog-new p.small {
  color: white;
  color: rgba(255, 255, 255, 0.7);
  font-size: .7em;
  margin-bottom: 1em;
}

.question {
  padding-top: 1.2em;
}
.question.block {
  width: 91%;
}
.question p {
  line-height: 1.3;
}

.skype-consult {
  height: 92px;
  background: white url("../upload/markup/side/skype.png") 0 0 no-repeat;
}
.skype-consult.block {
  width: 91%;
}
.skype-consult h2 {
  width: 60%;
  float: right;
  line-height: 1;
  margin-top: 1.2em;
}

.dist-games-block.block {
  width: 91%;
}
.dist-games-block ul {
  font-size: .95em;
  color: #666666;
  position: relative;
  left: -7px;
}
.dist-games-block ul li {
  padding-left: 10px;
  position: relative;
}
.dist-games-block ul li:before {
  content: '';
  position: absolute;
  left: -10px;
  top: -2px;
  width: 20px;
  height: 20px;
  background: url("../upload/markup/spr2.png") -28px -10px no-repeat;
}
.dist-games-block .block-75 {
  width: 60%;
  margin-right: -.8em;
}
.dist-games-block .block-2 {
  width: 50%;
}
.dist-games-block .map {
  margin-left: -29px;
}

/*Хлебные крошки*/
ul.bread li {
  display: inline;
  margin-right: 1.1em;
  position: relative;
}
ul.bread li:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 14px;
  background: url("../upload/markup/spr1.png") -95px -58px no-repeat;
  top: 1px;
  right: -15px;
}
ul.bread li:last-of-type:after {
  background: none;
}

.general {
  margin-right: 5.2em;
}

.header-text {
  margin-left: 1.8em;
  margin-bottom: 2em;
}

.actual {
  margin-bottom: 3em;
}
.actual .content {
  padding-bottom: 0;
  margin-bottom: .4em;
}

.news {
  margin-bottom: 2em;
  padding-top: 1.8em;
  padding-bottom: 1.8em;
}
.news p.small {
  margin-right: 1.4em;
}
.news:last-of-type {
  margin-bottom: 3em;
}
.news .content {
  padding-bottom: 0;
  margin-bottom: .4em;
}

.news-preview {
  width: 44%;
  margin-right: 1.2em;
  float: left;
  overflow: hidden;
}

ul.paginate {
  text-align: center;
}
ul.paginate li {
  display: inline;
}
ul.paginate li a {
  padding: 12px 16px;
  background: url("../upload/markup/spr1.png") -2px -157px no-repeat;
  color: white;
  text-decoration: none;
  color: #282828;
}
ul.paginate li.current-page a {
  background-position: -2px -112px;
  color: white;
}
ul.paginate li:first-of-type {
  margin-left: .6em;
}
ul.paginate li:last-of-type {
  margin-right: .5em;
}

.footer {
  margin-top: 6em;
  padding-bottom: 3em;
}
.footer ul.menu-inline {
  position: relative;
  margin-bottom: 2em;
  height: 50px;
  width: 100%;
  background: white;
  text-align: center;
}
.footer ul.menu-inline:before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -400px;
  z-index: 999;
  bottom: -23px;
  width: 730px;
  height: 30px;
  background: url("../upload/markup/spr2.png") -50px 0 no-repeat;
}
.footer ul.menu-inline li {
  display: inline;
  line-height: 50px;
  margin-right: 3em;
}
.footer .copyright {
  margin-right: 4em;
}
.footer .copyright p {
  margin-bottom: 1em;
}

.subscribe {
  padding-bottom: 2em;
}

.subscribe.block {
  width: 91%;
}

.subscribe form {
  margin-top: .8em;
}
.subscribe input[type="text"],
.subscribe input[type="email"] {
  -webkit-border-radius: 25px;
  -o-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  height: 2em;
  width: 215px;
  border: 1px solid #b4b4b4;
  padding-left: .8em;
  margin-bottom: .7em;
  color: #b4b4b4;
}
.subscribe input[type="text"]:focus,
.subscribe input[type="email"]:focus {
  color: #282828;
  border-color: #282828;
}
.subscribe input[type="submit"] {
  border-top: none;
  border-right: none;
  border-left: none;
  cursor: pointer;
}

ul.socials {
  float: right;
  width: 181px;
  margin-top: -6px;
}
ul.socials li {
  float: left;
}
ul.socials li a {
  display: block;
  width: 45px;
  height: 50px;
  background: url("../upload/markup/s-index/socials.png") 0 0 no-repeat;
}
ul.socials li a.fb {
  background-position: 0 0;
}
ul.socials li a.vk {
  background-position: -45px 0;
}
ul.socials li a.yt {
  background-position: -90px 0;
}
ul.socials li a.b {
  background-position: -135px 0;
}

/*=======================================*/
/*Blog*/
/*=======================================*/
.blog-news {
  width: 100%;
  -webkit-border-radius: 22px;
  -o-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  padding: 0;
  overflow: hidden;
  margin-bottom: 2.5em;
  text-align: center;
}
.blog-news .content {
  width: 91%;
  margin: 0 auto;
}
.blog-news h2 {
  margin-bottom: 1em;
}
.blog-news .post-data {
  padding-bottom: .5em;
}
.blog-news p > img {
  display: block;
  margin-bottom: 1.5em;
}
.blog-news p, .blog-news a, .blog-news h1, .blog-news h2, .blog-news h3, .blog-news ul {
  text-align: left;
}
.blog-news img {
  margin-bottom: 1.5em;
}
.blog-news p {
  color: #484848;
  margin-bottom: .5em;
}
.blog-news ul {
  color: #484848;
  width: 100%;
  overflow: hidden;
  margin-bottom: .5em;
}
.blog-news ul li {
  padding-left: 18px;
  position: relative;
}
.blog-news ul li:before {
  content: '';
  position: absolute;
  left: -6px;
  top: -2px;
  width: 20px;
  height: 20px;
  background: url("../upload/markup/spr2.png") -28px -10px no-repeat;
}

.sidebar .search {
  margin-bottom: 0em;
  padding-bottom: 0;
}

.search input[type="text"] {
  -webkit-border-radius: 14px;
  -o-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.8);
  box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, 0.8);
  width: 261px;
  height: 30px;
  padding-left: 2.8em;
  padding-top: 3px;
  font-size: .8em;
  color: #787878;
}
.search input[type="text"]::-webkit-input-placeholder {
  font-style: italic;
  color: #6c6c6c;
}
.search input[type="text"]:-ms-input-placeholder {
  color: #6c6c6c;
  font-style: italic;
}
.search input[type="text"]::-moz-placeholder {
  color: #6c6c6c;
  font-style: italic;
}
.search input[type="text"]:-moz-placeholder {
  color: #6c6c6c;
  font-style: italic;
}
.search input[type="submit"] {
  position: relative;
  top: -22px;
  left: 8px;
  width: 23px;
  height: 18px;
  background: url("../upload/markup/spr5.png") 0 0 no-repeat;
  border: none;
  cursor: pointer;
}

.categories h2 {
  margin-bottom: .5em;
}
.categories li {
  width: 91%;
  margin-bottom: .2em;
}
.categories li a {
  position: relative;
  width: 100%;
  -webkit-border-radius: 16px;
  -o-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  display: block;
  background: #fff;
  text-decoration: none;
  padding: .25em .4em .25em 2em;
}
.categories li a:visited {
  color: #1794cc;
}
.categories li a:before {
  content: '';
  position: absolute;
  left: 14px;
  top: 10px;
  width: 10px;
  height: 10px;
  background: url("../upload/markup/spr3.png") 0 0 no-repeat;
}
.categories li a:hover, .categories li a.active, .categories li a:focus {
  position: relative;
  background: #578606;
  background-image: -webkit-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -moz-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -ms-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: -o-linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  background-image: linear-gradient(#c7eb87 6%, #95ce30 9%, #578606 98%, #95ce30 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#95ce30', EndColorStr='#578606', GradientType=0);
  color: white;
}
.categories li a:hover:before, .categories li a.active:before, .categories li a:focus:before {
  background-position: -13px 0px;
}

.popular {
  line-height: 1.1;
  padding-top: 1.5em;
}
.popular.block {
  width: 91%;
}
.popular .popular-cont {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  padding-top: 1.5em;
}
.popular .popular-cont:last-of-type {
  border: none;
}
.popular .popular-cont .photo {
  width: 26%;
  float: left;
  margin-right: 1em;
}
.popular .popular-cont .photo img {
  max-width: 100%;
  height: auto;
}

.archives {
  padding-top: 1.5em;
}
.archives.archives {
  width: 91%;
}
.archives h2 {
  margin-bottom: .5em;
}
.archives > ul > li {
  margin-bottom: 1em;
}
.archives > ul > li > a {
  padding-left: 10px;
  position: relative;
}
.archives > ul > li > a:before {
  content: '';
  position: absolute;
  left: -10px;
  width: 20px;
  height: 20px;
  background: url("../upload/markup/spr5.png") -40px 0px no-repeat;
}
.archives li.arc-expand > a:before {
  content: '';
  position: absolute;
  left: -10px;
  width: 20px;
  height: 20px;
  background: url("../upload/markup/spr5.png") -25px 1px no-repeat;
}
.archives li a {
  text-decoration: none;
}
.archives li > ul {
  margin-top: .5em;
  margin-left: 2em;
  display: none;
}
.archives li > li {
  margin-bottom: .3em;
}
.archives li > ul > li > ul {
  margin-left: -1.3em;
  margin-bottom: 1.2em;
  border-bottom: 1px solid #ccc;
}
.archives li > ul > li > ul li {
  margin-bottom: .5em;
}

a.year:visited {
  color: #1794cc;
}

.views-count {
  padding-top: 1em;
}
.views-count.block {
  width: 91%;
}
.views-count h2 {
  line-height: 1.1;
  margin-bottom: .2em;
}
.views-count .icon-view {
  overflow: hidden;
  height: 50px;
}
.views-count .icon-view img {
  margin-top: -26px;
}
.views-count .view-number {
  margin-top: .2em;
  font-family: Arial;
  font-weight: bold;
  font-size: 2.5em;
  color: #1794cc;
  -webkit-text-shadow: 1px 0 1px black;
  -moz-text-shadow: 1px 0 1px black;
  text-shadow: 1px 0 1px black;
}

/*=======================================*/
/*Articles content*/
/*=======================================*/
.block-base {
  width: 69%;
  margin-right: 2em;
}

.block-full {
  width: 100%;
}

.article {
  width: 100%;
  margin-bottom: 2.5em;
  -webkit-border-radius: 24px;
  -o-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  padding: 1em 0 0 0;
  text-align: center;
}
.article p, .article a, .article h1, .article h2, .article h3, .article ul {
  text-align: left;
}
.article img {
  margin-bottom: 1.5em;
}
.article p {
  color: #484848;
  margin-bottom: 1em;
}
.article h2 {
  margin-bottom: .5em;
}
.article ul {
  color: #484848;
  width: 100%;
  overflow: hidden;
  margin-bottom: .5em;
}
.article ul li {
  padding-left: 18px;
  position: relative;
}
.article ul li:before {
  content: '';
  position: absolute;
  left: -6px;
  top: -2px;
  width: 20px;
  height: 20px;
  background: url("../upload/markup/spr2.png") -28px -10px no-repeat;
}

.content-wrap {
  width: 91%;
  margin: 0 auto;
}

.top-meta {
  width: 100%;
  overflow: hidden;
  padding: .6em 0 1.2em;
}
.top-meta .btn-green, .top-meta .blog-new .green-flag, .blog-new .top-meta .green-flag, .top-meta .event-registration input[type="submit"], .event-registration .top-meta input[type="submit"], .top-meta .form-login form input[type="submit"], .form-login form .top-meta input[type="submit"] {
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: white;
  padding: .2em 1.2em .2em;
  margin-top: -.5em;
}

.meta-bottom {
  width: 100%;
  margin-top: 3.5em;
}
.meta-bottom a.commentaries:visited,
.meta-bottom a.print:visited {
  color: #1794cc;
}
.meta-bottom .article-controls {
  padding-bottom: 1em;
}
.meta-bottom .post-data {
  border-top: 1px solid #ccc;
  background-color: #eee;
  padding-top: .9em;
}

a.print {
  position: relative;
  padding-left: 40px;
}
a.print:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 0;
  width: 35px;
  height: 40px;
  background: url("../upload/markup/spr3.png") 0 -39px no-repeat;
}

a.commentaries {
  position: relative;
  padding-left: 35px;
  margin-top: -5px;
  padding-top: 5px;
}
a.commentaries:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 35px;
  height: 30px;
  background: url("../upload/markup/spr3.png") 0 -10px no-repeat;
}

.comments {
  padding: 2em 0 2em 0;
}
.comments form {
  /*overflow: hidden;*/
  position: relative;
  width: 100%;
  /*background-color: #eee;*/
  margin-top: 2em;
  margin-bottom: 2em;
}
.comments textarea {
  width: 90%;
  min-width: 90%;
  max-width: 90%;
  height: 140px;
  min-height: 80px;
  display: block;
  margin: 0 auto;
  margin-top: 1.5em;
  padding: .5em 0 .5em .5em;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.comments input[type='submit'] {
  border-left: none;
  border-right: none;
  border-top: none;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: .5em;
  margin-bottom: .8em;
  margin-left: 1.85em;
  cursor: pointer;
}

/*.comments form .smiles-button {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 999;
}*/

.comments form .smiles-box {
	
}

a.com-reply {
  margin-top: -1em;
}

.comment-list {
  width: 100%;
}

.comment-block {
 /*overflow: hidden;*/ /*нехорошо это конечно, но что поделаешь*/
  width: 100%;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
}
.comment-block:last-of-type {
  border: none;
}
.comment-block .avatar {
  width: 70px;
  border: 1px solid #ccc;
  margin-right: 1em;
}
.comment-block .avatar img {
  display: block;
}
.comment-block .com-content {
  width: 84%;
}
.comment-block a.com-autor {
  text-decoration: none;
}
.comment-block a.com-autor:visited {
  color: #1794cc;
}
.comment-block p {
  margin-bottom: .7em;
}
.comment-block p.small {
  margin-bottom: 0;
}
.comment-block form {
  float: right;
  width: 100%;
  display: block;
  border-top: none;
  margin-top: 0;
  background: #f5f5f5;
  display: none;
}

.sub-comment-list {
  padding-left: 4.4em;
  background: #f5f5f5;
  clear: both;
}

.sub-comment-block {
  padding-bottom: .7em;
  padding-top: .9em;
  border-bottom: 1px solid #ddd;
}

.contacts {
  padding-top: 1em;
  padding-bottom: 1.5em;
}
.contacts h2 {
  font-size: 1.35em;
}
.contacts b {
  font-size: 1.12em;
}

.img-3 {
  width: 30%;
  margin-right: 1em;
}

p.map {
  width: 100%;
  height: 400px;
  border: 1px solid #ccc;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.icon-phone {
  height: 64px;
  overflow: hidden;
  margin-left: 1em;
  margin-top: .3em;
}

ul.phones {
  overflow: visible;
  margin-bottom: 2em;
}
ul.phones li:before {
  display: none;
}
ul.phones li {
  display: block;
  width: 100%;
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
  margin-bottom: 1em;
}
ul.phones .icq, ul.phones .skype, ul.phones .e-mail {
  margin-right: .5em;
}
ul.phones .icq {
  position: relative;
  top: -5px;
  width: 40px;
  height: 34px;
  background: url("../upload/markup/spr6.png") 0px -67px no-repeat;
}
ul.phones .skype {
  position: relative;
  top: -5px;
  width: 40px;
  height: 34px;
  background: url("../upload/markup/spr6.png") 0px -110px no-repeat;
}
ul.phones .e-mail {
  width: 40px;
  height: 34px;
  background: url("../upload/markup/spr6.png") 0px -150px no-repeat;
}

.plate {
  padding: .9em 0 .5em;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.55);
  box-shadow: inset 0 0 10px -2px rgba(0, 0, 0, 0.55);
  width: 100%;
  overflow: hidden;
  background: #efefef;
  border: 1px solid #e7e7e7;
  margin-bottom: 2em;
}
.plate ul {
  width: 80%;
  float: left;
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
}
.plate ul li {
  margin-bottom: .2em;
}
.plate ul > li:before {
  display: none;
}

table {
  width: 100%;
  margin-bottom: 2em;
  margin-top: 1em;
  border: 1px ridge #ccc;
}
table tr > td:last-of-type {
  text-align: center;
  width: 120px;
}
table tr > td:first-of-type {
  text-align: center;
  width: 140px;
}
table tr > td:first-of-type p {
  text-align: center;
}
table tr:hover {
  background-color: #ffe595;
}
table td {
  border: 1px solid #ddd;
  vertical-align: middle;
  padding: .5em .4em .34em .4em;
}
table thead {
  background-color: #97d4e7;
  color: white;
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
}
table thead tr > td:last-of-type,
table thead tr > td:first-of-type {
  text-align: left;
}
table thead td {
  border: 1px solid #c0e5f1;
  padding-bottom: .6em;
}
table thead tr:hover {
  background-color: #97d4e7;
}
table .events-img {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
table .events-img img {
  max-width: 100%;
}

.cal-month {
  margin-bottom: 3.5em;
}
.cal-month h1 {
  margin-top: .3em;
  margin-bottom: .6em;
  margin-left: .7em;
}
.cal-month b {
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
}
.cal-month .event {
  padding-left: 1.4em;
  padding-top: 1.6em;
}
.cal-month .event .ev-date {
  margin-right: .5em;
  width: 160px;
}
.cal-month .event .ev-date p {
  margin-bottom: 0;
}
.cal-month .event .ev-date p.small {
  margin-bottom: 1em;
}
.cal-month .event .ev-type {
  margin-right: .2em;
  width: 230px;
  text-align: left;
  border-left: 1px solid #ccc;
  padding-left: .3em;
}
.cal-month .event .ev-type a {
  text-decoration: none;
  font-size: .966em;
}
.cal-month .event .ev-img {
  margin-right: .7em;
  width: 90px;
  min-height: 10px;
  padding: 0 .2em;
}
.cal-month .event .reg {
  padding-top: 1.5em;
}

.event:nth-of-type(2n) {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f2f2f2;
}

.event-meta {
  margin-bottom: 1.2em;
}
.event-meta .event-date {
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
  font-size: 1.2em;
}
.event-meta .event-place {
  font-size: 1.1em;
}
.event-meta .event-place p {
  margin-bottom: 0;
  text-align: right;
}
.event-meta .event-place p.place {
  font-size: 1.12em;
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
}

.event-registration {
  margin-bottom: 2em;
}
.event-registration .line {
  width: 100%;
  overflow: hidden;
  margin-bottom: 2em;
}
.event-registration h3 {
  width: 40%;
  color: #454545;
}
.event-registration span, .event-registration input[type="text"] {
  width: 55%;
  float: left;
  text-align: left;
}
.event-registration input[type="text"] {
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  height: 2.2em;
  border: 1px solid #b9e4ec;
}
.event-registration input[type="submit"] {
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  padding: .6em 1.6em .6em;
  border: none;
  border-bottom: 2px solid #416207;
  margin-bottom: 3em;
}

.form-event-wrap {
  -webkit-border-radius: 22px;
  -o-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  border: 2px solid #b9e4ec;
  padding: 4em 2.6em 2.5em;
  margin-bottom: 2em;
}

.album {
  margin-bottom: 2em;
}
.album:last-of-type {
  padding-bottom: 2em;
}
.album h2 {
  font-size: 1.4em;
}
.album .photo, .album .photo-last {
  width: 22%;
  height: 180px;
  float: left;
  margin-right: 2.1em;
  margin-bottom: .6em;
}
.album .photo:nth-of-type(4n), .album .photo-last:nth-of-type(4n) {
  margin-right: 0;
}
.album .photo p, .album .photo-last p {
  text-align: center;
}
.album .photo .album-img, .album .photo-last .album-img {
  min-width: 100%;
  height: 145px;
  overflow: hidden;
  position: relative;
}
.album .photo img, .album .photo-last img {
  margin-bottom: 0;
}
.album .photo-last {
  position: relative;
}
.album .photo-last .overlay {
  opacity: .45;
  position: absolute;
  width: 100%;
  height: 100%;
  background: black url("../upload/markup/album-arrow.png") center center no-repeat;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s;
}
.album .photo-last:hover .overlay {
  opacity: .8;
}

.video {
  margin-bottom: 2em;
}
.video h2 {
  font-size: 1.4em;
}
.video .v-player {
  background: #000;
  width: 100%;
  height: 500px;
}

.video-last {
  position: relative;
  width: 22%;
  height: 108px;
  float: left;
  margin-right: 2.1em;
  margin-bottom: .6em;
}
.video-last .overlay {
  opacity: .45;
  position: absolute;
  width: 100%;
  height: 100%;
  background: black url("../upload/markup/album-arrow.png") center center no-repeat;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s;
}
.video-last:hover .overlay {
  opacity: .8;
}
.video-last:nth-of-type(4n) {
  margin-right: 0;
}
.video-last p {
  text-align: center;
}
.video-last .album-img {
  min-width: 100%;
  height: 108px;
  overflow: hidden;
  position: relative;
}
.video-last img {
  margin-bottom: 0;
}

.video-link {
  height: 108px !important;
}
.video-link .album-img {
  height: 108px !important;
}

/*FAQ*/
.faq-page a {
  text-align: left;
}
.faq-page hr {
  border: 1px solid #D7D7D7;
  margin: 1em 0;
}

.faq {
  width: 100%;
  clear: both;
  margin-top: 1.5em;
  margin-bottom: 2em;
}
.faq .dotted, .faq a.qustion {
  text-align: left;
  color: #484848;
  font-family: "SquareSans", Helvetica, "Arial Black", sans-serif;
}

.spoiler {
  width: 100%;
  margin-bottom: 1em;
  overflow: hidden;
}

a.qustion {
  float: left;
}

.answer {
  display: none;
  padding: .5em 0;
  width: 100%;
  clear: both;
  background-color: #EBF4FE;
}
.answer .answer-wrap {
  width: 90%;
  margin: 0 auto;
}

.ask {
  width: 100%;
  clear: both;
}
.ask form {
  background-color: #E5E5E5;
  padding: .7em 0;
}
.ask textarea {
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 10px;
  width: 380px;
  max-width: 380px;
  height: 120px;
  max-height: 120px;
  resize: none;
}

/*====================================*/
/*MOdals*/
/*====================================*/
/*Modal login*/
.form-login {
  position: relative;
  display: none;
  float: right;
  margin-bottom: 0em; /*Странник: было -2em, но криво, исправил на 0*/
  margin-top: .5em;
  background: #fff;
  width: 230px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.form-login h2 {
  font-family: 'SquareSans-Medium', 'Arial Bold', sans-serif;
  margin-bottom: .5em;
}
.form-login .close {
  width: 12px;
  height: 12px;
  position: absolute;
  right: 5px;
  top: 5px;
  background: url("../upload/markup/x.png") 0 0 no-repeat;
  cursor: pointer;
}
.form-login form {
  width: 80%;
  margin: 0 auto;
  padding: .2em 0 .1em;
}
.form-login form input[type="text"],
.form-login form input[type="password"] {
  width: 99%;
  height: 1.7em;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #bbb;
  margin-bottom: .5em;
  padding-left: .5em;
  color: #6c6c6c;
  background-image: -webkit-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: -moz-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: -ms-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: -o-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: linear-gradient(#e0e0e0 1%, white 26%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#e0e0e0', EndColorStr='#ffffff', GradientType=0);
}
.form-login form input[type="text"]:focus,
.form-login form input[type="password"]:focus {
  background: white;
  border: 1px solid #a1a1a1;
  color: #3d3d3d;
}
.form-login form input[type="text"]::-webkit-input-placeholder,
.form-login form input[type="password"]::-webkit-input-placeholder {
  color: #6c6c6c;
}
.form-login form input[type="text"]:-ms-input-placeholder,
.form-login form input[type="password"]:-ms-input-placeholder {
  color: #6c6c6c;
}
.form-login form input[type="text"]::-moz-placeholder,
.form-login form input[type="password"]::-moz-placeholder {
  color: #6c6c6c;
}
.form-login form input[type="text"]:-moz-placeholder,
.form-login form input[type="password"]:-moz-placeholder {
  color: #6c6c6c;
}
.form-login form input[placeholder] {
  color: #6c6c6c;
}
.form-login form input[type="submit"] {
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #2c2c2c;
  font-weight: bold;
  cursor: pointer;
  padding: .2em 1em .15em;
  border: none;
  border-bottom: 2px solid #416207;
  margin-bottom: 1em;
}
.form-login a.forget {
  font-size: .8em;
  color: #3d3d3d;
  margin-top: .5em;
  margin-right: 1.2em;
}
.form-login a.forget:focus, .form-login a.forget:hover {
  text-decoration: none;
}
.form-login .social-login {
  width: 210px;
  height: 32px;
  position: absolute;
  top: 0;
  left: -220px;
}

/*404*/
.p404 {
  text-align: center;
  margin: 2em 0 0;
  padding-bottom: 3em;
}
.p404 h1 {
  font-size: 20em;
  text-align: center;
}
.p404 p {
  text-align: center;
  font-size: 3.5em;
}

/*Registration*/
form.registr-form {
  width: 82%;
  margin: 0 auto;
  padding: 3em 0 5em;
  text-align: left;
}
form.registr-form label {
  width: 150px;
  float: left;
  text-align: right;
  margin-right: 1em;
}
form.registr-form label.non-label {
  width: auto;
  float: none;
  margin: 0;
}

#rmale, #rfemale {
  display: none;
}

label[for="rmale"],
label[for="rfemale"] {
  position: relative;
  padding-left: 20px;
  padding-right: 30px;
  left: 12px;
}
label[for="rmale"]:before,
label[for="rfemale"]:before {
  content: '';
  position: absolute;
  top: -6px;
  left: -15px;
  width: 30px;
  height: 30px;
  background: url("../upload/markup/spr4.png") -36px -66px no-repeat;
}

.radio-margin {
  margin-bottom: 2em;
  margin-top: 1em;
}

#rmale:checked + label[for="rmale"]:before,
#rfemale:checked + label[for="rfemale"]:before {
  background: url("../upload/markup/spr4.png") -2px -66px no-repeat;
}

.btn-registr {
  width: 238px;
  height: 63px;
  border: none;
  display: block;
  background: url("../upload/markup/spr4.png") 0 0 no-repeat;
  font-family: Tahoma, sans-serif;
  font-weight: bold;
  font-size: 1.1333em;
  color: #282828;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
  cursor: pointer;
  margin: 3em auto 0;
}

.form-links {
  width: 420px;
  margin-left: 100px;
}
.form-links > a {
  font-size: .9em;
}
.form-links .btn-submit {
  margin-bottom: 1em;
}

.btn-submit {
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: none;
  border-bottom: 2px solid #416207;
  padding: 0 .8em;
  cursor: pointer;
  color: #2c2c2c;
  font-weight: bold;
  display: block;
  width: auto;
  margin: 0 auto;
}

input[type="text"],
input[type="phone"],
input[type="password"],
input[type="email"] {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 302px;
  height: 2em;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  padding-left: .5em;
  color: #6c6c6c;
  background-image: -webkit-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: -moz-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: -ms-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: -o-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: linear-gradient(#e0e0e0 1%, white 26%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#e0e0e0', EndColorStr='#ffffff', GradientType=0);
}
input[type="text"]:focus,
input[type="phone"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
  background: white;
  border: 2px solid #65bce0 !important;
  color: #3d3d3d;
}
input[type="text"]::-webkit-input-placeholder,
input[type="phone"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder {
  color: #6c6c6c;
}
input[type="text"]:-ms-input-placeholder,
input[type="phone"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder {
  color: #6c6c6c;
}
input[type="text"]::-moz-placeholder,
input[type="phone"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder {
  color: #6c6c6c;
}
input[type="text"]:-moz-placeholder,
input[type="phone"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder {
  color: #6c6c6c;
}

select {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 2em;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #bbb;
  margin-right: .6em;
  padding-left: 1em;
  padding-right: 1em;
  color: #6c6c6c;
  background-image: -webkit-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: -moz-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: -ms-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: -o-linear-gradient(#e0e0e0 1%, white 26%);
  background-image: linear-gradient(#e0e0e0 1%, white 26%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#e0e0e0', EndColorStr='#ffffff', GradientType=0);
}
select:focus {
  background: white;
  border: 2px solid #65bce0 !important;
  color: #3d3d3d;
}
select::-webkit-input-placeholder {
  color: #6c6c6c;
}
select:-ms-input-placeholder {
  color: #6c6c6c;
}
select::-moz-placeholder {
  color: #6c6c6c;
}
select:-moz-placeholder {
  color: #6c6c6c;
}

.form-error {
  border: 1px solid #cd2626 !important;
}

/*User edit*/
p.error {
  font-weight: bold;
  color: #9C1616;
  width: 100%;
}

p.success {
  font-weight: bold;
  color: #418D12;
  width: 100%;
}

.edit-form {
  width: 100%;
  margin-bottom: 2.5em;
}
.edit-form input[type="text"],
.edit-form input[type="email"],
.edit-form input[type="password"] {
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: white;
  background-image: none;
  border: 2px solid #b9e4ec;
  height: 3.3em;
  width: 370px;
}
.edit-form input[type="submit"] {
  padding: .2em 1.2em;
}
.edit-form .upload-file {
  line-height: 3;
  padding: .3em 39px .4em 1em;
}
.edit-form .upload-file:before {
  top: 4px;
}

.edit-submit {
  margin-top: 1em;
  margin-right: 2em;
}
.edit-submit .cancel {
  padding-right: 1.8em;
  position: relative;
}
.edit-submit .cancel:before {
  content: '';
  position: absolute;
  right: 10px;
  top: 15px;
  width: 10px;
  height: 10px;
  background: url("../upload/markup/user/form-sprite.png") -1px -13px no-repeat;
}

.edit-photo {
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  width: 130px;
  height: 130px;
  border: 2px solid #b9e4ec;
  margin-bottom: .4em;
}
.edit-photo img {
  max-width: 100%;
}

.edit-wrap {
  -webkit-border-radius: 22px;
  -o-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  width: 90%;
  margin: 0 auto;
  border: 2px solid #b9e4ec;
}

.edit-wrap-wrap {
  width: 86%;
  margin: 0 auto;
  padding: 2.5em 0 1.5em;
}
.edit-wrap-wrap > label {
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 1.5em;
}
.edit-wrap-wrap h3 {
  width: 150px;
  color: #606060;
  font-size: 1.1em;
  line-height: 2.6;
}

/*Checkboxes*/
.edit-sex {
  margin-top: 10px;
}

#em, #ef {
  display: none;
}

label[for="em"],
label[for="ef"] {
  position: relative;
  cursor: pointer;
  padding-left: 20px;
  padding-right: 30px;
  left: 12px;
}
label[for="em"]:before,
label[for="ef"]:before {
  content: '';
  position: absolute;
  top: -6px;
  left: -15px;
  width: 30px;
  height: 30px;
  background: url("../upload/markup/user/form-sprite.png") -19px 2px no-repeat;
}

#em:checked + label[for="em"]:before,
#ef:checked + label[for="ef"]:before {
  background: url("../upload/markup/user/form-sprite.png") -19px -28px no-repeat;
}

/*Select*/
.edit-form select {
  height: 3.3em;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 2px solid #b9e4ec;
  background-image: none;
  margin-right: 1.3em;
  padding-left: 1em;
  padding-right: 1em;
  color: #6c6c6c;
}
.edit-form select:focus {
  background: white;
  border: 2px solid #65bce0 !important;
  color: #3d3d3d;
}
.edit-form select[name="month"] {
  width: 166px;
}

/*====================================*/
/*User room*/
/*====================================*/
.ur {
  -webkit-border-radius: 22px;
  -o-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  padding: 0;
  margin: 0;
  width: 80%;
  position: relative;
  min-height: 1180px;
}
.ur .island {
  margin-top: 6em;
  width: 778px;
  height: 668px;
  background: url("../upload/markup/user/isl1.png") 0 0 no-repeat;
}

.room-wrap {
  width: 94%;
  margin: 1.5em auto 2.5em;
  position: relative;
}
.room-wrap hr {
  opacity: .3;
  border: 1px thin black;
}

.user-avatar {
  width: 249px;
  height: 260px;
  background: url("../upload/markup/user/avatar.png") 0 0 no-repeat;
  position: absolute;
  right: 160px;
  top: 0px;
}
.user-avatar .user-avatar-wrap {
  -webkit-border-radius: 60px;
  -o-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  position: relative;
  top: 50%;
  margin-top: -53px;
  left: 50%;
  margin-left: -54px;
  overflow: hidden;
  width: 110px;
  height: 110px;
}
.user-avatar .user-avatar-wrap img {
  max-width: 100%;
}

.user-meta {
  margin-bottom: 3em;
}
.user-meta > h2 {
  font-size: 1.5em;
  margin-bottom: .3em;
}
.user-meta a.red {
  margin-left: .7em;
  position: relative;
}
.user-meta a.red:after {
  content: '';
  position: absolute;
  right: -18px;
  top: 2px;
  width: 13px;
  height: 13px;
  background: url("../upload/markup/user/pencil.png") 0 0 no-repeat;
}
.user-meta a:visited {
  color: #1794cc;
}

.user-codex h2 {
  margin-bottom: .5em;
}
.user-codex .border {
  width: 90%;
  margin: 0 auto;
  height: 150px;
  border: 1px solid #a5d0e2;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.user-codex ul {
  width: 100%;
  overflow: hidden;
}
.user-codex ul li {
  display: block;
  float: left;
  width: 23%;
  margin-right: 1em;
}
.user-codex ul li:last-of-type {
  margin-right: 0;
}
.user-codex ul li a {
  position: relative;
  z-index: 99;
  text-decoration: none;
  color: #1e3f6a;
}
.user-codex ul li a:visited {
  color: #1e3f6a;
}
.user-codex ul li p {
  text-align: center;
}
.user-codex ul li .qu {
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 18px 0px #cfe5ef;
  -moz-box-shadow: inset 0 0 18px 0px #cfe5ef;
  box-shadow: inset 0 0 18px 0px #cfe5ef;
  font-size: .9em;
  padding: 1.8em 0 .5em;
  border: 1px solid #cfe5ef;
  position: relative;
  top: -22px;
  z-index: 0;
}
.user-codex ul li .qu p {
  line-height: 1.1;
  width: 95%;
  margin: 0 auto;
}
.user-codex ul .hunter, .user-codex ul .warrior,
.user-codex ul .miss, .user-codex ul .gamer {
  padding-top: 8px;
  width: 100%;
  height: 160px;
  background: #cfe5ef;
  margin-bottom: .3em;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.user-codex ul .hunter .code-icon, .user-codex ul .warrior .code-icon,
.user-codex ul .miss .code-icon, .user-codex ul .gamer .code-icon {
  width: 135px;
  height: 125px;
  margin: 0px auto 0;
}
.user-codex ul .hunter .code-icon {
  background: #cfe5ef url("../upload/markup/user/chars.png") -172px -5px no-repeat;
}
.user-codex ul .warrior .code-icon {
  width: 100px;
  background: #cfe5ef url("../upload/markup/user/chars.png") -325px -6px no-repeat;
}
.user-codex ul .miss .code-icon {
  width: 80px;
  background: #cfe5ef url("../upload/markup/user/chars.png") -440px -5px no-repeat;
}
.user-codex ul .gamer .code-icon {
  width: 100px;
  background: #cfe5ef url("../upload/markup/user/chars.png") -532px -5px no-repeat;
}

/*Notifications*/
span.notif {
  width: 32px;
  height: 32px;
  display: block;
  background: url("../upload/markup/spr3.png") -1px -77px no-repeat;
  text-align: center;
}
span.notif > a {
  text-decoration: none;
  color: #1D293F;
  line-height: 32px;
}
span.notif > a:visited {
  color: #1D293F !important;
}

.user-event-table td {
  position: relative;
}
.user-event-table td span.notif {
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -16px;
}

.user-nav li {
  position: relative;
}
.user-nav span.notif {
  position: absolute;
  right: 52px;
  top: 16px;
}

.contact-to-gamer {
  position: relative;
  padding-right: 38px;
}
.contact-to-gamer span.notif {
  position: absolute;
  top: -6px;
  right: 0px;
}

.user-nav {
  width: 20%;
  position: relative;
}
.user-nav ul {
  border: 1px solid white;
  width: 100%;
  background: #cfe5ef;
  overflow: hidden;
  -webkit-border-top-left-radius: 22px;
  -moz-border-top-left-radius: 22px;
  border-top-left-radius: 22px;
  -webkit-border-bottom-left-radius: 22px;
  -moz-border-bottom-left-radius: 22px;
  border-bottom-left-radius: 22px;
  margin-bottom: 2em;
  position: relative;
}
.user-nav ul:before {
  content: '';
  position: absolute;
  top: 90px;
  right: 0px;
  width: 30px;
  height: 480px;
  background: url("../upload/markup/user/shadows.png") 0 -257px no-repeat;
}
.user-nav ul li {
  width: 100%;
  padding-bottom: 1.8em;
  padding-top: 2em;
  border-bottom: 1px solid #bcd3e0;
  border-top: 1px solid #daebf3;
}
.user-nav ul li.user-active {
  background: white;
}
.user-nav ul li:first-of-type {
  border-top: none;
}
.user-nav ul li:last-of-type {
  border-bottom: none;
}
.user-nav ul li .i-profile, .user-nav ul li .i-profile-boy, .user-nav ul li .i-message,
.user-nav ul li .i-event, .user-nav ul li .i-exp,
.user-nav ul li .i-materials, .user-nav ul li .i-game {
  width: 41px;
  height: 58px;
  margin: 0 auto;
}
.user-nav ul li .i-profile-boy {
  background: url("../upload/markup/user/boy.png") 0 0 no-repeat;
}
.user-nav ul li .i-profile {
  background: url("../upload/markup/user/icons.png") 0 0 no-repeat;
}
.user-nav ul li .i-game {
  background: url("../upload/markup/user/coub.png") 0 0 no-repeat;
  width: 58px;
  height: 63px;
}
.user-nav ul li .i-message {
  width: 68px;
  background: url("../upload/markup/user/icons.png") 0 -269px no-repeat;
}
.user-nav ul li .i-event {
  width: 50px;
  background: url("../upload/markup/user/icons.png") -2px -66px no-repeat;
}
.user-nav ul li .i-exp {
  height: 70px;
  width: 50px;
  background: url("../upload/markup/user/icons.png") 2px -132px no-repeat;
}
.user-nav ul li .i-materials {
  width: 55px;
  background: url("../upload/markup/user/icons.png") 2px -211px no-repeat;
}
.user-nav ul li a {
  text-align: center;
  text-decoration: none;
  color: #1e3f6a;
}
.user-nav ul li a:visited {
  color: #1e3f6a;
}

.user-status {
  -webkit-border-top-left-radius: 22px;
  -moz-border-top-left-radius: 22px;
  border-top-left-radius: 22px;
  -webkit-border-bottom-left-radius: 22px;
  -moz-border-bottom-left-radius: 22px;
  border-bottom-left-radius: 22px;
  border: 1px solid white;
  width: 100%;
  background: #cfe5ef;
  padding-top: 1em;
  position: relative;
}
.user-status:before {
  content: '';
  position: absolute;
  top: 10px;
  right: 0px;
  width: 30px;
  height: 220px;
  background: url("../upload/markup/user/shadows.png") 0 0 no-repeat;
}
.user-status p {
  margin-top: .5em;
  text-align: center;
  margin-bottom: .2em;
}
.user-status .cat {
  width: 165px;
  height: 142px;
  margin: 0 auto;
  background: url("../upload/markup/user/cata.gif") -7px -14px no-repeat;
}
.user-status .status-link {
  height: 70px;
  background: white;
  -webkit-border-bottom-left-radius: 22px;
  -moz-border-bottom-left-radius: 22px;
  border-bottom-left-radius: 22px;
  border-top: 1px solid #bcd3e0;
}
.user-status .status-link a {
  text-decoration: none;
  text-align: center;
  font-size: 1.1em;
  width: 100%;
  height: 100%;
  display: block;
  line-height: 1;
  margin-top: 1em;
  color: #1794cc;
}
.user-status .status-link a:visited {
  color: #1794cc;
}

.user-level {
  position: absolute;
  width: 140px;
  right: 0;
  top: 120px;
}
.user-level h2 {
  text-align: center;
  margin-bottom: 1em;
  line-height: 1;
}

.progress-bar {
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 8px -1px #7fb2c7;
  -moz-box-shadow: inset 0 0 8px -1px #7fb2c7;
  box-shadow: inset 0 0 8px -1px #7fb2c7;
  width: 44px;
  height: 420px;
  border: 1px solid #5ba4bf;
  background: #cfe5ef;
  position: relative;
  left: 50%;
  margin-left: -22px;
  z-index: 99;
}
.progress-bar:after {
  content: '';
  position: absolute;
  width: 117px;
  height: 30px;
  bottom: -25px;
  z-index: -1;
  left: 50%;
  margin-left: -60px;
  background: url("../upload/markup/user/progress-shadow.png") 0 0 no-repeat;
}
.progress-bar .progress-bar-line {
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 42px;
  /* height: 60%; */
  border: 1px solid #c0d5de;
  background: red;
  position: absolute;
  left: 50%;
  margin-left: -22px;
  bottom: 0;
  background-image: -webkit-linear-gradient(left, #8ac327 1%, #5b8b06 100%);
  background-image: -moz-linear-gradient(left, #8ac327 1%, #5b8b06 100%);
  background-image: -ms-linear-gradient(left, #8ac327 1%, #5b8b06 100%);
  background-image: -o-linear-gradient(left, #8ac327 1%, #5b8b06 100%);
  background-image: linear-gradient(to right, #8ac327 1%, #5b8b06 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#8ac327', EndColorStr='#5b8b06', GradientType=1);
}
.progress-bar .progress-bar-line .level-num {
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 1px 0 black;
  -moz-box-shadow: 0 0 1px 0 black;
  box-shadow: 0 0 1px 0 black;
  border: 1px solid #c0d5de;
  position: relative;
  left: 50%;
  top: -21px;
  margin-left: -27px;
  width: 54px;
  height: 52px;
  background-image: -webkit-linear-gradient(left, #8ac327 1%, #5b8b06 100%);
  background-image: -moz-linear-gradient(left, #8ac327 1%, #5b8b06 100%);
  background-image: -ms-linear-gradient(left, #8ac327 1%, #5b8b06 100%);
  background-image: -o-linear-gradient(left, #8ac327 1%, #5b8b06 100%);
  background-image: linear-gradient(to right, #8ac327 1%, #5b8b06 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#8ac327', EndColorStr='#5b8b06', GradientType=1);
  line-height: 52px;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  color: white;
  -webkit-text-shadow: -1px 1px 0 #45660b;
  -moz-text-shadow: -1px 1px 0 #45660b;
  text-shadow: -1px 1px 0 #45660b;
}

table.user-event-table {
  -webkit-border-radius: 16px;
  -o-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  border-collapse: none;
  overflow: hidden;
  border: 1px solid #ddd;
  color: #2d2d2d;
}
table.user-event-table a {
  color: #1794cc;
}
table.user-event-table a:visited {
  color: #1794cc;
}
table.user-event-table tr:hover {
  background: inherit;
}
table.user-event-table thead {
  background: #cfe5ef;
  color: #1e3f6a;
}
table.user-event-table tr > td:first-of-type {
  width: 420px;
  text-align: left;
}
table.user-event-table tr > td:last-of-type {
  text-align: left;
  width: 170px;
}
table.user-event-table tr > td:nth-of-type(2n) {
  padding-right: 1em;
}
table.user-event-table tbody tr > td:nth-of-type(2n) {
  font-size: .9em;
}
table.user-event-table tbody tr:nth-of-type(2n) {
  background: #eaf4f8;
}
table.user-event-table tbody tr:nth-of-type(2n-1) td {
  border-right: 1px solid #ddd;
}
table.user-event-table tbody tr:nth-of-type(2n-1) td:last-of-type {
  border: none;
}
table.user-event-table tr > td {
  height: 48px;
  padding-left: 1em;
}
table.user-event-table td {
  border: none;
}

.material-section {
  margin-bottom: 3em;
}
.material-section h2 {
  margin-bottom: 1.4em;
}
.material-section ul {
  overflow: hidden;
}
.material-section ul li {
  display: block;
  float: left;
  width: 46%;
  margin-bottom: 1em;
  margin-right: 2.2em;
}
.material-section ul li:nth-of-type(2n) {
  margin-right: 0;
}
.material-section ul .material-icon-book,
.material-section ul .material-icon-audio,
.material-section ul .material-icon-video {
  padding-top: .3em;
  float: left;
  margin-right: 1em;
  width: 50px;
  height: 50px;
  background: url("../upload/markup/user/media.png") -60px -32px no-repeat;
}
.material-section ul .material-icon-audio {
  background: url("../upload/markup/user/media.png") -60px -85px no-repeat;
}
.material-section ul .material-icon-video {
  height: 30px;
  background: url("../upload/markup/user/media.png") -53px 9px no-repeat;
}
.material-section ul span.item-autor {
  padding-left: .3em;
  font-size: .9em;
}

ul.material-nav {
  width: 100%;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  height: 64px;
  position: relative;
  margin-bottom: 2em;
}
ul.material-nav li {
  padding-top: .6em;
  display: block;
  float: left;
  font-size: 1.85em;
  font-weight: bold;
  margin-right: .6em;
}
ul.material-nav li a {
  -webkit-border-radius: 14px;
  -o-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  text-decoration: none;
  padding: .5em 1em .7em;
  border: 1px solid #ddd;
  background: #cfe5ef;
  color: #323232;
}
ul.material-nav li a.mat-active {
  background: white;
  border-bottom: none;
}

/*Game*/
.user-game {
  width: 95%;
  margin: 0 auto;
}
.user-game a, .user-game a:visited {
  color: #026577;
}

textarea.quest-area {
  resize: none;
  min-width: 100%;
  max-width: 100%;
  height: 200px;
  padding: 2em 0 1.5em 0em;
}

.user-text-field, textarea.quest-area {
  -webkit-border-radius: 24px;
  -o-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid #b9e4ec;
  width: 100%;
  /* min-height: 100px; */
  margin-bottom: 1em;
  margin-top: .3em;
  position: relative;
}
.user-text-field:before, textarea.quest-area:before {
  content: '';
  position: absolute;
  left: -3px;
  top: -3px;
  width: 250px;
  height: 241px;
  background: url("../upload/markup/user/gradient.png") 0 0 no-repeat;
  z-index: 0;
}
.user-text-field:after, textarea.quest-area:after {
  content: '';
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 250px;
  height: 241px;
  background: url("../upload/markup/user/gradient.png") -254px 0 no-repeat;
  z-index: 0;
}

.quest-header {
  cursor: pointer;
}

.text-quest-wrap {
  position: relative;
  z-index: 999;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 94%;
  margin: 0 auto;
}

.video-block {
  width: 70%;
  height: 300px;
  margin: 0 auto;
  background: #000;
}

.user-quest {
  margin-bottom: 2em;
}

.user-report {
  margin-bottom: 3em;
}

.quest-meta {
  line-height: 2;
}
.quest-meta a {
  color: #1e3f6a;
}
.quest-meta a:active {
  color: #1e3f6a;
}

.upload-file {
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
  cursor: pointer;
  margin-right: 0;
  padding-right: 47px;
  padding: .5em 47px .6em 1em;
  position: relative;
}
.upload-file:before {
  content: '';
  position: absolute;
  right: 10px;
  top: 8px;
  width: 21px;
  height: 22px;
  background: url("../upload/markup/skrep.png") 0 0 no-repeat;
}
.upload-file input[type="file"] {
  position: absolute;
  opacity: 0;
  display: none;
}

/*Messages*/
.messages {
  -webkit-border-radius: 20px;
  -o-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #D2D2D2;
  margin-top: 2em;
  padding: 3em 0 3em;
}

.messages-wrap {
  width: 93%;
  margin: 0 auto 2em;
}

.mess {
  width: 100%;
  margin-bottom: 2.7em;
}
.mess:last-of-type {
  margin-bottom: 0;
}

.mes-avatar {
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px 0 black;
  -moz-box-shadow: 0 0 2px 0 black;
  box-shadow: 0 0 2px 0 black;
  width: 60px;
  overflow: hidden;
  margin-right: 1em;
}
.mes-avatar img {
  display: block;
}

.mes-text {
  width: 75%;
}

.mes-data {
  font-size: .8em;
  opacity: .6;
}

.mes-author h3 {
  color: #1e3f6a;
}

.write-message {
  width: 100%;
  border-top: 1px solid #BFBFBF;
}
.write-message form {
  width: 93%;
  margin: 1.4em auto;
}
.write-message .textarea {
  width: 75%;
  max-width: 75%;
  min-width: 75%;
  overflow: hidden;
}
.write-message #write-message {
  -webkit-border-radius: 16px;
  -o-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  border: 1px solid #D2D2D2;
  height: 100px;
  min-height: 100px;
  padding: 10px;
}
.write-message .quest-meta {
  margin-left: 76px;
}

.hidden {
  display: none;
}

/*-------------------------------------------------------*/
/*--------------------- SMILES :) ----------------------*/
/*-----------------------------------------------------*/
.smiles-button {
  width: 20px;
  height: 20px;
  background: transparent url("../upload/markup/smiles/s-i.png") 0 0 no-repeat;
  cursor: pointer;
  position: relative;
  margin: 0 10px 0 3px;
  margin-top: 11px;
}

.smiles-box {
  display: none;
  -webkit-box-shadow: 0 0 6px -1px black;
  -moz-box-shadow: 0 0 6px -1px black;
  box-shadow: 0 0 6px -1px black;
  position: absolute;
  top: 23px;
  z-index: 99999;
  width: 280px;
  height: auto;
  padding-top: 5px;
  overflow: hidden;
  background-color: #fff;
}
.smiles-box ul {
  width: 94%;
  margin: 0 auto;
}
.smiles-box ul li {
  display: inline-block;
  cursor: pointer;
}

span.smile-smile {
  background: transparent url("../upload/markup/smiles/smile.gif") 0 0 no-repeat;
}

span.smile-greeting {
  background: transparent url("../upload/markup/smiles/greeting.gif") 0 0 no-repeat;
}

span.smile-biggrin {
  background: transparent url("../upload/markup/smiles/biggrin.gif") 0 0 no-repeat;
}

span.smile-biggrin2 {
  background: transparent url("../upload/markup/smiles/biggrin2.gif") 0 0 no-repeat;
}

span.smile-lol {
  background: transparent url("../upload/markup/smiles/lol.gif") 0 0 no-repeat;
}

span.smile-laugh {
  background: transparent url("../upload/markup/smiles/laugh.gif") 0 0 no-repeat;
}

span.smile-yes {
  background: transparent url("../upload/markup/smiles/yes.gif") 0 0 no-repeat;
}

span.smile-yahoo {
  background: transparent url("../upload/markup/smiles/yahoo.gif") 0 0 no-repeat;
}

span.smile-wink {
  background: transparent url("../upload/markup/smiles/wink.gif") 0 0 no-repeat;
}

span.smile-rofl {
  background: transparent url("../upload/markup/smiles/rofl.gif") 0 0 no-repeat;
}

span.smile-happy {
  background: transparent url("../upload/markup/smiles/happy.gif") 0 0 no-repeat;
}

span.smile-mocking {
  background: transparent url("../upload/markup/smiles/mocking.gif") 0 0 no-repeat;
}

span.smile-blumi {
  background: transparent url("../upload/markup/smiles/blumi.gif") 0 0 no-repeat;
}

span.smile-crazy {
  background: transparent url("../upload/markup/smiles/crazy.gif") 0 0 no-repeat;
}

span.smile-beee {
  background: transparent url("../upload/markup/smiles/beee.gif") 0 0 no-repeat;
}

span.smile-acute {
  background: transparent url("../upload/markup/smiles/acute.gif") 0 0 no-repeat;
}

span.smile-blush {
  background: transparent url("../upload/markup/smiles/blush.gif") 0 0 no-repeat;
}

span.smile-chok {
  background: transparent url("../upload/markup/smiles/chok.gif") 0 0 no-repeat;
}

span.smile-pardon {
  background: transparent url("../upload/markup/smiles/pardon.gif") 0 0 no-repeat;
}

span.smile-sad {
  background: transparent url("../upload/markup/smiles/sad.gif") 0 0 no-repeat;
}

span.smile-cray {
  background: transparent url("../upload/markup/smiles/cray.gif") 0 0 no-repeat;
}

span.smile-kiss {
  background: transparent url("../upload/markup/smiles/kiss.gif") 0 0 no-repeat;
}

span.smile-bye {
  background: transparent url("../upload/markup/smiles/bye.gif") 0 0 no-repeat;
}


/* Доработки */

.slider-small-questions {
  width: 100%;
  position: relative;
}
.slider-small-questions .mask {
  height: 190px;
  overflow: hidden;
  position: relative;
  margin-left: -4px;
}
.slider-small-questions .mask ul {
  position: relative;
  width: 9999px;
}
.slider-small-questions .mask ul li {
  float: left;
  width: 243px;
  overflow: hidden;
}
.slider-small-questions .mask ul li a {
  width: 100%;
  display: block;
  height: 120px;
  overflow: hidden;
  margin-bottom: .2em;
}
.slider-small-questions .sl-img {
  height: 120px;
  overflow: hidden;
  margin-bottom: 15px;
}
.slider-small-questions .sl-meta {
  color: #1794cc;
}
.slider-small-questions a.prev, .slider-small-questions a.next {
  position: absolute;
  display: block;
  height: 120px;
  width: 60px;
  background: #000;
  top: 50%;
  margin-top: -77px;
}
.slider-small-questions a.prev {
  left: -60px;
  background: url("../upload/markup/spr1.png") -82px -80px no-repeat;
}
.slider-small-questions a.next {
  right: -52px;
  background: url("../upload/markup/spr1.png") -138px -80px no-repeat;
}


/* модальное окно */

#modal_form, .modal_form{
	/*width: 300px; */
	/*height: 300px;*/ /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 25%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 40%; /* пoлoвинa экрaнa слевa */
	margin-top: -150px;
	margin-left: -150px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 30px 10px 20px 10px;
	z-index: 9999;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_form #modal_close, .modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Пoдлoжкa */
#overlay {
	z-index: 3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position: fixed; /* всегдa перекрывaет весь сaйт */
	background-color: #000; /* чернaя */
	opacity: 0.8; /* нo немнoгo прoзрaчнa */
	width: 100%; 
	height: 100%; /* рaзмерoм вo весь экрaн */
	top: 0; 
	left: 0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	cursor: pointer;
	display: none; /* в oбычнoм сoстoянии её нет) */
}


.litle {
	top: 35%;
    left: 50%;
    width: 280px;
    height: 90px;
    text-align: center;
    border: none;
}

.error-base {
	width: 100%;
	margin-top: 50px;
}

/* редактор для комментов */

.comments .redactor_box {
	/*min-height: 140px;*/
}

.smiles-changer {
  margin-bottom: 5px;
}

.smiles-changer li {
  float: left;
  padding: 2px;
  border-bottom: 2px solid #D8F1F4;
  font-size: 11px;
}

.smiles-changer li.active {
  border: 2px solid #D8F1F4;
  border-bottom: none;
}

.popular-smiles {
  border-bottom: 2px solid #D8F1F4;
  margin: 0 15px 5px 15px;
}

.popular-smiles li{
  float: left;
}

img.resized-smile {
  width: 20px !important;
  height: 20px; 
}


/* Forum */

.block-base--forum {
  width: 100%;
}

.forum {

}

.forum__controls {

}

.forum__list {
  background: #a4ebff;
  border-radius: 24px;
  padding: 20px 10px; 
}
.forum__list table {
  margin: 15px 0px;
}

.forum__list table,
.forum__list table td {
  border: none;
}

.forum__list table tr th,
.forum__list table tr td {
  text-align: center;
}

.forum__list table tr th {
  text-transform: uppercase;
  font-weight: bold;
  color: #023d65;
  padding: 2px 5px;
  font-size: 16px;
}

.forum__list table tr.spacer {
  height: 7px;
}

.forum__list table tr td {
  padding: 10px 5px;
  color: #0691b8;
  font-weight: bold;
  font-size: 14px;
}

.forum__list table tr td:first-child { border-top-left-radius: 10px; }
.forum__list table tr td:last-child { border-top-right-radius: 10px; }
.forum__list table tr td:first-child { border-bottom-left-radius: 10px; }
.forum__list table tr td:last-child { border-bottom-right-radius: 10px; }

tr.forum__list__header:hover {
  background: none !important;
}

tr.forum__list__element td:first-of-type, 
tr.forum__list__element--msg td:first-of-type {
  position: relative;
}

tr.forum__list__element td a, 
tr.forum__list__element--msg td a,
tr.forum__list__element td a:hover, 
tr.forum__list__element--msg td a:hover {
  color: #0691b8;
  text-decoration: none;
}

tr.forum__list__element td:first-of-type:before, 
tr.forum__list__element--msg td:first-of-type:before {
  position: absolute;
  width: 28px;
  height: 28px;
  content: '';
  left: 5px;
  top: 9px;
}

tr.lock td:first-of-type:after,
tr.open td:first-of-type:after {
  position: absolute;
  width: 20px;
  height: 23px;
  content: '';
  right: 20px;
  top: 9px;
}

tr.forum__list__element td:first-of-type:before {
  background: url("../upload/markup/forum/icons.png") 0 0 no-repeat; 
}

tr.forum__list__element--msg td:first-of-type:before {
  background: url("../upload/markup/forum/icons.png") 0 -30px no-repeat;
}

tr.forum__list__element:hover td:first-of-type:before {
  background: url("../upload/markup/forum/icons.png") -30px 0 no-repeat; 
}

tr.forum__list__element--msg:hover td:first-of-type:before {
  background: url("../upload/markup/forum/icons.png") -30px -30px no-repeat;
}

tr.lock td:first-of-type:after {
  background: url("../upload/markup/forum/icons.png") 1px -80px no-repeat; 
}

tr.open td:first-of-type:after {
  background: url("../upload/markup/forum/icons.png") 0 -56px no-repeat;
}


tr.lock:hover td:first-of-type:after {
  background: url("../upload/markup/forum/icons.png") -19px -80px no-repeat; 
}

tr.open:hover td:first-of-type:after {
  background: url("../upload/markup/forum/icons.png") -20px -56px no-repeat;
}

tr.forum__list__element,
tr.forum__list__element--msg {
  background-color: white;

}

tr.forum__list__element:hover,
tr.forum__list__element--msg:hover {
  background: -moz-linear-gradient(top, rgba(194,241,255,0.65) 0%, rgba(193,241,255,1) 2%, rgba(190,241,255,1) 8%, rgba(192,240,255,1) 10%, rgba(184,239,255,1) 23%, rgba(166,236,255,1) 46%, rgba(167,235,255,1) 48%, rgba(157,234,255,1) 56%, rgba(154,232,254,1) 65%, rgba(138,231,255,1) 81%, rgba(138,229,254,1) 85%, rgba(130,228,254,1) 98%, rgba(129,228,254,0.68) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(194,241,255,0.65) 0%,rgba(193,241,255,1) 2%,rgba(190,241,255,1) 8%,rgba(192,240,255,1) 10%,rgba(184,239,255,1) 23%,rgba(166,236,255,1) 46%,rgba(167,235,255,1) 48%,rgba(157,234,255,1) 56%,rgba(154,232,254,1) 65%,rgba(138,231,255,1) 81%,rgba(138,229,254,1) 85%,rgba(130,228,254,1) 98%,rgba(129,228,254,0.68) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(194,241,255,0.65) 0%,rgba(193,241,255,1) 2%,rgba(190,241,255,1) 8%,rgba(192,240,255,1) 10%,rgba(184,239,255,1) 23%,rgba(166,236,255,1) 46%,rgba(167,235,255,1) 48%,rgba(157,234,255,1) 56%,rgba(154,232,254,1) 65%,rgba(138,231,255,1) 81%,rgba(138,229,254,1) 85%,rgba(130,228,254,1) 98%,rgba(129,228,254,0.68) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c2f1ff', endColorstr='#ad81e4fe',GradientType=0 ); /* IE6-9 */
}

.forum__list table tr th:first-of-type {
  padding-left: 20px; 
  text-align: left;
  width: 50%;
}

.forum__list table tr th:last-of-type {
  width: 25%;
}

.forum__list table tr td:first-of-type {
  padding-left: 40px;
  text-align: left;
}

tr.forum__list__element td:last-child,
tr.forum__list__element--msg td:last-child {
  line-height: 13px;
  border-right: none;
}

tr.forum__list__element td,
tr.forum__list__element--msg td {
  border-right: 1px solid white;
}

.forum__list table .small-date {
  font-weight: normal;
}

.forum__info {
  padding: 20px 15px; 
  font-weight: bold;
  color: #1396C2;
  font-size: 13px; 
}

.forum__info  strong{
  color: #073861;
  font-size: 14px; 
}

.forum__info__header {
  text-transform: uppercase;
  font-weight: bold;
  color: #023d65;
  font-size: 16px;
}

.forum__info__stats div{
  float: left;
  padding-right: 15px;
}

.forum__controls {
  margin-bottom: 10px;
}

.forum__controls__paginator__element,
.forum__controls__search input[type=submit],
.forum__controls__new-theme input[type=submit],
.forum__sort__form input[type=submit] {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1f5ff+0,ccf3ff+13,b8efff+42,a6ecff+58,93e7fe+81,88e5fe+100&0.95+0,1+3,1+97,0.96+100 */
  background: -moz-linear-gradient(top, rgba(209,245,255,0.95) 0%, rgba(208,245,255,1) 3%, rgba(204,243,255,1) 13%, rgba(184,239,255,1) 42%, rgba(166,236,255,1) 58%, rgba(147,231,254,1) 81%, rgba(138,229,254,1) 97%, rgba(136,229,254,0.96) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(209,245,255,0.95) 0%,rgba(208,245,255,1) 3%,rgba(204,243,255,1) 13%,rgba(184,239,255,1) 42%,rgba(166,236,255,1) 58%,rgba(147,231,254,1) 81%,rgba(138,229,254,1) 97%,rgba(136,229,254,0.96) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(209,245,255,0.95) 0%,rgba(208,245,255,1) 3%,rgba(204,243,255,1) 13%,rgba(184,239,255,1) 42%,rgba(166,236,255,1) 58%,rgba(147,231,254,1) 81%,rgba(138,229,254,1) 97%,rgba(136,229,254,0.96) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d1f5ff', endColorstr='#f588e5fe',GradientType=0 ); /* IE6-9 */
  border: none;
  border-radius: 5px;
}

.forum__controls__new-theme,
.forum__controls__search,
.forum__controls__paginator__element,
.forum__controls__paginator__text,
.forum__controls__count {
  float: left; 
}

.forum__controls .right {
  min-width: 300px;
  padding-top: 7px;
}

.forum__controls__paginator__element {
  margin: 2px;
  min-width: 16px; 
  text-align: center;
  height: 20px;
}

.forum__controls__paginator__element a{
  text-decoration: none;
  font-size: 14px;
  font-family: "SquareSans", Helvetica, Arial, sans-serif;
  color: #282828;
}

.forum__controls__search input[type=submit],
.forum__controls__new-theme input[type=submit],
.forum__sort__form input[type=submit] {
  cursor: pointer;
  padding: 8px;
  font-weight: bold;
  color: #1e3f6a;
  text-shadow: 2px 0px 0px white;
}

.forum__controls__new-theme input[type=submit] {
  text-transform: uppercase;
  padding-left: 30px;
}

.forum__controls__new-theme form{
  position: relative;
}

.forum__controls__new-theme form:before {
  position: absolute;
  content: '';
  width: 30px;
  height: 30px;
  left: 2px;
  top: 2px;
  background: url("../upload/markup/forum/pen_icon.png") 0 0 no-repeat;
}

.forum__controls__new-theme {
  margin-right: 10px;
}

.forum__controls__search input[type=text],
.forum__controls__search input[type=text]:hover,
.forum__controls__search input[type=text]:focus,
.forum__controls__search input[type=text]:active {
  margin-right: 3px;
  border-radius: 5px;
  padding: 10px;
  height: 31px;
  border: none !important;
  width: 140px;
}

.forum__controls__count {
  margin-right: 15px;
  padding-top: 3px;
}

.forum__controls__paginator__text {
  padding-top: 3px;
  margin-right: 5px;
}

.forum__sort__form__time,
.forum__sort__form__sort,
.forum__sort__form__order  {
  position: relative;
  float: left;
}

.forum__sort__form__time > select,
.forum__sort__form__sort > select,
.forum__sort__form__order > select {
  cursor: pointer;
  border-radius: 5px;
  border:none;
  height: 23px;
}

.forum__sort__form__time > select:focus,
.forum__sort__form__sort > select:focus,
.forum__sort__form__order > select:focus {
  border:none !important;
  color: #6c6c6c !important;
  background-image: -webkit-linear-gradient(#e0e0e0 1%, white 26%) !important;
  background-image: -moz-linear-gradient(#e0e0e0 1%, white 26%) !important;
  background-image: -ms-linear-gradient(#e0e0e0 1%, white 26%) !important;
  background-image: -o-linear-gradient(#e0e0e0 1%, white 26%) !important;
  background-image: linear-gradient(#e0e0e0 1%, white 26%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#e0e0e0', EndColorStr='#ffffff', GradientType=0);
}

.forum__sort__form__time span,
.forum__sort__form__sort span,
.forum__sort__form__order span {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  content: '';
  top: 2px;
  right: 6px;
  background: url("../upload/markup/forum/arrow_select.png") 0 0 no-repeat;
}

.forum__sort__form input[type=submit] {
  cursor: pointer;
  padding: 4px;
  font-weight: bold;
  color: #1e3f6a;
  text-shadow: 2px 0px 0px white;
}

.forum__list__header,
.msg__info__name,
.msg__text__name {
  /*text-transform: uppercase;*/
  font-weight: bold;
  color: #023d65;
  padding: 2px 5px;
  font-size: 16px;
}

.msg__text__name {
  padding-left: 0px;
  padding-bottom: 0px;
  line-height: 16px;
}

.msg__info__name {
  font-size: 15px;
}

.forum__list__msg {
  position: relative;
  padding: 10px;
  border-radius: 24px;
  background-color: white;
  margin: 0 0 10px 0; 
}

.forum__list__msg.answ .msg__text__name {
  padding-left: 20px;
}

.forum__list__msg.answ:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 15px;
  left: 15px;
  background: url("../upload/markup/forum/re-arrow.png") 0 0 no-repeat;
}

.forum__list__msg.answ,
.forum__list__msg.answ-form {
  margin-left: 25px;
}

.forum__list__msg:nth-of-type(odd) {
  background-color: #d9f6fa;
}

.msg__info {
  padding-left: 10px; 
  float: right;
  height: 100%;
  width: calc( 20% - 10px );
  border-left: 1px solid white;
}

.msg__text {
  padding-right: 10px;
  float: left;
  width: calc( 80% - 11px );
  /*border-right: 1px solid white;*/ 
}

.msg__info__avatar {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #a8ebfe;
  margin-bottom: 15px;
}

.msg__info__count, 
.msg__info__date {
  font-size: 13px;
  line-height: 14px;
}

.msg__info__date {
  margin-bottom: 15px;
}

.msg__text__date {
  color: #023d65;
  font-size: 12px;
}

.forum__list__comment-btn {
  text-align: right;
  padding: 0px 15px;
  margin-top: -10px;
  margin-bottom: 5px;
}

.forum__list__comment-btn a, 
.forum__list__comment-btn a:hover {
  color: #023d65;
}

.forum__list__msg__answ-form__submit input[type=submit] {
  background: -moz-linear-gradient(top, rgba(209,245,255,0.95) 0%, rgba(208,245,255,1) 3%, rgba(204,243,255,1) 13%, rgba(184,239,255,1) 42%, rgba(166,236,255,1) 58%, rgba(147,231,254,1) 81%, rgba(138,229,254,1) 97%, rgba(136,229,254,0.96) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(209,245,255,0.95) 0%,rgba(208,245,255,1) 3%,rgba(204,243,255,1) 13%,rgba(184,239,255,1) 42%,rgba(166,236,255,1) 58%,rgba(147,231,254,1) 81%,rgba(138,229,254,1) 97%,rgba(136,229,254,0.96) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(209,245,255,0.95) 0%,rgba(208,245,255,1) 3%,rgba(204,243,255,1) 13%,rgba(184,239,255,1) 42%,rgba(166,236,255,1) 58%,rgba(147,231,254,1) 81%,rgba(138,229,254,1) 97%,rgba(136,229,254,0.96) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d1f5ff', endColorstr='#f588e5fe',GradientType=0 ); /* IE6-9 */
  border: 1px solid #a2eff5;
  border-radius: 5px;
  padding: 3px;
  text-transform: uppercase;
  color: #1387c0;
  padding-left: 22px;
}

.forum__list__msg__answ-form__submit {
  position: relative;
  float: right;
  margin-top: -10px;
}

.forum__list__msg__answ-form__submit span {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 2px;
  left: 1px;
  background: url("../upload/markup/forum/send_btn.png") 0 0 no-repeat;
}

.forum__list__msg.answ-form .msg__text__name{
  padding-left: 20px;
}

.forum__new-msg .forum__new-msg__input {
  padding: 10px 10px 5px 10px;
  border-radius: 24px;
  background-color: #a4ebff;
  margin: 0 0 10px 0;
}

.forum__new-msg .forum__list__msg__answ-form__submit {
  margin-top: 0;
}

.forum__new-msg .forum__list__msg__answ-form__submit input[type=submit]{
  padding: 8px 10px 8px 25px;
}

.forum__new-msg .forum__list__msg__answ-form__submit span {
  top: 6px;
  left: 3px;
}

tr.forum__list__element.search-element:hover td:first-of-type:before,
tr.forum__list__element.search-element td:first-of-type:before {
  background-image: none;
}

.auth-submit{
  cursor: pointer;
  background: none;
  border: none;
  font-family: "SquareSans-Medium", Helvetica, "Arial Black", sans-serif;
  color: #1794cc;
  text-decoration: underline;
  font-size: 16px;
}

.auth-submit:hover{
  text-decoration: none;
}

.auth-submit:active, .auth-submit:visited{
  color: #4638b0; 
}