html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

input, textarea, button {
  outline: none;
  padding: 0;
  border: 0;
  resize: none;
  font-family: Inter,sans-serif;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  height: 100%; }

body {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  color: #05253f;
  height: 100%;
  min-width: 320px; }

strong {
  font-weight: bold; }

h1 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 0 20px 0; }

h2 {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 0 15px 0; }

h3 {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0 15px 0; }

p {
  padding: 0 0 12px;
  line-height: 22px; }

a {
  text-decoration: none;
  color: #3199ff;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  a:hover {
    color: rgba(5, 106, 168, 0.7); }

ul {
  list-style: disc outside;
  padding: 0 0 12px; }
  ul li {
    margin-left: 17px;
    margin-bottom: 4px; }

ol {
  list-style: decimal outside;
  padding: 0 0 12px; }
  ol li {
    margin-left: 17px;
    margin-bottom: 4px; }

img {
  max-width: 560px;
  height: auto; }

header, footer {
  width: 100%;
  height: 60px;
  background: #0571db; }

.page--wrap {
  width: 1400px;
  margin: 0 auto; }

nav ul, nav ol {
  list-style: none; }

header nav, footer nav {
  padding: 20px 0;
  float: right; }
  header nav li, footer nav li {
    float: left; }
    header nav li a, footer nav li a {
      font-size: 14px;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold; }
      header nav li a:hover, header nav li a.is-active, footer nav li a:hover, footer nav li a.is-active {
        color: #b3d9ff; }

footer {
  margin-top: 60px; }
  footer nav {
    float: left;
    padding-left: 25px; }

#block-kopirait {
  float: left;
  padding: 19px 0; }
  #block-kopirait p {
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
    color: #b3d9ff; }

#block-roulette24-branding {
  float: left;
  padding: 9px 0;
  margin-left: -17px; }
  #block-roulette24-branding img {
    width: 177px;
    height: 40px; }

.app__vi {
    position: relative;
  margin-top: 16px; }
  .app--head {
    display: block;
    height: 60px; }
  .app__vi h1 {
    text-transform: uppercase; }
    .app__vi h1 a {
      font-size: 30px;
      color: #05253f;
      font-weight: bold;
      float: left;
      padding-top: 10px; }
  .app--search {
    float: right;
    width: 50%;
    text-align: right; }
    .app--search .face, .app--search #newline {
      display: inline-block;
      position: relative; }

.flippy {
  min-height: 35px; }
  .flippy-previous {
    float: left; }
  .flippy-next {
    float: right; }

.yashare {
  margin: 8px 0 22px;
  position: relative;
    min-height: 26px;
  }
  .yashare p {
    padding: 2px 0;
    font-size: 14px; 
	    max-width: 500px;
	
	}
  .yashare .ya-share2 {
    position: absolute;
    top: 0;
    right: 0; }

  .top--app {
    /*max-height: calc(95vh);*/
  }

  #block-premlink {
    position: relative;
    z-index: 99999;
  }

.top--app .free-widget-view, .top--app .free-cmt-block {
  max-height: calc(95vh) !important;
}

.app--left, .app--right {
  display: inline-block;
  vertical-align: top;
  width: 49.8%;
  height: 520px;
  overflow: hidden; }

#cmtBox1, #cmtBox2 {
  height: 520px; }

.app--control {
  margin-top: 10px; }

#cmtFace {
  position: relative;
  right: 5px;
  bottom: 4px;
  z-index: 5;
  width: 22px;
  height: 14px;
  filter: alpha(opactiy=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer; }

.fake__checkbox--border, .fake__checkbox--check {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fake__checkbox--border:before, .fake__checkbox--check:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid #3199ff;
  top: 0;
  left: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px; }

.face input[type=checkbox]:checked ~ .fake__checkbox .fake__checkbox--check:before {
  filter: alpha(opactiy=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

.face input[type=checkbox]:checked ~ .fake__checkbox .fake__checkbox--border:before {
  background: #3199ff; }

.fake__checkbox--check:before {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  left: 7px;
  top: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  filter: alpha(opactiy=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }

.cmtFace {
  cursor: pointer; }

.cmtFace_label {
  right: -154px;
  top: 30px;
  width: 490px;
  z-index: 5;
  border: solid 1px #dadada;
  background: #fff;
  text-align: justify;
  padding: 10px 10px 8px 10px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  filter: alpha(opactiy=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  visibility: hidden; }

.face {
  cursor: pointer;
  font-size: 16px; }

.face:hover .cmtFace_label {
  filter: alpha(opactiy=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  top: 36px; }

#cmtMess {
  margin: -1px 0 0 0;
  overflow: auto;
  padding: 7px 5px 2px 1px;
  height: 155px;
  background-color: #fafbfd;
  border: solid 1px #dadada;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

#cmtMess .me {
  background-color: transparent;
  color: #FF0000; }

#cmtMess .user {
  background-color: transparent;
  color: #9999ff; }

.messme {
  margin: 1px;
  padding: 2px;
  text-align: left; }

#cmtFace {
  cursor: pointer;
  margin-left: -3px; }

#cmtStart, #cmtStop {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 60px;
  font-size: 18px;
  background: #2aba31;
  background: -moz-linear-gradient(top, #2aba31 0%, #24a02a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2aba31 0%, #24a02a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2aba31 0%, #24a02a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2aba31', endColorstr='#24a02a', GradientType=0);
  /* IE6-9 */
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }

#cmtStart:hover, #cmtStop:hover {
  -webkit-box-shadow: 0 6px 5px 0 rgba(201, 55, 107, 0.2);
  -moz-box-shadow: 0 6px 5px 0 rgba(201, 55, 107, 0.2);
  box-shadow: 0 6px 5px 0 rgba(201, 55, 107, 0.2); }

#cmtControl {
  position: relative;
  padding-top: 70px;
  overflow: hidden; }

#cmtControl .inprogress {
  position: absolute;
  width: 50%;
  height: 60px;
  top: 0;
  right: 0;
  margin-right: -4px;
  padding-top: 22px;
  color: #111;
  font-weight: bold;
  text-align: center;
  font-size: 18px; }

#cmtControl #cmtStop {
  width: 50%;
  margin-left: -4px;
  display: none; }

#cmtControl #cmtNext {
  position: absolute;
  display: none;
  width: 50%;
  height: 60px;
  top: 0;
  right: 0;
  margin-right: -4px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  background: #c9376b;
  background: -moz-linear-gradient(top, #86bc00 0%, #5d8200 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #86bc00 0%, #5d8200 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #86bc00 0%, #5d8200 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86bc00', endColorstr='#5d8200', GradientType=0);
  /* IE6-9 */
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#cmtControl #cmtNext:hover {
  -webkit-box-shadow: 0 4px 13px 0 rgba(201, 55, 107, 0.2);
  -moz-box-shadow: 0 4px 13px 0 rgba(201, 55, 107, 0.2);
  box-shadow: 0 4px 13px 0 rgba(201, 55, 107, 0.2); }

#block-views-block-slucainye-stati-block-1 {
  padding-top: 40px;
  padding-bottom: 30px; }
  #block-views-block-slucainye-stati-block-1 .rand--item {
    position: relative;
    display: inline-block;
    width: 23%;
    margin: 0 0 0 30px; }
    #block-views-block-slucainye-stati-block-1 .rand--item:first-child {
      margin: 0; }
  #block-views-block-slucainye-stati-block-1 a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 60px;
    padding: 0 8px 0 48px;
    border: solid 1px #dadada;
    vertical-align: top;
    background: url("../images/png/info.png");
    background-repeat: no-repeat;
    background-position: 15px 50%;
    background-size: 17px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    color: #3199ff;
    text-align: left;
    font-size: 15px;
    line-height: 16px; }
    #block-views-block-slucainye-stati-block-1 a:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    #block-views-block-slucainye-stati-block-1 a .link--helper {
      display: inline-block;
      vertical-align: middle; }
    #block-views-block-slucainye-stati-block-1 a:hover {
      border: solid 1px #3199ff;
      background: url("../images/png/check.png");
      background-repeat: no-repeat;
      background-position: 15px 50%;
      background-size: 17px;
      color: #58a6f3; }

.path-frontpage .border {
  border: 1px solid #dadada;
  padding: 30px 40px 10px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .path-frontpage .border ol li {
    color: #3199ff;
    margin-bottom: 16px; }
    .path-frontpage .border ol li span {
      color: #05253f;
      line-height: 20px; }
  .path-frontpage .border strong {
    color: #3199ff; }

.path-frontpage h3 {
  font-size: 20px; }

.path-node .border {
  border: 1px solid #dadada;
  padding: 20px 40px 15px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .path-node .border strong {
    color: #3199ff; }
  .path-node .border h3 {
    margin-top: 10px;
    font-size: 20px; }
  .path-node .border p {
    line-height: 30px; }

.helpful--item {
  display: inline-block;
  width: 440px;
  vertical-align: top;
  margin-bottom: 40px;
  border: 1px solid #ddd;
  overflow: hidden; }
  .helpful--item:nth-child(3n+2) {
    margin: 0 20px;
    margin-bottom: 40px; }
  .helpful--item__title {
    text-align: center;
    margin-top: 8px; }
    .helpful--item__title a {
      color: #05253f;
      font-weight: bold;
      font-size: 15px; }
      .helpful--item__title a:hover {
        color: #3199ff; }
  .helpful--item__text {
    padding: 0 20px; }

#block-roulette24-breadcrumbs {
  min-height: 35px;
  margin: 22px 0 -35px 0px; }
  #block-roulette24-breadcrumbs li {
    position: relative;
    margin: 0;
    margin-right: 23px;
    float: left;
    color: #9b9b9b; }
    #block-roulette24-breadcrumbs li:after {
      content: '/';
      position: absolute;
      top: 0;
      left: -15px;
      color: #9b9b9b; }
    #block-roulette24-breadcrumbs li:first-child:after {
      display: none; }

#block-roulette24-content .field--type-image {
  margin: 0 28px 20px 0;
  float: left; }

#block-roulette24-content li {
  line-height: 22px; }

.path-main #block-roulette24-content {
  margin-top: 14px; }

#block-roulette24-page-title {
  margin-top: 40px; }

.path-node .layout-container, .path-contact .layout-container {
  display: table;
  width: 100%;
  height: 100%; }

.path-node main, .path-contact main {
  display: table-row;
  height: 100%; }

#cmtCountry {
  display: none; }

.fake__checkbox {
  position: absolute;
  left: -6px;
  top: 1px; }

.jq-selectbox__select {
  position: relative;
  background: url("../images/png/point.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 4px 0 4px 27px;
  cursor: pointer;
  font-size: 16px; }

.jq-selectbox__select:after {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border: solid #9b9b9b;
  border-width: 0 2px 2px 0;
  right: -16px;
  top: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

.jq-selectbox {
  margin-right: 19px;
  z-index: 8;
  margin-left: 20px; }

.jq-selectbox__select-text {
  width: 100% !important; }

.jq-selectbox__dropdown {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 34px;
  width: 200px;
  border: solid 1px #dadada;
  background: #fff;
  padding: 8px 0 1px 0;
  z-index: 55;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .jq-selectbox__dropdown ul {
    list-style: none; }

.jq-selectbox__dropdown ul li {
  cursor: pointer;
  text-align: center;
  margin: 5px 0 7px 0;
  padding: 0 5px; }

.jq-selectbox__dropdown ul li:hover {
  color: rgba(207, 38, 84, 0.6); }

#cmtMsg {
  width: 100%;
  border: solid 1px #dadada;
  padding: 15px 29px;
  color: #9b9b9b;
  font-family: Inter,sans-serif;
  font-size: 16px; }

#block-views-block-blok-razdely-foto-block-1 {
  border: solid 1px #dadada;
  padding: 30px 40px;
  margin-bottom: 24px; }
  #block-views-block-blok-razdely-foto-block-1 .section--elem {
    display: inline-block;
    width: 305px;
    vertical-align: top;
    margin: 3px 18px 10px 0; }
    #block-views-block-blok-razdely-foto-block-1 .section--elem a {
      font-size: 15px;
      color: #05253f; }
      #block-views-block-blok-razdely-foto-block-1 .section--elem a:hover {
        color: #3199ff; }
  #block-views-block-blok-razdely-foto-block-1 .counter {
    color: #3199ff;
    font-size: 15px;
    position: relative;
    left: 7px; }

.view__content .gall--item {
  display: inline-block;
  margin: 0 0 32px 24px;
  width: 326px;
  vertical-align: top; }
  .view__content .gall--item:nth-child(4n+1) {
    margin: 0 0 32px 0; }
  .view__content .gall--item .photo--more {
    display: block;
    width: 100%;
    border: solid 1px #dadada;
    margin: -4px 0 0 0;
    padding: 14px 20px;
    text-align: left; }
    .view__content .gall--item .photo--more a {
      color: #05253f; }
      .view__content .gall--item .photo--more a:hover {
        color: #3199ff; }

.views-exposed-form {
  height: 42px; }
  .views-exposed-form label {
    display: none; }
  .views-exposed-form #edit-sort-by div {
    float: left;
    position: relative;
    margin-right: 30px; }
    .views-exposed-form #edit-sort-by div:after {
      content: '';
      position: absolute;
      top: 8px;
      right: -14px;
      color: #172338;
      border: 4px solid transparent;
      border-top: 4px solid #172338; }
    .views-exposed-form #edit-sort-by div a {
      color: #05253f; }
    .views-exposed-form #edit-sort-by div.bef-link-active a {
      color: #3299ff; }

.path-taxonomy #block-roulette24-content .views-element-container, .path-photo #block-roulette24-content .views-element-container {
  text-align: center; }

.pager .pager__item {
  position: relative;
  display: inline-block;
  margin: 0; }
  .pager .pager__item a {
    color: #05253f;
    display: inline-block;
    padding: 8px 15px 8px 15px;
    border: solid 1px #dadada;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
    .pager .pager__item a:hover {
      border: solid 1px #3199ff; }
  .pager .pager__item.is-active a {
    background: #3199ff;
    border: solid 1px #3199ff;
    color: #fff; }
  .pager .pager__item.pager__item--ellipsis {
    padding: 8px 15px 8px 15px;
    border: solid 1px #dadada;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }

.pager.pager__item--previous, .pager .pager__item--next {
  margin: 0 14px; }

#block-views-block-all-mat-block-1 {
  text-align: center;
  margin: 22px 0 -22px 0px; }
  #block-views-block-all-mat-block-1 .counter--photo {
    color: #3199ff; }

.page-node-type-foto-content .views-exposed-form {
  display: none; }

.page-node-type-foto-content #block-roulette24-content {
  position: relative; }
  .page-node-type-foto-content #block-roulette24-content .field--type-image {
    display: block;
    float: none;
    text-align: center;
    margin: 40px 0 20px; }
    .page-node-type-foto-content #block-roulette24-content .field--type-image img {
      max-width: 760px;
      height: auto; }
  .page-node-type-foto-content #block-roulette24-content .field--name-body {
    width: 760px;
    margin: 0 auto;
    text-align: justify; }
  .page-node-type-foto-content #block-roulette24-content .flippy {
    position: absolute;
    top: 50%;
    width: 100%; }
    .page-node-type-foto-content #block-roulette24-content .flippy .flippy-previous, .page-node-type-foto-content #block-roulette24-content .flippy .flippy-next {
      font-size: 40px;
      top: 50%;
      position: absolute; }
      .page-node-type-foto-content #block-roulette24-content .flippy .flippy-previous a, .page-node-type-foto-content #block-roulette24-content .flippy .flippy-next a {
        border: 1px solid;
        padding: 0 14px 2px 14px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        color: #05253f; }
        .page-node-type-foto-content #block-roulette24-content .flippy .flippy-previous a:hover, .page-node-type-foto-content #block-roulette24-content .flippy .flippy-next a:hover {
          color: #3199ff; }
    .page-node-type-foto-content #block-roulette24-content .flippy .flippy-previous {
      left: 14%; }
    .page-node-type-foto-content #block-roulette24-content .flippy .flippy-next {
      right: 14%; }
      .page-node-type-foto-content #block-roulette24-content .flippy .flippy-next a {
        padding: 0 12px 2px 16px; }
  .page-node-type-foto-content #block-roulette24-content .field--name-field-razdel {
    width: 760px;
    margin: 0 auto;
    text-align: center; }
    .page-node-type-foto-content #block-roulette24-content .field--name-field-razdel .field__label {
      margin: 17px 0 4px; }

.path-contact label, .path-user label {
  display: block;
  margin-bottom: 10px;
  padding-top: 25px; }

.path-contact input, .path-contact textarea, .path-user input, .path-user textarea {
  background: #fff;
  border: solid 1px #e1e1e1;
  font-size: 18px;
  width: 80%;
  padding: 15px 19px; }

.path-contact .form-actions .button, .path-user .form-actions .button {
  display: none; }

.path-contact .form-actions .button.button--primary, .path-user .form-actions .button.button--primary {
  display: block;
  border: solid 2px #3199ff;
  background: #fff;
  color: #05253f;
  font-size: 18px;
  padding: 13px 6px 10px 6px;
  text-transform: uppercase;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  margin-top: 25px; }

.path-contact .form-actions .button.button--primary:hover, .path-user .form-actions .button.button--primary:hover {
  background: #3199ff;
  color: #fff; }

.path-user .description {
  margin: 12px 0; }

.path-user .form-actions .button {
  display: block;
  border: solid 2px #cf2654;
  background: #fff;
  color: #cf2654;
  font-size: 18px;
  padding: 13px 6px 10px 6px;
  text-transform: uppercase;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  margin-top: 25px; }

.path-user .form-actions .button:hover {
  background: #cf2654;
  color: #fff; }

.layout-content {
  position: relative; }

#block-rss {
  position: absolute;
  top: 8px;
  right: 0; }
  #block-rss a {
    color: #05253f;
    border: solid 1px #dadada;
    padding: 10px 17px 10px 34px;
    background: url("../images/png/rss.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    background-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    #block-rss a:hover {
      color: #3199ff;
      border: solid 1px #3199ff; }

#block-share {
  height: 28px;
  margin: 25px 0 3px 0; }
  #block-share .ya-share2 {
    float: right; }
  #block-share p {
    float: left; }

#cmtBox1, #cmtBox2 {
  align-items: center !important;
  justify-content: center !important;
  -ms-flex-pack: center !important; }
  
  .coomet--coop {
	    position: absolute;
    left: 50%;
    width: 280px;
    margin-left: -150px;
    top: 16px;
  }
  .coomet--txt {
	    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .coomeet__logo {
  display: inline-block;
    width: 300px;
    height: 72px;
	    position: relative;
    z-index: 5;
  }
  .logo__svg svg {
		    width: 278px;
  }
  
    .teaser--article {
	    border: 1px solid #dadada;
    padding: 10px 20px 8px;
    margin-top: 11px;
    margin-bottom: 11px;
  }
  .teaser--article ul{
      list-style: none;
  }
   .teaser--article ul li{
         margin-left: 0;
  }
   .teaser--article ul li a{
     position: relative;
  }
  
  .teaser--article ul li a:after {
    content: "→";
    position: absolute;
    right: -24px;
        top: -1px;
    transition: 0.3s;
	}
	
	.teaser--article ul li a:hover:after {
         right: -29px;
  }
  
  .app--head .app--search{
	  display: none;
  }
  
@media screen and (max-width: 1450px) {
  #cmtBox1 h2, #cmtBox2 h2 {
    font-size: 22px !important; }
  .page--wrap {
    width: 1200px; }
  .top--app {
    text-align: center; }
  .app--left, .app--right {
    width: 49.6%; }
  #block-views-block-slucainye-stati-block-1 .rand--item {
    width: 23%;
    margin: 0 0 0 26px; }
  #block-views-block-slucainye-stati-block-1 {
    text-align: center; }
  .view__content .gall--item {
    width: 276px; }
  .gall--item__image img {
    max-width: 276px; }
  #block-views-block-blok-razdely-foto-block-1 .section--elem {
    width: 254px; }
  .helpful--item {
    width: 380px; }
  .helpful--item__img img {
    max-width: 380px; }
  #block-views-block-slucainye-stati-block-1 a .link--helper {
    padding-right: 10px; }
.coomet--coop {
	margin-left: -79px;
}
	}

@media screen and (max-width: 1230px) {
  .page--wrap {
    width: 100%;
    padding: 0 20px; }
  #cmtBox1 h2, #cmtBox2 h2 {
    font-size: 19px !important; }
  #block-views-block-slucainye-stati-block-1 a {
    font-size: 13px; }
  #block-views-block-slucainye-stati-block-1 .rand--item {
    width: 23%;
    margin: 0 0 0 13px; }
  #block-views-block-blok-razdely-foto-block-1 .section--elem {
    width: 264px; }
  .view__content .gall--item:nth-child(4n+1) {
    margin: 0 12px 32px 12px; }
  .view__content .gall--item {
    margin: 0 12px 32px 12px; }
  .page-node-type-foto-content #block-roulette24-content .flippy .flippy-previous {
    left: 3%; }
  .page-node-type-foto-content #block-roulette24-content .flippy .flippy-next {
    right: 3%; }
  .helpful--item {
    width: 439px;
    margin: 0 10px 20px; }
  .helpful--item:nth-child(3n+2) {
    margin: 0 10px 20px; }
  .helpful--item__img img {
    max-width: 100%; }
  .path-main .view__content {
    text-align: center; }
  .helpful--item__text p {
    text-align: justify; } 
	.logo__svg svg {
		width: 220px;
	}
	.coomet--coop {
		width: 220px;
    margin-left: -54px;
	}
}
	
@media screen and (max-width: 1180px) {
	.coomet--coop {
		display: none;
	}
	.app__vi h1 a, .app__vi h1, h1 {
		font-size: 22px; 
	}

	.app--search {
	position: relative;
	bottom: 10px; }
	
	.face, .jq-selectbox__select {
		font-size: 14px;
	}
}

@media screen and (max-width: 1000px) {

  #cmtBox1 h2, #cmtBox2 h2 {
    font-size: 15px !important; }
  .path-frontpage .border, .path-node .border {
    padding: 15px 20px 10px; }
  #block-views-block-blok-razdely-foto-block-1 .section--elem a {
    font-size: 13px; }
  #block-views-block-blok-razdely-foto-block-1 .counter {
    font-size: 13px; }
  #block-views-block-blok-razdely-foto-block-1 {
    padding: 20px 20px; }
  #block-views-block-blok-razdely-foto-block-1 .section--elem {
    width: 215px; }
  .page-node-type-foto-content #block-roulette24-content .flippy .flippy-previous {
    left: 0; }
  .page-node-type-foto-content #block-roulette24-content .flippy .flippy-next {
    right: 0; }
  .helpful--item {
    width: 46%; }
  #block-roulette24-content .field--type-image {
    margin: 24px 7px;
    float: none;
    text-align: center; }
  .page-node-type-foto-content #block-roulette24-content .field--type-image img {
    max-width: 610px; }
  .page-node-type-foto-content #block-roulette24-content .field--name-body {
    width: 100%; }
    .page-node-type-foto-content #block-roulette24-content .field--name-body p {
      text-align: justify; } }
@media screen and (max-width: 910px) {
	.yashare p {
		    width: 358px;
	}
}
@media screen and (max-width: 800px) {
	.yashare p {
		    width: 100%;
	}
  h1 {
    font-size: 22px; }
  #block-roulette24-page-title {
    margin-top: 20px; }
  #block-roulette24-branding {
    padding: 13px 0; }
  #block-roulette24-branding img {
    width: 140px;
    height: auto; }
  header nav li a, footer nav li a {
    font-size: 11px;
    text-transform: none;
    font-weight: normal; }
  header nav li, footer nav li {
    float: left;
    margin-left: 11px; }
  .app__vi h1 a, .app__vi h1 {
    font-size: 22px;
    float: none; }
  .app--search {
    position: relative;
    bottom: 0;
    width: 100%;
    float: none;
    text-align: center;
    margin: 2px 0; }
  .app--head {
    height: 100%; }
  .cmtFace_label {
    width: 400px;
    right: -169px; }
  .yashare .ya-share2 {
    position: relative; }
  .yashare {
    margin: 13px 0 23px;
    position: relative; }
  .app--left, .app--right {
    width: 100%; }
  #cmtBox1, #cmtBox2 {
    margin: 0 !important; }
  .app--left {
    margin: 10px 0; }
  #block-views-block-slucainye-stati-block-1 .rand--item {
    width: 47%;
    margin: 7px 3px; }
  #block-views-block-slucainye-stati-block-1 .rand--item:first-child {
    margin: 7px 3px; }
  .path-frontpage .border, .path-node .border {
    padding: 15px 15px 10px; }
  #block-views-block-slucainye-stati-block-1 a {
    font-size: 11px; }
  #cmtBox1.small h2, #cmtBox2.small h2 {
    font-size: 16px !important;
    margin: 0 !important; }
  #block-views-block-blok-razdely-foto-block-1 .section--elem {
    width: 48%;
    margin: 0 2px 8px 2px; }
  .pager .pager__item a {
    padding: 4px 10px 4px 10px; }
  .pager .pager__item.pager__item--ellipsis {
    padding: 4px 10px 4px 10px; }
  .page-node-type-foto-content #block-roulette24-content .field--type-image img {
    max-width: 100%; }
  .page-node-type-foto-content #block-roulette24-content .field--name-field-razdel {
    width: 100%; }
  .page-node-type-foto-content #block-roulette24-content .flippy {
    top: 96%; }
  .helpful--item {
    width: 100%;
    margin: 0 0 18px 0; }
  .helpful--item:nth-child(3n+2) {
    margin: 0 0 18px 0; }
  #block-roulette24-breadcrumbs li {
    font-size: 10px; }
  img {
    max-width: 100%; }
  .path-contact input, .path-contact textarea, .path-user input, .path-user textarea {
    width: 100%; }
  .path-contact .form-actions .button.button--primary, .path-user .form-actions .button.button--primary {
    font-size: 16px; }
  #block-share {
    height: 28px;
    margin: 25px 0 3px 0; }
    #block-share .ya-share2 {
      float: none;
      text-align: center; }
    #block-share p {
      float: none;
      text-align: center; } }

@media screen and (max-width: 600px) {
  #block-share {
    height: 60px; } }

@media screen and (max-width: 499px) {
.teaser--article {
	    padding: 6px 10px 6px;
}
  .app--left, .app--right, #cmtBox1, #cmtBox2 {
    height: 415px; }
  .flash__description {
    padding: 6px 13px !important; }
  #block-roulette24-branding img {
    width: 186px;
    height: auto; }
  #block-roulette24-branding {
    padding: 17px 0 0 0;
    float: none;
    margin: 0 auto;
    text-align: center; }
  #block-roulette24-branding img {
    width: 186px;
    height: auto; }
  header nav, footer nav {
    padding: 24px 0;
    float: none; }
  header nav li, footer nav li {
    float: left;
    margin-left: 15px; }
  header nav li a, footer nav li a {
    font-size: 14px;
    text-transform: none;
    font-weight: normal; }
  header {
    height: 142px; }
  .cmtFace_label {
    width: 300px;
    right: -108px; }
  .app__vi h1 a, .app__vi h1, h1 {
    font-size: 16px; }
  .app--search .face, .app--search #newline {
    margin: 8px 0; }
  #block-views-block-slucainye-stati-block-1 .rand--item {
    width: 100%; }
  #block-views-block-slucainye-stati-block-1 a {
    font-size: 14px; }
  h2 {
    font-size: 16px; }
  p, .path-node .border p {
    padding: 0 0 12px;
    line-height: 18px;
    font-size: 13px; }
  li {
    font-size: 13px;
    line-height: 18px; }
  #block-roulette24-content li {
    line-height: 18px; }
  .path-frontpage h3, .path-node .border h3 {
    font-size: 14px; }
  #block-kopirait {
    float: none;
    text-align: center; }
  footer {
    margin-top: 40px;
    height: 100px; }
  footer nav {
    padding: 2px 0 0 0; }
  .view__content .gall--item:nth-child(4n+1) {
    margin: 0 0 15px 0; }
  .view__content .gall--item {
    margin: 0 0 15px 0;
    width: 100%; }
  .gall--item__image img {
    max-width: 100%; }
  .pager .pager__item {
    position: relative;
    display: inline-block;
    margin: 6px 1px; }
  .page-node-type-foto-content #block-roulette24-content .flippy {
    top: 89%; }
  h1 {
    font-size: 18px;
    line-height: 20px; }
  #block-roulette24-breadcrumbs {
    min-height: 56px; }
  #cmtBox1.small h2, #cmtBox2.small h2 {
    padding: 0 22px !important; }
  .view__content .gall--item .photo--more {
    max-width: 326px;
    margin: -2px auto; } }

@media screen and (max-width: 378px) {
  .cmtFace_label {
    width: 280px;
    right: -46px; } }
.gall--item__image img {
	max-width: 326px;
}

#block-ssylkanaglavnuu {
	    text-align: center;
    margin: 15px 10px;
}

#block-ssylkanaglavnuu a {
	    color: #3199ff;
    display: inline-block;
        padding: 15px 50px;
        border: solid 1px #3199ff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-size: 24px;
}

#block-ssylkanaglavnuu a:hover {
	color: #fff;
    background: #3199ff;
}

.gall--item__image {
	max-height: 196px;
    overflow: hidden;
}

.coomeet-app {
  height: 100%;
}

.app-over {
  height: 700px;
}