@import 'icons.css';
@import 'sprite.css';
@import '../admin/css/hints.css';
html{
    height: auto;
}
html,body {
    min-height: 100vh;
}
body {
    margin: 0;
    height: 100%;
    /* min-height: 996px; */
    min-width: 1200px;
    color: #151a1c;
    font: 15px/22px"Trebuchet MS", Helvetica, sans-serif;
    background: #e9edee;
}
.fg-gray {color: #8e9596;}

img {
    border-style: none;
}
a {
    text-decoration: none;
    color: #00919e;
}
a:hover {
    text-decoration: none;
    color: #ff4c86;
}
textarea:disabled,
input[type="text"]:disabled,
input[type="text"][disabled="disabled"] {
    background: #e9edee;
}
input[disabled] {
    cursor: no-drop;
}
input:read-only {
    border: 1px solid #b7bdbf !important;
    color: #b7bdbf !important;
}
input,
textarea,
select {
    font: 100% Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #000;
    outline: none;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
q {
    quotes: none;
}
q:before {
    content: ''
}
q:after {
    content: ''
}
input[type="text"],
input[type="password"] {
    width: 100%;
    border: 1px solid #b4bcbe;
    background: #fff;
    padding: 8px 10px;
    font: 14px/17px "Trebuchet MS", Helvetica, sans-serif;
    color: #7a8385;
    height: 35px;
    display: block;
}
textarea {
    width: 100%;
    border: 1px solid #b4bcbe;
    background: #fff;
    padding: 8px 10px;
    font: 14px/17px "Trebuchet MS", Helvetica, sans-serif;
    color: #7a8385;
    display: block;
}
input::-ms-clear {
    display: none;
}
/*checkbox and radio inputs*/

input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
    cursor: pointer;
    margin: 0px;
    width: 100%;
    text-align: left;
}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0px 10px -4px 0px;
    background: url(../images/sprite.png) no-repeat -178px -95px;
}
input[type="checkbox"] + label::before {
    background-position: -178px -95px;
}
input[type="radio"] + label::before {
    background-position: -257px -95px;
}
input[type="checkbox"]:checked + label::before {
    background-position: -200px -95px;
}
input[type="radio"]:checked + label::before {
    background-position: -278px -95px;
}
/*input[type="checkbox"]:disabled + label::before {
    background-position: -152px -260px;
}
input[type="checkbox"]:checked:disabled + label::before {
    background-position: -171px -260px;
}
input[type="radio"]:disabled + label::before {
    background-position: -144px -279px;
}
input[type="radio"]:checked:disabled + label::before {
    background-position: -162px -279px;
}?*/

.hide {
    display: none;
}
.clearer {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0px;
    height: 0px;
}
.weekend {
    color: #ff4c86 !important;
}
span.required {
    color: red;
}
.input-holder {
    position: relative;
}
.input-placeholder-text {
    font: 14px/17px "Trebuchet MS", Helvetica, sans-serif;
    color: #7a8385;
    padding: 8px 10px;
    left: 0;
}
.btn-inline {
    display: inline-block;
}
.btn.btn-default, .btn-blue {
    width: auto;
    border: 1px solid #00c8d9;
    background: #00e5f9;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZTVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM3ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00e5f9), color-stop(100%, #00c7d9));
    background: -webkit-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: -o-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: -ms-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: linear-gradient(to bottom, #00e5f9 0%, #00c7d9 100%);
    font: 15px/33px "Open Sans", Arial, Helvetica, sans-serif;
    color: #0c393d;
    -webkit-box-shadow: 0 1px 0 #fff inset, 0 0 5px rgba(166, 243, 249, 0.75) inset;
    box-shadow: 0 1px 0 #fff inset, 0 0 5px rgba(166, 243, 249, 0.75) inset;
    border-radius: 0;
    padding: 0px 13px;
}
.btn.btn-primary {
    border: 1px solid #a6abac;
    background: #cdd3d4;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZDNkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNmFiYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #cdd3d4 0%, #a6abac 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdd3d4), color-stop(100%, #a6abac));
    background: -webkit-linear-gradient(top, #cdd3d4 0%, #a6abac 100%);
    background: -o-linear-gradient(top, #cdd3d4 0%, #a6abac 100%);
    background: -ms-linear-gradient(top, #cdd3d4 0%, #a6abac 100%);
    background: linear-gradient(to bottom, #cdd3d4 0%, #a6abac 100%);
    font: 15px/33px "Open Sans", Arial, Helvetica, sans-serif;
    color: #0c393d;
    -webkit-box-shadow: 0 1px 0 #fff inset, 0 0 2px #fff inset;
    box-shadow: 0 1px 0 #fff inset, 0 0 2px #fff inset;
    border-radius: 0;
    padding: 0 13px;
}
.btn.btn-primary:hover {
    background: #dfe4e5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZTRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2Q4ZGRkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2M1YzhjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJkYmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dfe4e5 0%, #d8ddde 24%, #c5c8c9 68%, #bbbdbe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfe4e5), color-stop(24%, #d8ddde), color-stop(68%, #c5c8c9), color-stop(100%, #bbbdbe));
    background: -webkit-linear-gradient(top, #dfe4e5 0%, #d8ddde 24%, #c5c8c9 68%, #bbbdbe 100%);
    background: -o-linear-gradient(top, #dfe4e5 0%, #d8ddde 24%, #c5c8c9 68%, #bbbdbe 100%);
    background: -ms-linear-gradient(top, #dfe4e5 0%, #d8ddde 24%, #c5c8c9 68%, #bbbdbe 100%);
    background: linear-gradient(to bottom, #dfe4e5 0%, #d8ddde 24%, #c5c8c9 68%, #bbbdbe 100%);
}
.inner {
    min-width: 980px;
    min-height: 830px;
    background: #151a1c url(../images/bg-page.jpg) no-repeat 50% 0;
}
#wrapper {
    width: 100%;
    height: 100%;
    min-height: 1120px;
    /*overflow:hidden;/* нужен, чтоб футер был снизу */
    position: relative;
    background: #e9edee;
    padding: 0px 0px 216px 190px;
}
#wrapper.login_page {
    min-height: 100vh;
}
.inner #wrapper,
.index #wrapper {
    background: none;
    padding: 0px 0px 216px 0px;
}
.decoration-01 {
    background: url(../images/decoration-01.png) no-repeat;
    width: 239px;
    height: 145px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -120px;
}
.reg-block {
    width: 300px;
    margin: 0 auto;
    padding: 30px 0 0;
    position: relative;
}
.reg-block:after {
    display: block;
    clear: both;
    content: '';
}
.reg-block .img {
    width: 171px;
    margin: 0 auto 14px;
    display: block;
}
.inv-block {
    width: 480px;
    margin: 0 auto;
    padding: 30px 0 0;
    position: relative;
}
.inv-block:after {
    display: block;
    clear: both;
    content: '';
}
.inv-block .img {
    width: 171px;
    margin: 0 auto 14px;
    display: block;
}
.inv-block .decoration-02 {
    right: 70px;
}
.inv-block .decoration-03 {
    left: 70px;
}
.logo {
    background: url(../images/logo.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    width: 136px;
    height: 41px;
    display: block;
    margin: 0px auto;
}
.logo a {
    display: block;
    height: 100%;
}
.login-link {
    color: #2e6276;
}
.login-link:hover {
    color: #fff;
}
.static-box {
    width: 700px;
    padding: 23px 15px 15px;
    background: #fff;
    position: relative;
    margin: 20px 0px 20px -200px;
}
.reg-form {
    width: 300px;
    padding: 23px 15px 15px;
    background: #fff;
    position: relative;
    margin: 20px 0px 20px;
}
.reg-form:after {
    display: block;
    clear: both;
    content: '';
}
.reg-form:before {
    content: '';
    width: 20px;
    height: 14px;
    background: url(../images/sprite.png) no-repeat;
    position: absolute;
    left: 50%;
    top: -14px;
    margin: 0 0 0 -13px;
}
.inv-form {
    width: 480px;
    padding: 23px 15px 15px;
    background: #fff;
    position: relative;
    margin: -70px 0px 20px;
}
.inv-form:after {
    display: block;
    clear: both;
    content: '';
}
.inv-form:before {
    content: '';
    width: 20px;
    height: 14px;
    background: url(../images/sprite.png) no-repeat;
    position: absolute;
    left: 50%;
    top: -14px;
    margin: 0 0 0 -13px;
}
.inv-form textarea {
    width: 100%;
    border: 1px solid #b4bcbe;
    background: #fff;
    padding: 8px 10px;
    font: 14px/17px"Trebuchet MS", Helvetica, sans-serif;
    color: #7a8385;
    height: 105px;
    display: block;
    max-height: 330px;
}
.inv-form textarea.x-fixed {
    resize: vertical;
}
.nav-header {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 14px;
    border-bottom: 1px solid #cfd1d2;
    overflow: hidden;
    font: 300 26px/36px "Open Sans", Arial, Helvetica, sans-serif;
    color: #868d8f;
}
.nav-login {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font: 300 26px/36px "Open Sans", Arial, Helvetica, sans-serif;
    padding: 0 0 14px;
}
.nav-login li {
    float: right;
    position: relative;
}
.nav-login li:after {
    content: '';
    width: 35px;
    height: 35px;
    background: url(../images/sprite.png) no-repeat -22px 0;
    position: absolute;
    left: -44px;
    top: 0;
}
.nav-login li:first-child {
    float: left;
}
.nav-login li:first-child:after {
    display: none;
}
.nav-login a {
    color: #00919e;
}
.nav-login a:hover {
    color: #ff4c86;
}
.nav-login a.active {
    color: #868d8f;
}
.inv-form .box,
.reg-form .box {
    overflow: hidden;
    padding: 0 0 15px;
}
.inv-form .box.control_hint__parent {
    overflow: initial;
}
.inv-form .box label {
    float: left;
    display: inline-block;
    width: 120px;
    margin: 5px 0px 0px 0px;
    font-weight: normal;
    color: #151a1c;
}
.inv-form .box textarea,
.inv-form .box input[type="text"] {
    width: 330px;
}
.inv-form .btn-reg {
    float: right;
    width: 330px;
}
.contact-box {
    position: relative;
    text-align: center;
}
.contact-box .contact-list {
    position: relative;
    right: 0px;
    top: 0px;
    margin: 0px 0px 18px 0px;
    padding: 0px 0px 20px 0px;
    background: url('../images/separator-04.png') bottom left repeat-x;
    overflow: hidden;
}
.btn-stream,
.btn-big,
.btn-user,
.btn-delete,
.btn-upd,
.btn-add,
.btn-create,
.btn-order,
.btn-save,
.btn-reg,
.btn-rec {
    width: 100%;
    height: 35px;
    border: 1px solid #00c8d9;
    background: #00e5f9;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZTVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM3ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00e5f9), color-stop(100%, #00c7d9));
    background: -webkit-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: -o-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: -ms-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: linear-gradient(to bottom, #00e5f9 0%, #00c7d9 100%);
    font: 16px/35px "Open Sans", Arial, Helvetica, sans-serif;
    color: #0c393d;
    padding: 0 0 2px;
    margin: 0;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 0 #fff inset, 0 0 5px rgba(166, 243, 249, 0.75) inset;
    box-shadow: 0 1px 0 #fff inset, 0 0 5px rgba(166, 243, 249, 0.75) inset;
}
.btn-stream:hover,
.btn-big:hover,
.btn-delete:hover,
.btn.btn-default:hover,
.btn-user:hover,
.btn-upd:hover,
.btn-add:hover,
.btn-create:hover,
.btn-order:hover,
.btn-save:hover,
.btn-reg:hover,
.btn-rec:hover {
    color: #0c393d;
    text-decoration: none;
    background: #48f0ff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4ZjBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzM3ZWJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzE0ZTFmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMmRiZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #48f0ff 0%, #37ebfb 29%, #14e1f3 71%, #02dbee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #48f0ff), color-stop(29%, #37ebfb), color-stop(71%, #14e1f3), color-stop(100%, #02dbee));
    background: -webkit-linear-gradient(top, #48f0ff 0%, #37ebfb 29%, #14e1f3 71%, #02dbee 100%);
    background: -o-linear-gradient(top, #48f0ff 0%, #37ebfb 29%, #14e1f3 71%, #02dbee 100%);
    background: -ms-linear-gradient(top, #48f0ff 0%, #37ebfb 29%, #14e1f3 71%, #02dbee 100%);
    background: linear-gradient(to bottom, #48f0ff 0%, #37ebfb 29%, #14e1f3 71%, #02dbee 100%);
}
.btn-upd {

}
.btn-big {
    display: block;
    height: 52px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 30px;
}
.btn-stream:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 27px;
    height: 21px;
    margin: 0px 15px -5px 0px;
    background: url(../images/sprite.png) no-repeat -233px -355px;
}
.btn-delete {
    white-space: nowrap;
}
.btn-delete:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0px 5px -5px 0px;
    background: url(../images/sprite.png) no-repeat -233px -331px;
}
.reg-block .copyright {
    font-size: 14px;
    line-height: 22px;
    color: #415259;
    text-align: center;
}
.reg-block .btn-holder .btn-reg {
    width: 103px;
    margin: 0 16px 0 0;
    float: left;
}
.reg-block .btn-holder .btn-rec {
    margin: 0 16px 0 0;
}
.btn-user {
    display: inline-block;
    width: auto;
    height: 54px;
    line-height: 54px;
    padding: 0px 20px;
    margin: 0 19px 0 0;
}
.btn-user span {
    position: relative;
    padding-left: 35px;
}
.btn-user span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 18px;
    height: 24px;
    background: url(../images/user-icon.png) no-repeat;
}
.reg-block .link {
    font-size: 15px;
    line-height: 35px;
    color: #00919e;
    float: left;
}
.decoration-02 {
    background: url(../images/decoration-02.png) no-repeat;
    width: 60px;
    height: 140px;
    position: absolute;
    right: -10px;
    top: 0;
}
.reg-block .link:hover {
    color: #ff4c86;
}
.decoration-03 {
    background: url(../images/decoration-03.png) no-repeat;
    width: 60px;
    height: 210px;
    position: absolute;
    left: -10px;
    top: 90px;
    z-index: 10;
}
.index {
    min-width: 980px;
}
.index #wrapper {
    background: #151a1c url(../images/bg-page.jpg) no-repeat 50% 0;
}
.intro {
    width: 960px;
    margin: 0 auto;
    min-height: 672px;
    position: relative;
}
.intro:after {
    content: '';
    background: url(../images/separator-01.png) no-repeat;
    width: 960px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 186px;
}
.intro h1 {
    position: absolute;
    left: 0;
    top: 61px;
    font: 300 22px/28px "Open Sans", Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0;
}
.intro h1 span {
    display: block;
    font-size: 28px;
    font-weight: 400;
}
.contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 113px;
    top: 88px;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}
.contact-list li {
    /*float:left;*/
    display: inline-block;
    margin: 0px 14px;
    padding: 0px 0px 0px 30px;
    position: relative;
}
.contact-list li.icon2:after,
.contact-list li.icon1:after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/sprite.png) no-repeat -58px 0;
    position: absolute;
    left: 7px;
    top: 3px;
}
.contact-list li.icon2:after {
    width: 16px;
    height: 16px;
    background-position: -76px 0;
    left: 0;
}
.info-block {
    overflow: hidden;
    width: 301px;
    float: left;
    padding: 211px 0 0;
}
.info-block h2 {
    font: 300 26px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #7c8e96;
    margin: 0 0 19px;
}
.info-block ol {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    counter-reset: item;
}
.info-block ol li {
    display: block;
    overflow: hidden;
    padding: 0 0 10px;
}
.info-block ol li:before {
    content: counters(item, ".")" ";
    counter-increment: item;
    width: 30px;
    height: 30px;
    border: 2px solid #293337;
    text-align: center;
    font-size: 15px;
    line-height: 27px;
    border-radius: 15px;
    float: left;
}
.info-block ol strong {
    font-weight: normal;
    padding: 0 0 0 10px;
    float: left;
    width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.info-block ol span {
    float: right;
    color: #3a4a50;
}
.news-block {
    width: 300px;
    float: right;
    color: #fff;
    padding: 211px 0 0;
}
.news-block h2 {
    font: 300 26px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #7c8e96;
    margin: 0 0 23px;
}
.news-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 20px;
}
.news-list li {
    padding: 0 0 10px;
}
.news-list em {
    display: block;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    color: #4c6169;
}
.index .reg-form {
    float: left;
    margin: 16px 0px 178px;
}
.gallery-block {
    width: 100%;
    height: 299px;
    background: #b7c7ce;
}
.gallery-block:after {
    display: block;
    clear: both;
    content: '';
}
.gallery-block .wrap {
    width: 790px;
    height: 299px;
    margin: 0 auto;
    padding: 0 0 11px;
}
.gallery-block .wrap:after {
    display: block;
    clear: both;
    content: '';
}
.gallery {
    width: 100%;
    float: left;
    margin: -160px 0 0;
    position: relative;
}
.gallery:after {
    display: block;
    clear: both;
    content: '';
}
.gallery .gmask {
    width: 575px;
    /*overflow:hidden;*/
}
.gallery .slideset .mask1 {
    background: none!important;
}
.gallery .slideset {
    position: relative;
    height: 386px;
    width: 100%;
    margin: 0px auto;
    white-space: nowrap;
}
.gallery .slide {
    width: 215px;
    margin: 0 25px 0 0;
    background: #fff;
    display: inline-block;
    vertical-align: bottom;
    padding: 15px 15px 17px;
    cursor: default;
}
.gallery .slide.active {
    /*height:386px!important;
    width:300px!important;
    padding:15px 15px 39px!important;*/
    margin-top: 0px;
    margin-left: 0px;
}
.gallery .slide .img-main,
.gallery .slide.active .img-promo {
    display: none;
}
.gallery .slide.active .img-main,
.gallery .slide .img-promo {
    display: inline-block;
}
.gallery .slide .title {
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.gallery .slide.active .title {
    border-top: 1px solid #b8c4c8;
    padding: 9px 0 0;
}
.gallery .slide.active .title br {
    display: none;
}
.gallery .slide.active img {
    top: 15px;
}
.gallery .slide.active img {
    width: 100%;
    margin: 0px 0px 6px;
}
.gallery .price {
    font: 300 28px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #ff3786;
    position: absolute;
    left: 13px;
    top: 263px;
    display: none;
}
.gallery .price span {
    font-weight: 600;
}
.gallery .price .rub {
    color: #ff3786;
    text-transform: capitalize;
}
.gallery .price .rub:after {
    width: 13px;
    height: 2px;
    background: #ff3786;
    bottom: 7px;
}


.promo-box {
    width: 215px;
    float: left;
    background: #fff;
    margin: 0 30px 0 0;
    padding: 8px 15px 0;
    font-size: 14px;
    line-height: 18px;
    color: #8e9596;
}
.promo-box strong {
    font: 15px/22px "Open Sans", Arial, Helvetica, sans-serif;
    color: #00919e;
    display: block;
}
.promo-box .holder {
    min-height: 44px;
    position: relative;
    padding: 0 0 37px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.personal-block {
    overflow: hidden;
    margin: 0 0 30px;
}
.personal-info {
    width: 48%;
    float: left;
    background: #ff4c86;
    padding: 8px 15px 12px;
    position: relative;
}
.manager-info .photo,
.personal-info .photo {
    float: left;
    margin: 7px 14px 0 0;
}
.personal-info .round_photo {
    position: relative;
    margin: 7px 14px 0 0;
}
.personal-info .text-holder {
    overflow: hidden;
}
.manager-info .title,
.personal-info .name {
    font: 300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0 0 10px;
    padding: 0 0 11px;
    display: block;
    border-bottom: 1px solid #ff7ea8;
}
.personal-info .link-edit {
    background: url(../../../../themes/shakesv2/images/sprite.png) no-repeat -68px -130px;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
}
.personal-info .link-edit:after {
    display: none;
}
.personal-info .link-edit:hover {
    background-position: -156px -132px;
}
.personal-info .info {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
}
.personal-info .info dt {
    float: left;
    color: #ffa9c5;
    width: 117px;
}
.personal-info .info hr {
    clear: both;
    border: none;
    height: 5px;
    margin: 0px;
}
.personal-info .info a {
    color: #fff;
    text-decoration: underline;
}
.manager-info {
    width: 48%;
    float: right;
    padding: 8px 15px 12px;
    background: #2d8991;
}
.manager-info .text-holder {
    overflow: hidden;
}
.manager-info .text-holder a {
    float: none;
    color: #fff;
    text-decoration: underline;
    padding: 5px;
}
.manager-info .text-holder a:hover {
    color: #2d8991;
    background: #fff;
    text-decoration: none;
}
.manager-info .title {
    border-bottom: 1px solid #60b3ba;
}
.manager-info .name {
    font-size: 15px;
    line-height: 19px;
    font-weight: normal;
    color: #fff;
    display: block;
}
/*.gallery .slide.active .price{
    display:block;
}*/

.switcher {
    list-style: none;
    margin: 0;
    padding: 27px 0 0;
    overflow: hidden;
    text-align: center;
}
.switcher li {
    display: inline-block;
    vertical-align: top;
    padding: 0 1px 0 5px;
}
.switcher a {
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
    background: #93a9b3;
    border-radius: 5px;
}
.switcher a:hover,
.switcher a.active {
    background: #073854;
}
.gallery .title {
    display: block;
    font: 15px/22px "Open Sans", Arial, Helvetica, sans-serif;
    color: #00919e;
}
.gallery img {
    vertical-align: top;
    margin: 0 0 9px;
}
.gallery .btn-next,
.gallery .btn-prev {
    background: url(../images/sprite.png) no-repeat 0 -36px;
    width: 26px;
    height: 51px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    left: -56px;
    bottom: 108px;
    cursor: pointer;
}
.gallery .btn-next {
    background-position: -28px -36px;
    left: auto;
    right: -56px;
}
.category-block {
    height: 375px;
    background: #2d8991;
    overflow: hidden;
}
.category-block .holder {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    padding: 29px 0 44px;
}
.category-block .box {
    width: 240px;
    padding: 0 10px;
    float: left;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    color: #82d7de;
}
.category-block img {
    margin: 0 0 24px;
}
.category-block .title {
    display: block;
    font: 20px/25px "Open Sans", Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0 0 26px;
}
.category-block p {
    margin: 0;
}
.invite-block {
    width: 1000px;
    height: 426px;
    margin-top: 20px;
    margin-left: -50%;
    background: #2d8991;
    overflow: hidden;
}
.invite-block .title {
    display: block;
    font: 17px/22px "Open Sans", Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0 0 26px;
}
.invite-block .holder {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding: 29px 0 44px;
}
.invite-block .box {
    width: 200px;
    padding: 0 10px;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    color: #82d7de;
}
.reg-form .btn-box {
    width: 100%;
    overflow: hidden;
}
.reg-form .btn-box .btn-reg,
.reg-form .btn-box .btn-rec {
    width: 100%;
}
.reg-form .small1 {
    float: left;
    width: 117px;
}
.reg-form .small2 {
    float: right;
    width: 138px;
}
.left-panel {
    width: 190px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: #151a1c;
    min-height: 800px;
    z-index: 100;
}
.left-panel .logo {
    background: url(../images/logo2.jpg) no-repeat;
    width: 190px;
    height: 54px;
}
.left-panel .logo-img {
    width: 100%;
    text-align: center;
    /*margin:-24px auto -11px;*/
}
.left-panel .holder {
    width: 100%;
    padding: 0 15px;
    background: #151a1c;
}
.left-panel .holder:after {
    display: block;
    clear: both;
    content: '';
}
.left-panel .info {
    width: 100%;
    background: #192125;
    font-size: 14px;
    line-height: 20px;
    color: #f1f5f6;
    position: relative;
    margin: 0 0 14px;
    overflow: hidden;
    padding: 6px 10px 8px;
}
.left-panel .info a {
    white-space: nowrap;
}
.left-panel .info:before {
    display: block;
    position: absolute;
    content: '';
    width: 20px;
    top:0;
    bottom:0;
    right: 0;
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(25,33,37,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(25,33,37,1)));
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(25,33,37,1) 100%);
    background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(25,33,37,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(25,33,37,1) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(25,33,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#192125',GradientType=1 );
}
.left-panel .info:after {
    content: '';
    width: 20px;
    height: 14px;
    background: url(../images/sprite.png) no-repeat -94px 0;
    position: absolute;
    left: 50%;
    top: -14px;
    margin: 0 0 0 -15px;
}
.left-panel .info .name {
    display: block;
    color: #37cbf0;
    font-weight: normal;
}
.left-panel .info p {
    margin: 0;
}
.icon-input-help {
    width: 19px;
    height: 19px;
    background: url(../images/sprite.png) no-repeat -182px -259px;
    position: relative;
    display: inline-block;
}
.id-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    font: 16px/24px "Open Sans", Arial, Helvetica, sans-serif;
}
.id-nav li {
    border-top: 1px solid #192125;
}
.id-nav li:first-child {
    border: none;
}
.id-nav a {
    display: block;
    color: #f1f5f6;
    padding: 15px 0 14px 34px;
    position: relative;
}
.id-nav a:hover {
    text-decoration: none;
}
.id-nav .active a:before
/*,
.id-nav a:hover:before*/

{
    content: '';
    width: 5px;
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    background: #00e5f9;
}
/*.id-nav a:hover:after{
    background:url(../images/sprite2.png) no-repeat 0px 0px;
}*/

.id-nav a:after,
.id-nav .active a:hover:after {
    content: '';
    background: url(../images/sprite.png) no-repeat -103px -18px;
    position: absolute;
}
.id-nav .icon1 a:after {
    width: 18px;
    height: 24px;
    background-position: -103px -18px;
    left: 3px;
    top: 15px;
}
.id-nav .icon1.active a:after,
.id-nav .icon1.active a:hover:after {
    background-position: -103px -43px;
}
.id-nav .icon1 a:hover:after {
    background-position: 0px -303px;
}
.id-nav .icon2 a:after {
    width: 22px;
    height: 22px;
    background-position: -125px -18px;
    left: 1px;
    top: 17px;
}
.id-nav .icon2.active a:after,
.id-nav .icon2.active a:hover:after {
    background-position: -125px -43px;
}
.id-nav .icon2 a:hover:after {
    background-position: -22px -303px;
}
.id-nav .icon3 a:after {
    width: 24px;
    height: 24px;
    left: 0;
    background-position: -149px -18px;
}
.id-nav .icon3.active a:after,
.id-nav .icon3.active a:hover:after {
    background-position: -254px -18px;
}
.id-nav .icon3 a:hover:after {
    background-position: -46px -303px;
}
.id-nav .icon4 a:after {
    width: 24px;
    height: 24px;
    left: 0;
    background-position: -176px -18px;
}
.id-nav .icon4.active a:after,
.id-nav .icon4.active a:hover:after {
    background-position: -176px -43px;
}
.id-nav .icon4 a:hover:after {
    background-position: -73px -303px;
}
.id-nav .icon5 a:after {
    width: 23px;
    height: 25px;
    left: 2px;
    background-position: -202px -18px;
}
.id-nav .icon5.active a:after,
.id-nav .icon5.active a:hover:after {
    background-position: -202px -43px;
}
.id-nav .icon5 a:hover:after {
    background-position: -99px -303px;
}
.id-nav .icon6 a:after {
    width: 24px;
    height: 24px;
    left: 0;
    top: 16px;
    background-position: -228px -18px;
}
.leadbitLink a:after {
    width: 32px;
    height: 24px;
    left: 0;
    /*top: 45px;*/
    background: url(../images/leadbit_logo.png) no-repeat;
}
.shakesimlink a:after {
    width: 24px;
    height: 24px;
    left: 0;
    /*top: 45px;*/
    background: url(../images/shakesim.png) no-repeat;
}
.shakesmobilink a:after {
    width: 24px;
    height: 24px;
    left: 0;
    background: url(../images/shakesmobi-logo.png) no-repeat;
}
.shakesimlink em,
.shakesmobilink em {
    font-weight: normal;
    font-style: normal;
    color: #565e62;
}
.id-nav .icon6.active a:after,
.id-nav .icon6.active a:hover:after {
    background-position: -228px -43px;
}
.id-nav .icon6 a:hover:after {
    background-position: -125px -303px;
}

.id-nav .icon-stream a:after {
    width: 22px;
    height: 25px;
    left: 0;
    top: 16px;
    background-position: -92px -371px ;
}
.id-nav .icon-stream.active a:after,
.id-nav .icon-stream.active a:hover:after {
    background-position: -68px -371px ;
}
.id-nav .icon-stream a:hover:after {
    background-position: -116px -371px ;
}
.id-nav .icon-spring a:after {
    left: 0;
    top: 16px;
    background-image: url(../images/spring.png) !important;
    width: 17px;
    height: 24px;
    background-position: -20px -1px;
}
.id-nav .icon-spring.active a:after,
.id-nav .icon-spring.active a:hover:after {
    background-position: -39px -1px;
}
.id-nav .icon-spring a:hover:after {
    background-position: -1px -1px;
}
.id-nav .icon-spring.active a:before,
.id-nav .icon-stream.active a:before,
.id-nav .icon1.active a:before,
.id-nav .icon2.active a:before,
.id-nav .icon3.active a:before,
.id-nav .icon4.active a:before,
.id-nav .icon5.active a:before,
.id-nav .icon6.active a:before,
.id-nav .icon7.active a:before,
.id-nav .icon8.active a:before {
    background: #ff4c86;
}
.id-nav .icon7 a:after {
    width: 20px;
    height: 24px;
    left: 0;
    background-position: -172px -232px;
}
.id-nav .icon7.active a:after,
.id-nav .icon7.active a:hover:after {
    background-position: -194px -232px;
}
.id-nav .icon7 a:hover:after {
    background-position: -151px -303px;
}
.id-nav .icon8 a:after {
    width: 24px;
    height: 24px;
    left: 0;
    background-position: -0px -332px;
}
.id-nav .icon8.active a:after,
.id-nav .icon8.active a:hover:after {
    background-position: -26px -332px;
}
.id-nav .icon8 a:hover:after {
    background-position: -52px -332px;
}
.id-nav .icon9 a:after {
    width: 24px;
    height: 24px;
    left: 0;
    background-position: -114px -332px;
}
.id-nav .icon9.active a:after,
.id-nav .icon9.active a:hover:after {
    background-position: -142px -332px;
}
.id-nav .icon9 a:hover:after {
    background-position: -171px -332px;
}
.id-nav a span {
    float: right;
    font-size: 14px;
    line-height: 24px;
    background: url(../images/bg-namber.png) no-repeat;
    width: 30px;
    height: 26px;
    padding: 0 0 0 5px;
    text-align: center;
}
.left-panel .list {
    list-style: none;
    margin: 0;
    padding: 0px;
    /*width: 100%;*/
    overflow: hidden;
    font: 16px/24px "Open Sans", Arial, Helvetica, sans-serif;
    position: absolute;
    left: 15px;
    bottom: 0;
}
.left-panel .list li {
    padding: 15px 0px;
    border-top: 1px solid #192125;
}
.left-panel .list li:first-child {
    border: none;
}
.left-panel .list a {
    display: block;
    color: #565e62;
    padding: 0 0 0 33px;
    position: relative;
}
.left-panel .list a:hover {
    text-decoration: none;
    color: #fff;
}
.left-panel .list .icon2 a:after,
.left-panel .list .icon1 a:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) no-repeat -58px -18px;
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -9px;
}
.left-panel .list .icon1 a:hover:after {
    background-position: -58px -43px;
}
.left-panel .list .icon2 a:after {
    width: 18px;
    height: 21px;
    background-position: -79px -18px;
    margin-top: -11px;
}
.left-panel .list .icon2 a:hover:after {
    background-position: -79px -43px;
}
#wrapper.turn-panel {
    padding: 0px 0px 248px 54px;
}
.turn-panel .left-panel {
    width: 54px;
    min-height: 840px;
}
.turn-panel .left-panel .logo {
    background: url(../images/logo-small.jpg) no-repeat;
    width: 54px;
    height: 54px;
    margin: 0 auto 18px;
    float: none;
}
.turn-panel .left-panel .logo-img,
.turn-panel .left-panel .info {
    display: none;
}
.turn-panel .left-panel .id-nav,
.turn-panel .left-panel .list {
    text-indent: -9999px;
}
.turn-panel .left-panel .list a {
    padding: 0 0 0 23px;
}
.turn-panel .left-panel .id-nav li {
    margin: 0 -15px;
}
.turn-panel .left-panel .id-nav a {
    padding: 15px 15px 14px 40px;
}
.turn-panel .left-panel .id-nav a:after {
    left: 17px;
}
.turn-panel .left-panel .id-nav .icon4 a:after {
    left: 15px;
}
.turn-panel .left-panel .id-nav .icon6 a:after {
    left: 15px;
}
.turn-panel .left-panel .id-nav a:before {
    right: 1px;
}
.turn-panel .left-panel .id-nav a span {
    background: none;
    font-size: 10px;
    color: #ff4c86;
    line-height: 14px;
    position: absolute;
    right: -3px;
    top: 2px;
    text-indent: 0;
}
/*.turn-panel .left-panel .id-nav .icon3 a:after{
    background-position:-149px -18px;
}
.turn-panel .left-panel .id-nav .icon3 a.active:after,
.turn-panel .left-panel .id-nav .icon3 a:hover:after{
    background-position:-149px -43px;
}
.turn-panel .left-panel .id-nav .icon3 a.active:before,
.turn-panel .left-panel .id-nav .icon3 a:hover:before{
    background:#00e5f9;
}*/

.turn-panel .left-panel .list {
    left: 0px;
}
.turn-panel .left-panel .list a {
    padding: 0px;
    width: 54px;
}
.turn-panel .left-panel .list a:after {
    left: 18px;
}
.turn-panel .left-panel .list a#toggle-menu:after {
    transition: all 0s ease-in-out;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
@media all and (max-height: 1120px) {/* прилипание: развернутое меню */
    .left-panel {
        position: absolute!important;
    }
    .left-panel .list {
        position: relative!important;
        left: 0px!important;
    }
    .turn-panel .left-panel {
        position: fixed!important;
    }
    .turn-panel .left-panel .list {
        position: absolute!important;
    }
}
@media all and (max-height: 800px) {/* прилипание: свернутое меню */
    .turn-panel .left-panel {
        position: absolute!important;
    }
    .turn-panel .left-panel .list {
        position: relative!important;
        left: 0px!important;
    }
    .turn-panel .left-panel .list a {
        margin: 0px 0px 0px -15px!important;
    }
}
/* Шапка */
#header {
    /*overflow: hidden;*/
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(205, 217, 220, 0.75);
    box-shadow: 0 1px 1px rgba(205, 217, 220, 0.75);
    position: relative;
    z-index: 10;
}
#header .wrap {
    padding: 0;
    margin: 0 auto;
    position: relative;
    /*overflow: hidden;*/
    height: 54px;
}
#header .photo-box {
    float: left;
    padding: 0 0 0 7px;
    margin: 15px 30px 13px;
}
#header .photo-box img {
    vertical-align: top;
    float: left;
}
#header .photo-box .round_photo {
    vertical-align: top;
    float: left;
    margin: 0 11px 0 0;
}
#header .photo-box span {
    font-size: 15px;
    line-height: 22px;
    color: #ff4c86;
}
#header .info-list {
    list-style: none;
    margin: 0;
    padding: 0;
    /*float: right;*/
    position: absolute;
    right: 30px;
    font-size: 15px;
    line-height: 24px;
    color: #151a1c;
    margin: 0px 30px 0px;
}
#header .info-list li {
    float: left;
    padding: 0 0 0 35px;
    margin: 15px 0px 13px 27px;
    position: relative;
}
#header .info-list .icon3:after,
#header .info-list .icon2:after,
#header .info-list .icon1:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/sprite.png) no-repeat -58px -69px;
    position: absolute;
    left: 0;
    top: 0;
}
#header .info-list .icon2:after {
    background-position: -85px -69px;
}
#header .info-list .icon3:after {
    background: url(../images/coin_grey.png) no-repeat 0 !important;
}
#header .info-list strong {
    padding: 0 0 0 2px;
}
#main {
    /*overflow:hidden;*/
    background: #e9edee;
}
.wrap {
    max-width: 1440px;
    /* width:1010px; */
    margin: 0 auto;
    padding: 43px 30px 30px;
}
.header-block {
    overflow: hidden;
    padding: 0 0 47px;
}
.header-block h1 {
    font: 300 36px/40px "Open Sans", Arial, Helvetica, sans-serif;
    color: #868d8f;
    position: relative;
    padding: 10px 0 10px 67px;
    margin: 0;
    float: left;
}
.link-back {
    float: right;
    font-size: 15px;
    line-height: 20px;
    color: #00919e;
    margin: 26px 0 0;
    padding: 0 0 0 26px;
    position: relative;
}
.link-back:hover {
    text-decoration: none;
    color: #ff4c86;
}
.link-back:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) no-repeat -194px -69px;
    position: absolute;
    left: 0;
    top: 3px;
}
.header-block h1:after {
    content: '';
    width: 65px;
    height: 67px;
    background: url(../images/sprite.png) no-repeat 0 -95px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -24px 0 0;
}
.sort-block {
    float: right;
    font-size: 15px;
    line-height: 20px;
    color: #a8aeb0;
    padding: 21px 0 0;
}
.sort-block strong {
    float: left;
    font-style: italic;
    font-weight: normal;
    padding: 0 30px 0 0;
}
.sort-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 16px;
    float: left;
    border-bottom: 2px solid #b4bcbe;
}
.sort-nav li {
    float: left;
    padding: 0 0 0 32px;
}
.sort-nav li:first-child {
    padding: 0;
}
.sort-nav a {
    color: #00919e;
    float: left;
    position: relative;
}
.sort-nav a.active,
.sort-nav a.active:hover {
    text-decoration: none;
    color: #868d8f;
}
.sort-nav a:hover {
    color: #ff4c86;
}
.sort-nav a.active:after {
    content: '';
    height: 2px;
    background: #868d8f;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -18px;
}
.sort-block.mod-anal {
    float: left;
    width: 100%;
    padding: 6px 0 0;
    border-bottom: 2px solid #b4bcbe
}
.sort-block.mod-anal .sort-nav {
    margin: 0px 0px -2px 0px;
}
.control-panel {
    position: relative;
    /*overflow:hidden;*/
    background: #fff;
    padding: 15px;
    margin: 0 0 31px;
}
.control-panel .calendar {
    width: 208px;
    float: left;
    margin: 0px 0px 0px 15px;
    position: relative;
}
.control-panel .calendar input[type="text"] {
    cursor: pointer;
    width: 100%;
    background: url(../images/icon-calendar.png) right top no-repeat;
}
.control-panel ul {
    margin: 0px;
}
.link-calendar {
    background: url(../images/sprite.png) no-repeat -68px -95px;
    width: 35px;
    height: 33px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 10;
}
.control-panel .box {
    float: left;
    padding: 0px 0px 0px 15px;
}
.control-panel select {
    width: 188px;
    float: left;
    font-size: 14px;
    line-height: 33px;
    color: #7a8385;
}
.control-panel label {
    font-size: 15px;
    line-height: 35px;
    color: #151a1c;
    float: left;
    width: 47px;
    margin: 0;
    padding: 0 2px 0 0;
}
.control-panel input[type="text"] {
    width: 118px;
    float: left;
}
.control-panel input[type="text"].small {
    width: 96px;
    float: left;
}
.control-panel div:first-child {
    margin-left: 0px;
    padding-left: 0px;
}
.link-update {
    padding: 0px!important;
    min-width: 37px;
    width: auto;
    height: 34px;
    border-radius: 0px;
    /*text-indent: -9999px;*/
    overflow: hidden;
    float: left;
}
.link-update:before {
    content: '';
    background: url(../images/sprite.png) no-repeat -104px -97px!important;
    width: 36px;
    height: 32px;
    display: inline-block;
}
.control-panel .holder {
    width: 155px;
    float: right;
}
.control-panel.form-vertical .holder {
    width: auto;
}
.icons-list {
    list-style: none;
    /*margin: 0px 0px 0px 33px!important;*/
    margin: 0px!important;
    padding: 10px;
    float: right;
    background: #e9edee;
    position: relative;
}
/*.icons-list:after {
    content: '';
    width: 1px;
    background: #cfd1d2;
    position: absolute;
    left: -17px;
    top: 0;
    bottom: 0;
}*/
.icons-list li {
    float: left;
    padding: 0 0 0 10px;
}
.icons-list li:first-child {
    padding: 0;
}
.icons-list a {
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
}
.icons-list .xls a {
    background: url(../images/sprite.png) no-repeat -116px 0;
}
.icons-list .csv a {
    background: url(../images/sprite.png) no-repeat -133px 0;
}
.icons-list .xml a {
    background: url(../images/sprite.png) no-repeat -150px 0;
}
.info-table {
    width: 100%;
    margin: 0 0 20px;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Open Sans', 'Arial', sans-serif;
}
.info-table th {
    white-space: nowrap;
    padding: 10px 7px 8px;
    border: 1px solid #6bb9bf;
    border-width: 0 0 1px 1px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    background: #2d8991 url(../images/table_head_bg.gif) bottom left;
}
.info-table tr td:first-child {
    border-left: 0px;
}
.info-table tr td:last-child {
    border-right: 0px;
}
.info-table .alt-color th {
    background: #46a4ac;
}
.info-table th label,
.info-table th a {
    color: #fff;
    text-decoration: none;
}
.info-table th.cell1,
.info-table2 th.cell1,
.info-table .alt-color th.cell1,
.info-table .alt-border th.cell1 {
    position: relative;
    background: #18686F;
    border-width: 0 1px 2px 1px;
    border-color: #18686F #18686F #18686F #18686F;
}
.info-table .alt-color th.cell4 {
    background: #2d8991 url(../images/table_head_bg.gif) bottom left repeat-x;
    border-width: 0 1px 2px 1px;
}
.info-table .alt-border th {
    border-width: 0 1px 2px 1px;
}
.info-table2 th.cell1 span,
.info-table .alt-color th.cell1 span,
.info-table .alt-border th.cell1 span {
    width: 6px;
    height: 5px;
    border: none;
    padding: 0px;
    background: url(../images/bullet-01.png) no-repeat 0px 0px;
}
.info-table2 th.cell1 .asc span,
.info-table .alt-color th.cell1 .asc span,
.info-table .alt-border th.cell1 .asc span {
    background: url(../images/bullet-02.png) no-repeat 0px 0px;
}
.info-table tr td:first-child a {
    display: inline-block;
    color: #00919e;
    line-height: 16px;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px dotted #00919e;
}
.info-table tr.active-child {
    border-bottom: 2px solid #beced1;
}
.info-table tr td .country_name {
    border-bottom: 1px dotted;
}
.info-table tr.city td,
.info-table tr.tr-child td {
    padding: 8px 11px 7px;
    font-size: 14px;
    line-height: 24px;
    color: #343839;
    border: 1px solid #cfd1d2;
    background: #d6e0e2;
}
.info-table tr.odd + tr.city td,
.info-table tr.even + tr.city td {
    border-top: 2px solid #beced1;
}
.info-table tr.city td.right {
    text-align: right;
    color: #00919e;
}
.info-table tr.tr-child td:first-child {
    color: #343839;
    background: #d6e0e2 url('../images/icon-time.png') no-repeat 50% 10px;
}
.info-table td {
    font-size: 14px;
    line-height: 24px;
    color: #343839;
    background: #fff;
    border: 1px solid #cfd1d2;
    text-align: center;
    padding: 8px 10px 7px;
}
.info-table td.cell1 {
    /*background:#fff url(../images/bg-teble-cell.png);*/
}
.info-table td.right {
    text-align: right;
    color: #00919e;
}
span.rub,
.info-table td.right span {
    color: #b4bcbe;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
span.rub:after {
    content: '';
    width: 6px;
    height: 1px;
    background: #b4bcbe;
    position: absolute;
    left: 0;
    bottom: 9px;
}
.white_table_border {
    background: #fff;
    padding: 20px;
}
.info-table tr:first-child th:first-child {
    border-left: 1px solid #216970!important;
}
.info-table tr.alt-border th:last-child,
.info-table tr:first-child th:last-child {
    border-right: 1px solid #216970!important;
}
.info-table tr.odd td {
    background: #fff;
}
.info-table tr.even td {
    background: #e9edee;
}

.info-table tfoot tr td {
    padding: 8px 0px 7px;
    color: #fff;
    background: #46a4ac;
    border: 1px solid #216970!important;
    border-width: 2px 1px 1px!important;
}
.info-table tfoot tr td a {
    color: #fff;
}
.info-table tfoot tr td.right {
    padding-right: 11px;
    color: #fff;
}
.info-table tfoot tr td.right span {
    color: #7dc8ce;
}
.info-table tfoot tr td.right span:after {
    background: #7dc8ce;
}
.info-table.table-flow thead th[align="left"]{
    text-align: left;
    padding-left: 15px;
}
.info-table.table-flow td[align="left"]{
    text-align: left;
}
.table__smallth th {
    font-size: 12px;
}
.table-hover tr:hover td {
    background: #eee;
}
.table-flow tr:nth-child(even) td{
    background: #e9edee;
}

.footer-panel {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.footer-panel .holder {
    width: 65%;
    background: #2d8991;
    float: left;
    padding: 15px 18px 15px 14px;
}
.footer-panel .holder:last-child {
    width: 100%;
}
#content .wrap .grid-view {
    margin: 30px 0px 0px;
}
#content .wrap .footer-panel .holder .grid-view {
    height: 24px;
    margin: 0px;
}
.footer-panel .frame {
    width: 35%;
    padding: 0 0 0 31px;
    float: left;
}
.footer-panel .block {
    overflow: hidden;
    background: #2d8991;
}
.pagination {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    border-radius: 0;
    font-size: 15px;
    line-height: 22px;
}
.pagination li {
    float: left;
    padding: 0 0 0 16px;
}
.pagination li:first-child {
    padding: 0;
}
.pagination li strong,
.pagination li a {
    padding: 0;
    height: 24px;
    float: left;
    background: none;
    color: #fff;
    text-align: center;
    border-radius: 0 !important;
    border: 1px solid #4ab3bc;
    padding: 0 7px;
}
.pagination li a:hover {
    text-decoration: none;
    background: #fff;
    border-color: #fff;
    color: #374748;
}
.pagination li.active a,
.pagination li.active a:hover,
.pagination li strong {
    font-weight: normal;
    background: #fff;
    border-color: #fff;
    color: #374748;
}
.footer-panel .btn-holder {
    float: right;
    padding: 4px 0 0;
}
.footer-panel .link-next,
.footer-panel .link-prev {
    background: url(../images/sprite.png) no-repeat -114px -69px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    float: left;
    margin: 0 0 0 15px;
}
.footer-panel .link-prev:hover {
    background-position: -154px -69px;
}
.footer-panel .link-next {
    background-position: -134px -69px;
}
.footer-panel .link-next:hover {
    background-position: -174px -69px;
}
.footer-panel .block {
    padding: 15px 15px 15px 16px;
}
.footer-panel .block span {
    float: left;
    font-size: 14px;
    line-height: 24px;
    font-style: italic;
    color: #7dc8ce;
}
.footer-panel .block .pagination {
    float: right;
}
.footer-panel .block .pagination li {
    padding: 0 0 0 6px;
}
.info-table2 {
    width: 100%;
    margin: 0 0 30px;
    font-size: 15px;
    line-height: 20px;
}
.info-table table,
.info-table2 table {
    width: 100%;
}
.info-table2 th {
    padding: 10px 9px 8px;
    border: 1px solid #216970;
    border-width: 0 1px 2px 1px;
    background: #2d8991;
    color: #fff;
    font-weight: normal;
    text-align: center;
}
.info-table2 th a {
    color: #fff;
    text-decoration: none;
}
.info-table2 th.cell15,
.info-table2 th.cell1 {
    background: #ff4c86;
    border-width: 0 1px 2px 1px;
    border-color: #cb245a #cb245a #cb245a #ff4c86;
    text-align: left;
    /*  width:10%;
    padding:10px 16px 8px;*/
}
/*.info-table2 th.cell5 span,
.info-table2 th.cell1 span{
    padding:0 13px 0 0;
    background:url(../images/bullet-01.png) no-repeat 100% 6px;
}*/

.info-table2 th.left,
.info-table2 td.left {
    text-align: left!important;
}
.info-table2 th.cell5 {
    width: 8%;
    text-align: center;
}
.info-table2 th.cell2 {
    width: 15%;
    text-align: left;
}
.info-table2 th.cell3 {
    width: 8%;
}
.info-table2 th.cell7 {
    width: 5%;
}
.info-table2 td {
    font-size: 14px;
    line-height: 24px;
    color: #343839;
    background: #fff;
    border: 1px solid #cfd1d2;
    text-align: center;
    padding: 8px 11px 7px;
    text-align: left;
}
.info-table2 td.cell1 {
    /*background:#fff url(../images/bg-teble-cell.png)!important;*/
    /*text-align:center;*/
}
.info-table2 th.right,
.info-table2 td.right {
    text-align: right!important;
}
.data-table.info-table tr:nth-child(2n-1) td,
.info-table2 tr:nth-child(2n-1) td {
    background: #e9edee;
}

.info-table .country {
    padding: 0 0 0 25px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.flag4:after,
.flag8:after,
.flag2:after,
.flag1:after{
    content:'';
    position:absolute;
    left:0px;
    top:7px;
    width:16px;
    height:11px;
    background:url(../images/sprite.png) no-repeat -184px 0px;
}
.flag2:after{
    top:6px;
    background-position: -167px 0px;
}
.flag8:after{
    top:7px;
    background-position: -257px 0px;
}
.flag4:after{
    top:7px;
    background-position: -284px -245px;
}
.info-table2 .holder {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.info-table th a,
.info-table2 th a {
    position: relative;
}
.info-table .icon-w,
.info-table2 .icon-w {
    background: url(../images/w.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    overflow: hidden;
    display: inline-block;
}
.info-table .icon-m,
.info-table2 .icon-m {
    background: url(../images/m.png) no-repeat 0px 0px;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    overflow: hidden;
    display: inline-block;
}
.info-table2 .icon-no,
.info-table2 .icon-yes,
.info-table2 .icon-time {
    background: none;
}
tr.status_wait td {
    background: #e9edee;
}
.info-table .holder span,
.info-table .icon-no span,
.info-table .icon-yes span,
.info-table .icon-time span,
.info-table2 .holder span,
.info-table2 .icon-no span,
.info-table2 .icon-yes span,
.info-table2 .icon-time span {
    background: url(../images/sprite.png) no-repeat -202px 0;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
.info-table2 .icon-no span {
    background-position: -239px 0;
}
.info-table2 .icon-yes span {
    height: 17px;
    background-position: -221px 0;
}

/* статус: проверен */

tr.status_ok td {
    background: #e2ecdd;
    /*border-bottom:1px solid #316f11;*/
}
tr.status_ok .holder span {
    width: 16px;
    height: 17px;
    background-position: -221px 0;
}
tr.status_ok td.status_vie {
    background: #e2ecdd;
    padding: 11px;
    /*border-bottom:2px solid #316f11;*/
}
/* статус: отклонен */

tr.status_decline td {
    background: #e9e0e2;
    /*border-bottom:1px solid #b71b4d;*/
}
tr.status_decline .holder span {
    background-position: -239px 0;
}
.info-table2 tr td.status_vie {
    padding: 0;
}
tr.status_decline td.status_vie {
    background: #e9e0e2;
    padding: 12px 11px 11px;
    /*border-bottom:2px solid #b71b4d;*/
}
/* статус: не валиден */

tr.status_not-valid td {
    background: #e9e0e2;
    /*border-bottom:1px solid #b71b4d;*/
}
tr.status_not-valid .holder span {
    width: 16px;
    height: 17px;
    background: url(../images/status_not-valid.png) no-repeat 0px 0;
}
tr.status_not-valid td.status_vie {
    /*background:#e9e0e2;*/
    padding: 11px;
    /*border-bottom:2px solid #b71b4d;*/
}
.header-block h1.icon2:after {
    background-position: 0 -164px;
}
#main .news-list {
    list-style: none;
    margin: 0;
    padding: 0 0 30px;
    overflow: hidden;
    font-size: 15px;
    line-height: 22px;
}
#main .news-list li {
    margin: 28px 0 0;
    padding: 15px 15px 0;
    background: #fff;
    overflow: hidden;
}
#main .news-list li:first-child {
    margin-top: 0;
}
#main .news-list .heading {
    overflow: hidden;
    padding: 0 0 11px;
}
#main .news-list .date {
    font: 19px/54px "Open Sans", Arial, Helvetica, sans-serif;
    color: #8e9596;
    padding: 0 14px;
    margin: 0 15px 0 0;
    float: left;
    background: #e9edee;
}
#main .news-list h2 {
    float: left;
    font: 19px/54px "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0;
    color: #00919e;
}
#main .news-list p {
    margin: 0 0 19px;
}
.footer-panel.col1 .holder {
    width: 100%;
}
.header-block h1.icon3:after {
    background-position: -68px -164px;
}

.sort-form .link-update {
    float: right;
    margin: 0 -1px 0 0;
}
.sort-form select {
    width: 248px;
}
.sort-form .box {
    float: left;
    padding: 0 10px 0 0;
}
.sort-form .big {
    width: 344px;
}
.add-form {
    border: 15px solid #cfdadd;
    background: #fff;
    overflow: hidden;
    padding: 15px;
    margin: 0 0 30px;
}
.add-form label {
    float: left;
    font: 15px/35px "Open Sans", Arial, Helvetica, sans-serif;
    color: #1e1f23;
    margin: 0;
}
.add-form .box {
    float: right;
}
.add-form input[type="text"] {
    width: 382px;
    float: left;
}
.add-form .error-message {
    margin: 15px 0px 0px 0px;
}
.add-form-message {
    margin: 0px 0px 30px 0px!important;
}
.btn-send,
.btn-add {
    width: 140px;
    float: right;
    text-align: center;
    height: 35px;
    border: 1px solid #00c8d9;
    background: #00e5f9;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZTVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM3ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00e5f9), color-stop(100%, #00c7d9));
    background: -webkit-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: -o-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: -ms-linear-gradient(top, #00e5f9 0%, #00c7d9 100%);
    background: linear-gradient(to bottom, #00e5f9 0%, #00c7d9 100%);
    font: 15px/32px "Open Sans", Arial, Helvetica, sans-serif;
    color: #0c393d;
    margin: 0 0 0 15px;
    -webkit-box-shadow: 0 1px 0 #fff inset, 0 0 5px rgba(166, 243, 249, 0.75) inset;
    box-shadow: 0 1px 0 #fff inset, 0 0 5px rgba(166, 243, 249, 0.75) inset;
}
.btn-send {
    position: relative;
    width: 35px;
}
.btn-send:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0px 0px -8px;
    width: 15px;
    height: 13px;
    background: url(../images/icon-arrow.png) no-repeat 0px 0px;
}
.btn-add span {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 29px;
    position: relative;
}
.btn-add span:after {
    content: '';
    position: absolute;
    top: 9px;
    left: 0px;
    width: 16px;
    height: 17px;
    background: url(../images/sprite.png) no-repeat -214px -69px;
}
.message {
    overflow: hidden;
    background: #cfdadd;
    margin: 0 0 30px;
    padding: 26px 15px;
    color: #1e1f23;
    font: 15px/20px "Open Sans", Arial, Helvetica, sans-serif;
    text-align: center;
}
.message p {
    margin: 0;
}
.post {
    overflow: hidden;
    margin: 0 0 30px;
    padding: 15px;
    background: #fff;
    position: relative;
}
.post.mod-item {
    overflow: inherit;
    min-height: 360px;
}
.post .img {
    width: 185px;
    float: left;
    margin: 0 30px 0 0;
}
.post .img img {
    vertical-align: top;
}
.post .img .info {
    width: auto;
    margin: 10px 0;
    padding: 0 0 0 3px;
    float: none;
}
.post .price-box {
    margin: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    color: #919ea1;
    background: #e9edee;
    padding: 10px 8px 8px;
}
.post .price-box dt {
    font-weight: normal;
}
.post .price-box dd {
    color: #343839;
}
.post .frame {
    overflow: hidden;
}
.post .img-holder {
    overflow: hidden;
    padding: 21px 0 16px;
}
.post .img-holder .img-box {
    float: left;
    margin: 0 30px 0 0;
}
.post .list-img {
    list-style: none;
    margin: 0 0 -30px;
    padding: 0;
    overflow: hidden;
}
.post .list-img li {
    float: left;
    padding: 0 30px 30px 0;
}
.post .list-img li img {
    cursor: pointer;
}
.post .holder {
    overflow: hidden;
    padding: 0 0 42px;
}
.post .heading {
    overflow: hidden;
    padding: 0 0 16px;
}
.post h2 {
    font: 15px/14px "Open Sans", Arial, Helvetica, sans-serif;
    color: #00919e;
    margin: 0;
    float: left;
    text-transform: none!important;
}
.post .info-text {
    font-size: 14px;
    line-height: 14px;
    color: #919ea1;
    font-style: italic;
    float: right;
}
.product-info {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #343839;
    margin: 0 0 8px;
}
.product-info th {
    padding: 5px 15px 6px;
    border: 1px solid #fff;
    border-width: 0 1px;
    text-align: center;
    background: #e9edee;
}
.traffic_type_tr .cell3 {
    padding: 5px 15px 6px 20px;
    border: 1px solid #fff;
    border-width: 0 1px;
    text-align: left;
    background: #e9edee;
}
.product-info td {
    background: #e9edee;
    padding: 5px 15px 6px;
}
.product-info td.cell2 {
    border: 1px solid #fff;
    border-width: 0px 0px 0px 1px;
}
.product-info tr:nth-child(2n) td {
    background: #f8fafb;
}
.product-info td.cell3 {
    width: 13%;
    padding: 0px 10px;
    border: 1px solid #fff;
    border-width: 0px 1px 0px 0px;
    font-weight: bold;
    text-align: center;
}
.product-info td.cell3 + td.cell3 {
    width: 13%;
    padding: 0px 10px;
    border-width: 0px;
    font-weight: bold;
}
.product-info td.cell3 img {
    margin-right: 10px;
}
.product-info td.cell1 {
    width: 20%;
}
.product-info td.cell1 span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 0 0 31px;
}
.post .box {
    position: absolute;
    left: 230px;
    right: 15px;
    bottom: 13px;
}
.post .info {
    width: 140px;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #919fa2;
    float: left;
}
.post .info dt {
    float: left;
    line-height: 22px;
}
.post .info dd {
    overflow: hidden;
    color: #343839;
    text-align: right;
    margin: 0;
    line-height: 22px;
}
.post .info dd span {
    padding: 0 14px 0 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.post .info dd span.icon3:after,
.post .info dd span.icon2:after,
.post .info dd span.icon1:after {
    content: '';
    width: 6px;
    height: 6px;
    background: url(../images/sprite.png) no-repeat -274px 0;
    position: absolute;
    right: 2px;
    top: 8px;
    display: none!important;
}
.post .info dd span.icon2:after {
    background-position: -281px 0;
}
.post .info dd span.icon3:after {
    width: 5px;
    height: 5px;
    background-position: -288px 0;
}
.post .link-holder {
    float: right;
    padding: 7px 0 0;
}
.post .link-holder a {
    float: left;
    margin: 0 0 0 15px;
}
.post .link-holder span {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.post .link-holder .btn-default span {
    padding: 0 0 0 30px;
}
.post .link-holder .btn-primary span {
    padding: 0 0 0 26px;
}
.post .link-holder .btn-primary span:after,
.post .link-holder .btn-default span:after {
    content: '';
    width: 16px;
    height: 17px;
    background: url(../images/sprite.png) no-repeat -214px -69px;
    position: absolute;
    left: 0;
    top: 9px;
}
.post .link-holder .btn-primary span:after {
    background-position: -232px -69px;
}
.btn-like span {
    position: relative;
    padding: 0 0 0 25px;
}
.btn-like span:before {
    content: '';
    width: 17px;
    height: 19px;
    background: url(../images/sprite.png) no-repeat -81px -330px;
    position: absolute;
    left: 0px;
    top: 2px;
}
.btn-like span:hover:before {
    background-position: -81px -330px;
}
.promo-block {
    overflow: hidden;
    margin: 0 0 44px;
    padding: 13px 0 0;
}
.link-download {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    display: block;
    margin: 0 -15px;
    padding: 16px 10px 14px 49px;
    background: #2d8991;
    position: relative;
}
.link-download:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) no-repeat -280px -9px;
    position: absolute;
    left: 15px;
    top: 19px;
}
.link-download:hover {
    color: #fff;
    text-decoration: underline;
}
.promo-box span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16px;
}
.tools-block {
    width: 215px;
    float: right;
}
.tools-list {
    list-style: none;
    margin: 0px;
    padding: 4px 0px 0px;
    overflow: hidden;
}
.tools-list li {
    padding: 0px 0px 13px 27px;
    position: relative;
}
.tools-list li:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/sprite.png) no-repeat -257px -43px;
    position: absolute;
    left: 0px;
    top: 4px;
}
.info-container {
    width: 100%;
    /*overflow:hidden;*/
    margin: 0px 0px 44px;
}
.promo-block h2,
.info-container h2 {
    font: 300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #8e9596;
    margin: 0px 0px 35px;
}
.promo-block h2 {
    margin: 0px 0px 30px;
}
.keys-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.keys-list li {
    position: relative;
    padding: 10px 15px 11px 66px;
    margin: 30px 0px 0px;
    background: #fff;
}
.keys-list li:first-child {
    margin: 0px;
}
/*.keys-list li:after{
    content:'';
    width:35px;
    height:35px;
    background:url(../images/sprite.png) no-repeat -221px -95px;
    position:absolute;
    left:15px;
    top:50%;
    margin:-18px 0 0;
}*/

.keys-list li .keys-ico {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin: -18px 0 0;
    background: #e9edee;
}
.keys-list li .keys-ico img {
    margin: 10px;
    width: 16px;
    height: 16px;
}
.keys-list p {
    margin: 0px;
}
.product-container {
    margin: 0px 0px 30px;
    padding: 15px;
    background: #fff;
    clear: both;
}
.product-container .img-box {
    width: 200px;
    border-right: 15px solid #fff;
    float: left;
    /*margin:0 15px 0 0;*/
}
.product-container h3 {
    position: relative;
    width: 185px;
    font: 300 15px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #42a2ad;
    margin: 0;
    padding: 5px 11px;
    background: #e9edee;
}
.product-container.offer-height {
    min-height: 215px;
}
/*.product-container .text-holder{
    width: 100%;
    margin-left: 30px;
    }*/

/*.product-container .text-holder{
    overflow:hidden;
}*/

.data-table {
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #151a1c;
}
.data-table th {
    padding: 5px 7px 3px;
    background: #e9edee;
    border-bottom: 2px solid #d2dbdd;
    font-weight: normal;
    color: #5e6f73;
    text-align: right;
}
.data-table.info-table th {
    padding: 10px 7px 8px;
    border: 1px solid #216970;
    border-width: 0 0 1px 1px;
    background: #2d8991;
    color: #fff;
    font-weight: normal;
}
.data-table .cell1 {
    width: 32%;
}
.data-table .cell2 {
    width: 33%;
}
.data-table .cell3 {
    width: 10%;
}
.data-table .cell4 {
    width: 8%;
}
.data-table .cell5 {
    width: 17%;
    padding: 5px 12px 3px;
}
.data-table td {
    text-align: right;
    padding: 5px 7px;
    background: #f8fafb;
}
.data-table tr:nth-child(2n-1) td {
    background: #e9edee;
}
.info-table .title,
.data-table .title {
    /*max-width: 230px;*/
    display: block;
    text-align: left;
    padding: 0 0 0 30px;
    position: relative;
    font-weight: normal;
}
.data-table .title .zclip {
    margin-top: 0px;
}
.data-table input[type="text"].animateZclip {
    -webkit-animation: animateZclip 3s;
    animation: animateZclip 3s;
}
@-webkit-keyframes animateZclip {
    0% {
        background: #fff;
    }
    20% {
        background: #faffbd;
    }
    100% {
        background: #fff;
    }
}
@keyframes animateZclip {
    0% {
        background: #fff;
    }
    20% {
        background: #faffbd;
    }
    100% {
        background: #fff;
    }
}
.info-table .title i.link,
.data-table .title i.link {
    content: '';
    width: 22px;
    height: 23px;
    background: url(../images/link.png) no-repeat 0px 0px;
    position: absolute;
    left: 0;
    top: 4px;
}
.info-table .title i.eye,
.data-table .title i.eye {
    content: '';
    width: 22px;
    height: 16px;
    background: url(../images/sprite.png) no-repeat -272px -69px;
    position: absolute;
    left: 0;
    top: 3px;
}
.info-table .title i.eye:hover,
.data-table .title i.eye:hover {
    background: url(../images/eye-active.png) no-repeat 0px 0px;
}
.info-table .title i.eye .eye-preview,
.data-table .title i.eye .eye-preview {
    display: none;
}
.info-table .title i.eye:hover .eye-preview,
.data-table .title i.eye:hover .eye-preview {
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 5px;
    width: 190px;
    height: 130px;
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1)!important;
    -moz-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1)!important;
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1)!important;
    display: block;
    background: #2d8991 url(../images/mask0.png) 50% 50% no-repeat;
    z-index: 100;
}
.info-table .title i.eye:hover .eye-preview,
.data-table .title i.eye:hover .eye-preview {
    animation: animationEyePreview ease 0.3s;
    animation-iteration-count: 1;
    /*transform-origin: ;*/
    animation-fill-mode: forwards;
    /*when the spec is finished*/
    -webkit-animation: animationEyePreview ease 0.3s;
    -webkit-animation-iteration-count: 1;
    /*-webkit-transform-origin: ;*/
    -webkit-animation-fill-mode: forwards;
    /*Chrome 16+, Safari 4+*/
    -moz-animation: animationEyePreview ease 0.3s;
    -moz-animation-iteration-count: 1;
    /*-moz-transform-origin: ;*/
    -moz-animation-fill-mode: forwards;
    /*FF 5+*/
    -o-animation: animationEyePreview ease 0.3s;
    -o-animation-iteration-count: 1;
    /*-o-transform-origin: ;*/
    -o-animation-fill-mode: forwards;
    /*Not implemented yet*/
    -ms-animation: animationEyePreview ease 0.3s;
    -ms-animation-iteration-count: 1;
    /*-ms-transform-origin: ;*/
    -ms-animation-fill-mode: forwards;
    /*IE 10+*/
}
@keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 0px;
        opacity: 1;
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-moz-keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 0px;
        opacity: 1;
        -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-webkit-keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 0px;
        opacity: 1;
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-o-keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        -o-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 0px;
        opacity: 1;
        -o-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-ms-keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 0px;
        opacity: 1;
        -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
.info-table .title a:hover,
.data-table .title a:hover {
    text-decoration: none;
    color: #ff4c86;
}
.data-table input[type="text"] {
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
}
.mask2,
.mask1 {
    width: 185px;
    height: 185px;
    overflow: hidden;
    position: relative;
    background: #2d8991 url(../images/mask0.png) 50% 40% no-repeat;
}
/*.mask2.no_link,
.mask1.no_link,
.mask2 a,
.mask1 a{
    position: relative;
}*/
.mask2.no_link:after,
.mask1.no_link:after,
.mask2 span:after,
.mask1 span:after,
.mask2 a:after,
.mask1 a:after {
    content: '';
    background: url(../images/mask1.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 185px;
    height: 185px;
}

.mask1.browser a:after,
.mask1.browser span:after {
    content: '';
    background: url(../images/mask4.png) no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 185px;
    height: 185px;
}

.mask3 {
    position: relative;
    width: 185px;
    height: 115px;
    padding: 31px 16px 0;
    background: #2d8991 url(../images/mask0.png) 50% 70% no-repeat;
}
.mask3:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/mask3.png) no-repeat;
    width: 185px;
    height: 115px;
}
/*.mask2 img,
.mask1 img {
    width: 185px;
    height: 185px;
}*/
/*.mask1.browser img {
    position: absolute;
    top: 0;
    left: 0;
    width: 185px;
    height: 200px;
    border: 1px solid #2d8991;
    border-width: 31px 16px;
}*/
.header-block h1.icon4:after {
    background-position: -137px -164px;
}
.link-edit {
    float: right;
    margin: 19px 0 0;
    padding: 0 0 0 35px;
    position: relative;
}
.link-edit:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/sprite.png) no-repeat -276px -43px;
    position: absolute;
    left: 0;
    top: 0;
}
.link-edit:hover {
    text-decoration: none;
    color: #ff4c86;
}
.contact {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 10px;
}
.contact li {
    padding: 0 0 0 22px;
    position: relative;
    margin-right: 10px;
    display: inline-block;
}
.contact .skype:after,
.contact .isq:after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/sprite.png) no-repeat -95px -132px;
    position: absolute;
    left: 0;
    top: 3px;
}
.contact .skype:after {
    width: 16px;
    height: 16px;
    background: url('../images/skype-green.png') no-repeat;
}
.contact .isq:after {
    background: url('../images/icq-green.png') no-repeat;
}
.manager-info .js-show-manager-opinion-form {
    color: #ffdc62;
    cursor: pointer;
    display: block;
    background: url('../images/dislike.png') left center no-repeat;
    padding-left: 20px;
}
.news-container h2,
.promo-container h2 {
    font: 300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #8e9596;
    margin: 0 0 30px;
}
.info-holder {
    overflow: hidden;
}
.promo-list {
    list-style: none;
    margin: 0 -35px 0 0;
    padding: 0;
    overflow: hidden;
}
.promo-list li {
    float: left;
    padding: 0 30px 30px 0;
    width: 25%;
}
.promo-list .box {
    display: block;
    padding: 15px 15px 65px;
    background: #fff;
    position: relative;
}
.promo-list .box .holder {
    overflow: hidden;
}
.promo-list .mask1 {
    width: 100%;
}
.promo-list .mask1.browser span:after {
    background: none !important;
}
.promo-list .box .holder {
    animation: animationBoxHolder ease 0.3s;
    animation-iteration-count: 1;
    /*transform-origin: ;*/
    animation-fill-mode: forwards;
    -webkit-animation: animationBoxHolder ease 0.3s;
    -webkit-animation-iteration-count: 1;
    /*-webkit-transform-origin: ;*/
    -webkit-animation-fill-mode: forwards;
    -moz-animation: animationBoxHolder ease 0.3s;
    -moz-animation-iteration-count: 1;
    /*-moz-transform-origin: ;*/
    -moz-animation-fill-mode: forwards;
    -o-animation: animationBoxHolder ease 0.3s;
    -o-animation-iteration-count: 1;
    /*-o-transform-origin: ;*/
    -o-animation-fill-mode: forwards;
    -ms-animation: animationBoxHolder ease 0.3s;
    -ms-animation-iteration-count: 1;
    /*-ms-transform-origin: ;*/
    -ms-animation-fill-mode: forwards;
}
@keyframes animationBoxHolder {
    0% {
        height: 0px;
        padding: 0px 15px 0px;
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 65px;
        padding: 11px 15px 14px;
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-moz-keyframes animationBoxHolder {
    0% {
        height: 0px;
        padding: 0px 15px 0px;
        -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 65px;
        padding: 11px 15px 14px;
        -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-webkit-keyframes animationBoxHolder {
    0% {
        height: 0px;
        padding: 0px 15px 0px;
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 65px;
        padding: 11px 15px 14px;
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-o-keyframes animationBoxHolder {
    0% {
        height: 0px;
        padding: 0px 15px 0px;
        -o-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 65px;
        padding: 11px 15px 14px;
        -o-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-ms-keyframes animationBoxHolder {
    0% {
        height: 0px;
        padding: 0px 15px 0px;
        -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 65px;
        padding: 11px 15px 14px;
        -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
.promo-list .box:hover .holder {
    animation: animationBoxHolderHoverHover ease 0.3s;
    animation-iteration-count: 1;
    /*transform-origin: ;*/
    animation-fill-mode: forwards;
    /*when the spec is finished*/
    -webkit-animation: animationBoxHolderHover ease 0.3s;
    -webkit-animation-iteration-count: 1;
    /*-webkit-transform-origin: ;*/
    -webkit-animation-fill-mode: forwards;
    /*Chrome 16+, Safari 4+*/
    -moz-animation: animationBoxHolderHover ease 0.3s;
    -moz-animation-iteration-count: 1;
    /*-moz-transform-origin: ;*/
    -moz-animation-fill-mode: forwards;
    /*FF 5+*/
    -o-animation: animationBoxHolderHover ease 0.3s;
    -o-animation-iteration-count: 1;
    /*-o-transform-origin: ;*/
    -o-animation-fill-mode: forwards;
    /*Not implemented yet*/
    -ms-animation: animationBoxHolderHover ease 0.3s;
    -ms-animation-iteration-count: 1;
    /*-ms-transform-origin: ;*/
    -ms-animation-fill-mode: forwards;
    /*IE 10+*/
}
@keyframes animationBoxHolderHover {
    0% {
        height: 65px;
        padding: 11px 15px 14px;
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 0px;
        padding: 0px 15px 0px;
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-moz-keyframes animationBoxHolderHover {
    0% {
        height: 65px;
        padding: 11px 15px 14px;
        -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 0px;
        padding: 0px 15px 0px;
        -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-webkit-keyframes animationBoxHolderHover {
    0% {
        height: 65px;
        padding: 11px 15px 14px;
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 0px;
        padding: 0px 15px 0px;
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-o-keyframes animationBoxHolderHover {
    0% {
        height: 65px;
        padding: 11px 15px 14px;
        -o-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 0px;
        padding: 0px 15px 0px;
        -o-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-ms-keyframes animationBoxHolderHover {
    0% {
        height: 65px;
        padding: 11px 15px 14px;
        -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        height: 0px;
        padding: 0px 15px 0px;
        -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
.promo-list .box:hover .frame {
    color: #00cddf;
}
.promo-list .mask3,
.promo-list .mask1 {
    display: block;
}
.promo-list .mask3 {
    margin: 0 0 70px;
}
.promo-list .block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.promo-list .holder {
    display: block;
    background: #2d8991;
    padding: 11px 15px 14px;
    font-size: 14px;
    line-height: 20px;
    color: #7dc8ce;
}
.promo-list .holder span {
    display: block;
}
.promo-list .holder strong {
    color: #fff;
}
.promo-list .frame {
    display: block;
    background: #fff;
    font: 15px/22px "Open Sans", Arial, Helvetica, sans-serif;
    color: #00cddf;
    padding: 10px 16px 16px;
    color: #00919e;
}
.promo-list .holder.alt {
    color: #ffb6ce;
    background: #ff4c86 url('../images/bg-frame.png') no-repeat 100% 100%;
}
ul.mod-landing,
ul.mod-stream {
    width: 1000px;
    display: inline-block;
    list-style: none;
    margin: 0 -35px 0 0;
    padding: 0;
}

ul.mod-stream li{
    display: inline-block;
    padding: 0 24px 30px 0;

}
ul.mod-stream li .box {
    width: 215px;
    min-height: 45px;
    padding: 0px;
    background: #fff;
}
ul.mod-stream li .block {
    position: relative;
    padding: 0px;
}
.mod-stream li,
.promo-list.mod-landing li {
    position: relative;
}
.mod-stream li .frame,
.mod-landing li .frame {
    display: block;
    padding: 12px 16px 11px;
}
.mod-stream li .frame-link,
.mod-landing li .frame-link {
    display: inline-block;
    height: 22px;
    position: relative;
}
.mod-stream li .frame-link .frame-link__name,
.mod-landing li .frame-link  .frame-link__name{
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    width: 150px;
    display: inline-block;
}

ul.mod-stream  li i.eye .eye-preview {
    display: none;
}

ul.mod-stream li .frame-link:hover .eye-preview {
    position: absolute;
    top: 14px;
    left: 0%;
    margin-left: -5px;
    width: 190px;
    height: 130px;
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
    -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1)!important;
    -moz-box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1)!important;
    box-shadow: 0px 0px 0px 4px rgba(0, 0, 0, 0.1)!important;
    display: block;
    background: #2d8991 url('../images/mask0.png') 50% 50% no-repeat;
    z-index: 100;
}
ul.mod-stream li .frame-link:hover .eye-preview {
    animation: animationEyePreview ease 0.3s;
    animation-iteration-count: 1;
    /*transform-origin: ;*/
    animation-fill-mode: forwards;
    /*when the spec is finished*/
    -webkit-animation: animationEyePreview ease 0.3s;
    -webkit-animation-iteration-count: 1;
    /*-webkit-transform-origin: ;*/
    -webkit-animation-fill-mode: forwards;
    /*Chrome 16+, Safari 4+*/
    -moz-animation: animationEyePreview ease 0.3s;
    -moz-animation-iteration-count: 1;
    /*-moz-transform-origin: ;*/
    -moz-animation-fill-mode: forwards;
    /*FF 5+*/
    -o-animation: animationEyePreview ease 0.3s;
    -o-animation-iteration-count: 1;
    /*-o-transform-origin: ;*/
    -o-animation-fill-mode: forwards;
    /*Not implemented yet*/
    -ms-animation: animationEyePreview ease 0.3s;
    -ms-animation-iteration-count: 1;
    /*-ms-transform-origin: ;*/
    -ms-animation-fill-mode: forwards;
    /*IE 10+*/
}
@keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 0px;
        opacity: 1;
        transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-moz-keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 0px;
        opacity: 1;
        -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-webkit-keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 35px;
        opacity: 1;
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-o-keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        -o-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 0px;
        opacity: 1;
        -o-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}
@-ms-keyframes animationEyePreview {
    0% {
        top: -25px;
        opacity: 0;
        -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
    100% {
        top: 0px;
        opacity: 1;
        -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
    }
}


.promo-list.mod-stream li .box {
    width: 215px;
    min-height: 45px;
    padding: 0px;
}
.promo-list.mod-landing li .box {
    padding: 15px 15px 45px;
}
.promo-list.mod-stream li .box:hover .frame,
.promo-list.mod-landing li .box:hover .frame {
    color: #00919e;
}
.promo-list.mod-stream li .block {
    position: relative;
    padding: 0px;
}
.mod-stream li .icon-add-landing,
.promo-list.mod-landing li .icon-add-landing {
    width: 27px;
    height: 20px;
    background: url('../images/sprite.png') no-repeat -273px -303px;
    text-indent: -9999px;
    position: absolute;
    right: 0;
}
.mod-stream li .frame-link:hover .icon-add-landing,
.promo-list.mod-landing li .frame-link:hover .icon-add-landing {
    background-position: -273px -332px;
}
.news-container h2 {
    float: left;
}
.news-container {
    overflow: hidden;
}
.news-container .heading {
    overflow: hidden;
}
.link-archive {
    float: right;
    padding: 0 0 0 38px;
    position: relative;
    margin: 5px 0 0;
}
.link-archive:after {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../images/sprite.png) no-repeat -130px -132px;
    position: absolute;
    left: 0;
    top: 0;
}
#main .news-container .news-list .date {
    font-size: 15px;
    line-height: 25px;
    color: #8e9596;
    padding: 0 7px;
    margin: 0 9px 0 0;
}
#main .news-container .news-list h2 {
    font-size: 15px;
    line-height: 25px;
}
.statistics-block {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0 15px 15px;
    margin: 0 0 44px;
}
.statistics-block .block {
    float: right;
    width: 215px;
    margin: 0px;
    padding: 15px 0 0;
}
.graph-block .list,
.statistics-block .list {
    list-style: none;
    margin: 0 0 7px;
    padding: 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 20px;
    font-style: italic;
    color: #acaeaf;
}
.graph-block .list li,
.statistics-block .list li {
    float: left;
    margin: 0 0 10px 24px;
    padding: 0 0 0 24px;
    position: relative;
}
.graph-block .list li:first-child,
.statistics-block .list li:first-child {
    margin: 0;
}
.graph-block .list li:after,
.statistics-block .list li:after {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 3px;
}
.graph-block .list .icon1:after,
.statistics-block .list .icon1:after {
    background: #00e5f9;
}
.graph-block .list .icon2:after,
.statistics-block .list .icon2:after {
    background: #7af3fe;
}
.statistics-block .info-container {
    position: relative;
    background: #2d8991;
    margin: 0 0 15px;
    padding: 15px 15px 21px;
}
.statistics-block .info-container .hover-content {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #7af3fe url(../images/statback.png) top left no-repeat;
    width: 215px;
    height: 201px;
}
.statistics-block .info-container .hover-content .iblock1 {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 30px;
    font-family:  "Open Sans";
    color: #0d4c52;
    line-height: 0.733;
}
.statistics-block .info-container .hover-content .iblock2 {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 30px;
    font-family:  "Open Sans";
    color: #0d4c52;
    line-height: 0.733;
}
.statistics-block .info-container .hover-content strong {
    font-weight: bold;
}
.statistics-block .info-container .hover-content .rouble {
    position: relative;
    font-size: 22px;
}
.statistics-block .info-container .hover-content .sign {
    position: absolute;
    font-size: 14px;
    font-family: "Trebuchet MS";
    color: #2d8991;
    font-style: italic;
    line-height: 1.571;
}
.statistics-block .info-container .hover-content .iblock1 .sign {
    top: 20px;
    left: 0px;
}
.statistics-block .info-container .hover-content .iblock2 .sign {
    bottom: 20px;
    right: 0px;
}
.statistics-block .block .img-holder {
    overflow: hidden;
    margin: 0 0 15px;
}
.statistics-block .block .img-holder span {
    position: relative;
    width: 10px;
    height: 24px;
    margin: 0px 5px 0px 0px;
    float: left;
    background: #4bb3bc;
}
.statistics-block .block .img-holder span i {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
    height: 0%;
    width: 100%;
    background: #fff;
}
.statistics-block .block .img-holder span.up,
.statistics-block .block .img-holder span.down,
.statistics-block .block .img-holder span.mid {
    margin: 0px;
    width: 20px;
    height: 24px;
    background: url(../images/stat-arrow.png) 0px 0px no-repeat;
}
.statistics-block .block .img-holder span.down {
    background-position: 0px -24px;
}
.statistics-block .block .img-holder span.mid {
    background-position: 0px -48px;
}
.statistics-block .price {
    background: url(../images/bg-price.png) no-repeat;
    width: 185px;
    height: 71px;
    font: 300 34px/56px "Open Sans", Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    margin: 0 0 10px;
}
.statistics-block .text-holder {
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    color: #7dc8ce;
    text-align: center;
}
.statistics-block .text-holder p {
    margin: 0;
}
.statistics-block .block .link-holder {
    text-align: center;
}
.statistics-block .block .link {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 34px;
    position: relative;
}
.statistics-block .block .link:after {
    content: '';
    width: 22px;
    height: 22px;
    background: url(../images/sprite.png) no-repeat -182px -132px;
    position: absolute;
    left: 2px;
    top: 0;
}
.graph-block {
    padding: 0px;
}
.statistics-block .graph-block {
    overflow: hidden;
}
.statistics-block .graph-block {
    padding: 6px 0px 0px;
}
.graph-block .heading {
    overflow: hidden;
    /*padding:0 0 16px;*/
    padding: 0px;
}
.graph-block .heading.heading-chart {
    padding: 10px 10px 0px;
    background: #fff;
}
.graph-block .heading.heading-chart .list {
    margin: 0px;
}
.graph-block .heading.heading-chart .list li {
    margin: 0 0 0px 24px;
}
.graph-block h2 {
    float: left;
    font: 300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #151a1c;
    margin: 0;
}
.graph-block .box {
    float: right;
    padding: 7px 30px 7px 0px;
}
.graph-block .box:first-child {
    float: left;
    padding: 7px 0px 7px 30px;
}
.graph-block .box strong {
    color: #acaeaf;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    line-height: 20px;
    padding: 0 15px 0 0;
    float: left;
}
.graph-block .info {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
.graph-block .info li {
    float: left;
    padding: 0 0 0 19px;
    position: relative;
}
.graph-block .info li:first-child {
    padding: 0;
}
.graph-block .info li:after {
    content: '';
    width: 1px;
    height: 13px;
    background: url(../images/sprite.png) no-repeat -208px -132px;
    position: absolute;
    left: 9px;
    top: 5px;
}
.graph-block .info li:first-child:after {
    display: none;
}
.graph-block .info li,
a.active,
.graph-block .info li.active a {
    color: #151a1c;
    cursor: default;
}
.graph-holder {
    position: relative;
    padding: 0px;
    height: 252px;
    width: 100%;
    text-align: center;
    background: #fff;
}
.statistics-block .graph-holder {
    overflow: hidden;
}
/*  @media all and (max-width: 1400px) {
        .graph-holder{
            padding: 0px 25px 0px 0px;
        }
    }
    @media all and (max-width: 1300px) {
        .graph-holder{
            padding: 0px 10px 0px 0px;
        }
    }*/

/*.graph-holder svg {
    float: left;
    margin-left:-50px;
}*/

/*.graph-holder text[text-anchor="middle"]{
    position:relative;
    left:50px;
} */

/*.graph-holder text[text-anchor="end"]{
  display:none
} */

/*.graph-grid {
    content:'';
    position:absolute;
    top:51px;
    left:57px;
    margin:auto;
    width:0px;
    height:210px;
    border-top:1px solid #cfd1d2;
    border-left:1px solid #ebecec;
    border-right:1px solid #ebecec;
    background:url('../images/morris-background.png') bottom left repeat;
    background-position:39px 0px;
}
.graph-holder:before {
    content:'';
    position:absolute;
    bottom: 42px;
    left:57px;
    height:1px;
    width:100%;
    background:#ebecec;
}
.statistics-block:before {
    content: '';
    position: absolute;
    top: 52px;
    right: 259px;
    width: 1px;
    height: 210px;
    background: #ebecec;
}*/

.account-info {
    overflow: hidden;
    background: #fff;
    padding: 8px 15px 15px;
    margin: 0 0 30px;
}
.avatar-block h3,
.password-block h3,
.account-info h2,
.statistics-box h2 {
    font: 300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #151a1c;
    margin: 0 0 30px;
    padding: 0 0 16px;
    border-bottom: 1px solid #cfd1d2;
}
.account-form {
    /*overflow: hidden;*/
}
.account-form .details {
    border: 1px solid #e9edee;
    margin-bottom: 30px;
}
.account-form .details .details-box{
    display: none;
}
.account-form .details.show .details-box{
    margin: 15px 0px;
    display: block;
}
.account-form .details .summary{

    background: #e9edee;
    height: 39px;
    line-height: 39px;
    padding-left: 15px;
    color: #00919e;
}
.account-form .details .summary .summary-link{
    width: 19px;
    height: 19px;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
    background: url("../images/sprite.png") no-repeat -228px -304px transparent;
}
.account-form .details.show .summary .summary-link{
    background-position: -249px -304px;
}
.account-form .details .box {
    padding: 0;
}
.account-form .details .box label{
    padding-left: 15px;
}
.account-form .details .box .holder {
    margin-bottom: 15px;
}
.account-form .details .box.hr-box {
    border-bottom: 1px solid #cfd1d2;
    margin: 15px;
}
.account-form .details .box.hr-box label {
    padding: 0px 0px 15px;
    line-height: 20px;
}

.account-form .box {
    padding: 0 474px 15px 0;
    position: relative;
}
.account-form .info-message {
    width: 444px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 35px;
    font-style: italic;
    background: #2d8991;
    text-align: left;
    color: #70e2f7;
    position: absolute;
    right: 0;
    top: 0;
}
.account-form .info-message a {
    color: #70e2f7;
}
.account-form .info-message:after {
    content: '';
    width: 10px;
    height: 18px;
    background: url(../images/sprite.png) no-repeat -210px -132px;
    position: absolute;
    left: -10px;
    top: 50%;
    margin: -9px 0 0;
}
.account-form .info-message p {
    margin: 0;
}
.account-form .info-message p span {
    color: #fff;
}
.errorMessage,
.error-message,
.account-form .error-message {
    position: relative;
    padding: 8px 15px 8px 39px;
    margin: 0px 0px 15px 0px;
    font-size: 14px;
    line-height: 19px;
    background: #ff4c86;
    text-align: left;
    color: #fff;
}
.errorMessage:before,
.error-message:before,
.account-form .error-message:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px;
    width: 19px;
    height: 19px;
    background: url(../images/icon-warning.png) 0px 0px no-repeat;
}
.ticket_info_time {
    position: relative;
    padding: 10px 15px 10px 39px;
    margin: 0px 0px 15px 0px;
    font-size: 14px;
    line-height: 35px;
    background: #dadfe0;
    text-align: left;
    color: #15100f;
}
.ticket_info_time:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) -282px -281px no-repeat;
}
.account-form label {
    float: left;
    width: 117px;
    font-size: 15px;
    line-height: 35px;
    font-weight: normal;
    color: #151a1c;
    padding: 0 10px 0 0;
}
.account-form .text-holder {
    overflow: hidden;
}
.account-form input[type="text"] {
    width: 100%;
}
.account-form .holder {
    overflow: hidden;
}
.account-form .frame {
    overflow: hidden;
    /*padding:0 0 15px;*/
}
.account-form label.text {
    width: 154px!important;
    float: left;
    font-size: 15px;
    line-height: 35px!important;
    font-style: italic;
    color: #fff;
    background: #b4bcbe;
    padding: 0 10px;
    text-align: right;
}
.btn-save {
    width: 143px;
    height: 54px;
    line-height: 54px;
}
.account-form .info-box {
    width: 444px;
    position: absolute;
    right: 0;
    top: 0;
}
.account-form .info-box:after {
    content: '';
    width: 10px;
    height: 18px;
    background: url(../images/sprite.png) no-repeat -221px -132px;
    position: absolute;
    left: -10px;
    top: 50%;
    margin: -9px 0 0;
}
.account-form .info-box input[type="text"] {
    width: 137px;
    float: right;
    margin: 0 0 0 15px;
}
.account-form .info-box .text-box {
    overflow: hidden;
    font-size: 14px;
    line-height: 35px;
    font-style: italic;
    color: #71797b;
    background: #e9edee;
    padding: 0 15px;
}
.help-box {
    width: 459px;
    position: absolute;
    right: 0;
    top: 0;
}
.help-box .icon {
    width: 19px;
    height: 19px;
    float: left;
    background: url(../images/sprite.png) no-repeat -182px -259px;
    margin: 8px 16px 0 15px;
    position: relative;
    z-index: 20;
    cursor: pointer;
}
.help-box .text-box {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    color: #71797b;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #e9edee;
    padding: 6px 0 7px 50px;
}
.help-holder:hover .text-box {
    background: #e9edee;
}
.help-holder:hover .text-box {
    display: block;
}
.help-holder:hover .icon {
    background-position: -182px -280px;
}
#landing-form .help-holder:hover .text-box {
    display: block;
    min-width: 270px;
}
#landing-form .box {
    padding-right: 270px;
}
#landing-form .help-box {
    right: 200px;
}
.help-bubble {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 33px;
    height: 33px;
    background: #fff;
}
.help-bubble .icon {
    position: relative;
    top: 7px;
    left: 7px;
    width: 19px;
    height: 19px;
    background: url(../images/sprite.png) no-repeat -182px -259px;
    cursor: pointer;
    display: block;
}
.help-bubble .text-box {
    display: none;
}
.help-bubble:hover .text-box {
    display: block;
    position: absolute;
    top: 40px;
    right: -1px;
    width: 404px;
    min-height: 30px;
    padding: 5px 5px;
    font-size: 14px;
    line-height: 18px;
    color: #71797b;
    background: #e9edee;
    z-index: 50;
    -webkit-box-shadow: 0px 1px 2px -1px rgba(21, 26, 28, 0.2)!important;
    -moz-box-shadow: 0px 1px 2px -1px rgba(21, 26, 28, 0.2)!important;
    box-shadow: 0px 1px 2px -1px rgba(21, 26, 28, 0.2)!important;
}
.help-bubble:hover .text-box:before {
    content: ' ';
    position: absolute;
    top: -14px;
    right: 10px;
    width: 21px;
    height: 14px;
    background: url(../images/curl-bubble.png) no-repeat 0 0;
}
.help-bubble:hover .text-box table {
    width: 100%;
}
.help-bubble:hover .text-box table tr td {
    padding: 4px 2px;
}
.help-bubble:hover .text-box table tr th,
.help-bubble:hover .text-box table tr td:first-child {
    font-weight: bold;
}
.help-bubble:hover .text-box table tr td[colspan="2"] {
    font-weight: normal;
}
.account-form .info-box input[type="text"] {
    width: 137px;
    float: right;
    margin: 0 0 0 15px;
}
.account-form .info-box .text-box {
    overflow: hidden;
    font-size: 14px;
    line-height: 35px;
    font-style: italic;
    color: #71797b;
    background: #e9edee;
    padding: 0 15px;
}
.two-columns {
    overflow: hidden;
    margin-bottom: 30px;
}
.two-columns .column {
    width: 50%;
    float: left;
    padding: 0 0 0 30px;
}
.password-block {
    width: 50%;
    float: left;
    overflow: hidden;
    background: #fff;
    padding: 8px 15px 25px;
}
.password-block .box {
    padding: 0 0 15px;
}
.password-block label {
    width: 133px;
    font-size: 15px;
    line-height: 35px;
    font-weight: normal;
    color: #151a1c;
    float: left;
}
.password-block .text-holder {
    overflow: hidden;
}
.password-block .btn-holder {
    overflow: hidden;
    padding: 0 0 0 132px;
}
.avatar-block {
    overflow: hidden;
    background: #fff;
    padding: 8px 15px 15px;
}
.avatar-block .block {
    overflow: hidden;
    margin: -1px 0 0;
}
.avatar-block .img-holder {
    float: left;
    margin: 0 33px 0 0;
}
.avatar-block .load-form {
    overflow: hidden;
}
.avatar-block .box {
    overflow: hidden;
    padding: 0 0 13px;
}
.account-form .btn-holder {
    overflow: hidden;
    padding: 0 0 16px 117px;
}
.step-list {
    width: 78%;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 22px;
    color: #5f6668;
    position: relative;
}
.step-list:after {
    content: '';
    height: 3px;
    background: url(../images/separator-02.png) repeat-x -3px 0;
    position: absolute;
    left: 19%;
    right: 19%;
    top: 27px;
}
.step-list li {
    width: 33.3%;
    float: left;
    text-align: center;
}
.step-list .number {
    display: block;
    margin: 0 auto 11px;
    border-radius: 27px;
    width: 54px;
    height: 54px;
    border: 2px solid #b4bcbe;
    font: 600 20px/48px "Open Sans", Arial, Helvetica, sans-serif;
    color: #b4bcbe;
    background: #e9edee;
    position: relative;
    z-index: 1;
}
.step-list .text-holder {
    overflow: hidden;
    padding: 0 20px;
}
.step-list .text-box {
    overflow: hidden;
    background: url(../images/bg-box.png);
}
.account-form .block {
    overflow: hidden;
    padding: 0 0 15px;
}
.account-form .block .frame {
    padding: 0 0 10px;
}
.account-form .block .frame .inner-block {
    position: relative;
    display: block;
    clear: both;
    padding-left: 30px;
    padding-top: 10px;
}
/*  Внешний вид вложенных контролов  */
.account-form .block .frame .inner-block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,0.5);
    pointer-events: none;
}
.account-form .block .frame input[type="radio"]:checked ~ .inner-block:before,
.account-form .block .frame input[type="checkbox"]:checked ~ .inner-block:before {
    background: transparent;
}
/*  -------------------------------  */
.account-form .label {
    float: left;
    width: 263px;
    font-size: 15px;
    line-height: 20px;
    color: #151a1c;
    padding: 0;
    text-align: left;
    font-weight: normal;
}
.account-form .holder label {
    width: auto;
    float: left;
    font-size: 15px;
    line-height: 20px;
}
.account-form .chk-area {
    margin: 0 15px 0 0;
}
.finance-block {
    margin-bottom: 20px;
}
.finance-block .block {
    width: 215px;
    float: right;
    margin: 0 0 0 30px;
}
.finance-block .finance__block_info {
    margin: 0 0 30px;
    overflow: hidden;
    background: #2d8991;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding: 11px 11px 16px;
}
.finance-block .finance__block_info img {
    margin: 0 0 13px;
}
.finance-block .finance__block_info .holder {
    background: url(../images/separator-03.png) repeat-x;
    overflow: hidden;
    font-style: italic;
    color: #7dc8ce;
    padding: 12px 0 0;
}
.finance-block .finance__block_info a {
    color: #7dc8ce;
}
.finance-block .finance__block_info .holder p {
    margin: 0;
}
.finance-block .finance__block_info .holder .date {
    color: #fff;
    font-style: normal;
}
.finance-block .finance__block_info.alt {
    background: #ff4c86;
}
.finance-block .finance__block_info.alt a {
    color: #ffec17;
}
.finance-block .finance__block_info.alt p {
    margin: 0;
}
.finance-block .finance__block_info .rub {
    color: #fff;
}
.finance-block .finance__block_info .rub:after {
    bottom: 8px;
    background: #fff;
}
.selfprepay__wrap {
    padding-right: 244px;
    margin-bottom: 30px;
}
.info-table2 .cell13,
.info-table2 .cell12,
.info-table2 .cell11 {
    text-align: left;
}
.info-table2 .cell13 {
    width: 126px;
}
.info-table2 .cell12 {
    width: 130px;
}
.info-table2 .icon-pay,
.info-table2 .icon-finish,
.info-table2 .icon-hold,
.info-table2 .icon-declined,
.info-table2 .icon-time2 {
    display: inline-block;
    padding: 0 0 0 25px;
    position: relative;
    background: none;
}
.info-table2 .icon-pay:after,
.info-table2 .icon-finish:after,
.info-table2 .icon-hold:after,
.info-table2 .icon-declined:after,
.info-table2 .icon-time2:after {
    content: '';
    width: 16px;
    height: 16px;
    background: url(../images/sprite.png) no-repeat -202px 0;
    position: absolute;
    left: 0;
    top: 4px;
}
.info-table2 .icon-declined:after {
    background-position: -239px 0;
}
.info-table2 .icon-hold:after {
    background-position: -235px -132px;
}
.info-table2 .icon-finish:after {
    background-position: -221px 0;
    height: 17px;
}
.finance-content .info-table2 {
    margin: 0 0 30px;
}
.info-table2 .icon-pay {
    font-size: 15px;
    color: #00919e;
}
.info-table2 .icon-pay:after {
    background-position: -253px -132px;
    height: 17px;
}
.header-block h1.icon5:after {
    background-position: -204px -164px;
}
.header-block h1.icon6:after {
    background-position: -36px -232px;
}
.header-block h1.icon7:after {
    background-position: -105px -232px;
}
.header-block h1.icon8:after {
    background-position: -216px -232px;
}
.header-block h1.icon9:after {
    background-position: 0px -369px;
}
.info-table2 th.cell15 {
    width: 16%;
}
.info-table2 th.cell16 {
    width: 16%;
}
.info-table2 th.cell17 {
    width: 11%;
}
.info-table2 th.cell18 {
    width: 9%;
}
.info-table2 th.cell19 {
    width: 9%;
}
.info-table2 th.cell20 {
    width: 5%;
}
.info-table2 th.cell21 {
    width: 28px;
}
.info-table2 .right {
    text-align: right;
}
.info-table2 .middle {
    vertical-align: middle;
    text-align: center;
}
.info-table2 .age,
.info-table2 .rouble {
    color: #b4bcbe;
}
.account-info .select-area {
    width: 100% !important;
}
.btn-order {
    width: 193px;
    height: 54px;
    line-height: 54px;
}
.info-table2 th.cell23 {
    width: 13%;
}
.info-table2 th.cell24 {
    width: 28%;
}
.info-table td.empty,
.info-table2 td.empty {
    background: #fff !important;
}
.info-table2 td .filter-container .selectbox .select {
    width: 100px;
}
.help-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 15px;
    line-height: 22px;
    color: #151a1c;
}
.help-list li {
    background: #fff;
    padding: 10px 15px 11px;
    margin: 30px 0 0;
}
.help-list li:first-child {
    margin: 0;
}
.help-list p {
    margin: 0;
}
.help-list .title {
    display: block;
    color: #ee497f;
}
.help-list a {
    color: #ee497f;
}
.link-create {
    float: right;
    font-size: 15px;
    line-height: 20px;
    color: #00919e;
    margin: 20px 0 0;
    padding: 0 0 0 26px;
    position: relative;
}
.link-create:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) no-repeat -272px -133px;
    position: absolute;
    left: 0;
    top: 2px;
}
.link-create:hover {
    text-decoration: none;
    color: #ff4c86;
}
.create-tickets {
    display: none;
    background: #fff;
    padding: 8px 15px 15px;
    position: relative;
    margin: 0 0 30px;
}
.create-tickets:after {
    display: block;
    clear: both;
    content: '';
}
.create-tickets:before {
    content: '';
    width: 20px;
    height: 14px;
    background: url(../images/sprite.png) no-repeat;
    position: absolute;
    right: 103px;
    top: -14px;
}
.create-tickets .btn-close {
    background: url(../images/sprite.png) no-repeat -251px -69px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 13px;
    top: 17px;
}
.create-tickets h3 {
    font: 300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 0 30px;
    padding: 0 0 16px;
    border-bottom: 1px solid #cfd1d2;
}
/*.create-form{
    overflow:hidden;
}*/

.create-form .box {
    overflow: hidden;
    padding: 0 0 10px;
}
.create-form label {
    width: 97px;
    font-size: 15px;
    line-height: 35px;
    font-weight: normal;
    color: #151a1c;
    /*float: left;*/
}
.create-form .holder {
    overflow: hidden;
}
.create-form .holder.status-float {
    padding-left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.right .create-form .holder.status-float {
    right: 98px;
}
.create-form .selectbox {
    padding: 0px;
}
.create-form .selectbox .dropdown {
    margin: 1px 0px 6px 0px;
}
.create-form textarea {
    width: 100% !important;
    height: 85px;
    border: 1px solid #b4bcbe;
    background: #fff;
    padding: 8px 10px;
    font: 14px/17px "Trebuchet MS", Helvetica, sans-serif;
    color: #7a8385;
    resize: both;
}
.create-form .btn-holder {
    overflow: hidden;
    padding: 5px 0 0 96px;
}
.create-form#ticket .selectbox .select {
    width: 300px;
}
.btn-create {
    float: left;
    width: 173px;
    height: 54px;
    line-height: 54px;
    margin: 0 19px 0 0;
}
.link-cancel {
    float: left;
    position: relative;
    padding: 0 0 0 26px;
    margin: 17px 0 0;
    color: #00919e;
    border: none;
    background: none;
}
.link-cancel:hover {
    color: #ff4c86;
}
.link-cancel:after {
    content: "";
    background: url(../images/sprite.png) no-repeat -251px -69px;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
}
.link-help {
    /*float:left;*/
    position: relative;
    padding: 0px 0px 0px 36px;
    margin: 0px;
    display: inline-block;
    bottom: -2px;
    color: #00919e;
    border: none;
    background: none;
}
.link-help:hover {
    color: #00919e;
}
.link-help:after {
    content: "";
    background: url(../images/sprite.png) no-repeat -182px -258px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 0px;
}
.link-dislike {
    /*float:left;*/
    position: relative;
    padding: 0px 0px 0px 36px;
    margin: 0px;
    display: inline-block;
    bottom: -2px;
    color: #ff4c86;
    border: none;
    background: none;
}
.link-dislike:hover {
    color: #ff4c86;
}
.link-dislike:after {
    content: "";
    background: url(../images/sprite.png) no-repeat -81px -351px;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 10px;
    top: 2px;
}
.create-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.create-list li {
    margin: 30px 0 0;
    padding: 15px;
    background: #fff;
    overflow: hidden;
    color: #8e9596;
}
.create-list li:first-child {
    margin: 0;
}
.create-list .title a {
    font-weight: normal;
    float: left;
    padding: 0 0 0 40px;
    color: #00919e;
    position: relative;
}
.create-list .title a:hover {
    color: #ff4c86;
}
.create-list .title a:after {
    content: '';
    width: 23px;
    height: 25px;
    background: url(../images/sprite.png) no-repeat -277px -158px;
    position: absolute;
    left: 0;
    top: -2px;
}
.create-list .title.active a {
    font-weight: bold;
}
.create-list .title.active a:after {
    background-position: -277px -185px;
}
.create-list .box {
    float: right;
}
.create-list .date {
    margin: 0 0 0 15px;
    padding: 0 9px;
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    color: #8e9596;
    float: left;
    background: #e9edee;
}
.create-list .number {
    margin: 0 0 0 15px;
    width: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    float: left;
    background: #e9edee;
}
.create-list .number strong {
    color: #151a1c;
}
.create-list a:hover {
    text-decoration: none;
}
.create-list .text {
    position: relative;
    margin: 0 0 0 15px;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 24px;
    float: left;
    background: #e9edee;
}
.create-list li .text.status-text {
    padding: 0px 10px 0px 30px;
}
.create-list li .text.status-text.status-status1 {
    background: #e9edee url(../images/dashboard.png) repeat;
    color: #bfc4c5;
}
.create-list li .text.status-text:before {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) no-repeat 0px 0px;
    color: #bfc4c5;
}
.create-list li .text.status-text.status-status2 {
    color: #316f11;
    background: #e2ecdd;
}
.create-list li .text.status-text.status-status2:before {
    background: url(../images/status_reply.png) no-repeat 0px 2px;
}
.create-list li .text.status-text.status-status1:before {
    background-position: -251px -69px;
}
.create-list li .text.status-text.status-status4:before,
.create-list li .text.status-text.status-status0:before {
    background-position: -201px 1px;
}
.create-list li .text.toggle-text {
    display: none;
}
.create-list li:hover .text.toggle-text {
    display: inline;
}
.header-block.alt {
    margin: -20px 0 0;
    padding: 0 0 27px;
}
.header-block.alt .link-back {
    margin: 40px 0 0;
}
.reaction-time {
    position: relative;
    margin: 20px 0px 0px;
    padding: 0px 30px 0px 25px;
    float: right;
    font-size: 15px;
    font-style: italic;
    line-height: 20px;
    color: #89c416;
}
.reaction-time:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 4px;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 0px 2px #bec8cb;
    -moz-box-shadow: 0px 0px 0px 2px #bec8cb;
    box-shadow: 0px 0px 0px 2px #bec8cb;
    border: 2px solid #e9edee;
    background: #89c416;
}
.statistics-box {
    background: #dadfe0;
    /*overflow:hidden;*/
    margin: 0 0 30px;
    padding: 0 0 0 83px;
    position: relative;
    font-size: 15px;
    line-height: 22px;
    color: #151a1c;
}
.statistics-box:after {
    content: '';
    width: 14px;
    height: 21px;
    background: url(../images/sprite.png) no-repeat -277px -213px;
    position: absolute;
    left: 69px;
    top: 50%;
    margin: -14px 0 0;
}
.statistics-box .block {
    overflow: hidden;
    padding: 9px 10px 14px 13px;
    background: #fff;
}
.statistics-box .photo {
    position: absolute;
    left: 30px;
    top: 50%;
    margin: -12px 0 0;
}
.statistics-box .text-holder {
    overflow: hidden;
}
.statistics-box .date-info {
    width: 75px;
    float: right;
    margin: 0 0 0 10px;
    color: #8e9596;
    font-size: 14px;
    line-height: 22px;
}
.statistics-box p {
    margin: 0;
}
.statistics-box .create-form {
    /*overflow:hidden;*/
    background: #fff;
    padding: 15px 15px 15px 16px;
}
.statistics-box .create-form .btn-holder {
    padding: 15px 0px 0px;
}
.statistics-box .create-form .btn-holder-admin {
    padding: 15px 0px 0px 97px;
}
.statistics-box .create-form .btn-create {
    width: 193px;
}
.statistics-box .create-form textarea {
    height: 65px;
    resize: both;
}
.statistics-box .create-form .selectbox .select {
    width: 329px;
}
.statistics-box .create-form .selectbox .dropdown {
    width: 100%;
}
.statistics-box.right {
    padding: 0 83px 0 0;
}
.statistics-box.right:after {
    background-position: 0 -271px;
    left: auto;
    right: 69px;
    width: 14px;
    height: 20px;
}
.statistics-box.right .photo {
    left: auto;
    right: 30px;
}
.statistics-box.right .date-info {
    width: 70px;
    float: left;
    text-align: right;
    margin: 0 13px 0 0;
}
.statistics-box .centrecontent {
    text-align: center;
}
.statistics-box .icon-forum {
    display: inline-block;
    height: 40px;
    margin: 20px 4% 0px;
    background: url(../images/logos_forum.png) no-repeat 0px 0px;
}
.statistics-box .icon-forum.icon-cc {
    width: 122px;
    background-position: 0px 0px;
}
.statistics-box .icon-forum.icon-se {
    width: 134px;
    background-position: -164px 0px;
}
.statistics-box .icon-forum.icon-kw {
    width: 94px;
    background-position: -338px 0px;
}
.statistics-box .icon-forum.icon-wm {
    width: 134px;
    background-position: -471px 0px;
}
.statistics-box .icon-forum.icon-oc {
    width: 124px;
    background-position: -631px 0px;
}
.statistics-box .icon-forum.icon-cc:hover {
    background-position: 0px -40px;
}
.statistics-box .icon-forum.icon-se:hover {
    background-position: -164px -40px;
}
.statistics-box .icon-forum.icon-kw:hover {
    background-position: -338px -40px;
}
.statistics-box .icon-forum.icon-wm:hover {
    background-position: -471px -40px;
}
.statistics-box .icon-forum.icon-oc:hover {
    background-position: -631px -40px;
}
.statistics-box .close {
    position: absolute;
    top: 17px;
    right: 15px;
    width: 18px;
    height: 18px;
    background: url(../images/sprite.png) no-repeat -251px -69px;
    opacity: 1;
    cursor: pointer;
}
.statistics-box h2 {
    margin: 0;
}
.statistics-box.abuse {
    padding: 0;
}
.statistics-box.abuse:before {
    content: '';
    width: 21px;
    height: 14px;
    background: url(../images/sprite.png) no-repeat 0px 0px;
    position: absolute;
    top: -14px;
    left: 50%;
    margin: 0px 0px 0px -14px;
}
.statistics-box.abuse.like:before {
    left: 285px;
}
.statistics-box.abuse.dislike:before {
    left: 410px;
}
.statistics-box.abuse:after,
.statistics-box.abuse .photo,
.statistics-box.abuse .date-info {
    display: none;
}
.statistics-box.abuse .create-form {
    padding: 10px 15px 15px 16px;
}
.statistics-box .text-appeal {
    padding: 15px 0px;
    color: #868d8f;
    font-size: 15px;
    line-height: 22px;
}
.statistics-box .text-box {
    overflow: hidden;
}
.statistics-box .text-box p {
    margin: 0 0 22px;
}
.statistics-box .text-box p.alt {
    margin: 0;
}
.statistics-box.right select {
    width: 329px;
}
.statistics-box.right .btn-holder {
    padding: 4px 0 0 83px;
}
.statistics-box.right .create-form label {
    width: 83px;
}
.label__required {
    position: relative;
}
.label__required:after {
    display: inline-block;
    content: '*';
    margin-left: 5px;
    color: #f00;
}
/* .popup */

.popup{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:520px;
    border: 0px;
    -webkit-box-shadow: 0px 0px 0px 15px rgba(21,26,28,0.2)!important;
    -moz-box-shadow: 0px 0px 0px 15px rgba(21,26,28,0.2)!important;
    box-shadow: 0px 0px 0px 15px rgba(21,26,28,0.2)!important;
    background:#fff;
    z-index:99999;
    overflow:visible!important;
}
.popup-wrap{
    /*overflow:hidden;*/
    padding:8px 15px 23px;
    position:relative;
}
.popup-wrap {
    /*overflow:hidden;*/
    padding: 8px 15px 23px;
    position: relative;
}
.popup-wrap .heading {
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 0 0 16px;
    margin: 0 0 30px;
}
.popup-wrap .heading h3 {
    float: left;
    font: 300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #151a1c;
    margin: 0;
}
.popup.mod-hello {
    width: 520px;
    height: 600px;
}
.popup.mod-hello .popup-wrap {
    margin: 8px 0px 23px 98px;
}
.popup.mod-hello .heading {
    margin: 0 0 15px;
}
.popup-wrap .btn-close {
    background: url(../images/sprite.png) no-repeat -251px -69px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 17px;
}
.setting-form {
    /*overflow:hidden;*/
}
.setting-form .box {
    position: relative;
    /*overflow:hidden;*/
    padding: 0 0 13px;
}
.setting-form .box.btn-holder {
    padding: 0px 0px 13px 86px;
}
.setting-form label {
    font-size: 15px;
    line-height: 35px;
    font-weight: normal;
    color: #151a1c;
    /*float:left;*/
    margin: 0;
}
.setting-form label:before {
    margin: 8px 15px -3px 0px!important;
}
.setting-form input[type="text"] {
    width: 404px;
    padding-right: 30px;
    float: right;
}
.setting-form .check-box {
    overflow: hidden;
    margin: -8px 0 0;
    padding: 0 0 0 86px;
}
.setting-form .input-box input[type="text"].small {
    width: 261px;
    float: left;
}
.setting-form .check-holder {
    float: right;
    padding: 0 3px 0 0;
}
.setting-form .radio-holder {
    overflow: hidden;
}
.setting-form .radio-box {
    overflow: hidden;
    padding: 0 0 15px;
}
.setting-form .radio-box label {
    font-size: 15px;
    line-height: 19px;
    color: #151a1c;
}
.setting-form .radio-block {
    overflow: hidden;
    padding: 7px 0 8px;
}
.popup2 .popup-wrap {
    padding: 8px 15px 0;
    margin: 0 0 -5px;
}
.setting-form .input-box {
    width: 384px;
    float: right;
}
.setting-form .input-box input[type="text"] {
    width: 100%;
}
.setting-form.alt .input-box {
    width: 362px;
}
.setting-form.alt .label {
    width: 128px;
}
.header-block h1.icon5:after {
    background-position: -204px -164px;
}
#footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 216px;
    overflow: hidden;
    background: #dadfe0;
}
.index #footer {
    background: #e9edee;
}
#footer .holder {
    position: relative;
    /*max-width:1340px;*/
    max-width: 1050px;
    height: 100%;
    margin: 0 auto;
    padding: 26px 30px 12px;
    left: 120px;
}
.turn-panel #footer .holder {
    left: 0px;
}
.index #footer .holder {
    width: 1010px;
    left: 0px;
}
#footer .holder:after {
    display: block;
    clear: both;
    content: '';
}
#footer .box {
    float: left;
    width: 24%;
    padding: 0px;
}
.index #footer .box {
    width: 24%;
}
#footer .title {
    font: 15px/20px "Open Sans", Arial, Helvetica, sans-serif;
    color: #151a1c;
    display: block;
    padding: 0 0 14px;
}
#footer .list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    color: #757a7c;
}
#footer .list a {
    color: #757a7c;
}
#footer .list a:hover {
    text-decoration: none;
    color: #ff4c86;
}
#footer .info-box {
    float: left;
    padding: 34px 0px 0px 0px;
    width: 22%;
    font-size: 14px;
    line-height: 22px;
    color: #b3b6b7;
}
.decoration-04 {
    background: url(../images/decoration-04.png) no-repeat;
    width: 239px;
    height: 148px;
    position: absolute;
    right: -77px;
    bottom: 0;
}
.decoration-05 {
    background: url(../images/decoration-05.png) no-repeat;
    width: 73px;
    height: 264px;
    position: absolute;
    top: -33px;
    left: -98px;
}
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
}
.select-area {
    background: #fff;
    border: 1px solid #b4bcbe;
    width: 274px;
    height: 35px;
    position: relative;
    overflow: hidden;
    cursor: default;
    float: left;
    font-size: 14px;
    line-height: 35px;
    color: #7a8385;
    cursor: pointer;
}
.select-area .center {
    white-space: nowrap;
    padding: 0 9px;
}
.select-area .select-opener {
    background: url(../images/sprite.png) no-repeat -141px -95px;
    width: 35px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 0;
}
.select-options {
    position: absolute;
    overflow: hidden;
    z-index: 2000;
}
.select-options .drop-holder {
    overflow: hidden;
    height: 1%;
    border: 1px solid #a4b0b8;
    background: #fff;
    border-width: 0 1px 1px;
}
.select-options ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 35px;
    color: #7a8385;
}
.select-options ul li {
    width: 100%;
    float: left;
}
.select-options ul a {
    text-decoration: none;
    padding: 0 12px;
    display: block;
    cursor: default;
    color: #7a8385;
    height: 1%;
}
.select-options .item-selected a {
    text-decoration: none;
    background: #7a8385;
    color: #fff;
}
.chk-area {
    background: url(../images/sprite.png) no-repeat -178px -95px;
    width: 20px;
    height: 20px;
    margin: 8px 15px 0 0;
    float: left;
}
.chk-checked {
    background-position: -200px -95px;
}
.rad-area {
    background: url(../images/sprite.png) no-repeat -257px -95px;
    margin: 0 15px 0 0;
    float: left;
    width: 20px;
    height: 20px;
}
.rad-checked {
    background-position: -278px -95px;
}
.file-area .jcf-input-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
    height: 35px;
    border: 1px solid #b4bcbe;
    margin: 0 2px 0 0;
}
.file-area .jcf-upload-button {
    background: url(../images/sprite.png) no-repeat 0 -232px;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.file-area .jcf-input-wrapper label {
    font-size: 14px;
    line-height: 33px;
    color: #7a8385;
    padding: 0 10px;
    font-weight: normal;
    border: none;
}
.file-area .jcf-input-wrapper label em {
    font-style: normal;
}
.caret {
    display: none;
    width: 0;
    height: 0;
    border: none;
    position: absolute;
    top: 50%;
    margin: -2px 0px 0px 4px;
}
.desc .caret {
    display: inline-block;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.asc .caret {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

ul.typeahead {
    width: auto!important;
}
iframe[name="google_conversion_frame"] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}
/*.flex-block*/

.flex-block .holder,
.flex-block {
    overflow: visible!important;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
/* mod-sub */

.mod-sub .selectbox .select {
    width: 255px;
}
/* .morris-hover */

.statistics-block .morris-hover {
    display: none!important;
}
.morris-hover {
    /*display:none!important;*/
    position: absolute;
    /*top:27px!important;*/
    z-index: 99;
}
.morris-hover.morris-default-style {
    margin-left: 10px;
    padding: 4px 1px;
    color: #95a1a9;
    font-family: sans-serif;
    font-size: 12px;
    text-align: center;
    background: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0px 0px 5px -2px #1a2c34;
    -moz-box-shadow: 0px 0px 5px -2px #1a2c34;
    box-shadow: 0px 0px 5px -2px #1a2c34;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.morris-hover.morris-default-style .morris-hover-row-label {
    display: none;
    font-weight: normal;
    margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
}
.morris-hover .round {
    position: relative;
    bottom: -4px;
    font-size: 24px;
    z-index: 100;
}
.morris-hover.morris-default-style .morris-hover-point .morris-text-left {
    padding-right: 3px;
    display: inline-block;
    width: 40px;
    color: #1a2c34;
    font-weight: bold;
    text-align: right;
}
.morris-hover.morris-default-style .morris-hover-point .morris-text-right {
    padding-left: 3px;
    display: inline-block;
    width: 80px;
    color: #95a1a9;
    font-weight: normal;
    text-align: left;
}
.morris-hover.morris-default-style .morris-line {
    position: absolute;
    left: 50%;
    margin-left: -1px;
    height: 250px;
    width: 2px;
    background: #e5eaed;
    z-index: 9;
}
/*circle {
    position:absolute;
    z-index:100;
    }*/

/* Рубль */

.rouble {
    display: inline!important;
    font-family: 'als_rublregular';
}
/* Тень */

.popup-shadow {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99998;
}
.popup-shadow.mod-hello {
    opacity: 0.9;
    background: #151a1c;
}
/* Промо материалы отсутствуют */

.message-container {
    margin: 0px;
    padding: 15px;
    background: #fff;
    clear: both;
}
.message-block {
    margin: -2px;
    padding: 10px 30px;
    color: #b2bdc0;
    font-size: 14px;
    font-family: "Trebuchet MS";
    line-height: 1.467;
    text-align: center;
    border: 2px dashed #e9edee;
    background: #fff;
}
.message-block .message-header {
    font-family:  "Open Sans";
    color: #7a8e93;
    font-size: 15px;
}
/* Загрузка файлов */

.file_upload {
    position: relative;
    width: 100%;
    height: 35px;
    margin: 0 2px 0 0;
    border: 1px solid #b4bcbe;
    line-height: 2em;
    overflow: hidden;
    cursor: pointer;
}
.file_upload .button,
.file_upload > mark {
    display: block;
    cursor: pointer;
}
.file_upload .button {
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 8em;
    height: 100%;
    text-align: center;
}
.file_upload > mark {
    font-size: 14px;
    line-height: 35px;
    color: #7a8385;
    font-weight: normal;
    background: transparent;
    padding-left: 1em;
}
.file_upload input[type=file] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.file_upload .button {
    content: '';
    background: url(../images/sprite.png) no-repeat 0 -232px;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
}
/* закругленное фото */

.round_photo {
    float: left;
    overflow: hidden;
    -webkit-border-radius: 56px;
    -moz-border-radius: 56px;
    border-radius: 56px;
}
.round_photo.round_min {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.round_photo img {
    margin:0px!important;
}

/* максимальная ширина для сабов */

.maxSub,
table tr td[textfield="1"] {
    max-width:150px!important;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    /*white-space: -hp-pre-wrap;   HP Printers */
    word-wrap: break-word;      /* IE 5+ */
    white-space: pre-line;
}
.offMaxWidth {
    max-width:100%!important;
}
/*бабл профиля*/

.bubble {
    position: relative;
    margin: 16px 0px 0px;
    padding: 21px 25px 21px 145px;
    /*height:86px;*/
    color: #71797b;
    font-size: 14px;
    line-height: 22px;
    background: #e9edee;
}
.bubble:before {
    content: ' ';
    position: absolute;
    top: -14px;
    left: 210px;
    margin-left: -11px;
    width: 21px;
    height: 14px;
    background: url(../images/curl-bubble.png) no-repeat 0 0;
}
.bubble .bubble-icon {
    position:absolute;
    top:50%;
    left:31px;
    margin-top:-27px;
    width:54px;
    height:54px;
}
/*аналитика*/

.pie-chart {
    position: relative;
    min-width: 480px;
    width: 50%;
}
.pie-chart-graph {
    position: relative;
    width: 480px;
    margin: 0px auto;
    overflow: hidden;
}
.pie-chart-graph .chart-upper {
    line-height: 49px;
    font-size: 44px;
    /*49px*/
    font-family:  "Open Sans";
    font-weight: bold;
    color: #151a1c;
}
.pie-chart-graph .chart-lower {
    line-height: 14px;
    font-size: 14px;
    font-style: italic;
    color: #868d8f;
    width: 133px;
    display: block;
}
.content-container {
    float: right;
    position: relative;
    margin: 0px 0px 30px;
    padding: 15px;
    min-width: 430px;
    width: 49%;
    background: #fff;
}
.content-container .list-cities {
    padding: 7.5px 0px 0px 0px;
    list-style: none;
    clear: both;
}
.content-container .list-cities li {
    padding: 7.5px 0px;
    line-height: 24px;
}
.content-container .list-cities li:hover {
    cursor: pointer;
}
.content-container .list-cities li .list-pr {
    position: relative;
    height: 24px;
    display: inline-block;
    padding: 0px 5px 0px 25px;
    margin: 0px;
    color: #959c9d;
    font-size: 15px;
    line-height: 24px;
    background: #e9edee;
}
.content-container .list-cities li .list-pr i {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 14px;
    height: 14px;
    background: #868d8f;
}
.content-container .list-cities li strong {
    float: right;
}
.content-container .list-cities .list-rate {
    display: inline-block;
    width: 86px;
    margin: 0px 10px 0px 0px;
}
.content-container .list-cities .list-text {
    max-width: 77%;
    margin-bottom: -7px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-container-panel {
    background: url(../images/dotted-lines.png) repeat-x top left;
}
.content-container-panel .icon-stat {
    position: relative;
    display: inline-block;
    margin: 10px 0px 0px 0px;
    padding: 0px 5px 0px 38px;
    color: #00919e;
    font-size: 15px;
    line-height: 22px;
}
.content-container-panel .icon-stat:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 5px;
    display: block;
    width: 25px;
    height: 22px;
    background: url(../images/sprite.png) no-repeat -181px -132px;
}
/* .info-popup */

.info-hover {
    position: relative;
    float: none!important;
    color: #00919e;
    font-size: 14px;
    line-height: 34px;
}
.info-hover:hover .info-popup {
    display: block;
    z-index: 1;
}
.icon-stat:after {
    content: '';
    position: relative;
    top: 5px;
    left: 20px;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(../images/icon-stat.png) no-repeat 0px 0px;
}
.info-popup {
    display: none;
    position: absolute;
    top: -7px;
    left: 129px;
    margin: 0px 0px 0px -144px;
    width: 288px;
    background: #ffffff;
    border: 1px solid #b4bcbe;
    -webkit-box-shadow: 0px 0px 0px 5px rgba(21, 26, 28, 0.2);
    -moz-box-shadow: 0px 0px 0px 5px rgba(21, 26, 28, 0.2);
    box-shadow: 0px 0px 0px 5px rgba(21, 26, 28, 0.2);
    z-index: 10;
}
.info-popup table {
    width: 100%;
}
.info-popup table tr {} .info-popup table tr th {
                            padding: 0px 14px;
                            height: 38px;
                            color: #00919e;
                            font-size: 14px;
                            line-height: 34px;
                            background: #e9edee;
                        }
.info-popup table tr td {
    height: 34px;
    color: #343839;
    font-size: 14px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #e9edee;
}
.info-popup table tr td:first-child {
    width: 33px;
}
.info-popup table tr td:nth-child(2) {
    text-align: left;
}
.info-popup table tr td span {
    color: #b8c3c6;
}
.info-popup table tr td img {
    vertical-align: middle!important;
}
tr.status_confirmed td{
    background: #f9fcf3 !important;
}
tr.status_declined td{
    background: #f9e4e4 !important;
}
.see-uploading {
    height: 25px;
    background: url(../images/preloader.gif) no-repeat center center;
}
.traffic_type_tr td{
    background: transparent;
    font-weight: normal !important;
}
.analytic__table_wrap {
    margin-top: 20px;
    margin-bottom: 20px;
}
.analytic__table_wrap #yw1 {
    margin: 0 !important;
}

.mod-stream .box .holder select{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.mod-stream .box .holder {
    width: 100%;
}
.mod-stream .holder.holder-input {
    display: block;
    width: 100%;
}
.mod-stream .holder.holder-button {
    padding-left: 0px;
    width: auto;
}
.mod-stream .holder .warning {
    padding: 21px 20px 15px;
    font-size: 16px;
    line-height: 16px;
    color: #ff4c86;
    width: auto;
}
.mod-stream .account-form .holder {
    width: auto;
    margin-left: 320px;
    overflow: visible;
}
.mod-stream .selectbox,
.mod-stream .selectbox .select {
    width: 100%!important;
}
.mod-stream .options,
.mod-stream .traffback,
.mod-stream .icon-metrica,
.mod-stream .icon-vk,
.mod-stream .icon-analytics {
    position: relative;
    width: 49%;
    display: inline-block;
}
.mod-stream .icon-analytics {
}
.mod-stream .icon-metrica input[type="text"],
.mod-stream .icon-vk input[type="text"],
.mod-stream .icon-analytics input[type="text"] {
    width: 100%;
    padding-left: 30px;
}

.mod-stream .icon-metrica:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 16px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -284px -360px;
    z-index: 1;
}
.mod-stream .icon-analytics:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -264px -360px;
    z-index: 1;
}
.mod-stream .icon-vk:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -284px -448px;
    z-index: 1;
}

.icon-edit {
    position: relative;
    bottom: -4px;
    left: 0px;
    width: 18px;
    height: 18px;
    margin: 5px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -223px -381px!important;
    z-index: 1;
}
.icon-edit:hover {
    background-position: -223px -402px!important;
}
.icon-delete {
    position: relative;
    bottom: -4px;
    left: 0px;
    width: 18px;
    height: 18px;
    margin: 5px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -283px -380px!important;
    z-index: 1;
}
.icon-delete:hover {
    background-position: -283px -401px!important;
}
.icon-delete.active {
    background-position: -283px -422px!important;
}
.icon-link-stream {
    position: relative;
    bottom: -4px;
    left: 0px;
    width: 18px;
    height: 18px;
    margin: 5px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -198px -380px!important;
    z-index: 1;
}
.icon-link-stream:hover {
    background: url(../images/sprite.png) no-repeat -198px -402px!important;
}
.icon-link-stream.active {
    background: url(../images/sprite.png) no-repeat -198px -424px!important;
}

.icon-folder {
    position: relative;
    bottom: -4px;
    left: 0px;
    width: 18px;
    height: 15px;
    margin: 5px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -252px -382px;
    z-index: 1;
}
.icon-folder:hover {
    background-position: -252px -403px;
}
.icon-folder.active {
    background-position: -252px -424px;
}

/**
 * .overlay
 */
.overlay {
    position:fixed;
    top:auto;
    left:auto;
    padding:10px;
    z-index:1000;
}
.overlay .overlay-wrapper {
    position:relative;
    width:100%;
    height:100%;
    background:#fff;
    z-index:10;
}
.overlay .overlay-close {
    background: url(../images/sprite.png) no-repeat -251px -69px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 17px;
    cursor: pointer;
}
.overlay .overlay-shadow {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:0.3;
    background:#07151c;
}
.overlay .overlay-title {
    height:55px;
    color: #151a1c;
    line-height: 23px;
    font-size:25px;
    font-weight:300;
    font-family: 'Open Sans', sans-serif;
    padding:15px 0px 20px 0px;
    margin: 0 15px;
    border-bottom:1px solid #cfd1d2;
}
.overlay .overlay-content {
    margin-top:20px;
}

/**
 * .overlay.mod-url
 */
.overlay.mod-url {
    top:50%;
    left:50%;
    width:520px;
    margin-left:-260px;
    margin-top:-115px;
}

.overlay.mod-url .overlay-wrapper input[type="text"] {
    width: 470px;
    height: 33px;
    padding: 0px 11px;
    margin: 10px 15px 5px;
    font-size: 14px;
    color: #1a2c34;
    border: 1px solid #b4bcbe;
    background: #fff;
}
.overlay.mod-url .overlay-wrapper .url1{
    margin: 10px 15px;
}
.overlay.mod-url .overlay-wrapper .box-sub .select,
.overlay.mod-url .overlay-wrapper .box-sub .selectbox{
    width: 100%;
}

.overlay.mod-url .overlay-wrapper .box-sub {
    margin: 5px 14px 10px;
    display: inline-block;
    width: 472px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.overlay.mod-url .overlay-wrapper input[type="text"].sub {
    display: inline-block;
    width: 103px;
    margin: 0;
}
.overlay.mod-url .overlay-wrapper input[type="text"].sub + .sub{
    margin-left: 15px;
}

.td-control {
    width:120px;
    text-align: center!important;
}


.clear-both {
    clear: both !important;
}
.overflow_vis,
.overflow_non,
.overflow_non .box,
.overflow_non .holder {
    overflow: visible !important;
}

.stat_filter_row.bottom {
    padding-top: 13px;
}
.stat_filter_row.mod-balance {
    min-height: 35px;
    clear: both;
}
.stat_filter_row.mod-balance .calendar,
.stat_filter_row.mod-balance .select2-container,
.stat_filter_row.mod-balance .box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 21.5%;
}
.stat_filter_row.mod-balance .box label {
    width: 25%
}
.stat_filter_row.mod-balance .box .select2-container {
    width: 75% !important;
    float: right;
}
.stat_filter_row.mod-balance .selectbox {
    width: 100%;
    /*margin: -25px 0px 0px;*/
}
.stat_filter_row.mod-balance .selectbox .select {
    width: 100%;
}

.stat_filter_row .box, .stat_filter_row.holder {
    float: left;
    display: inline-block;
}
.clear {
    clear: both;
}

/* Payout selfprepay */
.selfprepay {
    padding: 20px 20px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
.selfprepay__head {
    font: 300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #151a1c;
    margin: 0;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d8da;
}
.selfprepay__form label {
    float: left;
    width: 117px;
    font-size: 15px;
    line-height: 35px;
    font-weight: normal;
    color: #151a1c;
    padding: 0 10px 0 0;
}
.selfprepay__form .text-holder {
    overflow: hidden;
}
.selfprepay__form .box {
    padding: 0 424px 15px 0;
    position: relative;
}
.selfprepay__form .selectbox,
.selfprepay__form .selectbox .select {
    width: 100%;
}
.selfprepay__form .info-message:after {
    content: '';
    width: 10px;
    height: 18px;
    background: url(../images/sprite.png) no-repeat -210px -132px;
    position: absolute;
    left: -10px;
    top: 50%;
    margin: -9px 0 0;
}

.selfprepay__form .btn {
    margin-left: 117px;
}
.selfprepay__form .info-message {
    width: 404px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 35px;
    font-style: italic;
    background: #2d8991;
    text-align: left;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}

/* Sources */
.icon-sources:after {
    width: 67px;
    height: 67px;
    background: url(../images/sprite.png) no-repeat -67px -397px !important;
}
.springuserform__form {
    background: #fff;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.springuserform__form .selectbox,
.springuserform__form .select {
    width: 100% !important;
}
.springuserform__title,
.form__title {
    font: 300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color: #151a1c;
    margin: 0;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d8da;
}
.springuserform__teaser {
    display: block;
    background: #e9edee;
    margin-top: 10px;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 1em;
    margin: 0;
}
.springuserform__teaser_wrap {
    padding: 15px 15px 0px 15px;
    border: 3px solid #e9edee;
    margin-bottom: 15px;
}
.springuserform__form .box {
    margin-bottom: 15px;
    position: relative;
}
.springuserform__form label {
    display: inline-block;
    /*width: 135px;*/
    font-size: 15px;
    line-height: 35px;
    font-weight: normal;
    color: #151a1c;
    padding: 0 10px 0 0;
}
.springuserform__form .btn-save {
    float: left;
    margin-right: 15px;
}
.springuserform__form .text-holder {
    position: absolute;
    left: 140px;
    top: 0;
    right: 0;
}
.springuserform .link-prev {
    position: relative;
    float: right;
    display: inline-block;
    line-height: 18px;
    margin-top: 25px;
}
.springuserform .link-prev:before {
    display: block;
    content: '';
    background: url(../images/sprite.png) no-repeat -194px -69px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    margin-left: -28px;
    position: absolute;
}
.springuserform__teaser_wrap .text-holder {
    left: 125px;
}
/* spring list */
.springuserlist__table th {
    padding: 15px 7px 13px
}
.springuserlist__table td {
    text-align: left;
}
.springuserlist__table_action {
    height:20px;
    width: 20px;
    display: inline-block;
}
.springuserlist__table_action_cart {
    background: url(../images/sprite.png) no-repeat -155px -391px;
}
.springuserlist__table_action_cart:hover {
    background-position: -177px -410px;
}
.springuserlist__table_action_traf {
    background: url(../images/sprite.png) no-repeat -137px -391px;
}
.springuserlist__table_action_traf:hover {
    background-position: -159px -410px;
}
.springuserlist__table_action_lead {
    background: url(../images/sprite.png) no-repeat -137px -411px;
}
.springuserlist__table_action_lead:hover {
    background-position: -159px -430px;
}
.springuserlist__table_action_edit {
    background: url(../images/sprite.png) no-repeat -221px -380px;
}
.springuserlist__table_action_edit:hover {
    background-position: -221px -401px;
}
.springuserlist__table_action_close {
    background: url(../images/sprite.png) no-repeat -282px -378px;
}
.springuserlist__table_action_close:hover {
    background-position: -282px -399px;
}
.springuserlist__table_source_status {
    display:inline-block;
    height:20px;
    width: 20px;
}
.springuserlist__table tr > th:nth-child(2),
.springuserlist__table tr > th:nth-child(4) {
    text-align: left;
}
.springuserlist__table tr > td:nth-child(1),
.springuserlist__table tr > td:nth-child(3),
.springuserlist__table tr > td:nth-child(4) {
    text-align: center;
}
.springuserlist__table_source_status-on {
    background: url(../images/sprite.png) no-repeat -178px -372px;
}
.springuserlist__table_source_status-off {
    background: url(../images/sprite.png) no-repeat -202px -358px;
}
.springuserlist__table_source_status-moderate {
    background: url(../images/sprite.png) no-repeat -178px -391px;
}
.springuserlist__table_source_title {
    display: block;
}
.springuserlist__table_type {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.springuserlist__table tr:nth-child(2n) td {
    background: #e9edee;
}
.springuserlist__table_type-user {
    background: url(../images/sprite.png) no-repeat -158px -372px;
}
.springuserlist__table_type-heart {
    background: url(../images/sprite.png) no-repeat -158px -354px;
}
.springuserlist__table_type-star {
    background: url(../images/sprite.png) no-repeat -138px -370px;
}
.springuserlist__table_source_link {
    color: #a8aeaf;
}
.springuserlist__table_source_username:before {
    content: '';
    display: inline-block;
    line-height: 24px;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat -177px -354px;
}
.springuserlist__table_source_username {
    color: #a8aeaf;
}
.springuserlist__newsource {
    float: right;
    display: inline-block;
    margin-top: 20px;
}
.springuserlist__newsource:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background: url(../images/sprite.png) no-repeat -271px -133px;
}

/* Арбитраж */
.arbitrage__filter {
    background: #fff;
    padding: 15px;
    margin-bottom: 30px;
}
.arbitrage__filter_update {
    float: right;
}
.arbitrage__table tr > td:nth-child(1),
.arbitrage__table tr > th:nth-child(1),
.arbitrage__table tr > td:nth-child(2),
.arbitrage__table tr > th:nth-child(2)
{
    text-align: left;
}
.arbitrage__table_site {
    color: #a8aeaf;
}
.arbitrage__table_teaser {
    max-width: 280px;
    text-overflow: ellipsis;
    line-height: 20px;
}
.arbitrage__table_teaser img {
    width: 60px;
    height: auto;
    float: left;
    margin-right: 5px;
}
.arbitrage__table_teaser_desc {
    display: block;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.arbitrage__table_teaser_status-on:before {
    display: block;
    position: absolute;
    left: 0px;
    height: 20px;
    width: 20px;
    background: url(../images/sprite.png) no-repeat -177px -373px;
    content: '';
    vertical-align: middle;
}
.arbitrage__table_teaser_status-off:before {
    display: block;
    position: absolute;
    left: 0px;
    height: 20px;
    width: 20px;
    background: url(../images/sprite.png) no-repeat -177px -391px;
    content: '';
    vertical-align: middle;
}
.arbitrage__table_teaser_status-on, .arbitrage__table_teaser_status-off {
    display: block;
    max-width: 220px;
    height: 20px;
    padding-left: 25px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
}
.arbitrage__table tr:nth-child(2n) td {
    background: #e9edee;
}

li.external a {
    padding-top: 45px !important;
}

/* stat/requests/showreq */
.stat__showreq_wrap {
    margin-bottom: 20px;
}
/* alert */
.alert__wrapper {
    position: fixed;
    top: 0;
    background: rgba(0,0,0, 0.1);
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 999999;
    bottom: 0;
    overflow-y: auto;
}
.alert__content {
    background: #fff;
    padding: 35px 15px 15px 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 90%;
    background-clip: padding-box;
    border: 10px solid rgba(0,0,0, 0.2);
}
.alert__content .btn {
    padding: 0 45px;
}
.alert__content .icon-close {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.alert__content .icon-alert-danger {
    margin-top: -5px;
    margin-right: 5px;
}
.alert__title {
    font-family: 'Open Sans', 'Arial';
    font-size: 22px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: -20px;
}
.table-even tr:nth-child(2n) td {
    background: #f7f8fa;
}
.alert_buttons {
    padding-top: 15px;
}
.rounded_icon {
    display: inline-block;
    position: relative;
    border: 2px solid #d9e2e5;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    vertical-align: inherit;
}
.rounded_icon.-disabled:hover {
    border: 2px solid #d9e2e5;
}
.stream__controls {
    width:130px;
    line-height: 1;
    vertical-align: middle;
}
.rounded_icon:hover {
    border: 2px solid #30747b;
}
.rounded_icon a {
    position: absolute;
    top: -1px;
    left: -1px;
}
.rounded_icon span {
    position: absolute;
    top: -1px;
    left: -1px;
}
.css__ta-l {
    text-align: left !important;
}
.css__ta-c {
    text-align: center !important;
}
.css__ta-r {
    text-align: right !important;
}
#cboxLoadedContent .btn-delete {
    padding:5px
}
.icon-loader {
    display: block;
    width: 20px;
    height:20px;
    border: 2px solid #902880;
    border-right: none;
    border-bottom: none;
    border-radius: 10px;
}
.icon-loader{
    animation: loading linear 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: loading linear 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: loading linear 1s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: loading linear 1s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: loading linear 1s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

@keyframes loading{
    0% {
        transform:  rotate(0deg) ;
    }
    100% {
        transform:  rotate(360deg) ;
    }
}

@-moz-keyframes loading{
    0% {
        -moz-transform:  rotate(0deg) ;
    }
    100% {
        -moz-transform:  rotate(360deg) ;
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform:  rotate(0deg) ;
    }
    100% {
        -webkit-transform:  rotate(360deg) ;
    }
}

@-o-keyframes loading {
    0% {
        -o-transform:  rotate(0deg) ;
    }
    100% {
        -o-transform:  rotate(360deg) ;
    }
}

@-ms-keyframes loading {
    0% {
        -ms-transform:  rotate(0deg) ;
    }
    100% {
        -ms-transform:  rotate(360deg) ;
    }
}
/*Уведомления*/
.app__notices {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 100;
}
.app__notice {
    color: #95a1a7;
    width: 500px;
    padding: 10px 10px 10px 80px;
    font-family: 'Trebuchet MS';
    background: #151a1c url('../images/notice_bg.png') 10px center no-repeat;
    margin-bottom: 20px;
    min-height: 70px;
    margin-right: 20px;
    position: relative;
}
.app__notice_close {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../images/notice_close.png');
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.app__notice_title {
    color: #37cbf0;
    font-size: 18px;
    display: inline-block;
    padding-right: 20px;
}
/**/
.css-tal {text-align: left !important;}

.css-inline {
    display: inline-block !important;
}
.css-center {
    text-align: center !important;
}
.css-hide {
    display: none;
}


/* manager header styles */
.header__manager_wrap {
    border-top: none;
    padding: 0 10px !important;
    font-family: 'Trebuchet MS', 'Arial', sans-serif;
    font-size: 15px;
    min-width: 280px;
    z-index: 999;
    margin-top: 0 !important;
}
.header__manager_info {
    background: transparent url('../images/header-manager.png') 15px 15px no-repeat;
    height: 54px;
    line-height: 54px;
    padding: 0 10px;
    padding-left: 50px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.header__manager_wrap:hover {
    background: rgba(0, 0, 0, 0.1);
}
.header__manager_wrap:hover .header__manager_info {
    border-left: 1px solid #989ea0;
    border-right: 1px solid #989ea0;
    background: #e9edee url('../images/header-manager.png') 15px 15px no-repeat;
}

.header__manager_wrap.-open {
}
.header__manager_caption {
    line-height: 1em;
    padding-top: 12px;
}
.header__manager_name {
    color: #00919e;
    font-weight: bold;
    cursor: pointer;
    /*font-size: 11px;*/
}
.header__manager_name:after {
    display: inline-block;
    content: '';
    background: url('../images/header-manager-drop.png') no-repeat;
    width: 9px;
    margin-left: 5px;
    height:5px;
    vertical-align: middle;
}
.header__manager_dropdown {
    margin-bottom: 10px;
}
.header__manager_description {
    background: #fff;
    padding: 10px 0;
    border-right: 1px solid #989ea0;
    border-left: 1px solid #989ea0;
}
.header__manager_dislike {
    background: #fff7d9 url('../images/dislike.png') 20px center no-repeat;
    padding-left: 55px;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    border-right: 1px solid #989ea0;
    border-left: 1px solid #989ea0;
    border-bottom: 1px solid #989ea0;
    font-size: 12px;
    line-height: 18px;
}
.header__manger_setdislike {
    color: #00919e;
    cursor: pointer;
}
.header__manger_setdislike {
    display: block;
}
.header__manager_icq,
.header__manager_skype {
    display: block;
    line-height: 30px;
    height: 30px;
    padding-left: 50px;
}
.header__manager_icq {
    background: transparent url('../images/icq.png') 20px center no-repeat;
}
.header__manager_skype {
    background: transparent url('../images/skype.png') 20px center no-repeat;
}
.header__manager_modal label {
    float: left;
    display: block;
    width: 120px;
}
.header__manager_modal textarea {
    float: left;
    width: 450px;
    height: 90px;
    resize: none;
}
.header__manager_modal > p {
    color: #b4bcbe;
}
.js-send-manager-opinion {
    margin-top: 20px;
    margin-left: 120px;
}

#ref-login {
    display: none;
    width: 250px;
    line-height: 24px;
    vertical-align: middle;
    margin: -5px 0;
}


/* modal product info */
.pmodal__header {
    background: #f2f5f6;
    position: relative;
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
}
.pmodal__right_images {
  margin-top: 36px;
}
.pmodal__description_toggler {
    color: #00919e;
    display: inline-block;
    border-bottom: 1px dotted #00919e;
    cursor: pointer;
}
.pmodal__description {
    position: relative;
    max-height: 174px;
    min-height: 174px;
    overflow: hidden;
}
.pmodal__description.opened {
    max-height: 3000px;
    overflow: auto;
    padding-bottom: 10px;
}
.pmodal__video {
    position: relative;
}
.pmodal__description:after {
    width: 200px;
    height: 15px;
    display: block;
    position: absolute;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    right: 0;
    bottom: 0;
    content: '';
}
.pmodal__right_images img {
    max-width: 70px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.pmodal__right_image {
    display:block
}
.pmodal__novideo {
    background: #eee;
    text-align: center;
    line-height: 200px;
    color: #777;
}
.pmodal__id {
    color: #919fa2;
}
.pmodal__statuses {
    position: absolute;
    right: -15px;
    top:-1px;
}
.pmodal__right_prices .product__listing_item_price {
    height: 45px;
}
.pmodal__left {
    float: left;
    width: 180px;
    padding-right: 20px;
    padding-top: 20px;
}
.pmodal__left img {
    max-width: 100%;
}
.pmodal__center {
    float: left;
    width: 520px;
    padding-top: 20px;
    padding-right: 20px;
}
.pmodal__right {
    padding-top: 20px;
    float: left;
    width: 200px;
}
.pmodal__video {
    margin-top: 20px;
}
.pmodal__reviews .reviews__title {
    display: none;
}
.pmodal__reviews .reviews__subtitle {
    display: none;
}
.pmodal__reviews {
    margin-left: 180px;
}
.pmodal__reviews .review__name {
    position: absolute;
  left: -170px;
  top: 0;
  color: #BDBDBD;
}
.pmodal__reviews .review__item {
    position: relative;
    margin-bottom: 15px;
}
.pmodal__reviews img {
    display: none !important;
}
.pmodal__reviews h3 {
    margin-top: 20px;
}
.product__listing_item_popular {
    display: inline-block;
    box-sizing: border-box;
    color: #ff4b89;
    line-height: 35px;
    margin-right: 20px;
}
.product__listing_item_popular .icon {
    margin-top: -3px;
    margin-right: 5px;
}
.advert-dropdown {
    width: 330px;
    background: #fff;
    border: 1px solid #b4bcbe;
    height: 35px;
    line-height: 35px;
    color: #7a8385;
}
.icon-best {
    display: inline-block;
    background-image: url('../images/icon-best.png');
    width: 53px;
    height: 18px;
    vertical-align: middle;
}
.icon-best-block {
    display: inline-block;
    background-image: url('../images/icon-best-block.png');
    width: 87px;
    height: 61px;
    vertical-align: middle;
}
.icon-best-round {
    display: inline-block;
    background-image: url('../images/icon-best-round.png');
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

/* Extended hint for controls */
.control_hint__parent {
    position: relative;
}
.control_hint__holder {
    display: none;
    position: absolute;
    padding: 7px 10px;
    bottom: 100%;
    margin-bottom: 16px;
    right: 7px;
    left: 7px;
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    outline: 7px solid rgba(0,0,0,0.4);
    background: rgb(255, 255, 255);
    z-index: 10;
    /*border: 5px solid #FF3586;*/
}
.control_hint__holder:after {
    position: absolute;
    content: '';
    bottom: -15px;
    right: 30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(0,0,0,0.4) transparent transparent transparent;
}