html {
    height: 100%;
    min-height: 100%;
}

body {
    background: #fcfbf9;
    height: 100%;
    min-height: 100%;
    line-height: 19px;
    font-size: 13px;
    font-family: "Segoe UI", "Ubuntu", "Roboto", "Helvetica Neue", "Open Sans", "Arial", sans-serif;
    color: #333333;
}

h1 {
    color: #565859;
    font-family: 'PT Sans', 'Open Sans', sans-serif;
    font-size: 1.4375em;
    font-weight: normal;
    text-transform: uppercase;
}

h2 {
    color: #2e2e2e;
    font-size: 1em;
    font-weight: bold;
}

h3 {
    color: #2e2e2e;
    font-size: 0.8125em;
    font-weight: bold;
}

h4 {
    font-style: italic;
    font-weight: normal;
    margin: 8px 0;
}

a {
    color: #d32f52;
}

a:hover {
    color: #f10739;
}

p {
    margin: 18px 0;
}

p.nomargin {
    margin: 0 0 18px;
}

.clearfix {
    clear: both;
}

@font-face {
    font-family: 'Flow';
    src: url('../fonts/Flow.eot');
    src: local('☺'), url('../fonts/Flow.woff') format('woff'), url('../fonts/Flow.ttf') format('truetype'), url('../fonts/Flow.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

label {
    display: inline-block;
}

button {
    cursor: pointer;
}

button:active, button:focus{
    padding: 0;
    margin: 0;
    outline: 0;
    overflow: hidden;
}

input {
    display: inline-block;
    background: #fff;
    border: 1px solid #d7d7d7;
    padding: 0 6px;
    height: 34px;
    line-height: 34px;
    color: #898989;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #898989;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #898989;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

textarea {
    border: 1px solid #d7d7d7;
    padding-left: 10px;
    color: #898989;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    resize: none;
}

.container {
    height: auto !important;
    margin: 0 auto -96px;
    min-height: 100%;
    position: relative;
    z-index: 2;
}

.wrapper {
    width: 100%;
    max-width: 1020px;
    margin: 0 auto;
}

.button {
    display: inline-block;
    border-bottom: 1px solid #ce284b;
    height: 42px;
    line-height: 42px;
    padding: 0 32px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

a.button {
    background: rgb(224,60,94); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(224,60,94,1) 0%, rgba(216,52,86,1) 22%, rgba(183,19,54,1) 78%, rgba(174,10,45,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,60,94,1)), color-stop(22%,rgba(216,52,86,1)), color-stop(78%,rgba(183,19,54,1)), color-stop(100%,rgba(174,10,45,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(224,60,94,1) 0%,rgba(216,52,86,1) 22%,rgba(183,19,54,1) 78%,rgba(174,10,45,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(224,60,94,1) 0%,rgba(216,52,86,1) 22%,rgba(183,19,54,1) 78%,rgba(174,10,45,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(224,60,94,1) 0%,rgba(216,52,86,1) 22%,rgba(183,19,54,1) 78%,rgba(174,10,45,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(224,60,94,1) 0%,rgba(216,52,86,1) 22%,rgba(183,19,54,1) 78%,rgba(174,10,45,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03c5e', endColorstr='#ae0a2d',GradientType=0 ); /* IE6-9 */
}

a.button:hover {
    border-bottom: 1px solid #d73b5b;
    color: #fff;
    background: rgb(243,98,129); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(243,98,129,1) 0%, rgba(234,89,119,1) 24%, rgba(200,55,86,1) 83%, rgba(193,49,79,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,98,129,1)), color-stop(24%,rgba(234,89,119,1)), color-stop(83%,rgba(200,55,86,1)), color-stop(100%,rgba(193,49,79,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(243,98,129,1) 0%,rgba(234,89,119,1) 24%,rgba(200,55,86,1) 83%,rgba(193,49,79,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(243,98,129,1) 0%,rgba(234,89,119,1) 24%,rgba(200,55,86,1) 83%,rgba(193,49,79,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(243,98,129,1) 0%,rgba(234,89,119,1) 24%,rgba(200,55,86,1) 83%,rgba(193,49,79,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(243,98,129,1) 0%,rgba(234,89,119,1) 24%,rgba(200,55,86,1) 83%,rgba(193,49,79,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36281', endColorstr='#c1314f',GradientType=0 ); /* IE6-9 */
}

a.button:active {
    border-bottom: 1px solid #cd435f;
    color: #d3d3d3;
    background: rgb(122,14,36); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(122,14,36,1) 0%, rgba(131,23,45,1) 24%, rgba(161,53,75,1) 76%, rgba(171,63,86,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,14,36,1)), color-stop(24%,rgba(131,23,45,1)), color-stop(76%,rgba(161,53,75,1)), color-stop(100%,rgba(171,63,86,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(122,14,36,1) 0%,rgba(131,23,45,1) 24%,rgba(161,53,75,1) 76%,rgba(171,63,86,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(122,14,36,1) 0%,rgba(131,23,45,1) 24%,rgba(161,53,75,1) 76%,rgba(171,63,86,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(122,14,36,1) 0%,rgba(131,23,45,1) 24%,rgba(161,53,75,1) 76%,rgba(171,63,86,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(122,14,36,1) 0%,rgba(131,23,45,1) 24%,rgba(161,53,75,1) 76%,rgba(171,63,86,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a0e24', endColorstr='#ab3f56',GradientType=0 ); /* IE6-9 */
}

.title {
    color: #d80b36;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 28px;
}

/* Header */
header {
    margin: 0;
}

header .wrapper {
    width: 100%;
    max-width: 940px;
    padding: 0 40px;
}

.topline {
    border-bottom: 1px solid #ce284b;
    height: 39px;
    line-height: 36px;
    position: relative;
    z-index: 100;
    background: rgb(222,58,93); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(222,58,93,1) 0%, rgba(217,53,87,1) 16%, rgba(180,16,50,1) 84%, rgba(174,10,45,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,58,93,1)), color-stop(16%,rgba(217,53,87,1)), color-stop(84%,rgba(180,16,50,1)), color-stop(100%,rgba(174,10,45,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(222,58,93,1) 0%,rgba(217,53,87,1) 16%,rgba(180,16,50,1) 84%,rgba(174,10,45,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(222,58,93,1) 0%,rgba(217,53,87,1) 16%,rgba(180,16,50,1) 84%,rgba(174,10,45,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(222,58,93,1) 0%,rgba(217,53,87,1) 16%,rgba(180,16,50,1) 84%,rgba(174,10,45,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(222,58,93,1) 0%,rgba(217,53,87,1) 16%,rgba(180,16,50,1) 84%,rgba(174,10,45,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3a5d', endColorstr='#ae0a2d',GradientType=0 ); /* IE6-9 */
}

.logo {
    display: block;
    float: left;
    background: url("../images/logo.png") no-repeat;
    height: 27px;
    width: 104px;
    margin-top: 5px;
}

.entrance {
    float: right;
}

.topline a {
    color: #fff;
    font-size: 16px;
}

.topline a:hover {
    color: #fe98a9;
}

.entrance a {
    display: inline-block;
    margin-left: 21px;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}

.authorized a {
    margin-left: 27px;
    font-family: 'PT Sans', sans-serif;
}

.entrance .exit {
    font-weight: normal;
}

.authorized img {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-left: 1px;
    vertical-align: middle;
}

.line {
    background: #94112c;
    height: 1px;
}

.promo {
    height: 584px;
    position: relative;
    color: #284241;
    font-size: 22px;
}

.pic_1 {
    background: -moz-linear-gradient(top,  rgba(193,227,212,0.99) 0%, rgba(189,225,209,0.99) 1%, rgba(189,225,208,0.99) 2%, rgba(202,231,219,0.99) 12%, rgba(229,242,233,0.99) 36%, rgba(236,246,237,0.99) 50%, rgba(236,246,235,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,227,212,0.99)), color-stop(1%,rgba(189,225,209,0.99)), color-stop(2%,rgba(189,225,208,0.99)), color-stop(12%,rgba(202,231,219,0.99)), color-stop(36%,rgba(229,242,233,0.99)), color-stop(50%,rgba(236,246,237,0.99)), color-stop(100%,rgba(236,246,235,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(193,227,212,0.99) 0%,rgba(189,225,209,0.99) 1%,rgba(189,225,208,0.99) 2%,rgba(202,231,219,0.99) 12%,rgba(229,242,233,0.99) 36%,rgba(236,246,237,0.99) 50%,rgba(236,246,235,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(193,227,212,0.99) 0%,rgba(189,225,209,0.99) 1%,rgba(189,225,208,0.99) 2%,rgba(202,231,219,0.99) 12%,rgba(229,242,233,0.99) 36%,rgba(236,246,237,0.99) 50%,rgba(236,246,235,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(193,227,212,0.99) 0%,rgba(189,225,209,0.99) 1%,rgba(189,225,208,0.99) 2%,rgba(202,231,219,0.99) 12%,rgba(229,242,233,0.99) 36%,rgba(236,246,237,0.99) 50%,rgba(236,246,235,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(193,227,212,0.99) 0%,rgba(189,225,209,0.99) 1%,rgba(189,225,208,0.99) 2%,rgba(202,231,219,0.99) 12%,rgba(229,242,233,0.99) 36%,rgba(236,246,237,0.99) 50%,rgba(236,246,235,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc1e3d4', endColorstr='#ecf6eb',GradientType=0 ); /* IE6-9 */
}

.pic_2 {
    background: -moz-linear-gradient(top,  rgba(106,198,215,0.99) 0%, rgba(108,200,216,0.99) 3%, rgba(126,205,221,0.99) 14%, rgba(163,222,231,0.99) 30%, rgba(179,230,235,0.99) 35%, rgba(194,237,238,0.99) 45%, rgba(200,239,237,0.99) 53%, rgba(199,239,236,1) 95%, rgba(201,239,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,198,215,0.99)), color-stop(3%,rgba(108,200,216,0.99)), color-stop(14%,rgba(126,205,221,0.99)), color-stop(30%,rgba(163,222,231,0.99)), color-stop(35%,rgba(179,230,235,0.99)), color-stop(45%,rgba(194,237,238,0.99)), color-stop(53%,rgba(200,239,237,0.99)), color-stop(95%,rgba(199,239,236,1)), color-stop(100%,rgba(201,239,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(106,198,215,0.99) 0%,rgba(108,200,216,0.99) 3%,rgba(126,205,221,0.99) 14%,rgba(163,222,231,0.99) 30%,rgba(179,230,235,0.99) 35%,rgba(194,237,238,0.99) 45%,rgba(200,239,237,0.99) 53%,rgba(199,239,236,1) 95%,rgba(201,239,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(106,198,215,0.99) 0%,rgba(108,200,216,0.99) 3%,rgba(126,205,221,0.99) 14%,rgba(163,222,231,0.99) 30%,rgba(179,230,235,0.99) 35%,rgba(194,237,238,0.99) 45%,rgba(200,239,237,0.99) 53%,rgba(199,239,236,1) 95%,rgba(201,239,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(106,198,215,0.99) 0%,rgba(108,200,216,0.99) 3%,rgba(126,205,221,0.99) 14%,rgba(163,222,231,0.99) 30%,rgba(179,230,235,0.99) 35%,rgba(194,237,238,0.99) 45%,rgba(200,239,237,0.99) 53%,rgba(199,239,236,1) 95%,rgba(201,239,238,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(106,198,215,0.99) 0%,rgba(108,200,216,0.99) 3%,rgba(126,205,221,0.99) 14%,rgba(163,222,231,0.99) 30%,rgba(179,230,235,0.99) 35%,rgba(194,237,238,0.99) 45%,rgba(200,239,237,0.99) 53%,rgba(199,239,236,1) 95%,rgba(201,239,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6ac6d7', endColorstr='#c9efee',GradientType=0 ); /* IE6-9 */
}

.promo-wrap {
    height: 584px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.pic_1 .promo-wrap {
    background: url("../images/fon.png") no-repeat center bottom;
}

.pic_2 .promo-wrap {
    background: url("../images/pic_2_no_men.png") no-repeat center bottom;
}

.promo-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.pic_1 .promo-bg {
    background: url("../images/titl.png") repeat-x center bottom;
}

.pic_2 .promo-bg {
    background: url("../images/pic_2_titl.png") repeat-x center bottom;
}

.bg-people {
    position: absolute;
}

.promo .wrapper {
    padding-left: 31px;
    position: relative;
    width: 100%;
    max-width: 909px;
}

.main_page .promo .wrapper {
    height: 584px;
}

.pic_1 .bg-people {
    background: url("../images/men_1.png") no-repeat;
    height: 461px;
    width: 615px;
    bottom: 93px;
    right: -26px;
}

.pic_2 .bg-people {
    background: url("../images/men_2.png") no-repeat;
    height: 428px;
    width: 162px;
    bottom: 79px;
    right: 187px;
}

.slogan {
    line-height: 26px;
    width: 488px;
    padding-top: 92px;
}

.slogan span {
    display: block;
    line-height: 24px;
    padding-bottom: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 28px;
}

.slogan .button {
    -moz-boz-shadow: 0 2px 4px #a89695;
    -webkit-box-shadow: 0 2px 4px #a89695;
    -o-box-shadow: 0 2px 4px #a89695;
    box-shadow: 0 2px 4px #a89695;
}

.promo .button {
    margin-top: 16px;
    font-family: "Segoe UI", "Ubuntu", "Roboto", "Helvetica Neue", "Open Sans", "Arial", sans-serif;
}
/* End Header */

/* Main */
section {
    margin: 0;
}

.main {
    padding-top: 48px;
    padding-bottom: 186px;
}

.main .wrapper {
    width: 100%;
    max-width: 940px;
    padding: 0 40px;
}

.concept {
    line-height: 22px;
    padding-top: 78px;
    font-size: 18px;
}

.concept.type_1.first {
    padding-top: 0;
}

.concept-text {
    float: left;
    padding-left: 38px;
    padding-top: 52px;
    width: 372px;
}

.type_2 .concept-text {
    padding-left: 48px;
    padding-top: 41px;
}

.concept p {
    margin: 18px 0 9px;
}

.preview {
    float: left;
    width: 470px;
}

.preview img {
    display: inline-block;
    max-width: 470px;
    -moz-boz-shadow: -2px 3px 6px #cfd0cf;
    -webkit-box-shadow: -2px 3px 6px #cfd0cf;
    -o-box-shadow: -2px 3px 6px #cfd0cf;
    box-shadow: -2px 3px 6px #cfd0cf;
}

.type_1 .preview {
    float: right;
    text-align: right;
}

.concept .title {
    padding-bottom: 11px;
    font-size: 26px;
}

.arrow {
    position: relative;
    color: #b0afae;
    font-family: 'Flow', cursive;
    font-size: 20px;
}

.arrow:before {
    display: block;
    background: url("../images/sprites.png") no-repeat;
    content: " ";
    width: 67px;
    height: 61px;
    position: absolute;
    left: -38px;
    top: 11px;
}

.type_1 .arrow {
    float: right;
    padding-right: 28px;
}

.type_2 .arrow {
    padding-top: 16px;
    padding-left: 27px;
}

.type_2 .arrow:before {
    float: left;
    background-position: -69px 0;
    left: 8px;
    top: 25px;
}
/* End Main */

/* Footer */
footer {
    background: #fff;
    border-top: 1px solid #e1e1e1;
    height: 66px;
    margin: 0;
    padding-top: 30px;
    position: relative;
    z-index: 10;
}

footer a {
    color: #838383;
}

footer a:hover {
    color: #d32f52;
}

.menu {
    float: left;
    width: 460px;
    padding-top: 11px;
}

.copyright {
    display: inline-block;
    vertical-align: top;
}

.menu ul {
    display: inline-block;
    padding-left: 50px;
    vertical-align: top;
}

.menu ul li {
    display: inline-block;
    padding: 0 7px;
}

.socials {
    float: left;
    width: 355px;
    padding-top: 13px;
    padding-left: 50px;
}

.socials a {
    display: inline-block;
    height: 20px;
    margin: 0 9px;
}

.facebook {
    background: url("../images/facebook.png") no-repeat;
    width: 84px;
}

.google {
    background: url("../images/google.png") no-repeat;
    width: 77px;
}

.twitter {
    background: url("../images/twitter.png") no-repeat;
    width: 96px;
}

.pixel {
    display: block;
    float: right;
    background: url("../images/pixel.png") no-repeat top right;
    width: 35px;
    height: 41px;
    line-height: 41px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}
/* End footer */

/* Popup */
.popup {
    display: none;
    background: transparent;
    width: 340px;
    margin: 0 auto;
}

.errors {
    display: none;
    background: #f9abab;
    margin-bottom: 12px;
    padding: 12px 0 10px;
    position: absolute;
    top: -65px;
    width: 340px;
    text-align: center;
    color: #232323;
    font-size: 13px;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    z-index: 20;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.errors label {
    font-size: 13px;
}

.popup-container {
    background: #f2f2f2;
    width: 340px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-family: 'PT Sans', sans-serif;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.popup-title {
    border-bottom: 1px solid #d7d7d7;
    padding: 26px 15px 16px;
    font-weight: bold;
    font-size: 18px;
}

.popup-content {
    border-top: 1px solid #fff;
    padding: 6px 33px 24px;
}

#register .popup-content {
    padding-bottom: 34px;
}

.popup p {
    margin: 13px 0;
}

.popup input {
    width: 256px;
    text-align: center;
    font-size: 16px;
}

.popup input::-webkit-input-placeholder, .popup textarea::-webkit-input-placeholder {
    font-size: 16px;
}

.popup input:-moz-placeholder, .popup textarea:-moz-placeholder {
    font-size: 16px;
}

.checkbox, .radio {
    display: block;
    clear: left;
    float: left;
}

.radio {
    width: 16px;
    height: 16px;
    padding: 0 8px 0 0;
    background: url(../images/radio.png) no-repeat;
}

.checkbox {
    width: 21px;
    height: 21px;
    padding: 0 12px 0 0;
    background: url(../images/checkbox.png) no-repeat;
}

.popup .radio {
    width: 16px;
}

.popup .field p {
    display: inline-block;
    margin: 13px 0;
    padding-left: 33px;
}

.radios p:first-child {
    padding-left: 0;
}

.radios {
    max-height: 34px;
}

.radios label {
    position: relative;
    top: -3px;
}

.popup label {
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
}

input[type="submit"], button {
    border: none;
    width: auto;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    -webkit-appearance: none;
    /*--webkit-appearance: none;
    --moz-appearance: none;*/
}

.button_red {
    display: inline-block;
    background: #d32f52;
    padding: 0 22px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

input[type="submit"]:hover, .button_red:hover {
    background: #f9577a;
    border: none;
    color: #fff;
}

input[type="submit"]:active, .button_red:active {
    background: #a8223f;
    border: none;
    color: #fff;
}

.none-active, .none-active:hover, .none-active:active {
    background: #d7d7d7;
    cursor: default;
}

.popup input[type="submit"] {
    margin-top: 5px;
}

.social-entrance {
    border-top: 1px solid #d7d7d7;
    margin-top: 31px;
}

.entrance-title {
    border-top: 1px solid #fff;
    text-align: center;
    color: #232323;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.entrance-title span {
    display: inline-block;
    background: #f2f2f2;
    padding: 0 12px;
    position: relative;
    top: -12px;
}

.social-links {
    padding-top: 3px;
    padding-left: 21px;
}

.social-links a {
    display: block;
    float: left;
    height: 43px;
    width: 43px;
    margin: 0 8px;
}

.fb {
    background: url("../images/sprites.png") no-repeat 0 -63px;
    height: 42px;
    width: 42px;
}

.fb:hover {
    background-position: 0 -107px;
}

.fb:active {
    background-position: 0 -151px;
}

.vk {
    background: url("../images/sprites.png") no-repeat -44px -62px;
}

.vk:hover {
    background-position: -44px -107px;
}

.vk:active {
    background-position: -44px -151px;
}

.tw {
    background: url("../images/sprites.png") no-repeat -89px -62px;
}

.tw:hover {
    background-position: -89px -107px;
}

.tw:active {
    background-position: -89px -151px;
}

.mail {
    background: url("../images/sprites.png") no-repeat -134px -62px;
}

.mail:hover {
    background-position: -134px -107px;
}

.mail:active {
    background-position: -134px -151px;
}

.close {
    display: block;
    height: 28px;
    width: 28px;
    text-align: center;
    position: absolute;
    right: 4px;
    top: 4px;
}

.close span {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat -138px 0;
    height: 12px;
    width: 12px;
    margin-top: 5px;
    vertical-align: middle;
}

.close:hover span {
    background-position: -138px -14px;
}

.close:active span {
    background-position: -138px -28px;
}

#entrance .popup-title {
    border-bottom: none;
    padding-top: 32px;
    padding-bottom: 9px;
}

#entrance .popup-content {
    border-top: none;
}

#entrance p {
    margin: 13px 0 9px;
}

.popup .forget, #entrance .forget {
    margin: 3px 0 7px;
}

.forget-pass {
    display: inline-block;
    font-size: 13px;
}

#entrance input[type="submit"] {
    padding: 0 35px;
}

#entrance .social-entrance {
    margin-top: 41px;
}

.popup-bottom {
    background: #e0e0e0;
    padding: 18px 20px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

#recover-password .popup-content {
    border-bottom: 1px solid #d7d7d7;
    padding-top: 10px;
    padding-bottom: 27px;
}

#recover-password .popup-bottom {
    border-top: 1px solid #fff;
    padding: 21px 20px 18px;
}
/* End Popup */

/* Popup type-2 */
.type-2 .popup-container {
    background: #fff;
    text-align: left;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

#gallery.popup {
    width: 700px;
}

#gallery .popup-container {
    width: 700px;
}

.popup-top {
    font-size: 18px;
}

.popup-top .amount {
    font-size: 18px;
}

.popup .wrap {
    padding-top: 17px;
    padding-bottom: 16px;
}

.popup-slider {
    margin-top: 14px;
    width: 660px;
    position: relative;
}

.p-slide {
    float: left;
    width: 660px;
}

.slide-pic {
    height: 495px;
    text-align: center;
}

.slide-pic img {
    display: inline-block;
    max-width: 660px;
    max-height: 495px;
}

.slide-info {
    margin-top: 13px;
}

.slide-comment {
    float: left;
    width: 560px;
    font-size: 14px;
}

.add-caption {
    display: inline-block;
    border-bottom: 1px dotted #cccccc;
    color: #000;
    font-style: italic;
    text-decoration: none;
}

.add-caption:hover {
    border-bottom: 1px dotted #f10739;
}

.add-caption-form {
    display: none;
    float: left;
    width: 560px;
}

.add-caption-form input {
    width: 328px;
    height: 26px;
    line-height: 26px;
    text-align: left;
    font-size: 14px;
    color: #707070;
}

.add-caption-form input::-webkit-input-placeholder {
    font-size: 14px;
    color: #707070;
}

.add-caption-form input:-moz-placeholder {
    font-size: 14px;
    color: #707070;
}

.add-caption-buttons {
    display: inline-block;
    margin-left: 7px;
}

.popup .add-caption-buttons .save {
    margin-right: 5px;
    padding: 0 12px;
}

.add-caption-buttons .cancel {
    border-bottom: 1px solid #d32f52;
    margin-top: 5px;
    color: #d32f52;
    font-size: 14px;
}

.add-caption-buttons .cancel:hover {
    border-bottom: 1px solid #f10739;
}


.slide-info .rate {
    float: right;
    width: 80px;
}

.edit-button {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -192px -242px;
    height: 15px;
    width: 14px;
    margin-left: 10px;
    position: relative;
    top: 4px;
}

.edit-button:hover {
    background-position: -192px -142px;
}

.edit-button:active {
    background-position: -192px -159px;
}

.my-ava {
    float: left;
    width: 37px;
    margin-top: 1px;
}

.my-ava img {
    display: block;
    width: 37px;
    height: 37px;
}

.popup .comments {
    padding-top: 20px;
    padding-bottom: 0;
}

.comments .fill-form {
    width: 613px;
    margin-left: 8px;
}

.comments .fill-form textarea {
    width: 592px;
    height: 72px;
}

.popup.type-2 .button_red {
    height: 31px;
    line-height: 30px;
    padding: 0 18px;
    font-family: 'PT Sans', sans-serif;
}

.popup .comment {
    border: none;
}

.add-comment-but {
    margin-top: 10px;
}

.popup .comment {
    padding: 15px 0 10px;
}

.popup .comment:first-child {
    padding: 20px 0 10px;
}

.popup .comment .user {
    float: none;
}

.popup .more-button {
    margin: 15px auto 0;
}

#upload-file.popup {
    width: 510px;
}

#upload-file .popup-container {
    width: 510px;
}

.popup-text {
    padding-top: 13px;
    font-size: 14px;
}

.uploading-place {
    background: #f9f9f9;
    border: 1px dashed #d7d7d7;
    margin-top: 15px;
    min-height: 64px;
    padding: 17px 20px;
}

.result {
    margin-top: 20px;
}

.upload-link {
    position: relative;
    overflow: hidden;
}

.upload-link input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

#files > div {
    display: inline-block;
    width: 80px;
    margin-top: 15px;
    margin-left: 10px;
    position: relative;
}

#files > div:first-child {
    margin-left: 0;
}

.btn.btn-primary {
    margin-top: 20px;
    margin-bottom: 5px;
}

#files p {
    margin: 0;
}

.btn.btn-warning.cancel {
    background: #fff;
    display: block;
    border: none;
    height: 14px;
    width: 14px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 99;
}

.btn.btn-warning.cancel:before {
    display: block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -179px -173px;
    content: " ";
    height: 7px;
    width: 7px;
    margin-top: 3px;
    margin-left: 4px;
}

.btn.btn-warning.cancel:hover:before {
    background-position: -179px -182px;
}

.btn.btn-warning.cancel:active:before {
    background-position: -190px -177px;
}


#files canvas {
    position: relative;
    z-index: 1;
}

/* End Popup type-2 */

/* Secondary */
.secondary {
    background: #f9f7f3;
}

.secondary .main {
    padding-top: 0;
    padding-bottom: 132px;
}

.secondary .main .wrapper {
    padding: 0;
    width: 100%;
    max-width: 1020px;
}

/* Aside */
aside {
    float: left;
    margin: 0;
    width: 200px;
    color: #232323;
}

.content {
    float: left;
    background: #fff;
    width: 816px;
    font-family: 'PT Sans', sans-serif;
}

.secondary .content {
    border-left: 1px solid #f0ede8;
    border-right: 1px solid #f0ede8;
    border-bottom: 1px solid #f0ede8;
    min-height: 700px;
}

.tabs-menu {
    padding-top: 10px;
    font-family: 'PT Sans', sans-serif;
}

.tab {
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    padding: 9px 20px 7px 39px;
    cursor: pointer;
}

.tab a {
    text-decoration: none;
    color: #232323;
}

.tab a:hover {
    color: #d32f52;
}

.tab.current {
    background: #fff;
    border-bottom: 1px solid #F0EDE8;
    border-left: 1px solid #F0EDE8;
    border-top: 1px solid #F0EDE8;
    position: relative;
    color: #d32f52;
    cursor: default;
}

.tab.current a {
    color: #d32f52;
    cursor: default;
}

.tab.current:after {
    display: inline-block;
    background: #fff;
    content: " ";
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    z-index: 99;
}

.tab.current:hover  {
    color: #d32f52;
}

/* Таб Мои вопросы */
.sub-tabs-top {
    background: #f9f7f3;
    border-bottom: 1px solid #f0ede8;
    height: 59px;
    line-height: 60px;
    position: relative;
    font-size: 14px;
}

.border-right {
    background: #F9F7F3;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    z-index: 20;
}

.sub-tabs-menu {
    float: left;
    width: 480px;
    position: relative;
    left: -1px;
}

.sub-tab {
    display: inline-block;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding: 0 20px;
    cursor: pointer;
}

.sub-tab:hover {
    color: #d32f52;
}

.sub-tab span {
    display: inline-block;
    border-bottom: 1px dotted #232323;
    line-height: 15px;
}

.sub-tab:hover span {
    border-bottom: 1px dotted #d32f52;
}

.sub-tab:first-child {
    border-left: 1px solid #F9F7F3;
}

.sub-tab.current {
    background: #fff;
    border-left: 1px solid #f0ede8;
    border-right: 1px solid #f0ede8;
    color: #d32f52;
    cursor: default;
}

.sub-tab.current:hover {
    color: #d32f52;
}

.sub-tab.current span {
    border: none;
}

.sort-buttons {
    float: left;
    width: 299px;
}

.sort-button {
    display: block;
    background: #fff;
    float: left;
    height: 26px;
    line-height: 25px;
    margin-top: 18px;
    margin-left: 8px;
    padding: 0 8px 0 12px;
    color: #232323;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px
}

.sort-button .arr {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -225px 0;
    height: 8px;
    width: 5px;
}

.sort-button:hover .arr {
    background-position: -225px -10px;
}

.sort-button.sorted .arr {
    background-position: -225px -20px;
}

.sort-button.sorted:hover .arr {
    background-position: -225px -30px;
}

.pane .button_red {
    height: 31px;
    line-height: 31px;
}

.sort-buttons .button_red {
    float: right;
    margin-top: 15px;
    padding: 0 19px;
}

.wrap {
    padding-top: 26px;
    padding-bottom: 26px;
}

.inner-wrap {
    padding-left: 20px;
    padding-right: 20px;
}

.my-questions-block .wrap {
    padding: 31px 0 26px;
}

.item {
    margin-bottom: 20px;
    min-height: 101px;
    padding-bottom: 17px;
}

.picture {
    float: left;
    width: 118px;
    margin-top: 4px;
}

.picture img {
    display: block;
    width: 118px;
    height: 91px;
}

.item-info {
    float: left;
    width: 338px;
    margin-left: 20px;
}

.item-title {
    line-height: 20px;
    font-size: 18px;
}

.date {
    display: block;
    color: #707070;
    font-size: 12px;
}

.my-questions .date {
    padding-top: 5px;
}

.look-at-question {
    display: block;
    margin-top: 9px;
    font-size: 14px;
}

.user {
    display: block;
    width: 140px;
}

.user span {
    display: inline-block;
    vertical-align: top;
}

a.user {
    color: #333333;
    text-decoration: none;
}

a.user:hover {
    color: #f10739;
}

a.user:hover .user-name {
    text-decoration: underline;
}

.item .user {
    float: left;
}

.my-questions .item .user {
    margin-left: 63px;
    margin-top: 3px;
}

.user img {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
}

.user-name {
    display: inline-block;
    /*width: 104px;*/
    line-height: 14px;
    margin-left: 7px;
    padding-top: 4px;
    font-weight: bold;
    font-size: 14px;
    vertical-align: top;
}

.rating {
    color: #c9c9c9;
    font-family: "Segoe UI", "Ubuntu", "Roboto", "Helvetica Neue", "Open Sans", "Arial", sans-serif;
}

.my-questions-block .rating {
    float: left;
    width: 60px;
    margin-left: 20px;
    padding-top: 11px;
    text-align: right;
}

.wrap .button_red {
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.more-button {
    display: block;
    background: #D7D7D7;
    margin: 29px auto 0;
    width: 104px;
}

.bordered {
    border-bottom: 1px solid #F9F7F3;
}

/* Конец Таба Мои вопросы */

/* Таб Поиск по параметрам */
.search-options {
    padding-bottom: 26px;
}

.search-options label {
    font-size: 13px;
}

.search-options p {
    float: left;
    margin:  0 0 0 12px;
}

.search-options p:first-child {
    margin-left: 0;
}

.search-options .checkbox-field {
    margin-left: 24px;
    padding-top: 8px;
}

.search-result {
    padding-bottom: 28px;
}

.result-profiles {
    margin-left: -25px;
    margin-top: -3px;
}

.result-profile {
    float: left;
    width: 169px;
    margin-left: 25px;
    margin-top: 20px;
}

.profile-user {
    float: left;
    width: 120px;
}

.profile-user span {
    display: inline-block;
    vertical-align: top;
}

.rate-star {
    background: url("../images/sprites.png") no-repeat center left;
    background-position: -152px 0;
    width: 15px;
    height: 14px;
    margin-top: 3px;
    cursor: pointer;
}

.rate-star:hover {
    background-position: -152px -16px;
}

.rate-star.rated {
    background-position: -152px -16px;
}

.login {
    font-weight: bold;
    font-size: 14px;
}

.profile-user .login {
    display: inline-block;
    vertical-align: top;
}

a.login {
    color: #333333;
    text-decoration: none;
}

a.login:hover {
    color: #d32f52;
    text-decoration: underline;
}

.profile-user .rate-star {
    margin-right: 5px;
}

.status {
    height: 6px;
    width: 6px;
    margin-top: 7px;
    margin-left: 2px;
}

.user .status {
    margin-top: 8px;
}

.offline {
    background: url("../images/sprites.png") -169px 0 no-repeat;
}

.online {
    background: url("../images/sprites.png") -169px -8px no-repeat;
}

.position {
    float: right;
    width: 45px;
    padding-right: 3px;
    position: relative;
    top: -2px;
    text-align: right;
    color: #707070;
    font-size: 12px;
}

.profile-pic {
    margin-top: 10px;
}

.profile-pic img {
    display: block;
    float: left;
    width: 159px;
    height: 159px;
}

.profile-rating {
    background: url("../images/rating-empty.png") no-repeat;
    float: right;
    width: 5px;
    height: 159px;
    position: relative;
}

.full {
    background: url("../images/rating-full.png") no-repeat bottom;
    width: 5px;
    position: absolute;
    bottom: 0;
}

.level-1 {
    height: 26px;
}

.level-2 {
    height: 52px;
}

.level-3 {
    height: 78px;
}

.level-4 {
    height: 104px;
}

.level-5 {
    height: 131px;
}

.level-6 {
    height: 159px;
}

.profile-buttons {
    margin-top: 6px;
}

.profile-buttons .button_red, .profile-buttons a {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    vertical-align: top;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.profile-buttons .button_red {
    padding: 0 21px;
}

.small-button {
    display: inline-block;
    background: #f5f5f5;
    width: 27px;
    height: 27px;
    line-height: 27px;
    position: relative;
    vertical-align: top;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.small-button:active {
    background: #e0e0e0;
    color: #D32F52;
}

.invite-on-date {
    margin-left: 2px;
}

.invite-on-date:before {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: 0 -223px;
    content: " ";
    width: 20px;
    height: 19px;
    position: absolute;
    bottom: 4px;
    left: 3px;
}

.invite-on-date:hover:before {
    background-position: 0 -244px;
}

.invite-on-date:active:before {
    background-position: 0 -265px;
}

.invite-in-situation {
    margin-left: 3px;
}

.invite-in-situation:before {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -169px -197px;
    content: " ";
    width: 17px;
    height: 17px;
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.invite-in-situation:hover:before {
    background-position: -169px -216px;
}

.invite-in-situation:active:before {
    background-position: -169px -235px;
}

.search-block .more-button {
    margin: 15px auto 0;
}

/* Таб Отвечать на вопросы */
.answer-block {
    padding-bottom: 29px;
}

.answer-counter {
    padding-right: 17px;
}

.answer-counter .user {
    float: left;
    width: 90px;
    padding-top: 1px;
}

.answer-counter .user img {
    width: 23px;
    height: 23px;
}

/*
.answer-counter .user-name {
    width: 56px;
}*/

.number-of-question {
    float: left;
    padding-top: 3px;
    color: #b0b0b0;
    font-style: italic;
    font-family: "Segoe UI", "Ubuntu", "Roboto", "Helvetica Neue", "Open Sans", "Arial", sans-serif;
}

.counter {
    float: right;
    width: 620px;
    padding-top: 11px;
}

.table {
    display: table;
    width: 100%;
}

.table-row {
    display: table-row;
}

.count {
    display: table-cell;
    background: #e9e9e9;
    border-right: 1px solid #fff;
    height: 3px;
    vertical-align: top;
}

.count.filled {
    background: #d32f52;
}

.question-area {
    padding-top: 21px;
}

.question-pic {
    float: left;
    width: 280px;
}

.question-pic img {
    display: block;
    width: 280px;
}

.question {
    float: left;
    width: 450px;
    margin-left: 33px;
}

.question-text {
    line-height: 22px;
    padding-right: 100px;
    padding-top: 2px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 18px;
}

.rate {
    width: 67px;
    text-align: right;
}

.question .rate {
    width: 100px;
    position: absolute;
    right: 8px;
    top: 2px;
}

.rate span, .rate a {
    display: inline-block;
    vertical-align: top;
}

.rate .rating {
    padding-right: 2px;
    font-size: 13px;
}

.question .rate .rating {
    padding-right: 0;
    font-size: 17px;
}

.hand {
    width: 14px;
    height: 16px;
    margin-left: 6px;
    margin-top: 3px;
}

.question .hand {
    width: 16px;
    height: 18px;
    margin-left: 10px;
}

.like {
    background: url("../images/sprites.png") no-repeat -60px -197px;
    background-position: -60px -197px;
}

.like:hover {
    background-position: -60px -215px;
}

.like:active {
    background-position: -60px -233px;
}

.like.clicked {
    background-position: -60px -251px;
}

.question .like {
    background: url("../images/sprites.png") no-repeat;
    background-position: -24px -197px;
}

.question .like:hover {
    background-position: -24px -217px;
}

.question .like:active {
    background-position: -24px -237px;
}

.question .like.clicked {
    background-position: -24px -257px;
}

.dislike {
    background: url("../images/sprites.png") no-repeat;
    background-position: -76px -197px;
}

.dislike:hover {
    background-position: -76px -215px;
}

.dislike:active {
    background-position: -76px -233px;
}

.dislike.clicked {
    background-position: -76px -251px;
}

.question .dislike {
    background: url("../images/sprites.png") no-repeat;
    background-position: -42px -197px;
}

.question .dislike:hover {
    background-position: -42px -217px;
}

.question .dislike:active {
    background-position: -42px -237px;
}

.question .dislike.clicked {
    background-position: -42px -257px;
}

.variants {
    margin-top: 16px;
}

.variants .table {
    border: 1px solid #f5f5f5;
    width: 445px;
}

.cells-bl {
    border-top: 1px solid #f5f5f5;
}

.cells-bl:first-child {
    border-top: none;
}

.cell {
    display: table-cell;
    vertical-align: top;
}

.radio-cell {
    width: 34px;
    padding-top: 13px;
    padding-left: 12px;
    text-align: center;
}

.text-cell {
    border-right: 1px dotted #f5f5f5;
    line-height: 18px;
    width: 232px;
    padding-right: 11px;
    padding-top: 12px;
    padding-bottom: 9px;
    font-size: 15px;
}

.rate-cell {
    width: 150px;
    padding-left: 13px;
    padding-top: 12px;
    padding-right: 11px;
    color: #b0b0b0;
    font-family: "Segoe UI", "Ubuntu", "Roboto", "Helvetica Neue", "Open Sans", "Arial", sans-serif;
}

.rate-num, .rate-line {
    display: inline-block;
    vertical-align: top;
}

.rate-num {
    width: 30px;
}

.rate-line {
    background: #ededed;
    height: 4px;
    max-width: 106px;
    margin-top: 8px;
}

.larger {
    background: #d32f52;
}

.answer-buttons {
    margin-top: 20px;
    padding-left: 2px;
}

.answer-buttons .button_red {
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    font-size: 16px;
}

.end {
    display: inline-block;
    margin-left: 26px;
    margin-top: 12px;
    vertical-align: top;
}

.no-rate .text-cell {
    border: none;
    width: 340px;
}

.no-rate .cells-bl {
    border: none;
}

.no-rate .variants .table {
    border: none;
}

.no-rate .radio-cell {
    padding-top: 0;
}

.no-rate .cells-bl .cell {
    vertical-align: middle;
}

.complete {
    float: right;
    margin-top: 12px;
    margin-right: 18px;
    position: relative;
    color: #b0b0b0;
}

.complete:after {
    display: block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -179px -140px;
    content: " ";
    width: 9px;
    height: 9px;
    position: absolute;
    right: -18px;
    top: 6px;
}

.complete:hover:after {
    background-position: -179px -151px;
}

.preview-button, .next-button {
    display: inline-block;
    background: #d32f52;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
    position: relative;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}

.preview-button:hover, .next-button:hover {
    background: #f9577a;
    color: #fff;
}

.preview-button:active, .next-button:active {
    background: #a8223f;
    color: #fff;
}

.preview-button {
    padding-left: 13px;
    padding-right: 10px;
}

.next-button {
    margin-left: 6px;
    padding-left: 13px;
    padding-right: 15px;
}

.preview-arr, .next-arr {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
}

.preview-arr {
    border-top: 17px solid transparent;
    border-right: 10px solid #d32f52;
    border-bottom: 17px solid transparent;
    left: -10px;
}

.next-arr {
    border-top: 17px solid transparent;
    border-left: 10px solid #d32f52;
    border-bottom: 17px solid transparent;
    right: -10px;
}

.preview-button:hover .preview-arr {
    border-right: 10px solid #f9577a;
}

.preview-button:active .preview-arr {
    border-right: 10px solid #a8223f;
}

.next-button:hover .next-arr {
    border-left: 10px solid #f9577a;
}

.next-button:active .next-arr {
    border-left: 10px solid #a8223f;
}

.title-bl {
    padding: 18px 0 17px;
    font-size: 16px;
    font-weight: bold;
}

.all-comments {
    padding-bottom: 26px;
}

.comment {
    border-bottom: 1px dotted #f9f7f3;
    padding: 15px 20px 10px;
}

.comment:first-child {
    padding: 18px 20px 10px;
}

.comment .user {
    float: left;
    width: auto;
}

.comment .user img {
    height: 23px;
    width: 23px;
}

.comment .user-name {
    width: auto;
    min-width: 47px;
}

.comment .date {
    display: inline-block;
    margin-left: 9px;
    color: #c9c9c9;
    font-size: 13px;
    font-family: "Segoe UI", "Ubuntu", "Roboto", "Helvetica Neue", "Open Sans", "Arial", sans-serif;
}

.comment .rate {
    float: right;
    margin-right: 38px;
}

.comment-text {
    margin-top: 8px;
}

.answer-questions .more-button {
    margin: 32px auto 0;
    position: relative;
    right: 19px;
}

.add-comment {
    padding-top: 27px;
    padding-bottom: 8px;
}

.add-comment textarea {
    display: block;
    width: 587px;
    height: 84px;
}

.add-comment .button_red {
    height: 36px;
    line-height: 36px;
    margin-top: 19px;
}
/* Конец Таба Отвечать на вопросы */

/* Страница Добавить вопрос */
.back {
    display: block;
    margin-top: 4px;
    text-decoration: none;
}

.back i {
    display: inline-block;
    vertical-align: top;
}

.back span {
    display: inline-block;
    margin-left: 6px;
    text-decoration: underline;
    vertical-align: top;
}

.add-block {
    margin-top: 18px;
}

.add {
    display: block;
    float: left;
    background: #f7f7f7;
    width: 279px;
    height: 209px;
    margin-top: 4px;
    text-decoration: none;
}

.add-icon {
    display: block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -92px -197px;
    height: 75px;
    width: 75px;
    margin: 46px auto 0;
}

.add-text {
    display: block;
    padding-top: 8px;
    text-align: center;
    color: #888888;
    font-family: "Segoe UI", "Ubuntu", "Roboto", "Helvetica Neue", "Open Sans", "Arial", sans-serif;
}

.add-info {
    float: left;
    width: 448px;
    margin-left: 34px;
    font-size: 14px;
}

.question-field {
    margin-top: 43px;
}

.add-info label {
    padding-bottom: 8px;
    color: #898989;
}

.add-info textarea {
    width: 433px;
    height: 84px;
    padding-left: 10px;
    color: #232323 ;
}

.add-info input[type='text']::-webkit-input-placeholder, .add-info textarea::-webkit-input-placeholder {
    color: #232323;
}

.add-info textarea:-moz-placeholder, .add-info input[type='text'] {
    color: #232323;
    opacity: 1;
}

.add-info input[type='text'] {
    display: block;
    width: 431px;
    margin-top: 3px;
    margin-bottom: 14px;
    text-align: left;
    color: #232323;
}

.add-info .variant-row input[type='text'] {
    float: left;
    width: 400px;
}

.variant-row .radio-cell {
    float: right !important;
    padding-left: 0;
    padding-top: 13px;
    width: 21px;
}

.question-field p {
    margin: 13px 0;
}

.add-info .button_red {
    margin-top: 11px;
}
/* Конец Страница Добавить вопрос */

/* Таб Моя анкета */
.my-profile .inner-wrap {
    padding-right: 38px;
}

.user-photos-wrap {
    margin-bottom: 9px;
}

.add-photo {
    display: block;
    float: left;
    background: url("../images/add.png") no-repeat center center #f5f5f5;
    width: 114px;
    height: 85px;
}

.photo-text {
    float: left;
    line-height: 14px;
    margin-left: 23px;
    margin-top: 17px;
    width: 300px;
    color: #707070;
    font-style: italic;
}

.my-profile .profile-info-wrap {
    margin-top: 15px;
}

.edit {
    display: inline-block;
    margin-left: 20px;
    position: relative;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

.edit:before {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -192px -125px;
    content: " ";
    width: 14px;
    height: 15px;
    position: absolute;
    left: -20px;
    top: 12px;
}

.edit:hover:before {
    background-position: -192px -142px;
}

.edit span {
    display: inline-block;
    border-bottom: 1px dotted #fff;
    line-height: 15px;
}

.edit:hover span {
    border-bottom: 1px dotted #f10739;;
}

.about-block {
    display: inline-block;
    background: #fefade;
    padding: 7px 10px 6px;
    min-width: 405px;
    font-size: 13px;
}

.description {
    margin-top: 10px;
}

.my-profile .about-content {
    padding-top: 10px;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.my-profile .about-text {
    padding-bottom: 3px;
    font-size: 14px;
}

.my-profile .photos-container {
    padding-right: 8px;
}

.my-profile .h-carousel-wrapper {
    float: left;
    width: 610px;
    margin-left: 10px;
}

.my-profile .b-slide {
    position: relative;
}

.delete-photo {
    display: none;
    background: #fff;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.b-slide:hover .delete-photo {
    display: block;
}

.delete-photo i {
    display: block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -179px -173px;
    height: 7px;
    width: 7px;
    margin-top: 3px;
    margin-left: 4px;
}

.delete-photo:hover i {
    background-position: -179px -182px;
}

.delete-photo:active i {
    background-position: -190px -177px;
}

.locked-popup.confirmation {
    width: 209px;
    font-size: 14px;
}

.confirmation .locked-popup-wrap {
    padding-top: 15px;
}

.confirmation .locked-buttons {
    padding-top: 13px;
}

.locked-popup.confirmation .button_red {
    padding: 0 30px;
}

/* Конец Таб Моя анкета */

/* Редактирование Общей информации */

.profile-top {
    background: #3f879a;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    height: 39px;
    line-height: 39px;
    margin-top: 10px;
    padding-left: 14px;
    padding-right: 19px;
    color: #fff;
    font-size: 16px;
}

.profile-title {
    display: block;
    float: left;
}

.profile-top-buttons {
    float: right;
    font-size: 14px;
}

.cancel {
    display: inline-block;
    border-bottom: 1px dotted #fff;
    line-height: 17px;
    margin-top: 11px;
    margin-left: 7px;
    color: #fff;
    text-decoration: none;
    vertical-align: top;
}

.cancel:hover {
    border-bottom: 1px dotted #f10739;
}

.profile-top-buttons .save {
    height: 27px;
    line-height: 27px;
    margin-right: 5px;
    padding: 0 13px;
}

.profile-information {
    border: 1px solid #f2f2f2;
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 10px;
    color: #707070;
    -moz-boz-shadow: inset 0 -1px 1px #d9d9d9;
    -webkit-box-shadow: inset 0 -1px 1px #d9d9d9;
    -o-box-shadow: inset 0 -1px 1px #d9d9d9;
    box-shadow: inset 0 -1px 1px #d9d9d9;
}

.editing .profile-information {
    padding-top: 0;
}

.profile-information .row {
    float: left;
}

.row.left {
    width: 325px;
}

.row.right {
    width: 317px;
    margin-left: 74px;
}

.profile-information label {
    display: block;
    padding-bottom: 6px;
}

.profile-information .field {
    margin: 17px 0;
}

.profile-information input {
    height: 31px;
    line-height: 31px;
    width: 300px;
    text-align: left;
    color: #232323;
    font-size: 13px;
}

.profile-information input::-webkit-input-placeholder {
    color: #232323;
    font-size: 13px;
}

.profile-information input:-moz-placeholder {
    color: #232323;
    font-size: 13px;
}

.select-row p {
    float: left;
    margin: 0 0 0 13px;
}

.select-row p.first {
    margin: 0;
}

.field.city label {
    padding-bottom: 7px;
}

.note {
    margin: 3px 0;
}

.editing.second .profile-top {
    background: #ee9249;
}

.editing.second .profile-information {
    padding-top: 16px;
}

.editing.second .note {
    margin-top: 14px;
}

.form-row {
    margin-bottom: 5px;
}

.fill-form {
    float: left;
    width: 504px;
}

.examples {
    float: left;
    width: 190px;
    margin-left: 18px;
    padding-top: 21px;
    font-style: italic;
    font-size: 14px;
}

.fill-form textarea {
    width: 482px;
    height: 142px;
    padding-right: 10px;
    padding-top: 4px;
    font-size: 14px;
    color: #232323;
}

.fill-form textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #232323;
}

.fill-form textarea:-moz-placeholder {
    font-size: 14px;
    color: #232323;
}

.number-of-characters {
    display: block;
    line-height: 12px;
    text-align: right;
    font-size: 12px;
    color: #707070;
}

.example-title {

}

.refresh {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -190px -186px;
    height: 12px;
    width: 14px;
    margin-left: 6px;
}

.refresh:hover {
    background-position: -190px -200px;
}

.refresh:active {
    background-position: -190px -214px;
}

.example {
    line-height: 17px;
    padding-top: 1px;
    color: #232323;
}


/* Конец Редактирование Общей информации */

/* User Profile */
.user-profile .inner-wrap {
    padding-right: 38px;
}

.user-preview {
    margin-top: 17px;
}

.user-preview-row {
    width: 360px;
    float: left;
}

.user-preview-row.right {
    margin-left: 38px;
}

.user-ava {
    float: left;
    width: 138px;
}

.user-ava img {
    display: block;
    height: 138px;
    width: 138px;
}

.user-info {
    float: left;
    width: 195px;
    margin-left: 25px;
    padding-top: 6px;
}

.user-info .profile-user {
    float: none;
    width: auto;
}

.user-info .login {
    font-size: 16px;
}

.user-info .status {
    margin-left: 4px;
}

.information {
    padding-top: 10px;
}

.information span {
    display: block;
    padding-top: 2px;
}

.name-age {
    font-size: 16px;
}

.user-from {
    font-size: 14px;
}

.user-preview .text-to-user {
   margin-top: 15px;
}

.points {
    height: 60px;
    position: relative;
}

.point-wrap {
    background: #f5f5f5;
    height: 60px;
    line-height: 56px;
    position: relative;
    z-index: 20;
}

.shadow {
    position: absolute;
    height: 1px;
    margin: -9px 7px 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    -moz-boz-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.6);
}

.user-point {
    float: left;
    border-right: 1px solid #c7c7c7;
    width: 147px;
    text-align: center;
}

.points i {
    display: inline-block;
    padding-top: 3px;
    font-weight: normal;
    font-size: 14px;
    vertical-align: top;
}

.points span {
    display: inline-block;
    padding-top: 3px;
    padding-right: 5px;
    font-size: 24px;
    font-weight: bold;
    vertical-align: top;
}

.user-match {
    float: left;
    border-left: 1px solid #fff;
    width: 208px;
    text-align: center;
}

.green {
    color: #87c753;
}

.invite-user {
    margin-top: 38px;
}

.invite-user span {
    display: inline-block;
    padding-top: 5px;
    padding-left: 6px;
    font-style: italic;
    vertical-align: top;
}

.small-button.bigger {
    height: 31px;
    line-height: 30px;
    -moz-boz-shadow: 0 1px 2px #bababa;
    -webkit-box-shadow: 0 1px 2px #bababa;
    -o-box-shadow: 0 1px 2px #bababa;
    box-shadow: 0 1px 2px #bababa;
}

.invite-on-date.bigger {
    width: 89px;
    padding-left: 42px;
}

.invite-on-date.bigger:before {
    bottom: 6px;
    left: 10px;
}

.invite-user .invite-on-date {
    margin-left: 18px;
}

.invite-in-situation.bigger {
    width: 84px;
    padding-left: 41px;
}

.invite-user .invite-in-situation {
    margin-left: 4px;
}

.invite-in-situation.bigger:before {
    bottom: 8px;
    left: 10px;
}

.user-profile .user-photos-wrap {
    margin-top: 23px;
}

.user-photos-top {
    background: #f1f1f1;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    height: 40px;
    line-height: 39px;
    padding: 0 11px;
    font-size: 16px;
}

.amount {
    display: inline-block;
    padding-left: 4px;
    font-size: 14px;
    font-style: italic;
    color: #707070;
}

.photos-container {
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    height: 85px;
    padding: 14px 13px;
    position: relative;
    -moz-boz-shadow: inset 0 -1px 1px #d9d9d9;
    -webkit-box-shadow: inset 0 -1px 1px #d9d9d9;
    -o-box-shadow: inset 0 -1px 1px #d9d9d9;
    box-shadow: inset 0 -1px 1px #d9d9d9;
}

.b-carousel {
    position: relative;
}

.h-carousel-wrapper {
    width: 730px;
    height: 85px;
    position: relative;
    overflow-x: hidden;
    margin: 0 auto;
}

.h-carousel-items {
    width: 10000px;
    position: relative;
}

.b-slide {
    display: block;
    float: left;
    width: 114px;
    height: 85px;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
}

.b-slide:first-child {
    margin-left: 0;
}

.b-slide img {
    display: block;
    height: 85px;
    width: 114px;
}

.b-carousel-button-left, .b-carousel-button-right {
    display: block;
    background: url("../images/sprites.png") no-repeat;
    width: 9px;
    height: 15px;
    position: absolute;
    top: -27px;
    cursor: pointer;
}

.b-carousel-button-left {
    background-position: -177px 0;
    right: 44px;
}

.b-carousel-button-left:hover {
    background-position: -177px -17px;
}

.b-carousel-button-left:active {
    background-position: -177px -34px;
}

.b-carousel-button-right {
    background-position: -179px -51px;
    right: 17px;
}

.b-carousel-button-right:hover {
    background-position: -179px -68px;
}

.b-carousel-button-right:active {
    background-position: -179px -85px;
}

.locked-popup {
    display: none;
    /*background: #fdfae4;*/
    width: 182px;
    padding-top: 14px;
    position: absolute;
    font-family: 'PT Sans', sans-serif;
    z-index: 30;
}

.locked-popup-wrap {
    background: #fdfae4;
    line-height: 18px;
    padding:  22px 15px 18px 20px;
    position: relative;
    z-index: 20;
}

.triangle-up {
    background: url("../images/sprites.png") no-repeat;
    background-position: -24px -276px;
    height: 10px;
    width: 29px;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -14px;
}

.about-user {
    margin-top: 9px;
}

.column {
    float: left;
    width: 373px;
}

.column.right {
  float: right;
}

.about {
    margin-bottom: 9px;
}

.about-top {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    height: 40px;
    line-height: 40px;
    padding: 0 13px;
    color: #fff;
    font-size: 16px;
}

.hobbies .about-top {
    background: #75d863;
}

.my-information .about-top {
    background: #3f879a;
}

.about-content {
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    padding: 16px 15px;
    position: relative;
    font-size: 14px;
    -moz-boz-shadow: inset 0 -1px 1px #d9d9d9;
    -webkit-box-shadow: inset 0 -1px 1px #d9d9d9;
    -o-box-shadow: inset 0 -1px 1px #d9d9d9;
    box-shadow: inset 0 -1px 1px #d9d9d9;
}

.about-title {
    color: #707070;
    font-size: 13px;
}

.about-text {
    padding-top: 2px;
}

.pros-cons .about-top {
    background: #d3dc47;
}

.favorite .about-top {
    background: #edbe3b;
}

.doing .about-top {
    background: #d37830;
}

.dreams .about-top {
    background: #d3384e;
}

.locked-block {
    background: url("../images/blured.png") repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 25;
}

.locked-block .table {
    height: 100%;
}

.locked-block .cell {
    vertical-align: middle;
}

.locked-block span {
    display: inline-block;
    padding-right: 31px;
    padding-left: 123px;
}

.locked-block span:before {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -190px 0;
    content: " ";
    width: 33px;
    height: 45px;
    position: absolute;
    left: 62px;
    margin-top: -4px;
}
/* Конец User Profile */

/* Situations */
.filter {
    padding-right: 35px;
}

.filter .sub-tabs-menu {
    width: auto;
}

.sort {
    float: left;
    margin-left: 16px;
}

.sort .checkbox-field {
    float: left;
}

.sort .checkbox {
    margin-top: 20px;
}

.filter .sort-buttons {
    float: right;
    width: auto;
}

.sort-by-price {
    margin-right: 54px;
}

.summary {
    line-height: 16px;
    margin: 6px 0;
    color: #707070;
    font-size: 14px;
}

.situations .wrap {
    padding-top: 20px;
}

.price-block {
    float: left;
    width: 83px;
    margin-left: 62px;
}

.price {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.price span {
    font-size: 14px;
    font-weight: normal;
    color: #707070;
}

.price-block .buy {
    display: block;
    margin-top: 9px;
}

.buy, .wrap .buy {
    height: 31px;
    line-height: 31px;
}

.situations .rate {
    float: right;
    margin-right: 36px;
}

.situations .item {
    margin-bottom: 18px;
    padding-bottom: 27px;
}
/* Конец Situations */

/* My Invitations */
.my-invitations .sort-buttons {
    margin-right: 168px;
}

.my-invitations .wrap {
    padding-top: 34px;
}

.my-invitations .item {
    margin-bottom: 26px;
    padding-bottom: 26px;
}

.invitation-info {
    margin-bottom: 17px;
}

.invitation {
    float: left;
    height: 30px;
    width: 368px;
    padding-top: 6px;
    position: relative;
    font-size: 14px;
}

.for-me {
    background: #cef6e1;
    margin-right: 18px;
    padding-left: 9px;
    padding-right: 9px;
    width: 350px;
}

.from-me {
    background: #cef4f6;
    margin-left: 18px;
    padding-left: 21px;
    padding-right: 8px;
    width: 339px;
}

.invitation .user {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: auto;
}

.invitation > span {
    display: inline-block;
    padding-top: 1px;
    vertical-align: top;
}

.triangle {
    width: 0;
    height: 0;
    position: absolute;
}

.invitation .triangle.right {
    border-top: 18px solid transparent;
    border-left: 18px solid #cef6e1;
    border-bottom: 18px solid transparent;
    right: -18px;
    top: 0;
}

.invitation .triangle.left {
    border-top: 18px solid transparent;
    border-right: 18px solid #cef4f6;
    border-bottom: 18px solid transparent;
    left: -18px;
    top: 0;
}

.invitation-date {
    float: left;
    width: 140px;
    margin-left: 153px;
    padding-top: 6px;
    font-size: 14px;
    font-weight: bold;
}

.invite-status {
    float: left;
    width: 195px;
    margin-left: 63px;
    padding-top: 3px;
}

.no-success .button_red, .wrap .no-success .button_red {
    height: 31px;
    line-height: 31px;
    padding: 0 19px;
}

.successful .button_red, .wrap .successful .button_red {
    background: #fff;
    border: 3px solid #d32f52;
    height: 27px;
    line-height: 27px;
    padding: 0 18px;
    color: #d32f52;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.invite-status > span {
    display: block;
    padding-top: 10px;
}

.invite-status span i {
    font-style: normal;
    color: #d32f52;
}

.no-answer {
    margin-top: 10px;
}

/* Календарь */

#calendar {
    margin-bottom: 30px;
    padding-left: 22px;
    padding-right: 36px;
}

.calendar-top {
    padding-bottom: 17px;
    font-size: 18px;
}

.calendar-top span {
    display: inline-block;
    vertical-align: top;
}

.cal-month {
    padding-left: 14px;
}

.days-container {
    width: 750px;
}

.days {
    border-top: 1px solid #eeece7;
    border-left: 1px solid #eeece7;
    font-size: 14px;
}

.day-header {
    float: left;
    border-bottom: 1px solid #eeece7;
    border-right: 1px solid #eeece7;
    width: 86px;
    height: 66px;
    padding: 6px 10px;
}

#calendar .day {
    float: left;
    border-bottom: 1px solid #eeece7;
    border-right: 1px solid #eeece7;
    width: 86px;
    height: 66px;
    padding: 6px 10px;
}

.last-month, .next-month {
    color: #aaaaaa;
}

.today {
    background: #f9f7f3;
}

.clndr-but {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    width: 9px;
    height: 15px;
    margin-top: 2px;
    vertical-align: top;
}

.clndr-previous-button {
    background-position: -177px 0;
    margin-left: 2px;
}

.clndr-previous-button:hover {
    background-position: -177px -17px;
}

.clndr-previous-button:active {
    background-position: -177px -34px;
}

.clndr-next-button {
    background-position: -179px -51px;
    margin-left: 14px;
}

.clndr-next-button:hover {
    background-position: -179px -68px;
}

.clndr-next-button:active {
    background-position: -179px -85px;
}

.appointment {
    display: inline-block;
    margin-right: 5px;
    padding-left: 25px;
    margin-top: 15px;
    position: relative;
}

.appointment:before {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -192px -89px;
    content: " ";
    width: 18px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
}

.situation {
    display: inline-block;
    margin-right: 5px;
    padding-left: 25px;
    margin-top: 15px;
    position: relative;
}

.situation:before {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -192px -107px;
    content: " ";
    width: 16px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 1px;
}

.day.weekend {
    color: #d32f52;
}

.next-month.day.weekend, .last-month.day.weekend {
    color: #ea96a8;
}

/* Конец Календарь */

.calendar-pane .invite-status, .calendar-pane .invitation-date {
    width: 220px;
}

.starting {
    padding-left: 4px;
    color: #868686;
    font-weight: normal;
}

.wrap .accept, .wrap .refuse {
    height: 31px;
    line-height: 31px;
    padding: 0 19px;
}

.wrap .invite-status .accept {
    width: 84px;
    padding: 0;
}

.refuse, .wrap .refuse {
    background: #aaced0;
    margin-left: 5px;
}

.refuse:hover, .wrap .refuse:hover {
    background: #b9e2e4;
}

.refuse:active, .wrap .refuse:active {
    background: #73a1a4;
}

.reminder {
    padding-top: 23px;
}

.reminder .checkbox-field {
    float: left;
    width: 122px;
    padding-top: 6px;
}

.remind-time-wrap {
    float: left;
    width: 83px;
}

.awaiting {
    display: inline-block;
    height: 31px;
    line-height: 31px;
    width: 84px;
    font-weight: bold;
}

.unavailable {
    width: 308px;
}

.unavailable  .locked-popup-wrap {
    padding: 11px 17px 13px 14px;
}

.locked-text {
    line-height: 19px;
}

.locked-buttons {
    padding-top: 8px;
}

.locked-popup .button_red {
    padding: 0 15px;
}

.locked-buttons i {
    padding-left: 6px;
    padding-right: 7px;
}
/* Конец My Invitations */

/* Situation passive */
.passive .wrap {
    padding-top: 21px;
}

.passive .table {
    width: 760px;
}

.chat {
    display: table-cell;
    border: 1px solid #f2f2f2;
    width: 459px;
    height: 505px;
    padding: 0 10px 15px;
    vertical-align: top;
}

.story {
    display: table-cell;
    width: 281px;
    padding-left: 20px;
    vertical-align: top;
}

.message {
    padding: 11px 20px;
}

.respondent {
    background: #f6fbfc;
}

.author {
    color: #707070;
    font-weight: bold;
}

.message-text {
    padding-right: 70px;
    padding-top: 1px;
    position: relative;
}

.time {
    position: absolute;
    top: 0;
    right: 0;
    color: #707070;
}

.msg {
    margin-top: 11px;
}

.msg:first-child {
    margin-top: 0;
}

.typing {
    padding-top: 1px;
    color: #707070;
    font-size: 14px;
    font-style: italic;
}

.story-pic img {
    width: 280px;
}

.story-title {
    padding-top: 15px;
    line-height: 20px;
    font-size: 18px;
}

.story-text {
    line-height: 20px;
    padding-top: 11px;
}

.abort {
    display: inline-block;
    margin-top: 20px;
    margin-left: 17px;
    position: relative;
}

.abort:before {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -233px -38px;
    content: " ";
    width: 9px;
    height: 9px;
    position: absolute;
    left: -17px;
    top: 6px;
}

.abort:hover:before {
    background-position: -233px -50px;
}

.controls-left {
    float: left;
    width: 459px;
}

.controls-right {
    float: left;
    width: 297px;
    margin-left: 20px;
    padding-top: 1px;
}

.step-info {
    background: #f7f7f7;
    height: 47px;
    line-height: 50px;
    padding: 0 19px 0 20px;
}

.progress {
    width: 161px;
}

.step-info .progress {
    float: left;
}

.steps {
    float: right;
}

.step {
    display: inline-block;
    background: #fff;
    border: 1px solid #d4d4d4;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 0 1px;
    position: relative;
    top: 1px;
    text-align: center;
    font-size: 14px;
    color: #d4d4d4;
}

.step.current {
    background: #d32f52;
    border: 1px solid #d32f52;
    color: #fff;
}

.step.completed {
    background: #d4d4d4;
    border: 1px solid #d4d4d4;
    color: #fff;
}

.time-assess {
    width: 235px;
}

.controls-right .time-assess {
    width: 245px;
}

.step-info .time-assess {
    float: right;
}

.time-line {
    display: inline-block;
    float: right;
    background: #fff;
    border: 1px solid #cccccc;
    height: 7px;
    width: 116px;
    padding: 1px;
}

.time-meeting .time-line {
    float: none;
    margin-left: 10px;
}

.step-info .time-line {
    margin-top: 19px;
}

.controls-right .time-line {
    margin-top: 7px;
}

.full-line {
    background: #d32f52;
    height: 7px;
}

.controls-right .time-assess {
    font-size: 16px;
}

.write-block {
    margin-top: 11px;
}

.write-block textarea {
    width: 446px;
    height: 92px;
    color: #232323;
    font-size: 14px;
}

.write-block textarea::-webkit-input-placeholder {
    color: #232323;
    font-size: 14px;
}

.write-block textarea:-moz-placeholder {
    color: #232323;
    font-size: 14px;
}

.write-block .button_red {
    height: 36px;
    line-height: 36px;
    margin-top: 13px;
    padding: 0 18px;
}

.thank {
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
}

.write-block label {
    padding-bottom: 5px;
    font-size: 14px;
}

.partner-rating {
    margin-top: 35px;
    font-size: 14px;
}

.partner-rating span {
    display: block;
}

.rating-buttons {
    margin-left: -21px;
}

.rate-button {
    float: left;
    background: #c7dedf;
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin-left: 21px;
    margin-top: 7px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.rate-button:hover {
    background: #d32f52;
}

.about-you {
    line-height: 22px;
    padding-bottom: 23px;
    padding-top: 15px;
    font-size: 18px;
    font-style: italic;
}
/* Конец Situation passive */

/* Таб Мои сообщения */
.my-dialogs .wrap {
    padding-top: 36px;
}

#dialogs-search input {
    height: 26px;
    line-height: 26px;
    width: 268px;
}

.all-dialogs {
    margin-top: 20px;
}

.dialogs {
    border-top: 1px solid #f9f7f3;
    margin-right: 28px;
}

.dialog_row {
    border-bottom: 1px solid #f9f7f3;
    min-height: 27px;
    padding-top: 11px;
    padding-left: 12px;
    padding-right: 10px;
    padding-bottom: 18px;
    position: relative;
    cursor: pointer;
}

.dialog_row.chosen {
    background: #fafdfd;
}

.dialog_row:last-child {
    border: none;
}

.dialog_row:hover {
    background: #e7f3f5;
}

.dialog_row .user {
    float: left;
    width: 119px;
}

.dialog_msg {
    float: left;
    width: 380px;
    margin-left: 10px;
    vertical-align: top;
}

.dialog_date {
    float: left;
    width: 155px;
    margin-left: 41px;
    color: #707070;
}

.dialog-close {
    display: none;
    height: 18px;
    width: 18px;
    position: absolute;
    top: 11px;
    right: 6px;
}

.close-icon {
    display: block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -179px -107px;
    height: 9px;
    width: 9px;
}

.dialog_row:hover .dialog-close {
    display: block;
}

.dialog-close:hover .close-icon {
    background-position: -179px -118px;
}

.dialog-close:active .close-icon {
    background-position: -179px -129px;
}

.respondent-ava {
    display: block;
    float: left;
    margin-right: 10px;
    width: 25px;
}

.respondent-ava img {
    width: 25px;
    height: 25px;
}

.dialog_text {
    float: left;
    width: 344px;
    line-height: 20px;
}
/* Конец Таб Мои сообщения */

/* Страница Correspondence */
.correspondence-block {
    display: table-cell;
    background: #fff;
    width: 620px;
    vertical-align: top;
}

.user-list {
    display: table-cell;
    background: #fbfaf7;
    width: 198px;
    vertical-align: top;
}

.correspondence .cell-wrap {
    min-height: 700px;
}

.correspondence-block .cell-wrap {
    background: #fff;
}

.user-list .cell-wrap {
    background: #fbfaf7;
    padding-top: 49px;
}

.correspondence .wrap {
    padding-top: 18px;
}

.correspondence .user-preview-row {
    float: none;
    width: auto;
    padding-top: 17px;
}

.correspondence .user-ava {
    width: 48px;
}

.correspondence .user-ava img {
    width: 48px;
    height: 48px;
}

.correspondence .user-info {
    margin-left: 20px;
    padding-top: 0;
    width: auto;
}

.user-from, .profile-user .user-from {
    display: block;
}

.correspondence .chat {
    display: block;
    margin-top: 10px;
    width: auto;
    height: auto;
    min-height: 434px;
}

.correspondence .write-block textarea {
    width: 567px;
}

.user-item {
    padding-top: 8px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 10px;
    cursor: pointer;
}

.user-item.active {
    background: #fff;
}

.user-item:hover {
    background: #fff;
}

.correspondence .user-name {
    padding-top: 5px;
    margin-left: 5px;
}
/* Конец Страница Correspondence */

/* VIP */
.vip .authorized-user {
    position: relative;
}

.vip .authorized img {
    border: 1px solid #e5d086;
}

.vip .authorized-user:before {
    display: inline-block;
    background: url("../images/sprites.png") no-repeat;
    background-position: -190px -228px;
    content: " ";
    width: 18px;
    height: 11px;
    position: absolute;
    right: -2px;
    bottom: -2px;
}

.vip-title {
    line-height: 29px;
    padding-top: 12px;
    text-align: center;
    font-size: 24px;
}

.vip-pluses {
    padding-bottom: 8px;
}

.vip-plus {
    float: left;
    width: 230px;
    margin-top: 37px;
    margin-left: 19px;
    text-align: center;
}

.vip-plus:first-child {
    margin-left: 17px;
}

.plus-pic {
    height: 193px;
}

.plus-pic img {
    display: inline-block;
    max-height: 193px;
    vertical-align: middle;
}

.plus-text {
    line-height: 22px;
    padding-top: 6px;
    font-size: 16px;
}

.buy-vip, .pane .buy-vip {
    display: block;
    height: 39px;
    line-height: 39px;
    width: 89px;
    margin: 20px auto;
    font-size: 18px;
}
/* End VIP */

/* Visited Page */
.visited_page {
    min-height: 640px;
    position: relative;
}

.visited_page #entrance {
    display: block;
}

.visited_page .popup {
    position: absolute;
    left: 50%;
    top: 113px;
    margin-left: 130px;
    z-index: 99;
}

.visited_page .promo {
    height: 100%;
    min-height: 630px;
}

.visited_page .promo-wrap {
    height: 100%;
    min-height: 630px;
}

.visited_page.type1 {
    background: #bde2d0;
}

.visited_page.type2 {
    background: #6cc8d7;
}

.visited_page .bg {
    min-height: 685px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}

.visited_page.type1 .bg {
    background: url("../images/pic_1_no_men.png") no-repeat center bottom;
}

.visited_page.type2 .bg  {
    background: url("../images/pic_2_no_men.png") no-repeat center bottom;
}

.visited_page .bg-outside {
    min-height: 685px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.visited_page.type1 .bg-outside {
    background: url("../images/pic_1_titl.png") repeat-x center bottom;
}

.visited_page.type2 .bg-outside {
    background: url("../images/pic_2_titl.png") repeat-x center bottom;
}

.visited_page .promo .wrapper {
    min-height: 630px;
    position: relative;
    z-index: 99;
}

.people_wrap {
    width: 100%;
    max-width: 1020px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -510px;
}

.visited_page.type1 .bg-people {
    background: url("../images/men_1.png") no-repeat;
    height: 461px;
    width: 615px;
    bottom: 142px;
    left: -25px;
}

.visited_page.type2 .bg-people {
    background: url("../images/men_2.png") no-repeat;
    height: 428px;
    width: 162px;
    bottom: 79px;
    left: 227px;
}

.visited_page footer {
    background: none;
    border: none;
    color: #fff;
}

.visited_page footer a {
    color: #fff;
}

.visited_page footer a:hover {
    color: #d32f52;
}

.visited_page .pixel {
    background: url("../images/pixel2.png") no-repeat;
}

.visited_page #entrance .popup-container {
    background: #fff;
}

/* End Visited Page */

/* My favourites */
.users-list .dialogs-search {
    float: left;
    margin-top: 3px;
}

.only-online, .search-options .only-online {
    float: right;
    margin-right: 22px;
}
/* End My favourites */