/* ====================== */
/* Подвал прибитый к низу */
/* ====================== */
#body {
    /*min-height:             100vh;*/
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    margin: 0;
    /*background-color: #f2612b;*/
}

#body.modal-open {
    overflow: visible !important;
}

.flexboxtweener,
.flexboxtweener>body {
    height: 100%;
}

#content {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
}

/*
* Отключение hover во время прокрутки
*/
body.hover-disable,
body.hover-disable * {
    pointer-events: none !important;
}

/* ====== */
/* Layout */
/* ====== */
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    /*font-family:      'Roboto Condensed', sans-serif;*/
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    /*background-color: #1d9c25;*/
}

.layout-content {
    display: block;
    width: 1242px;
    margin: 0 auto;
}

/*#content {*/
/*width:  1242px;*/
/*margin: 0 auto;*/
/*}*/
/* Layout */

/* ======= */
/* Контент */
/* ======= */
#content {}

#content_wrap {
    width: 800px;
    margin: 0 auto;
    padding: 20px 20px 20px 20px;
    color: #000;
    background: #fff;
    border: 1px solid #c3c3c3;
    border-radius: 8px;
}

/* Контент */

/* ====== */
/* Наверх */
/* ====== */
#gotop {
    z-index: 1000;
    position: fixed;
    top: 100%;
    left: 100%;
    margin-top: -100px !important;
    margin-left: -92px !important;
    display: block;
    color: #f2612b;
    font-size: 24px;
    text-decoration: none;
    transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    opacity: .85;
}

#gotop.init {
    opacity: 0;
}

#gotop.hover,
#gotop:hover,
#gotop:active {
    text-decoration: none;
    opacity: 1 !important;
}

#gotop,
#gotop * {
    cursor: pointer;
}

#gotop .text {
    margin-top: 4px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #f2612b;
    text-decoration: none;
    text-indent: 2px;
    opacity: 0;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
}

#gotop.hover .text,
#gotop:hover .text,
#gotop:active .text,
#gotop .text:hover {
    color: #f2612b;
    text-decoration: none;
    text-shadow: none;
    opacity: 1;
}

#gotop .icon {
    width: 47px;
    height: 47px;
    display: block;
    margin-left: 4px;
    position: relative;
    top: 1px;
    background-color: #fff;
    border: none;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.35);
    border-radius: 30px 30px 30px 30px;
    transition: background .4s ease;
    -o-transition: background .4s ease;
    -moz-transition: background .4s ease;
    -webkit-transition: background .4s ease;
}

#gotop.hover .icon,
#gotop:hover .icon,
#gotop:active .icon {
    background-color: #f2612b;
    border: none;
}

#gotop .icon:after {
    content: '';
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    top: 19px;
    left: 17px;
    border-left: 3px solid #f2612b;
    border-top: 3px solid #f2612b;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#gotop.hover .icon:after,
#gotop:hover .icon:after,
#gotop:active .icon:after {
    border-color: #fff;
}

#gotop .icon.bottom:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #f2612b;
    border-right: 2px solid #f2612b;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#gotop.hover .icon.bottom:after,
#gotop:hover .icon.bottom:after,
#gotop:active .icon.bottom:after {
    border-color: #fff;
}

/* Подвал */

/* ====== */
/* Подвал */
/* ====== */
#footer {}

/* Подвал */

/* =============== */
/* Блок на главной */
/* =============== */
.block-main-wrapper {
    width: 100%;
    color: #000;
    background-color: #fff;
}

.block-main-wrapper.transparent {
    color: #000;
    background-color: transparent;
}

.block-main-wrapper.green {
    color: #fff;
    background-color: #7dcb70;
}

.block-main-wrapper.grey {
    color: #000;
    background-color: #f2f2f2;
}

.block-main-wrapper.orange {
    color: #fff;
    background-color: #f2612b;
}

.block-main-wrapper.padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

.block-main-wrapper.padding-top {
    padding-top: 40px;
    padding-bottom: 0;
}

.block-main-content {
    width: 1242px;
    margin: 0 auto;
}

.block-main-title {
    display: block;
    text-align: center;
    color: #565d62 !important;
    font-size: 36px;
}

.block-main-title.white {
    color: #fff !important;
}

.block-main-title.bold {
    font-weight: 400 !important;
}

.block-main-title .allocate {
    color: #f2612b !important;
}

/* Блок на главной */

/* ====== */
/* Разное */
/* ====== */
.hide,
[hidden] {
    display: none;
}

.clear {
    margin: 0;
    padding: 0;
    clear: both;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}

.left {
    text-align: left;
}

input.hidden_submit_bt {
    position: absolute;
    top: -1500px;
    left: -1500px;
}

.wait_img {
    position: relative;
    top: 7px;
    line-height: 21px;
    padding-left: 45px;
    background: url(https://cdn.wholeworld.org/images/wait2.gif) no-repeat;
}

.nowrap {
    white-space: nowrap;
}

i {
    font-style: normal;
}

/* Разное */

/* ==================== */
/* Курсоры по умолчанию */
/* ==================== */
body * {
    cursor: default;
}

body a {
    outline: none !important;
}

body a,
body a *,
body button,
body select,
body input[type="checkbox"],
body input[type="radio"] {
    cursor: pointer;
}

body input[type="text"],
body input[type="password"] {
    cursor: text;
}

/* Курсоры по умолчанию */

/* ====== */
/* Ссылки */
/* ====== */
a,
a:link,
a:visited {
    color: #f2612b;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

/* как ссылка */
.as_link {
    color: #f2612b;
}

/* как текст */
a.as_text {
    color: #000;
    text-decoration: none;
}

a.as_text:hover,
a.as_text:focus,
a.as_text:active {
    color: #f2612b;
}

/* bt2 */
a.bt2,
a.bt2:link,
a.bt2:visited {
    display: inline-block;
    margin-left: 5px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 3px;
    padding-bottom: 4px;
    color: #f2612b;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    background-image: none !important;
    border: 2px solid #f2612b;
    border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -ms-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -icab-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    behavior: url(border-radius.htc);
    transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -ms-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
}

a.bt2:hover,
a.bt2:focus,
a.bt2:active {
    text-decoration: none;
    color: #fff;
    background-image: none !important;
    background-color: #f2612b;
    transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    -ms-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -webkit-transition: background 0.4s ease;
}

/* зеленая */
a.bt2.green,
a.bt2.green:link,
a.bt2.green:visited {
    color: #7dcb70;
    border-color: #7dcb70;
}

a.bt2.green:hover,
a.bt2.green:focus,
a.bt2.green:active {
    color: #fff;
    background-color: #7dcb70;
}

/* оранжевая */
a.bt2.orange,
a.bt2.orange:link,
a.bt2.orange:visited {
    color: #fff;
    background-color: #f2612b;
}

a.bt2.orange:hover,
a.bt2.orange:focus,
a.bt2.orange:active {
    color: #fff;
    background-color: rgba(242, 97, 43, 0.80);
}

/* красная */
a.bt2.red,
a.bt2.red:link,
a.bt2.red:visited {
    color: #c62b26;
    border-color: #c62b26;
}

a.bt2.red:hover,
a.bt2.red:focus,
a.bt2.red:active {
    color: #fff;
    background-color: #c62b26;
}

/* wait */
a.bt2.wait {
    text-indent: -2500px;
}

a.bt2:hover.wait {
    cursor: default;
}

/* Ссылки */

/* ===== */
/* Форма */
/* ===== */
dl.row {
    display: block;
    /*width: 700px;*/
}

dl.row dt {
    float: left;
}

dl.row dt.label {
    width: 250px;
    padding-top: 10px;
    padding-right: 5px;
    text-align: right;
}

dl.row dt.label.left {
    text-align: left;
}

dl.row dt.text {
    padding-top: 10px;
    padding-left: 5px;
}

dl.row.text dt.label {
    padding: 5px 0 5px 5px;
    text-align: left;
}

dl.row.text dt.input {
    padding: 7px 0 7px 5px;
}

dl.row dt.input {
    width: 230px;
}

dl.row dt.input input {
    width: 200px;
}

dl.row dt.input select {
    width: 210px;
}

dl.row dt.input span.wait {
    display: none;
}

dl.row dt.input.wait span.wait {
    width: 58px;
    height: 20px;
    display: block;
    position: absolute;
    margin: -32px 0 0 82px;
    background: url(https://cdn.wholeworld.org/images/wait1.gif) no-repeat;
    border: 0px solid #f00;

}

dl.row dt.er {
    /*width: 200px;*/
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
}

#win dl.row dt.er {
    padding-left: 0px;
}

dl.row p.demo {
    margin: 0;
    padding-left: 2px;
    text-align: left;
    font-size: 12px;
    color: #b7b7b7;
    font-style: italic;
}

dl.row dt.er {}

/* Форма */

/* =================== */
/* Элементы управления */
/* =================== */
input.tip_text,
textarea.tip_text {
    color: #787878;
}

input,
input:active,
input:focus,
input.ok,
input.error,
textarea,
textarea:active,
textarea:focus,
textarea.ok,
textarea.error {
    margin: 6px auto 6px auto;
    padding: 6px 4px 4px 4px;
    position: relative;
    top: -1px;
    color: #000;
    text-align: left;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #b4b4b4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input,
input:active,
input:focus,
input.ok,
input.error {
    padding-top: 7px;
    padding-bottom: 7px;
}

input:active,
input:focus,
textarea:active,
textarea:focus {
    background: rgb(245, 255, 242);
}

input.ok,
textarea.ok {
    background: rgb(235, 255, 218);
}

input.disabled,
textarea.disabled {
    background: rgb(235, 255, 218);
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input.off,
textarea.off {
    background: rgb(197, 197, 197);
}

input.error,
textarea.error {
    background: rgb(255, 223, 213);
}

/* select */
select {
    cursor: pointer;
    margin: 7px 0 6px 0;
    padding: 4px 4px 4px 4px;
    position: relative;
    top: -2px;
    color: #000;
    text-align: left;
    font-size: 14px;
    line-height: 52px;
    background-color: #fff;
    border: 1px solid #b4b4b4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

select:active,
select:focus {
    background: rgb(245, 255, 242);
}

select.ok {
    background: rgb(235, 255, 218);
}

select.error {
    background: rgb(255, 223, 213);
}

/* label */
label {
    cursor: default;
}

/* Элементы управления */

/* ==================== */
/* Информационные блоки */
/* ==================== */
div.error,
span.error,
p.error,
dt.error,
li.error,
td.error {
    padding: 5px 7px 5px 7px;
    font-size: 11px;
    color: #d90000;
    text-align: left;
    background: rgba(68, 68, 68, 0.60);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

.yellow_info,
.green_info,
.red_info {
    padding: 10px 15px 10px 15px;
    color: #fff;
    font-size: 14px;
    border: 1px solid rgba(144, 123, 0, 0.45);
    background: rgba(60, 49, 0, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.green_info,
.green_info {
    color: #000;
    background: #ecffe5;
    border-color: #7dcb70;
}

.yellow_info,
.yellow_info {
    color: #000;
    background: #fbfbe0;
    border-color: #c6ab0d;
}

.red_info {
    border: 1px solid rgba(157, 28, 0, 0.45);
    background: rgba(60, 7, 0, 0.48);
}

/* Информационные блоки */

/* =================== */
/* Подсказка для формы */
/* =================== */
div.tooltip,
span.tooltip,
p.tooltip {
    z-index: 2500;
    display: none;
    position: absolute;
    padding: 3px 7px 5px 11px;
    text-align: left;
    font-size: 12px;
    color: #fff;
    width: 200px;
    border: 1px solid #f2612b;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #f2612b;
    background-image: -moz-linear-gradient(#f2612b 0%, #f2612b 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2612b), color-stop(100%, #f2612b));
    background-image: -webkit-linear-gradient(#f2612b 0%, #f2612b 100%);
    background-image: -o-linear-gradient(#f2612b 0%, #f2612b 100%);
    background-image: -ms-linear-gradient(#f2612b 0%, #f2612b 100%);
    background-image: linear-gradient(#f2612b 0%, #f2612b 100%);

}

div.tooltip,
p.tooltip,
span.tooltip:before,
div.tooltip,
p.tooltip,
span.tooltip:after {
    content: "\2666";
    font-family: monospace;
    font-size: 50px;
    line-height: 52px;
    text-align: center;

    position: absolute;
    overflow: hidden;
    width: 50px;
    height: 50px;

    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

div.tooltip,
p.tooltip,
span.tooltip:before {
    color: #f2612b;
}

div.tooltip,
p.tooltip,
span.tooltip:after {
    color: #f2612b;
}

div.tooltip,
p.tooltip,
span.tooltip:before,
div.tooltip,
p.tooltip,
span.tooltip:after {
    top: 50%;
    left: -20px;
    margin-top: -25px;
    clip: rect(0px, 20px, 50px, 0px);
}

div.tooltip,
p.tooltip,
span.tooltip:after {
    left: -19px;
}

/* Подсказка для формы */

/* ========= */
/* Заголовки */
/* ========= */
h1 {
    margin: 0 0 15px 0;
    padding: 0 5px 10px 5px;
    font-size: 26px;
    text-align: left;
    color: #000;
    margin-bottom: 16px;
}

h2 {
    margin: 0 0 15px 0;
    margin-bottom: 16px;
    padding: 0 5px 10px 5px;
    font-size: 20px;
    color: #000;
    text-align: left;
}

h2 span {
    display: block;
    font-size: 14px;
    color: #000;
}

h4 {
    margin: 0 0 15px 0;
    margin-bottom: 16px;
    padding: 0 5px 10px 5px;
    font-size: 20px;
    color: #000;
    text-align: left;
}

/* Заголовки */

/* ==================== */
/* Список без нумерации */
/* ==================== */
.list {
    list-style: circle;
}

.list.number {
    list-style: decimal;
}

.list li {
    margin-bottom: 10px;
    line-height: 20px;
}

/* Список без нумерации */

/* ========= */
/* Календарь */
/* ========= */
div.ui-datepicker {
    font-size: 11px;
}

#ui-datepicker-div {
    z-index: 9999;
    display: none;
}

a.ui-datepicker-prev,
a.ui-datepicker-next {
    cursor: pointer;
}

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

/* ============================= */
/* Предупреждение о включении JS */
/* ============================= */
#js_turn_on {
    padding: 20px;
    display: block;
    font-size: 13px;
    background-color: #f00;
}

#js_turn_on a:link,
#js_turn_on a:visited {
    color: #fff;
    text-decoration: underline;
}

/* =============== */
/* Окно соглашения */
/* =============== */
#win.style_agreement {
    display: none;
    background-color: #fff !important;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#win.style_agreement .popup_close {
    /*display: none;*/
    position: relative;
    height: 1px;
}

#win.style_agreement .popup_close a {
    /*position:   relative;*/
    height: 1px !important;
    left: 32px !important;
    margin-top: -25px !important;
}

#win.style_agreement .contentWrap>.content {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
}

#win .agreement_win iframe {
    width: 840px;
    height: 680px;
    border: 0;
    background: url(https://cdn.wholeworld.org/images/wait2.gif) no-repeat;
    background-position: center center;
    background-repeat: no-repeat;

    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* Окно соглашения */

/* =================== */
/* Страница соглашения */
/* =================== */
.global_content_wrap.agreement_page {}

.global_content_wrap.agreement_page iframe {
    width: 790px;
    height: 680px;
    border: 0;
    background: url(https://cdn.wholeworld.org/images/wait2.gif) no-repeat;
    background-position: center 10px;
    background-repeat: no-repeat;

    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* Страница соглашения */

/* ========== */
/* Окно видео */
/* ========== */
#win.style_video,
#win.style_video .contentWrap,
#win.style_video .contentWrap>.content {
    background: none !important;
}

/* Окно видео */

/* ================ */
/* Шаги регистрации */
/* ================ */
#registration_steps {
    display: none;
    position: relative;
    left: 5px;
    width: 620px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 15px;
}

#registration_steps div.item {
    float: left;
    height: 27px;
    text-indent: 10px;
    line-height: 26px;
    text-align: left;
    /*font-size: 16px;*/
    color: #000;
    background: url(https://cdn.wholeworld.org/images/registration_steps12.png) no-repeat;
}

#registration_steps div.item.active {
    color: #000;
    background-position: 0 -41px;
}

#registration_steps div.item.step2 {
    text-indent: 24px;
}

#registration_steps div.item span {
    font-size: 16px;
    font-weight: bold;
    padding-right: 4px;
}

#registration_steps div.item {
    width: 310px;
}

#registration_steps div.item.step1 {
    background-position: 0 0;
}

#registration_steps div.item.step1.active {
    background-position: 0 -41px;
}

#registration_steps div.item.step1.done {
    background-position: 0 -82px;
}

#registration_steps div.item.step2 {
    background-position: -322px 0;
}

#registration_steps div.item.step2.active {
    background-position: -322px -41px;
}

#registration_steps div.item.step2.done {
    background-position: -202px -82px;
}

/* Шаги регистрации */

/* ======= */
/* Спонсор */
/* ======= */
.media_partner {
    margin-top: 30px;
}

.media_partner h2 {
    margin-bottom: 5px;
}

.media_partner dl.row {
    width: 400px;
    margin-left: 5px;
    border-bottom: 0px dashed #6b6b6b;
}

.media_partner dl.row dt.label {
    width: 100px;
}

.media_partner dl.row dt.input {
    width: 175px;
    text-align: left;
}

.media_partner dl.row {
    margin-bottom: 4px;
    background-color: rgba(0, 0, 0, 0.10);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.media_partner dl.row.name {
    background: none;
}

.media_partner dl.row.name dt.label {
    width: 225px;
    font-weight: bold;
    font-size: 15px;
}

#content_wrap_wrap {
    width: 1215px;
    margin: 0 auto;
    text-align: center;
}

#content_wrap_left,
#content_wrap_right {
    display: inline-block;
}

#content_wrap_left {
    padding-top: 25px;
    padding-right: 25px;
    vertical-align: top;
    text-align: left
}

#content_wrap_left .left_widget {
    margin-bottom: 25px !important;
}

#content_wrap_left .rate_pct {
    margin-top: 20px;
}

#content_wrap_left .rate_pct .activity-rate_pct {
    position: relative;
    margin-left: 5px;
    padding-right: 21px;
    font-weight: 600;
    font-size: 14px;
    color: #f2612b;
}

#content_wrap_left .rate_pct .activity-rate_pct::after {
    width: 21px;
    height: 21px;
    content: '';
    display: block;
    position: absolute;
    right: -4px;
    bottom: 0;
    background-image: url(https://cdn.wholeworld.org/images/arrow-up.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#content_wrap_right {
    vertical-align: top;
    text-align: left;
}

/* Спонсор */

/* ================= */
/* Баннер на главной */
/* ================= */
#aban_on_main {
    width: 640px;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 15px;
    position: relative;
    left: -3px;
}

/* Баннер на главной */

/* ================= */
/* Внутренний баннер */
/* ================= */
.aban_in_inner {
    width: 840px;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 15px;
}

/* Внутренний баннер */

/* =========== */
/* Блок оплаты */
/* =========== */
dl.pay_button_block {}

dl.pay_button_block dt {
    float: left;
}

dl.pay_button_block dt.button {
    width: 550px;
}

dl.pay_button_block dt.notice {
    width: 230px;
    padding-top: 11px;
}

dl.pay_button_block dt.notice a {
    float: right;
    line-height: 15px;
}

/* Блок оплаты */

/* ========== */
/* Интсрукции */
/* ========== */
.main_sidebar_instructions #user_instructions_mod_sidebar {
    margin-right: -60px;
    color: #000;
}

/* Интсрукции */

/* ========= */
/* Flash fix */
/* ========= */
.tmp_visibility_hidden {
    background: rgba(0, 0, 0, 0.65);
}

.visibility_hidden {
    position: absolute;
    left: -2200px;
    top: -2200px;
}

/* Flash fix */

/* ====================================== */
/* Эффекты наведения: одноразовое мигание */
/* ====================================== */
@-webkit-keyframes fx-hover-blink-one {
    50% {
        opacity: 0.80;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
        -o-opacity: 0.80;
        -moz-opacity: 0.80;
        -khtml-opacity: 0.80;
    }

    100% {
        opacity: 1.0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -o-opacity: 1.0;
        -moz-opacity: 1.0;
        -khtml-opacity: 1.0;
    }
}

@keyframes fx-hover-blink-one {
    50% {
        opacity: 0.80;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
        -o-opacity: 0.80;
        -moz-opacity: 0.80;
        -khtml-opacity: 0.80;
    }

    100% {
        opacity: 1.0;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -o-opacity: 1.0;
        -moz-opacity: 1.0;
        -khtml-opacity: 1.0;
    }
}

.fx-hover-blink-one:hover,
.fx-hover-blink-one:focus,
.fx-hover-blink-one:active {
    animation-name: fx-hover-blink-one;
    -webkit-animation-name: fx-hover-blink-one;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

/* Эффекты наведения: одноразовое мигание */

/* ============================= */
/* Главная страница: Презентация */
/* ============================= */
#gallery {
    display: none;
}

#presentation_embed_win {
    display: none;
    width: 750px;
}

#presentation_embed_win .code {
    width: 700px;
    height: 60px;
    overflow: hidden;
    margin-top: -10px;
    margin-right: 5px;
    padding: 10px;
    font-size: 11px;
    color: #a1a1a1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    border: none;
    background-color: rgba(0, 0, 0, 0.10);
}

#presentation {
    width: 640px;
    /*margin: 0 auto;*/
    /*padding-bottom: 30px;*/
}

#presentation div.video {
    width: 640px;
    height: 355px;
    /*overflow: hidden;*/
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    /*border: 4px solid #000;*/
}

#gallery #presentation {
    position: relative;
    left: 2px;
}

#presentation.w640 {
    width: 640px;
}

#presentation.w640 div.video {
    width: 640px;
    height: 360px;
}

#presentation_links {
    width: 646px;
    height: 25px;
    margin: 0 auto;
    margin-bottom: 25px;
}

#presentation_links dl.links {
    width: 646px;
    margin: 0 auto;
}

#presentation div.links_wrap,
#presentation_links div.links_wrap,
div.presentation_links.links_wrap {
    text-align: center;
}

#presentation dl.links,
#presentation_links dl.links,
div.presentation_links.links_wrap dl.links {
    margin: 0 auto;
    margin-top: 10px;
    display: inline-block;
    / / display: inline;
    zoom: 1;
    text-align: center;
}

#presentation dl.links dt,
#presentation_links dl.links dt,
div.presentation_links.links_wrap dl.links dt {
    display: inline;
    float: left;
    width: 170px;
    margin: 0 auto;
    padding: 0 2px 0 2px;
    font-size: 12px;
}

#presentation_links dl.links dt,
div.presentation_links.links_wrap dl.links dt {
    width: 210px;
}

#presentation dl.links dt.menu,
#presentation_links dl.links dt.menu,
div.presentation_links.links_wrap dl.links dt.menu {
    cursor: pointer;
}

#presentation dl.links dt.menu.left p,
#presentation_links dl.links dt.menu.left p,
div.presentation_links.links_wrap dl.links dt.menu.left p {
    padding-right: 13px;
    text-align: right;
}

#presentation_links dl.links dt.menu.left,
div.presentation_links.links_wrap dl.links dt.menu.left {
    width: 170px;
    margin-left: 60px;
}

#presentation dl.links dt.menu.center p,
#presentation_links dl.links dt.menu.center p,
div.presentation_links.links_wrap dl.links dt.menu.center p {
    text-align: center;
}

#presentation_links dl.links dt.menu.center,
div.presentation_links.links_wrap dl.links dt.menu.center {
    width: 170px;
}

#presentation dl.links dt.menu.right p,
#presentation_links dl.links dt.menu.right p,
div.presentation_links.links_wrap dl.links dt.menu.right p {
    padding-left: 13px;
    text-align: left;
}

#presentation_links dl.links dt.menu.right,
div.presentation_links.links_wrap dl.links dt.menu.right {
    width: 170px;
    margin-right: 60px;
}

#presentation dl.links dt.menu:hover dl,
#presentation_links dl.links dt.menu:hover dl,
div.presentation_links.links_wrap dl.links dt.menu:hover dl {
    display: block;
}

#presentation dl.links dt.menu dl,
#presentation_links dl.links dt.menu dl,
div.presentation_links.links_wrap dl.links dt.menu dl {
    z-index: 120000;
    display: none;
    position: relative;
    padding: 5px;
    margin: 0 10px 0 10px;
    background: #c6ab0d;
}

#presentation dl.links dt.menu.left dl,
#presentation_links dl.links dt.menu.left dl,
div.presentation_links.links_wrap dl.links dt.menu.left dl {
    left: 20px;
}

#presentation dl.links dt.menu.right dl,
#presentation_links dl.links dt.menu.right dl,
div.presentation_links.links_wrap dl.links dt.menu.right dl {
    left: 5px;
}

#presentation_embed_link:hover {
    text-decoration: underline;
}

#presentation dl.links dt.menu dl dt,
#presentation_links dl.links dt.menu dl dt,
div.presentation_links.links_wrap dl.links dt.menu dl dt {
    display: block;
    z-index: 100;
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}

#presentation dl.links dt.menu dl dt a,
#presentation_links dl.links dt.menu dl dt a,
div.presentation_links.links_wrap dt.menu dl dt a {
    padding: 5px 0 5px 0;
    display: block;
    color: #000;
}

#presentation dl.links dt.menu dl dt a:hover,
#presentation_links dl.links dt.menu dl dt a:hover,
div.presentation_links.links_wrap dt.menu dl dt a:hover {
    text-decoration: none;
    background: #dabc0e;
}

.gallery {
    margin-bottom: 30px;
}

.gallery .big_img a {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
}

#scomment_com_prev,
#scomment_com_next {
    font-size: 12px;
}

#scomment_comment {
    display: none;
}

/* Главная страница: Презентация */

/* ====================== */
/* Презентация с отзывами */
/* ====================== */
div#gallery div.gallery-informer-wrapper {
    height: 530px;
}

#presentation.main,
#presentation.main,
div.video,
#presentation.main.w640,
#presentation.main.w640 div.video {
    width: 640px;
    height: 533px;
}

#main_presentation {
    width: 640px;
    height: 533px;
    margin-top: -2px;
}

#main_presentation .all_reviews {
    text-align: center;
    margin-top: 10px;
}

#main_presentation div.header {
    width: 642px;
    position: relative;
    top: 2px;
}

#main_presentation div.header a {
    display: block;
    float: left;
    width: 321px;
    height: 41px;
    line-height: 43px;
    color: #3d3d3d;
    font-size: 22px;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
    /*text-shadow: 0px 0px 3px #d5db9d*/
    /*text-shadow: 0px 0px 1px #000000;*/
    background-image: url(//cdn.wholeworld.org/images/main_presentation_header.8.png);
    background-repeat: no-repeat;
}

#main_presentation.reviews div.header a.reviews,
#main_presentation.reviews div.header a.reviews:hover {
    background-position: 0 0;
}

#main_presentation.reviews div.header a.presentations {
    line-height: 43px;
    color: #323232;
    /*text-shadow: 0px 0px 3px #484848;*/
    background-position: 100% 0;
}

#main_presentation.reviews div.header a.presentations:hover {
    color: #0f0f0f;
    background-position: 100% -41px;
}

#main_presentation.presentations div.header a.presentations,
#main_presentation.presentations div.header a.presentations:hover {
    background-position: 100% 100%;
}

#main_presentation.presentations div.header a.reviews {
    line-height: 43px;
    color: #323232;
    /*text-shadow: 0px 0px 3px #484848;*/
    background-position: 0 -82px;
}

#main_presentation.presentations div.header a.reviews:hover {
    color: #0f0f0f;
    background-position: 0 -123px;
}

#main_presentation div.main_presentation_video {
    width: 640px;
    height: 360px;
    border: 1px solid #fff;
    background-color: transparent;
    background: url(https://cdn.wholeworld.org/images/wait1.gif) #000 49% 49% no-repeat;
}

#main_presentation div.main_presentation_video .wistia_embed {
    background-color: transparent;
    background: url(https://cdn.wholeworld.org/images/wait1.gif) 49% 49% no-repeat;
}

#main_presentation div.main_presentation_video .wistia_embed>div {
    background-color: transparent;
    background: url(https://cdn.wholeworld.org/images/wait1.gif) 49% 49% no-repeat;
}

#main_presentation div.main_presentation_footer {
    overflow: hidden;
    width: 642px;
    height: 97px;
    background-color: #262626;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

#main_presentation div.main_presentation_footer dl {}

#main_presentation div.main_presentation_footer dl dt {
    float: left;
}

#main_presentation div.main_presentation_footer dl dt.links {
    width: 45px;
    height: 96px;
}

#main_presentation div.main_presentation_footer dl dt.links a {
    display: block;
    width: 45px;
    height: 96px;
    text-decoration: none;
    background-repeat: no-repeat;
}

#main_presentation div.main_presentation_footer dl dt.links.left a {
    background-position: 60% 33px;
    background-image: url(https://cdn.wholeworld.org/images/play7-1-3.png);
}

#main_presentation div.main_presentation_footer dl dt.links.right a {
    background-position: 40% 33px;
    background-image: url(https://cdn.wholeworld.org/images/play7-2-3.png);
}

#main_presentation div.main_presentation_footer dl dt.links a:hover {
    display: block;
    text-decoration: none;
    background-position: 60% 33px;
    background-color: rgba(143, 143, 143, 0.07);
}

#main_presentation div.main_presentation_footer dl dt.links.left a:hover {
    background-position: 60% -67px;
}

#main_presentation div.main_presentation_footer dl dt.links.right a:hover {
    background-position: 40% -67px;
}

#main_presentation div.main_presentation_footer dl dt.items {
    width: 552px;
    height: 96px;
    overflow: hidden;
}

#main_presentation div.main_presentation_footer dt.items a {
    overflow: hidden;
    display: block;
    float: left;
    width: 124px;
    height: 70px;
    margin: 13px 6px 12px 6px;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main_presentation.init div.main_presentation_footer dt.items a {
    margin-top: 12px;
}

#main_presentation div.main_presentation_footer dt.items a.active,
#main_presentation div.main_presentation_footer dt.items a:hover {
    border: 1px solid #c6ab0d;
}

#main_presentation div.main_presentation_footer dt.items a img.flag {
    z-index: 50;
    position: relative;
    width: 24px;
    height: 24px;
    margin-top: -4px;
    margin-left: -1px;
}

#main_presentation div.main_presentation_footer dt.items a img.img {
    position: relative;
    width: 124px;
    height: 70px;
    margin-top: -24px;
    margin-left: 0px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#main_presentation.reviews div.main_presentation_video.presentations,
#main_presentation.reviews div.main_presentation_footer.presentations {
    display: none;
}

#main_presentation.presentations div.main_presentation_video.reviews,
#main_presentation.presentations div.main_presentation_footer.reviews {
    display: none;
}

#main_presentation.reviews div.links_wrap.presentations {
    display: none;
}

#main_presentation.presentations div.links_wrap.reviews {
    display: none;
}

/* Презентация с отзывами */

/* ================ */
/* Внешний документ */
/* ================ */
#remote-doc iframe {
    width: 800px;
    height: 600px;
}

/* Внешний документ */

/* ===== */
/* Якорь */
/* ===== */
.anchor {
    position: absolute;
    margin-top: -40px;
    width: 1px;
    height: 1px;
    line-height: 1px;
}

/* Якорь */

/* =================== */
/* Ссылка на подсказку */
/* =================== */
.tip_link {
    cursor: pointer;
    border-bottom: 1px dashed #fa6126;
    text-decoration: none !important;
}

.tip_link:hover {
    border-bottom: none;
    text-decoration: none !important;
}

.tip_link * {
    cursor: pointer;
}

/* Ссылка на подсказку */

/* =========== */
/* AB Header 1 */
/* =========== */
.AB_Header_1-Old {
    position: absolute;
    visibility: hidden;
}

.AB_Header_1-New {
    visibility: hidden;
}

body.AB_Header_1_Old .AB_Header_1-New,
body.AB_Header_1_New .AB_Header_1-Old {
    display: none;
}

body.AB_Header_1_Old .AB_Header_1-Old {
    position: relative;
    visibility: visible;
}

body.AB_Header_1_New .AB_Header_1-New {
    visibility: visible;
}

/* AB Header 1 */

/* =========== */
/* Copy value */
/* =========== */
.copy_buffer {
    width: 1px;
    height: 1px;
    position: absolute;
    font-size: 1px;
    color: transparent;
}