/*

Theme Name: Evrocity

Author: KJ

Version: 1.0

*/



@charset "utf-8";

@font-face {

  font-family: 'helveticaneuecyrroman';

  src: url('styles/helveticaneuecyr-roman-webfont.eot');

  src: url('styles/helveticaneuecyr-roman-webfont.eot?#iefix') format('embedded-opentype'), url('styles/helveticaneuecyr-roman-webfont.woff') format('woff'), url('styles/helveticaneuecyr-roman-webfont.ttf') format('truetype'), url('styles/helveticaneuecyr-roman-webfont.svg#helveticaneuecyrroman') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'helveticaneuecyrbold';

  src: url('styles/helveticaneuecyr-bold-webfont.eot');

  src: url('styles/helveticaneuecyr-bold-webfont.eot?#iefix') format('embedded-opentype'), url('styles/helveticaneuecyr-bold-webfont.woff') format('woff'), url('styles/helveticaneuecyr-bold-webfont.ttf') format('truetype'), url('styles/helveticaneuecyr-bold-webfont.svg#helveticaneuecyrbold') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'trebuchet_msregular';

  src: url('styles/trebuc-webfont.eot');

  src: url('styles/trebuc-webfont.eot?#iefix') format('embedded-opentype'), url('styles/trebuc-webfont.woff') format('woff'), url('styles/trebuc-webfont.ttf') format('truetype'), url('styles/trebuc-webfont.svg#trebuchet_msregular') format('svg');

  font-weight: normal;

  font-style: normal;

}

/* Reset */

html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

font,

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,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  vertical-align: baseline;

  background: transparent;

  font-size: 100%;

}

a {

  margin: 0;

  padding: 0;

  font-size: 100%;

  vertical-align: baseline;

  background: transparent;

  cursor: pointer;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

td,

td img {

  vertical-align: top;

}

input,

select,

button,

textarea {

  margin: 0;

  font-size: 100%;

  outline: none;

}

input[type="text"],

input[type="password"],

textarea {

  padding: 0;

}

input[type="checkbox"] {

  /*vertical-align: bottom;*/

  vertical-align: middle;

  margin: 0;

}

input[type="radio"] {

  /* vertical-align: text-bottom; */

  vertical-align: middle;

  margin: 0;

}

sub {

  vertical-align: sub;

  font-size: smaller;

}

sup {

  vertical-align: super;

  font-size: smaller;

}

ins {

  text-decoration: none;

}

del {

  text-decoration: line-through;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}

nav ul {

  list-style: none;

}

/* /Reset */

/* Base */

html {

  overflow-y: scroll;

}

html,

body {

  height: 100%;

}

body {

  line-height: 1;

  background: #ffffff;

  color: #000000;

  text-align: left;

  font: 12px Arial, Helvetica, "Helvetica CY", "Nimbus Sans L", sans-serif;

}

input,

select,

button,

textarea {

  font-family: Arial, Helvetica, "Helvetica CY", "Nimbus Sans L", sans-serif;

}

label,

input[type="button"],

input[type="submit"],

button {

  cursor: pointer;

}

blockquote,

q {

  quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

  content: '';

  content: none;

}

/* /Base */

/* Snippets */

.noMargin {

  margin: 0px;

}

.noPadding {

  padding: 0px;

}

.plusOverflow {

  overflow: hidden;

}

.plusClear {

  clear: both;

}

.flLeft {

  float: left;

}

.flRight {

  float: right;

}

.flNone {

  float: none;

}

.inlineBlock {

  display: inline-block;

}

.disBlock {

  display: block;

}

.posAbs {

  position: absolute;

}

.posRel {

  position: relative;

}

.posFix {

  position: fixed;

}

.noDisplay {

  display: none;

}

.uppercase {

  text-transform: uppercase;

}

.textCenter {

  text-align: center;

}

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/*--*/

/* ------------------------ */

/*---------------------------*/

/*---------------------------*/

.hide-bl {

  position: absolute;

  top: -99999px;

  left: -99999px;

}

.clearfix {

  content: "";

  display: block;

  width: 100%;

  height: 0;

  float: none;

  clear: both;

}

/* /Snippets */

a,

a:visited {

  color: #1b4780;

  text-decoration: underline;

}

a:hover {

  text-decoration: none;

}

a:focus,

a:active {

  color: #000;

  outline: none;

  text-decoration: underline;

}

input::-webkit-input-placeholder {

  color: #b6b6b6;

}

input:focus::-webkit-input-placeholder {

  color: transparent;

}

input:-moz-placeholder {

  color: #b6b6b6;

}

input:-moz-placeholder:focus {

  color: transparent;

}

input:-ms-input-placeholder {

  color: #b6b6b6;

}

/* Typography */

p {

  font-size: 14px;

  color: #545454;

  /* 12px */

  line-height: 1.6em;

  /* 18px */

  margin: 1em 0 0  0;

}

.fontsize-24px {

  font-size: 24px;

  /* 24px */

  line-height: 1.4em;

}

.fontsize-16px {

  font-size: 16px;

  /* 16px */

  line-height: 1.2em;

}

.fontsize-14px {

  font-size: 14px;

  /* 14px */

  line-height: 1.2em;

}

.fontsize-11px {

  font-size: 11px;

  /* 11px */

  line-height: 1.2em;

}

/* /Typography */

.margin-left-18px {

  margin-left: 18px;

}

.margin-left-20px {

  margin-left: 20px;

}

.margin-bottom-18px {

  margin-bottom: 18px;

}

.margin-bottom-27px {

  margin-bottom: 27px;

}

textarea {

  resize: none;

  height: 90px;

}

label {

  margin: 12px 0;

  display: block;

  color: #4b4c4c;

  font-size: 0.7px Arial, Helvetica, "Helvetica CY", "Nimbus Sans L", sans-serif;

  text-align: left;

}

.column {

  display: inline-block;

  vertical-align: top;

}

.column.left {

  width: 224px;

}

.column.content {

  width: 475px;

  padding: 0 20px;

}

.column.right {

  width: 224px;

}

.column.right:after {

  content: "";

  display: block;

  width: 100%;

  height: 0;

  float: none;

  clear: both;

}

.column:after {

  content: "";

  display: block;

  width: 100%;

  height: 0;

  float: none;

  clear: both;

}

.column .block {

  border: 1px solid #ededed;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  /*behavior: url(border-radius.htc);*/

  -webkit-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  -khtml-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  -o-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  margin: 0 0 20px 0;

}

.column .block .title, .column .block h2.widgettitle {

  color: #000080;

  text-align: center;

  display: block;

  text-transform: uppercase;

  font-family: Tahoma, sans-serif;

  font-weight: bold;

  font-size: 14px;

  margin: 0 0 8px 0;

  background: linear-gradient(to top, #fefcea, #f1da36);

  padding:5px 0 10px 0;

}

.column .block.opros span {

  font: normal 13px Tahoma, sans-serif;

  text-transform: uppercase;

  font-weight: bold;

  margin: 0 0 8px 0;

  display: block;

  padding: 0 12px;

}

.column .block.opros span.title {

  font-size: 14px;

  padding: 5px 0px 10px;

}

.column .block.opros .form-item {

  padding-left: 15px;

  margin-bottom: 7px;

}

.column .block.opros .form-item label {

  color: #333333;

  font: normal 13px Tahoma, sans-serif;

  display: inline-block;

  max-width: 150px;

  vertical-align: middle;

  margin: 0 0 0 10px;

}

.column .block.social {

  text-align: center;

  padding-bottom: 7px;

}

.column .block.social a {

  margin: 0 12px;

}

.column .block.hostels .street {



  color: #333333;

  font: normal 12px Tahoma, sans-serif;

}



.column .block.hostels .item {

  margin-bottom: 32px;

  padding: 0px 7px;

}

.column .block.hostels .item:last-child {

  margin-bottom: 7px;

}

.column .block.hostels img {

  margin: 5px 0;

}

.column .block.hostels .metro {

  color: #333333;

font: normal normal 400 12px/normal Tahoma;

}

.column .block.hostels .old-price,

#category_post .item .old-price {

  color: #1241A0;

  font: bold 12px Tahoma, sans-serif;

  text-decoration: line-through;

  float:right;

}

.column .block.hostels .new-price,

#category_post .item .new-price {

  color: #FF0000;

  font: bold 18px Tahoma, sans-serif;

  float:right;

}

.column .block.hostels .more {

  float: right;

  color: #234fa7;

  font: normal 12px Tahoma, sans-serif;

  margin-right: 9px;

}

.hits .block.hostels .more {

  float: none;

}

/*.column*/

/**/

img.bg {

  min-height: 100%;

  min-width: 1024px;

  width: 100%;

  height: auto;

  position: fixed;

  top: 0;

  left: 0;

}

/*------------------*/

.wrapper {

  width: 100%;

  min-width: 970px;

  position: relative;

}

.wrapper.main-body {

  min-height: 100%;

}

.wrapper.main-body:after {

  content: "";

  display: block;

  width: 100%;

  height: 250px;

}

.wrapper.main-body:before {

  content: "";

  display: block;

  width: 100%;

  height: 0;

  float: none;

  clear: both;

}

.wrapper.main-header {

  /* overflow: hidden;  */

  min-height: 100px;

  /* position:fixed; */

  width: 100%;

  margin: 0 auto;

  z-index: 2;

}

.wrapper.main-footer {

  height: 250px;

  margin-top: -250px;

}

.wrapper.main-footer:before {

  content: "";

  display: block;

  width: 100%;

  height: 0px;

}

/*.wrapper*/

.footer-content {

  width: 1000px;

  margin: 0 auto;

  background: #ffffff;

  position: relative;

  /*footer-button*/

  /*footer-menu*/

  /*footer-menu*/

}

.footer-content .footer-img {

  position: absolute;

  left:415px;

}

.footer-content .footer-button {

  padding: 0 0 0 250px;

  height: 119px;

}

.footer-content .footer-button > img {

  vertical-align: bottom;

}

.footer-content .footer-button .jivosite {

  width: 270px;

  display: inline-block;

  float: right;

  margin: 45px 12px 0 0;

}



#menu-bottom {list-style: none outside none;}



.footer-content .footer-menu {

  background: #fbc400;

  overflow: hidden;

  padding: 18px 0 17px;

}

.footer-content .footer-menu a {

  color: #000000;

  font-family: Tahoma, sans-serif;

  font-size: 13px;

  display: block;

  float: left;

  /*margin: 0 0 0 84px;*/

  margin: 0 0 0 60px;

}

.footer-content .footer-menu li:first-child a{

  margin-left: 59px;

}

.footer-content .footer-copyright {

  overflow: hidden;

  background: #efeeed;

  padding: 30px 30px 14px;

}

.footer-content .footer-copyright .copyright {

  min-width: 190px;

  float: left;

  color: #000000;

  font-family: Tahoma, sans-serif;

  font-size: 13px;

}

.footer-content .footer-copyright .rambler {

  display: inline-block;

  margin: 0 0 0 184px;

}

.footer-content .footer-copyright .rambler img {

  margin-right: 13px;

}

.footer-content .footer-copyright .link {

  float: right;



  text-align: center;

  color: #999999;

  font-family: Tahoma, sans-serif;

  font-size: 13px;

}

.footer-content .footer-copyright .link a {

  color: #6699cc;

}

/*.footer-content*/

.header-content {

  width: 970px;

  margin: 0 auto;

  background: #ffffff;

  height: 145px;

  padding: 0 15px;

  position: relative;

}

/*.header-content:before {

  content: '';

  display: block;

  width: 106px;

  height: 87px;

  position: absolute;

  top: -15px;

  left: 0;

  background: 0px -35px url("./images/ico-all.png");

}*/

.header-content:after {

  content: '';

  display: block;

  width: 100%;

  height: 28px;

  position: absolute;

  bottom: -13px;

  left: 0;

  background: url("./images/bg-header1.png") repeat-x;

}

.header-content a.logo {

  float: left;

  margin: 2px 0 0 37px;

}

.header-content .header-menu ul,

.oho-header-menu2.header-menu ul {list-style: none outside none;}



.header-content .header-menu,

.oho-header-menu2.header-menu {

  height: 37px;

  list-style: none;

  background: url("./images/bg-menu.jpg") repeat-x;

  border: 1px solid #d7910b;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  /*behavior: url(border-radius.htc);*/

  padding: 0 7px;

  margin-left:13px;



}

.header-content .header-menu li,

.oho-header-menu2.header-menu li {

  float: left;

  position: relative;





}

.header-content .header-menu li a,

.oho-header-menu2.header-menu li a {

  text-decoration: none;

  font: normal 15px 'helveticaneuecyrroman', sans-serif;

  color: #003399;

  font-weight: bold;

  padding: 8px 10px;

  margin: 0 1px;

  display: inline-block;

  float: left;

  letter-spacing: 0.6px;

  position: relative;

  z-index: 2;

}

.header-content .header-menu li:before,

.oho-header-menu2.header-menu li:before {

   content: '';

  display: inline-block;

  width: 2px;

  height: 37px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 0;

  background: -400px 0px url("./images/ico-all.png") repeat-x;

}

.header-content .header-menu li:first-child:before,

.oho-header-menu2.header-menu li:first-child:before { background:none;}



.header-content .header-menu li:hover a,

.oho-header-menu2.header-menu li:hover a {

  color: #fff;

}

/*.header-content .header-menu li:hover:before {

  border: 1px solid #d7910b;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  /*behavior: url(border-radius.htc);*/

  /*content: '';

  display: block;

  width: 100%;

  height: 38px;

  position: absolute;

  top: -7px;

  left: 0;

  z-index: 10;

  background: url("./images/bg-menu-active.jpg") repeat-x;

}*/

.header-content .header-menu li:hover:after,

.oho-header-menu2.header-menu li:hover:after {

  content: '';

  display: block;

  width: 5px;

  height: 7px;

  position: absolute;

  top: -8px;

  left: -5px;

  z-index: 0;

  /*background: 0 -122px url("./images/ico-all.png") repeat-x;*/

}

.header-content .header-info,

.oho-header-nav2.header-info {

  float: right;

  width: 744px;

}

.header-content .header-info .lang {

  background: #e4e4e4;

  border: 1px solid #e3e3e3;

  border-top: none;

  display: inline-block;

  padding: 5px 0;

  margin-left: 180px;

  -webkit-border-radius: 0 0 3px 3px;

  -khtml-border-radius: 0 0 3px 3px;

  -moz-border-radius: 0 0 3px 3px;

  -ms-border-radius: 0 0 3px 3px;

  -o-border-radius: 0 0 3px 3px;

  border-radius: 0 0 3px 3px;

  /*behavior: url(border-radius.htc);*/

}

.header-content .header-info .lang span {

  margin: 0 10px 0 0;

  font-weight: 700;

}

.header-content .header-info .lang span:first-child {

  margin-left: 10px;

}

.header-content .header-info #call-back {

  float: right;

  display: inline-block;

  border: 2px solid #f9d345;

  padding: 4px;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  /*behavior: url(border-radius.htc);*/

  position: relative;

  font-family: 'helveticaneuecyrroman', sans-serif;

  font-size: 13.5px;

  letter-spacing: 0.5px;

  margin: 2px 0 0;

  padding: 4px 6px 3px;

  cursor: pointer;

}

.header-content .header-info #call-back i {

  margin-right: 9px;

}

.header-content .header-info #call-back:after {

  content: '';

  display: block;

  width: 100%;

  height: 20px;

  position: absolute;

  bottom: -6px;

  left: 0;

  background: -115px -25px url("./images/ico-all.png") no-repeat;

}

.header-content .header-info .phone,

.oho-header-phone {

  letter-spacing: 1.1px;

  margin: 19px 0 15px 14px;

}

.header-content .header-info .phone span,

.oho-header-phone span {

  font-size: 23px;

  font-family: 'Open Sans', sans-serif;

  font-weight: 600;

  margin: 0 0 0 30px;

}

.header-content .header-info .phone span:first-child,

.oho-header-phone span:first-child {

  margin-left: 0;

}

.header-content .header-info .phone span i,

.oho-header-phone span i {

  margin-right: 5px;

}

/*header-content*/

.our-clients {

  width: 970px;

  margin: 0 auto;

  background: #f2f2f2;

  padding: 0 15px;

  height: 145px;

  position: relative;

  background: url("./images/bg-metro.jpg") transparent;



}

.our-clients:after {

  content: '';

  display: block;

  width: 100%;

  height: 59px;

  position: absolute;

  bottom: 0px;

  left: 0;

  /*background: url("./images/bg-clients.png") repeat-x;*/

  z-index: 3;

}

.our-clients .title {

  display: block;

  font-family: 'trebuchet_msregular', sans-serif;

  font-size: 22px;

  text-decoration:underline;

  color: #333333;

  letter-spacing: 1px;

  padding: 7px 0 17px 0;

}

.our-clients > div {

  width: 100%;

  display: inline-block;

}

.our-clients > img {

  position: absolute;

  right: 47px;

  top: 0;

  z-index: 2;

}

.about-hostel {

  width: 970px;

  margin: 0 auto;

  background: #ffffff;

  padding: 15px;

  position:relative;

}

.about-hostel .item {

  border: solid 1px #d8ad00;

  display: inline-block;

  vertical-align: top;

  padding: 5px 0 18px 0;

  position: relative;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  /*behavior: url(border-radius.htc);*/

  width: 208px;

  height: 156px;

  margin: 0 0 0 39px;

  /*background: url("./images/bg-hostel.jpg") repeat;*/

  background-image: linear-gradient(to top, #FFAA00, #FFD900);

}

.about-hostel .item:after {

  content: '';

  display: block;

  width: 195px;

  height: 190px;

  position: absolute;

  bottom: -38px;

  right: -17px;

  background: -205px -123px url("./images/ico-all.png") repeat-x;

  z-index: 3;

}

.about-hostel .item:first-child {

  margin-left: 240px;

}

.about-hostel .item .title,

.about-hostel .item h2.widgettitle {

  display: block;

  color: #003399;

  font: normal 18px Tahoma, sans-serif;

  /*-webkit-text-shadow: 1px 1px 2px #ffffff;

  -khtml-text-shadow: 1px 1px 2px #ffffff;

  -moz-text-shadow: 1px 1px 2px #ffffff;

  -ms-text-shadow: 1px 1px 2px #ffffff;

  -o-text-shadow: 1px 1px 2px #ffffff;

  text-shadow: 1px 1px 2px #ffffff;*/

  padding: 0 0 6px 0px;

  text-align:center;

}

.about-hostel .item .hostel,

.about-hostel .item .textwidget {

  -webkit-text-shadow: 1px 1px 1px #ffffff;

  -khtml-text-shadow: 1px 1px 1px #ffffff;

  -moz-text-shadow: 1px 1px 1px #ffffff;

  -ms-text-shadow: 1px 1px 1px #ffffff;

  -o-text-shadow: 1px 1px 1px #ffffff;

  /*text-shadow: 1px 1px 1px #ffffff;*/

  color: #333333;

  font: normal 13px Tahoma, sans-serif;

  padding: 0 15px;

  display: block;

}

.select-metro {

  width: 978px;

  padding: 11px 11px 35px;

  margin: 0 auto;

  // background: url("./images/bg-metro.jpg") repeat;

  position: relative;

  border-top:2px solid #ccc;

}



.select-metro.new {

  // background: url("./images/select-bg.png") no-repeat white;

  background: -moz-linear-gradient(to bottom, #fff 0%, #fed871 50%,#ffffff 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(to bottom, #fff 0%, #fed871 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #fff 0%, #fed871 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  border-top: 0 none;

}



.sm-padding-bottom {padding-bottom: 0;}

.select-metro:after {

  content: '';

  display: block;

  width: 100%;

  height: 40px;

  position: absolute;

  left: 0;

  bottom: -40px;

  background: url("./images/metro-shadow.png") repeat;

}

.select-metro .title {

  color: #333333;

  font: normal 18px 'trebuchet_msregular', sans-serif;

  text-decoration: underline;

}

.select-metro .line.green {

  margin: 0px;

}

.select-metro .line {

  list-style: none;

  position: relative;

  margin: 30px 0px 0px;

}

.select-metro .line:before {

  content: '';

  display: block;

  width: 100%;

  height: 51px;

  background: 0px 0 url("./images/line-metro.png") repeat;

}

.select-metro .line.red li.item-2 {

  left: 52px;

}

.select-metro .line.red li.item-3 {

  left: 103px;

}

.select-metro .line.red li.item-4 {

  left: 151px;

}

.select-metro .line.red li.item-5 {

  left: 202px;

}

.select-metro .line.red li.item-6 {

  left: 251px;

}

.select-metro .line.red li.item-7 {

  top: -4px;

  left: 301px;

}

.select-metro .line.red li.item-8 {

  left: 351px;

}

.select-metro .line.red li.item-9 {

  left: 421px;

}

.select-metro .line.red li.item-10 {

  left: 490px;

}

.select-metro .line.red li.item-11 {

  left: 541px;

}

.select-metro .line.red li.item-12 {

  left: 591px;

}

.select-metro .line.red li.item-13 {

  left: 651px;

}

.select-metro .line.red li.item-14 {

  left: 711px;

}

.select-metro .line.red li.item-15 {

  left: 771px;

}

.select-metro .line.red li.item-16 {

  left: 831px;

}

.select-metro .line.red li.item-17 {

  left: 891px;

}

.select-metro .line.red li.item-18 {

  left: 935px;

}

.select-metro .line.green:before {

  background-position: 0 -60px;

}

.select-metro .line.green li.item-2 {

  left: 63px;

}

.select-metro .line.green li.item-3 {

  left: 124px;

}

.select-metro .line.green li.item-4 {

  left: 183px;

}

.select-metro .line.green li.item-5 {

  left: 273px;

}

.select-metro .line.green li.item-6 {

  left: 344px;

}

.select-metro .line.green li.item-7 {

  left: 412px;

}

.select-metro .line.green li.item-8 {

  left: 464px;

}

.select-metro .line.green li.item-9 {

  left: 533px;

}

.select-metro .line.green li.item-10 {

  left: 603px;

}

.select-metro .line.green li.item-11 {

  left: 653px;

}

.select-metro .line.green li.item-12 {

  left: 714px;

}

.select-metro .line.green li.item-13 {

  left: 784px;

}

.select-metro .line.green li.item-14 {

  left: 853px;

}

.select-metro .line.green li.item-15 {

  left: 904px;

}

.select-metro .line.green li.item-16 {

  left: 901px;

  text-align: right;

  width: 75px;

}

.select-metro .line.blue:before {

  background-position: 0 -120px;

}

.select-metro .line.blue li.item-2 {

  left: 51px;

}

.select-metro .line.blue li.item-3 {

  left: 102px;

}

.select-metro .line.blue li.item-4 {

  left: 152px;

}

.select-metro .line.blue li.item-5 {

  left: 200px;

}

.select-metro .line.blue li.item-6 {

  left: 271px;

}

.select-metro .line.blue li.item-7 {

  top: -8px;

  left: 319px;

}

.select-metro .line.blue li.item-8 {

  left: 407px;

}

.select-metro .line.blue li.item-9 {

  top: -8px;

  left: 482px;

}

.select-metro .line.blue li.item-10 {

  left: 512px;

}

.select-metro .line.blue li.item-11 {

  left: 622px;

}

.select-metro .line.blue li.item-12 {

  left: 681px;

}

.select-metro .line.blue li.item-13 {

  left: 751px;

}

.select-metro .line.blue li.item-14 {

  left: 811px;

}

.select-metro .line.blue li.item-15 {

  left: 888px;

}

.select-metro .line.blue li.item-16 {

  left: 899px;

  text-align: right;

  width: 75px;

}

.select-metro .line li {

  display: inline-block;

  position: absolute;

  color: #333333;

  font: normal 11px Tahoma, sans-serif;

  width: 95px;

  line-height: 12px;

}

.select-metro .line li.top {

  top: 5px;

}

.select-metro .line li.bottom {

  bottom: 0px;

}

.select-metro a {font-weight:700;    display: inline-block;    opacity: 1;

    transition: opacity .2s;}

.select-metro a:hover {font-weight:700;font-size:13px;}

.select-metro li.item-5 {width: 125px;}



.select-metro .red a.current, .select-metro .red a:hover {color:#EE0000;font-weight:700;}

.select-metro .green a.current, .select-metro .green a:hover {color:#009A00;font-weight:700;}

.select-metro .blue a.current, .select-metro .blue a:hover {color:#4659A5;font-weight:700;}

.main-content {

  width: 970px;

  margin: 0 auto;

  background: #ffffff;

  padding: 25px 15px 0;

  min-height: 200px;

}

.main-content .read-more {

  color: #003399;

  font: normal 14px Tahoma, sans-serif;

  display: inline-block;

  border-bottom: 1px dashed #003399;

  text-decoration: none;

}

.main-content .read-more:hover {

  border-bottom: 1px dashed #fff;

}

.main-content p, .main-content ul, #c1 .main_content ul, #c1 .main_content ol{

  font: normal 14px Tahoma, sans-serif;

  color: #666666;

  margin-bottom: 22px;

  line-height: 20px;

}

#c1 .main_content ul, #c1 .main_content ol {

margin-bottom: 1em;

margin-top: 1em;

padding-left: 40px;

}

#c1 .main_content h1 {

  font: normal 18px Tahoma, sans-serif;

  margin-bottom: 22px;

  line-height: 20px;

}

#c1 .main_content h3 {

  font: normal 16px Tahoma, sans-serif;

  margin-bottom: 22px;

  line-height: 20px;

}

.main-content p.center {

  text-align: center;

}

.main-content p.red {

  color: #841b2f;

  font: bold 16px Tahoma, sans-serif;

  letter-spacing: 0.5px;

}

.news, .news-menu ul.menu {

  list-style: none;

  padding: 0 12px;

}

.news li, .news-menu ul.menu li {

  margin-bottom: 14px;

}

.news li a, .news-menu ul.menu li a {

  color: #003399;

  display: inline-block;

  font: normal 14px Tahoma, sans-serif;

}

.reviews-gallery {

  width: 970px;

  margin: 0 auto;

  background: #ffffff;

  padding: 15px 15px 5px;

}

.reviews-gallery .column {

  padding: 6px 0 7px;

  width: 312px;

  margin: 0 0 0 10px;

  display: inline-block;

  vertical-align: top;

  border: 1px solid #ededed;

  -webkit-border-radius: 3px;

  -khtml-border-radius: 3px;

  -moz-border-radius: 3px;

  -ms-border-radius: 3px;

  -o-border-radius: 3px;

  border-radius: 3px;

  /*behavior: url(border-radius.htc);*/

  -webkit-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  -khtml-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  -ms-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  -o-box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

  box-shadow: -1px 0 7px rgba(0, 0, 0, 0.1);

}

.reviews-gallery .column .reviews {

  text-align: left;

  margin-left:10px;

}

.reviews-gallery .column .reviews span {

  display: block;

  color: #000000;

  font: normal 13px Tahoma, sans-serif;

  padding-right: 12px;

}

.reviews-gallery .column .reviews .name {

  font-weight: bold;

}

.reviews-gallery .column .reviews .citation {

  margin: 9px 0 25px;

  color: #09309D;

  font-style: italic;

  padding-right: 7px;

}

.reviews-gallery .column.video {

  text-align: center;

  padding-bottom: 0;

  height: 373px;

}

.reviews-gallery .column.video img {

  margin-bottom: 7px;

}

.reviews-gallery .column.photo {

  padding-bottom: 0px;

}

.reviews-gallery .column.photo .title {

  margin-bottom: 7px;

}

.reviews-gallery .column.photo a {

  width: 41%;

  display: inline-block;

  vertical-align: top;

  margin: 0px 13px 19px;

}

.reviews-gallery .column.photo span {

  display: block;

  text-align: center;

}

.reviews-gallery .column .title {

  text-align: center;

  margin: 0 0 20px;

}

.reviews-gallery .column .title a {

  text-transform: uppercase;

  color: #003399;

  font-family: Tahoma, sans-serif;

  font-size: 14px;

  font-weight: bold;

}

.reviews-gallery .column .reviews {

  width: 96%;

  height: 328px;

  /* Высота видимой области*/

  overflow: auto;

  /* Если отключены скрипты это правило позволит отобразить обычный скролл */

}

.reviews-gallery .column:first-child {

  margin-left: 0;

}

/*reviews-gallery*/

.btn {

  display: inline-block;

}

.btn.btn-orange {

  /*width: 221px;

  position: relative;

  height: 51px;

  margin: 0  155px 33px 155px;

  background: transparent url("./images/btn-recomend.png") no-repeat;

  

  */

background: url("./images/30818.png") no-repeat transparent;

height: 76px;

margin-top: 20px;

position: absolute;

width: 351px; 

cursor:pointer;

}



.btn.btn-reserv {

  margin-bottom: 12px;

  width: 221px;

  height: 51px;

  background: -118px -48px url("./images/ico-all.png") no-repeat;

}

.icon {

  display: inline-block;

  vertical-align: middle;

  margin: 0 2px 0 0;

  width: 32px;

  height: 32px;

  background: transparent url("./images/ico-all.png");

}

.icon.tw {

  background-position: -64px 0;

}

.icon.fb {

  background-position: -32px 0;

}

.icon.vk {

  background-position: 0 0;

}

.icon.rus {

  width: 16px;

  height: 13px;

  background-position: -100px 0;

}

.icon.eng {

  width: 16px;

  height: 13px;

  background-position: -116px 0;

}

.icon.ukr {

  width: 16px;

  height: 13px;

  background-position: -133px 0;

}

.icon.call {

  width: 22px;

  height: 22px;

  background-position: -235px 0;

}

.icon.life {

  width: 29px;

  height: 24px;

  background-position: -150px 0;

}

.icon.kstar {

  width: 21px;

  height: 17px;

  background-position: -180px 0;

}

.icon.mts {

  width: 31px;

  height: 17px;

  background-position: -202px 0;

}

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

.pixel {

  width: 100%;

  display: block;

  display: none;

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  z-index: 9999;

  /*  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacity})";

  filter: alpha(opacity=@opacity); */

  -moz-opacity: 0.4;

  -khtml-opacity: 0.4;

  opacity: 0.4;

  background: center top url("./index.jpg") no-repeat;

}

/*************************************************** SCROLL *************************************************************************/

.jspContainer {

  overflow: hidden;

  position: relative;

}

.jspPane {

  position: absolute;

}

/* вертикальная полоса прокрутки */

.jspVerticalBar {

  position: absolute;

  top: 0;

  right: 0;

  /* можно прижать к правому или левому краю */

  width: 18px;

  /* ширина полосы прокрутки */

  height: 100%;

  background: #fff;

}

/* горизонтальная полоса прокрутки */

.jspHorizontalBar {

  position: absolute;

  bottom: 0;

  /* можно прижать к нижнему или верхнему краю */

  left: 0;

  width: 100%;

  height: 14px;

  /* высота слушит шириной полосы прокрутки */

  background: red;

}

.jspVerticalBar *,

.jspHorizontalBar * {

  margin: 0;

  padding: 0;

}

.jspCap {

  display: none;

}

.jspHorizontalBar .jspCap {

  float: left;

}

/* полоска, по которой бегает ползунок */

.jspTrack {

  background: #223476;

  /* цвет полосы, или фоновый рисунок  */

  position: relative;

  margin: 2px;

  width: 14px;

}

/* сам ползунок */

.jspDrag {

  background: #FBC400;

background: linear-gradient(#FFE65C 10%, #FFFAB5) #FBC400;

  /* цвет ползунка, или фоновый рисунок  */

  position: relative;

  top: 0;

  left: 0;

  width: 18px;

  margin: -2px 0 0 -2px;

  cursor: pointer;

}

.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag {

  float: left;

  height: 100%;

}

/* стрелки для прокрутки */

.jspArrow {

  background: #50506d;

  /* фон стрелки */

  text-indent: -20000px;

  display: block;

  cursor: pointer;

}

/* стили для неактивной стрелки */

.jspArrow.jspDisabled {

  cursor: default;

  background: #80808d;

}

/* этими правилами можно задать различные стили для вертикальных и горизонтальных стрелок */

.jspVerticalBar .jspArrow {

  height: 16px;

}

.jspHorizontalBar .jspArrow {

  width: 16px;

  float: left;

  height: 100%;

}

.jspVerticalBar .jspArrow:focus {

  outline: none;

}

/* стили для уголка - квадратной зоны где сходятся полосы прокрутки */

.jspCorner {

  background: #eeeef4;

  float: left;

  height: 100%;

}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {

  margin: 0 -3px 0 0;

}

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

.bxslider {

  margin: 0;

  padding: 0;

  z-index: 1;

}

.bxslider img {

  -webkit-border-radius: 8px;

  -khtml-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  -o-border-radius: 8px;

  border-radius: 8px;

  /*behavior: url(border-radius.htc);*/

}

/*.bxslider*/

.bx-wrapper {

  height: 200px;

  padding: 0;

  /* overflow: hidden; */

  position: relative;

  /*.bx-controls*/

}

.bx-wrapper .bx-controls {

  position: absolute;

  top: 50%;

  left: 0;

  margin-left: -20px;

  z-index: 3;

  /*.bx-prev*/

  /*.bx-next*/

}

.bx-wrapper .bx-controls .bx-prev {

  position: absolute;

  width: 24px;

  height: 24px;

  margin: -25px 0 0 10px;

  background: -340px 0px url("./images/ico-all.png") no-repeat;

}

.bx-wrapper .bx-controls .bx-prev:hover {

  /*  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacity})";

  filter: alpha(opacity=@opacity); */

  -moz-opacity: 0.8;

  -khtml-opacity: 0.8;

  opacity: 0.8;

}

.bx-wrapper .bx-controls .bx-next {

  position: absolute;

  width: 24px;

  height: 24px;

  margin: -25px 0 0 485px;

  background: -364px 0px url("./images/ico-all.png") no-repeat;

}

.bx-wrapper .bx-controls .bx-next:hover {

  /*  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacity})";

  filter: alpha(opacity=@opacity); */

  -moz-opacity: 0.8;

  -khtml-opacity: 0.8;

  opacity: 0.8;

}

/*.bx-wrapper*/

.bx-wrapper .bx-pager {

  text-align: right;

  font-size: 0;

  font-family: Arial;

  font-weight: bold;

  color: #ffffff;

}

.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

  display: inline-block;

}

.bx-wrapper .bx-pager.bx-default-pager a {

  text-indent: -9999px;

  display: block;

  width: 12px;

  height: 12px;

  margin: 0 0 0 5px;

  background: #1b4780;

  padding: 0;

  -webkit-border-radius: 8px;

  -khtml-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  -o-border-radius: 8px;

  border-radius: 8px;

  /*behavior: url(border-radius.htc);*/

}

.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a.active {

  background: #ffffff;

}

.wrapContentShadow {

  margin: auto;

  text-align: center;

  width: 960px;

  -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);

  -khtml-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);

  -ms-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);

  -o-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);

  border-radius: 0 0 10px 10px;

}

/*.wrapContentShadow*/

.wrapSlider {

  position: relative;

  background: #ffffff;

  width: 960px;

  height: 254px;

}

/*.wrapSlider*/

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

.jcarousel-skin-small a {

  margin: 0px auto;

  display: block;

  /*opacity: 0.5;*/

  text-decoration: none;

}

.jcarousel-skin-small a:hover {

  opacity: 1;

}

.jcarousel-skin-small .jcarousel-container {

  margin: 0 0 10px;

}

.jcarousel-skin-small .jcarousel-direction-rtl {

  direction: rtl;

}

.jcarousel-skin-small .jcarousel-direction-rtl .jcarousel-item-horizontal {

  margin-left: 15px;

  margin-right: 0;

}

.jcarousel-skin-small .jcarousel-container-horizontal {

  padding: 0 65px;

  /*width: 591px;*/

}

.jcarousel-skin-small .jcarousel-clip {

  overflow: hidden;

}

.jcarousel-skin-small .jcarousel-clip-horizontal {

  height: 75px;

  /*width: 589px;*/

}

.jcarousel-skin-small .jcarousel-item {

  height: auto;

  text-align: center;

  width: auto;

}

.jcarousel-skin-small .jcarousel-item-horizontal {

  margin-left: 6px;

  margin-right: 6px;

}

.jcarousel-skin-small .jcarousel-next-horizontal {

  background: url("./images/img-jc-next.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  cursor: pointer;

  height: 41px;

  opacity: 1;

  position: absolute;

  right: 0;

  top: 20px;

  transition-duration: 0.5s;

  transition-property: all;

  transition-timing-function: ease;

  width: 15px;

}

.jcarousel-skin-small .jcarousel-next-horizontal:hover,

.jcarousel-skin-small .jcarousel-next-horizontal:active {

  opacity: 0.8;

}

.jcarousel-skin-small .jcarousel-prev-horizontal {

  background: url("./images/img-jc-prev.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

  cursor: pointer;

  height: 41px;

  left: 0;

  opacity: 1;

  position: absolute;

  top: 20px;

  transition-duration: 0.5s;

  transition-property: all;

  transition-timing-function: ease;

  width: 15px;

}

.jcarousel-skin-small .jcarousel-prev-horizontal:hover,

.jcarousel-skin-small .jcarousel-prev-horizontal:active {

  opacity: 0.8;

}

.jcarousel-skin-small .jcarousel-next-disabled-horizontal,

.jcarousel-skin-small .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-small .jcarousel-next-disabled-horizontal:active {

  cursor: default;

  opacity: 0.5;

}

.jcarousel-skin-small .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-small .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-small .jcarousel-prev-disabled-horizontal:active {

  cursor: default;

  opacity: 0.5;

}

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

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

  img.bg {

    left: 50%;

    margin-left: -512px;

    /* 50% */

  }

}

@media screen and (-webkit-min-device-pixel-ratio:0){ 

  .header-content .header-menu,

  .oho-header-menu2.header-menu {

  padding: 0 8px;

}



.header-content .header-menu li a,

.oho-header-menu2.header-menu li a  {



  padding: 10px 9px;



  letter-spacing: 0.3px;



}

}



.main_content {height: 400px;margin-top:14px}



/* FILTERs on main */

#cat_title {

    font-weight: 700;

    margin: 8px;

    color: #333333;

    font-family: "trebuchet_msregular", sans-serif;

    font-size: 16px;  

    text-decoration: underline;

}



#filters {

    background-color: #FFFFFF;

    border: 1px solid #EEEEEE;

    border-radius: 10px;

    font-size: 15px;

    margin: 8px auto;

    padding: 4px 8px;

    text-align: center;

    width: 485px;

}



.price.week, .price.day {

    display: none;

}



#filters label {

    display: inline;

}



#category_post .all {

    background-color: #FAFAFA;

    width:207px;

    float:left;

    margin: 8px 8px 32px;

    padding: 8px;

    border: 1px solid rgba(110, 110, 110, 0.298);

    -webkit-border-radius: 3px;

    -khtml-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: -1px 0 7px rgba(255, 212, 0, 0.3);

    -khtml-box-shadow: -1px 0 7px rgba(255, 212, 0, 0.3);

    -moz-box-shadow: -1px 0 7px rgba(255, 212, 0, 0.3);

    -ms-box-shadow: -1px 0 7px rgba(255, 212, 0, 0.3);

    -o-box-shadow: -1px 0 7px rgba(255, 212, 0, 0.3);

    box-shadow: -1px 0 7px rgba(110, 110, 110, 0.298);

    

    

    

}



#category_post .title, .title_h_m {

    text-align: center;

    margin: 5px 0;

    font-weight: 700;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



#category_post .attachment-post-thumbnail,

#category_post .item {

    margin: 5px 0;

}



#category_post .item .more {

    float: left;

}



/* some style for pages */

.red {color:red; font-weight:700; font-style:normal}



.page_h1 {

font-family: "trebuchet_msregular", sans-serif;

font-size: 22px;

margin: 1em 0px;

    font-weight: 400;

}



#show_metro_list {

color: #1241A0;

cursor: pointer;

display: none;

opacity: 1;

    transition: opacity .2s;



}



.overlay {

    background: #000000;

    bottom: 0px;

    display: none;

    left: 0px;

    opacity: 0.6;

    position: fixed;

    right: 0px;

    top: 0px;

    z-index: 999;

}



.popup {

    background-color: #FAFAFA;

    border: 6px solid #FBC400;

    border-radius: 10px;

    box-shadow: -1px 0px 7px #990000;

    display: none;

    height: 443px;

    left: 50%;

    margin: -250px 0px 0px -426px;

    padding: 20px;

    position: fixed;

    top: 50%;

    width: 800px;

    z-index: 1000;

}



@media only screen and (max-height:597px) {

    .popup {

        height: 343px;

        left: 50%;

        margin: -197px 0px 0px -426px;

    }

    

    .popup .page_h1 + div {

        height: 300px !important;

    }

}



.close {display:block; width:32px; cursor:pointer;  height:32px; position:absolute; top:-20px; right:-20px; text-decoration:none;  }



.p_hostel {

background-color: #FAFAFA;

border: 1px solid #E7AF00;

border-radius: 10px;

padding: 0 20px 40px;

min-height: 200px;

position:relative;

z-index:2;

}



/* TABs */

ul.p_hostel_tab {margin-bottom: 0;}



.p_hostel_tab li {

    display:inline-block;

    background-color: #E1E1E1;

    border: 1px solid #CACACA;

    border-radius: 10px 10px 0px 0px;

    color: #000000;

    font-size: 19px;

    height: 50px;

    line-height: 50px;

    padding-bottom: 12px;

    position: relative;

    text-align: center;

    text-shadow: 0px 1px 1px #FFFFFF;

    top: 15px;

    width: 200px;

    z-index: 1;

    margin-left:2px;

    cursor:pointer;

}



.p_hostel_tab li:first-child {

    margin-left:0;

}



.p_hostel_tab li.active_tab {

    background-image: linear-gradient(to top, #FFC500, #FFD900);

    border: 1px solid #E7AF00;

    color: #00319C;

}



.p_hostel_tab li:hover {

    background-color: #CACACA;

}





.p_hostel .tab_text {

    display: none;

    margin-top: 20px;

}



.p_hostel .tab_text:last-child{

display: block;

visibility:hidden ;

position:absolute;

}



.p_hostel .tab_text:first-child {

    display: block;

}



/* comments */

#comments ol {

list-style-type: none;

}

#comments li.comment {

background-color: #FFFFFF;

border: 1px solid #CCCCCC;

border-radius: 10px;

margin: 10px;

padding: 10px;

box-shadow: 1px 1px 3px #CCCCCC;

}



#comments .comment-author {

font-size:16px;

}



#comments li.comment p {

font-style: italic;

color: #09309D;

}



#comments .comment-meta a {

color: #ccc;

}



#commentform

{

    color: #777777;

    font-family: "arial";

    font-size: 15px;

    font-style: normal;

    font-weight: 700;

}





#order {

    bottom: 12px;

    cursor: pointer;

    left: 15px;

    position: absolute;

}



.popup.popup_2 {

    width: 400px;

    margin-left:-226px;

    margin-top: -314px;

    padding-bottom:0;

    height: 597px;

    position: fixed;

}



@media only screen and (max-height:597px) {

    #make_request {

        height: 444px;

        margin-top: -238px;   

    }



    #make_request .page_h1 {

        margin: 0;

    }



    #make_request p {

        margin-top: 5px;

    }



    #make_request p input[type="text"] {

        padding-top: 3px;

        padding-bottom: 3px;

    }

    

    #make_request p textarea[name="message"] {

        padding-top: 3px;

        padding-bottom: 3px;

        height: 50px;

    }

}



.popup.popup_1 {

    width: 400px;

    margin-left:-226px;

    margin-top: -244px;

    padding-bottom:15px;

    height: 443px;

}



#call_back_form.popup {

    width: 400px;

    margin-left:-226px;

    margin-top: -135px;

    padding-bottom:15px;

    height: 223px;

    text-align:center;

}



#make_request input[type=submit],

#commentform input[type=submit],

#call_back_form input[type=submit] {

    background-color: #FFD900;

    background-image: linear-gradient(to top, #FFAA00, #FFD900);

    border: 1px solid #FFAA00;

    border-radius: 3px;

    color: #FFFFFF;

    font-weight: 700;

    height: 50px;

    width: 200px;

    font-size: 28px;

}



#call_back_form input[type=submit] {

    width: 100%; 

}



#commentform input[type=submit] {

    width: 300px;

}

#commentform .form-submit {

text-align: center;

}



#make_request input[type=submit]:hover,

#commentform input[type=submit]:hover,

#call_back_form input[type=submit]:hover {

    box-shadow: 0px 0px 3px #FFAA00;

}



#make_request input[name=fio],

#make_request input[name=tel],

#make_request input[name=e_mail],

#make_request input[name=date_in],

#make_request input[name=date_out],

#commentform input[name=author],

#commentform input[name=title],

#call_back_form input[name=name],

#call_back_form input[name=phone] {

    background: url("./images/input.png") #EDEDED;

    border: 1px solid #ccc;

    border-radius: 3px;

    padding: 6px 4px;

    width: 286px;

    color: #666666;

}



#make_request select,

#form_otziv select {

    padding: 4px 4px;

    background-color: #E0E0E0; 

    border: 1px solid #ccc;

    border-radius: 3px;

}



#call_back_form input[name=name],

#call_back_form input[name=phone] {

    text-align: center;

    width: 392px;

    font-weight: 700;

    font-size: 18px;

    height: 34px;

}



#make_request textarea[name=message],

#commentform textarea[name=comment] {

    background: url("./images/input.png") #EDEDED;

    border: 1px solid #ccc;

    border-radius: 3px;

    height: 100px;

    padding: 6px 4px;

    resize: none;

    width: 388px;

    color: #666666;

}



#make_request p,

#commentform p {

    font-family: "Tahoma";

    font-size: 13px;

    font-weight: 700;

    text-shadow: 1px 1px 1px #FFFFFF;

}



p.scss {

    font-size: 17px !important;

    font-weight: 400 !important;

}



/*-----*/



ul#contact_socials { 

    display: table;

    list-style: none outside none;

    position: absolute;

    right: 14px;

    top: 47px;

}    

#contact_socials li { 

    float: left;

    margin-left: 10px;

    margin-right: 10px;

} 



#contact_socials li a {    

    -moz-border-radius: 8px;

    -moz-transition: 200ms linear background-color, 250ms ease-in background-position;

    -ms-transition: 200ms linear background-color, 250ms ease-in background-position;

    -o-transition: 200ms linear background-color, 250ms ease-in background-position;

    -webkit-border-radius: 8px;

    -webkit-transition: 200ms linear background-color, 250ms ease-in background-position;

    background-color: transparent;

    background-image: url(./images/contact_socials_sprite_2.png);

    background-repeat: no-repeat;

    border-radius: 8px;

    display: list-item;

    height: 60px;

    transition: 200ms linear background-color, 250ms ease-in background-position;

    width: 60px;    

}



#contact_socials li a.facebook { 

    background-position: 0px 0px;

}

#contact_socials li a.facebook:hover { 

    background-color:  #3560A0;

    background-position: 0 -60px;

}



#contact_socials li a.twitter { 

    background-position: -60px 0px;

}

#contact_socials li a.twitter:hover { 

    background-color: #2DAAE1;

    background-position: -60px -60px;

}



#contact_socials li a.googleplus { 

    background-position: -120px 0px;

}

#contact_socials li a.googleplus:hover { 

    background-color: #DC5442;

    background-position: -120px -60px;

}



#contact_socials li a.youtube { 

    background-position: -360px 0px;

}

#contact_socials li a.youtube:hover { 

    background-color: #EE3537;

    background-position: -360px -60px;

}



/* Соц. сети */



#contact_socials3 {

    text-align: center;

    padding: 5px 0px 10px;

}



#contact_socials3 a {

    -moz-transition: 200ms linear background-color, 250ms ease-in background-position;

    -ms-transition: 200ms linear background-color, 250ms ease-in background-position;

    -o-transition: 200ms linear background-color, 250ms ease-in background-position;

    -webkit-transition: 200ms linear background-color, 250ms ease-in background-position;

    transition: 200ms linear background-color, 250ms ease-in background-position;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    background-color: transparent;

    background-image: url(/wp-content/themes/hostels/images/contact_socials_sprite_3.png);

    background-repeat: no-repeat;

    display: inline-block;

    height: 50px;

    width: 50px;    

}



#contact_socials3 a.instagram {

    background-position: -482px -67px;

    background-color: #7292AD;

}



#contact_socials3 a.instagram:hover {

    background-color: transparent;

    background-position: -482px -5px;

}



#contact_socials3 a.facebook {

    background-position: -5px -65px;

    background-color:  #3560A0;

}



#contact_socials3 a.facebook:hover {

    background-color: transparent;

    background-position: -5px -5px;

}



#contact_socials3 a.vk {

    background-position: -64px -65px;

    background-color: #2DAAE1;

}



#contact_socials3 a.vk:hover {

    background-color: transparent;

    background-position: -64px -5px;

}



#contact_socials3 a.youtube {

    background-position: -365px -65px;

    background-color: #EE3537;

}



#contact_socials3 a.youtube:hover {

    background-color: transparent;

    background-position: -365px -5px;

}



/* ... */



#top {

background-image: url("./images/st5.png");

bottom: 10%;

cursor: pointer;

display: none;

height: 67px;

margin-left: 1028px;

position: fixed;

width: 29px;

}







.select-metro_title {

float:left;

}

.select-metro_link {

float:right;

}





.footer-content h2.widgettitle {

font-size: 16px;

position: absolute;

right: 74px;

top: 10px;

text-decoration:underline;

color: #333333;

}



.pl_pages ul {

    list-style-position: outside;

    list-style-type: disc;

    margin-bottom: 1em;

    margin-top: 1em;

    padding-left: 40px;

}

.pl_postlist ul {

    list-style-position: outside;

    list-style-type: disc;

    margin-bottom: 1em;

    margin-top: 1em;

    padding-left: 40px;

}

.pl_postlist ul li {list-style-type: none;}



.metro_ico {

    background-color: green;

    border-radius: 10px;

    color: white;

    display: inline-block;

    height: 15px;

    text-align: center;

    width: 16px;

}



.text_on_main {

    background-color: #F8F8FC;

    border-radius: 5px;

    box-shadow: 1px 1px 1px #CCCCCC;

    margin-bottom: 20px;

    padding: 10px 0px 10px 10px;

}



.text_on_main_bottom {

    background-color: #FAFAFA;

    border: 1px solid #E7AF00;

    border-radius: 10px;

    margin: 0px 20px 20px;

    padding: 0px 20px 40px;

}



.text_on_main_bottom h1,

.text_on_main_bottom h2,

.text_on_main_bottom h3 {

    color: #003399;

    font-family: "trebuchet_msregular", sans-serif;

    font-size: 22px;

    margin: 1em 0px 0px;

    text-align: center;

}



.text_on_main_bottom h2 {font-size: 18px;}

.text_on_main_bottom h3 {font-size: 16px;}

.text_on_main_bottom p {text-align: justify;}

.text_on_main_bottom ul {

    color: #545454;

    font-size: 14px;

    line-height: 1.6em;

    margin: 1em 0px 0px;

    padding-left: 40px;

}



/*! jQuery UI - v1.10.4 - 2014-05-26

* http://jqueryui.com

* Includes: jquery.ui.core.css, jquery.ui.accordion.css

* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */



.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}





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

.table {

    display: table;

}



.td {

    display: table-cell;

    vertical-align: bottom;

}



#select-metro .green-line {

    color: green;

}



#select-metro .red-line {

    color: red;

}



#select-metro .blue-line {

    color: blue;

}



#select-metro > .table {

    width: 100%;

    table-layout: fixed;

    margin-bottom: 20px;

    margin-top: 20px;

}



#select-metro > .table select {

    width: 100%;

    /* padding: 5px; */

    height: 47px;

    border: 0 none;

    /* color: #333333; */

    color: transparent;

    background-color: transparent;

    background-repeat: no-repeat;

    /* background-clip: content-box; */

    background-size: contain;

    font-size: 15px;

        -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    /* border-radius: 3px; */

    /* box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.3); */

}



#select-metro option {

    color: #333333;

}



#select-metro option:disabled {

    color: gray;

}



#select-metro > .table .green-line select {

  background-image: url("./images/gree-select.png");

}



#select-metro > .table .red-line select {

    background-image: url("./images/red-select.png");

}



#select-metro > .table .blue-line select {

    background-image: url("./images/blue-select.png");

}



#select-metro > .table > .td {

    text-align: center;

}



#select-metro .select-metro_link {

    float: none;

    text-align: center;

    margin-top: 0;

    margin-bottom: -25px;

}



#select-metro .select-metro_link > a:hover,

#select-metro #show_metro_list:hover {

    opacity: .8;

}



/* Новый вид для блоков на главной */

  .column .block.v2 {

    background: white;

    background: #fed871; /* Old browsers */

    background: -moz-linear-gradient(top,  #fed871 0%, #ffffff 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top,  #fed871 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom,  #fed871 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed871', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    padding: 10px 10px 0 10px;

    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);

    border: 0 none;

  }



  .column .block.v2 .title {

    background: transparent;

    padding: 0 !important;

    margin: 5px 0 15px !important;

  }



  .column .block.v2.hostels .item {

    background: white;

    padding: 10px 5px;

    margin: 0;

  }



  .column .block.v2.hostels .item:not(:last-child) {

      margin-bottom: 10px !important;

  }



  .column .block.v2.hostels .item .title_h_m {

    margin: 0;

    margin-bottom: 5px;

  }



  .column .block.v2.hostels .item .title_h_m:nth-child(2) {

    margin-bottom: 10px;

  }



  .column .block.v2.hostels .item .title_h_m + a {

    display: block;

    margin-bottom: 10px;

  }



  .column .block.v2.hostels .item .title_h_m + a > img {

    margin: 0;

    display: block;

    width: 100%;

    height: 100%;

  }



  .column .block.v2.hostels .new-price {

    font: bold 16px sans-serif;

  }



  .column .block.v2 #contact_socials3 {

    padding: 10px 5px;

  }



  .column .block.v2.soc {

    padding-right: 0;

    padding-left: 0;

  }



  .column .block.v2.opros span {

    padding: 0;

  }



  .column .block.v2.opros .wp-polls {

      background-color: #ffffff;

      padding: 10px 0;

  }



  .column .block.v2.opros .form-item label {

    max-width: 140px;

  }



  /* ohO_oho Custom [http://pashog.net] BEGIN */

.oho-header {

    background: url(./images/oho-header-bg.jpg) top center no-repeat;

    height: 410px;

    width: 1000px;

    margin: 0 auto;

    position: relative;

}



    .oho-header-logo {

        display: inline-block;

        float: left;

    }



        .oho-header-logo img {

            max-height: 78px;

            margin-left: 14px;

            margin-top: 10px;

        }



    .oho-header-nav {

        display: inline-block;

        float: right;

        text-align: right;

        margin: 10px 17px;

    }



        .oho-header-nav .oho-header-menu {

            display: inline-block;

            border-bottom: 1px solid #c3c3c2;

            padding: 7px 0 13px 0;

            vertical-align: top;

        }



            .oho-header-nav .oho-header-menu li {

                float: left;

            }

            /*фиксация меню*/
            #menu.default {
               width: 970px;
                margin: 0 auto;
            }

            #menu.fixed {
              position:fixed;
              top:0; left:50;
              width: 1000px;
              margin: 0 auto;
              z-index: 10000000;
              background-color: #fff;
            }



            .oho-header-nav .oho-header-menu li:not(:last-child)::after {

                content: "|";

                color: #bfbfbf;

                margin: 0 3px;

            }



                .oho-header-nav .oho-header-menu li a {

                    color: #000;

                    text-decoration: none;

                    font-size: 12px;

                    font-family: Roboto-Light, Tahoma, sans-serif;

                    letter-spacing: 0.6pt;

                }



                .oho-header-nav .oho-header-menu li a:hover {

                    text-decoration: underline;

                }



        .oho-header-nav .oho-header-callback {

            cursor: pointer;

            display: inline-block;

            border: 2px solid #ffca00;

            height: 20px;

            width: 166px;

            padding: 5px 0 0 38px;

            background: #fff url(./images/oho-header-callback.png) 9px center no-repeat;

            font-size: 11px;

            font-family: Roboto-Light, Tahoma, sans-serif;

            letter-spacing: 0.7pt;

            text-align: left;

            vertical-align: top;

        }



    .oho-header-girl {

        background: url(./images/oho-header-girl.png) top left no-repeat;

        position: absolute;

        bottom: 72px;

        height: 213px;

        width: 280px;

        left: 60px;

        z-index: 10;

    }



    .oho-header-blocks {

        position: absolute;

        right: 46px;

        top: 135px;

    }



        .oho-header-blocks > div {

            height: 174px;

            width: 269px;

            position: relative;

            display: inline-block;

        }



            .oho-header-blocks > div div {

                color: #ffce00;

                display: inline-block;

                font-family: Roboto, Tahoma, sans-serif;

                font-size: 14px;

                font-weight: bold;

                height: 32px;

                letter-spacing: 2px;

                line-height: 32px;

                position: absolute;

                right: 1px;

                text-align: center;

                width: 210px;

            }



            .oho-header-blocks > div ul {

                position: absolute;

                top: 45px;

                right: 1px;

                width: 210px;

            }



                .oho-header-blocks > div ul li {

                    background: url("./images/oho-header-list.png") left center no-repeat;

                    list-style-type: none;

                    margin-left: 8px;

                    line-height: 1;

                    font-weight: bold;

                    font-family: Roboto, Tahoma, sans-serif;

                    font-size: 13px;

                    letter-spacing: 0.7pt;

                    padding-left: 20px;

                    margin-bottom: 8px;

                }



        .oho-header-block-1 {

            background: url(./images/oho-header-block-1.png) top right no-repeat;

        }





        .oho-header-block-2 {

            background: url(./images/oho-header-block-2.png) top left no-repeat;

            margin-left: 16px;

        }



            .oho-header-block-2 div {

                right: initial !important;

                left: 2px;

            }



            .oho-header-block-2 ul {

                right: initial !important;

                left: 2px;

            }



    .oho-header-form-wrapper {

        position: absolute;

        height: 76px;

        border-top: 2px solid #ff1327;

        bottom: 0;

        width: 1000px;

        background-color: #ffc300;

        text-align: center;

    }



        .oho-header-form {

            display: inline-block;

            margin-top: 19px;

        }



            .oho-header-form input {

              border: 1px solid #00f;

              height: 36px;

              width: 280px;

              color: #006df0;

              font-size: 14px;

              font-family: Roboto, Tahoma, sans-serif;

              font-weight: bold;

              padding: 0 0 0 38px;

              margin: 0 1px;

            }



            .oho-header-form input::-webkit-input-placeholder {

                color:#006df0;

                letter-spacing: 2px;

            }



            .oho-header-form input::-moz-placeholder {

                color:#006df0;

                letter-spacing: 2px;

            }



            .oho-header-form input:-moz-placeholder {

                color:#006df0;

                letter-spacing: 2px;

            }



            .oho-header-form input:-ms-input-placeholder {

                color:#006df0;

                letter-spacing: 2px;

            }



            .oho-header-form input[type=text] {

                background: #fff url(./images/oho-header-name.png) 9px center no-repeat;

            }



            .oho-header-form input[type=email] {

                background: #fff url(./images/oho-header-email.png) 8px center no-repeat;

            }



            .oho-header-form input[type=tel] {

                background: #fff url(./images/oho-header-phone.png) 8px center no-repeat;

            }



            .oho-header-form input[type=submit] {

                background-color: #006df0;

                height: 38px;

                width: 250px;

                color: #fff;

                padding: 0;

                letter-spacing: 2px;

            }

/* ohO_oho Custom [http://pashog.net] END */


.select-metro a.current {
  display: none!important;
}
.oho-header-form input[type=number] {
    background: #fff url(./images/oho-header-phone.png) 8px center no-repeat;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.oho-header-phone a {
margin-left:10px}
.oho-header-phone {
display:flex;
justify-content:center;

}