@font-face {
    font-family: 'Museo';
    src: url('fonts/Museo500-Regular-webfont.eot');
    src: url('fonts/Museo500-Regular-webfont.woff') format('woff'), url('fonts/Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Museo500-Regular-webfont.ttf') format('truetype'), url('fonts/Museo500-Regular-webfont.svg#Museo500Regular') format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: DNRB;
    src: url('fonts/DINNextRoundedLTPro-Bold.otf');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: DNRM;
    src: url('fonts/DINNextRoundedLTPro-Medium.otf');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: DNRR;
    src: url('fonts/DINNextRoundedLTPro-Regular.otf');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: DNRL;
    src: url('fonts/DINNextRoundedLTPro-Light.otf');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: DNLTL;
    src: url('fonts/DINNextLTPro-UltraLight.otf');
    font-style: normal;
    font-weight: normal
}

.btn {
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    border: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}

.btn .subtitle {
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 10px;
    text-transform: none;
    text-shadow: none
}

.btn_orange {
    color: #f38a1f;
    background: #ffd89e;
    background: -moz-linear-gradient(top, #ffd89e 0, #ffcf89 50%, #ffcf89 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd89e), color-stop(50%, #ffcf89), color-stop(100%, #ffcf89));
    background: -webkit-linear-gradient(top, #ffd89e 0, #ffcf89 50%, #ffcf89 100%);
    background: -o-linear-gradient(top, #ffd89e 0, #ffcf89 50%, #ffcf89 100%);
    background: -ms-linear-gradient(top, #ffd89e 0, #ffcf89 50%, #ffcf89 100%);
    background: linear-gradient(to bottom, #ffd89e 0, #ffcf89 50%, #ffcf89 100%)
}

.btn_orange:hover {
    background: #ffdead
}

.btn_orange:active {
    background: #ffd28f
}

.btn_red {
    color: #fff;
    background: #de5a5a;
    border: 1px solid #bd5851;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1)
}

.btn_red:hover {
    background: #e16767
}

.btn_red:active {
    background: #db4d4d
}

.btn_red[disabled="disabled"] {
    opacity: 1;
    color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
    background: #de5a5a
}

.btn_red[disabled="disabled"]:hover,
.btn_red[disabled="disabled"]:active {
    background: #de5a5a
}

.btn_orange.flat {
    color: #fff;
    background: #f38313;
    border: 1px solid #e37a13;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2)
}

.btn_orange.flat:hover {
    background: #f4902b
}

.btn_orange.flat:active {
    background: #eb7b0c
}

.btn_white {
    color: #f38a1f;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #fff 51%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(51%, #fff), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0, #fff 51%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0, #fff 51%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0, #fff 51%, #eee 100%);
    background: linear-gradient(to bottom, #fff 0, #fff 51%, #eee 100%)
}

.btn_white:hover {
    background: #f8f8f8
}

.btn_blue {
    color: #fff;
    background: #00b4f3;
    border: 1px solid #40a4e4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1)
}

.btn_blue .subtitle {
    color: #00759e
}

.btn_blue:hover {
    background: #0ec0ff
}

.btn_blue:active {
    background: #00a9e4
}

.btn_blue[disabled="disabled"] {
    opacity: 1;
    color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
    background: #00b4f3
}

.btn_blue[disabled="disabled"]:hover,
.btn_blue[disabled="disabled"]:active {
    background: #00b4f3
}

.btn_brown {
    color: #aa8d83;
    background: #efeae7;
    text-shadow: none;
    border: 1px solid #d8d8d8
}

.btn_brown:hover,
.btn_brown.back:hover:after {
    background: #f3efed
}

.btn_brown:active,
.btn_brown.back:active:after {
    background: #ebe5e1
}

.btn_brown.back:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn_brown[disabled="disabled"] {
    opacity: 1;
    color: #c6c2c0;
    background: #efeae7
}

.btn_brown[disabled="disabled"]:hover,
.btn_brown[disabled="disabled"]:active {
    background: #efeae7
}

.btn_brown.back {
    position: relative;
    padding-left: 12px;
    padding-right: 15px;
    margin-left: 10px
}

.btn_brown.back:before,
.btn_brown.back:after {
    content: '';
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    top: 2px;
    left: -8px;
    border: 1px solid #d8d8d8;
    background: #efeae7;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transform: rotate(45deg) matrix(1, 10, 10, 1, 1, 1) scale(.1);
    -moz-transform: rotate(45deg) matrix(1, 10, 10, 1, 1, 1) scale(.1);
    -o-transform: rotate(45deg) matrix(1, 10, 10, 1, 1, 1) scale(.1);
    transform: rotate(45deg) matrix(1, 10, 10, 1, 1, 1) scale(.1);
    display: none\9
}

.btn_brown.back:before {
    z-index: -1
}

.btn_brown.back:after {
    z-index: 1;
    border-bottom: none;
    border-left: none
}

.btn>.subtitle {
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 10px;
    text-transform: none;
    text-shadow: none
}

.box_label {
    color: #555;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 5px 5px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.fill {
    width: 100%;
    height: 100%
}

.clear {
    clear: both
}

.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.inline-block {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.wooden_shelf_icon {
    width: 1022px;
    height: 77px;
    background: url(images/shelf.png)
}

.orange_website_UI {
    background: url("images/ui.png") top left no-repeat
}

.product_carousel_arrow_right_active {
    background: url("images/ui.png") top left no-repeat;
    width: 44px;
    height: 45px;
    background-position: -10px -10px
}

.product_carousel_arrow_right {
    background: url("images/ui.png") top left no-repeat;
    width: 44px;
    height: 45px;
    background-position: -10px -65px
}

.product_carousel_arrow_left_active {
    background: url("images/ui.png") top left no-repeat;
    width: 44px;
    height: 45px;
    background-position: -10px -120px
}

.product_carousel_arrow_left {
    background: url("images/ui.png") top left no-repeat;
    width: 44px;
    height: 45px;
    background-position: -10px -175px
}

.index_ticker_arrow_right {
    background: url("images/ui.png") top left no-repeat;
    width: 20px;
    height: 20px;
    background-position: -10px -230px
}

.index_ticker_arrow_left {
    background: url("images/ui.png") top left no-repeat;
    width: 20px;
    height: 20px;
    background-position: -10px -260px
}

.icon_video {
    background: url("images/ui.png") top left no-repeat;
    width: 20px;
    height: 10px;
    background-position: -10px -290px
}

.css_table {
    display: table !important
}

.css_cell {
    display: table-cell !important
}

body.lang_i18n #footer button.signup_button {
    height: auto;
    padding: 10px 6px
}

body.lang_i18n .all_plans .plan_cell #plan_lite {
    padding-bottom: 25px
}

body.lang_i18n .all_plans .plan_cell .billing_cycle {
    display: block;
    width: 100%;
    margin-left: 0
}

body.lang_i18n .all_plans .plan_cell .features .feature_list {
    max-width: 160px
}

body.lang_i18n.account #overview .css_table {
    border-spacing: 10px 0;
    border-collapse: separate;
    position: relative;
    left: -20px
}

body.lang_i18n.account #overview .subscription .feature {
    display: table-cell !important;
    position: relative;
    border: 1px solid #ddd;
    word-wrap: break-word
}

body.lang_i18n.account #overview .subscription .feature em {
    width: 95px;
    position: absolute;
    margin: -1px
}

body.lang_i18n.account #overview .subscription .feature div {
    border: 0;
    padding-top: 15px;
    width: 93px
}

body.lang_i18n.account #overview .subscription .col_right button {
    margin-top: 20px
}

body.lang_i18n.account .acct_refer .refer_note {
    height: auto !important
}

body.lang_i18n.product #WD_controls .icon_header_note {
    min-height: 48px;
    height: auto
}

body.lang_i18n.product #WD_controls .icon_header_note h4 {
    line-height: 22px
}

body.lang_i18n.product #dashboard_overview .css_cell {
    width: 300px;
    border-radius: 5px
}

body.lang_i18n.why_zopim {
    color: red
}

body.lang_i18n.why_zopim #reasons h4 {
    max-width: 400px
}

body.lang_long button.fixed_width,
body.lang_long .btn.fixed_width {
    font-size: 11px !important;
    line-height: 13px !important
}

body.lang_long #orange_overlay .signup_wrapper button.submit {
    min-height: 40px;
    height: auto
}

body.lang_long #footer button.signup_button {
    max-width: 250px;
    width: auto
}

body.lang_long #footer #sitemap .span2 p {
    margin-bottom: 10px
}

body.lang_long #footer #sitemap .span2 p a {
    line-height: 1.2
}

body.lang_long #start_trial.drape button.btn_blue {
    width: auto
}

body.lang_long #start_trial.drape form.signup_form {
    padding: 10px 20px
}

body.lang_long #start_trial.drape form.signup_form label.try_title {
    display: block;
    margin-bottom: 20px;
    font-size: 21px
}

body.lang_long #start_trial.drape form.signup_form input.email_textbox {
    width: 400px
}

body.lang_long #start_trial.drape form.signup_form label.error {
    max-width: 400px
}

body.lang_long #start_trial.drape form.signup_form label.error[for='email'] {
    margin-left: -400px
}

body.lang_long #start_trial.drape form.signup_form .disclaimer {
    position: inherit;
    text-align: center;
    padding-top: 17px
}

body.lang_long.index #stats_logos .counters {
    margin-bottom: 0
}

body.lang_long.index #wow_video .col_right #iphone_banner {
    height: auto;
    padding: 20px 50px 0 35px;
    width: 508px
}

body.lang_long.index #wow_video .col_right #iphone_banner #left_text {
    width: 240px;
    margin-bottom: 20px
}

body.lang_long.index #wow_video .col_right #iphone_banner #right_pic {
    margin-left: 0
}

body.lang_long.index #awesome_dashboard .icon_header_note {
    height: auto
}

body.lang_long.index #testimonial_twitter button {
    font-size: 11px !important;
    max-width: 200px;
    height: auto
}

body.lang_long.pricing #features div {
    width: 49%
}

body.lang_long.pricing #plans .button_bar button {
    height: 45px
}

body.lang_long.pricing #signup_body_top {
    font-size: 11px
}

body.lang_long.product #dashboard_jam .icon_header_note {
    height: auto
}

body.lang_long.why_zopim #reasons .icon_note h4 {
    font-size: 14px
}

body.lang_long.customerstory .picture_wide .banner_quote {
    width: 800px
}

body.lang_long.account #top_bar .pagination_top>li {
    font-size: 13px
}

body.lang_long.account #faq_banner .faq_item p {
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 15px
}

body.lang_long.account .integrations #nav_panel li {
    line-height: 22px
}

body.lang_long.account .integrations .integrations_select form label.error {
    max-width: 220px;
    white-space: pre-line
}

body.lang_long.account #refer_settings #nav_panel li {
    line-height: 22px
}

body.lang_long.account #refer_settings #refer_pages {
    position: relative
}

body.lang_long.account #refer_settings #refer_pages #refer_rewards .col_left {
    position: static;
    height: auto
}

body.lang_long.account #refer_settings #refer_pages #refer_rewards .bottom_buttons {
    width: 50%
}

body.lang_long.account #refer_settings #refer_pages #refer_rewards .bottom_buttons .btn {
    max-width: 140px;
    min-height: 36px
}

body.lang_long.account #refer_settings #refer_pages #refer_link #refer_social .social_text {
    vertical-align: middle;
    line-height: 20px;
    max-width: 260px
}

body.lang_long.account #refer_settings #refer_pages #refer_link #refer_social .social_icons {
    vertical-align: middle
}

body.lang_long.account .summary_view button.btn_brown {
    padding-top: 2px
}

body.lang_long.tryme #controller_dock #url_controller button {
    width: auto
}

body.lang_long.simulate:lang(ru) #controller_dock #steps_controller #step3_content,
body.lang_long.simulate:lang(tr) #controller_dock #steps_controller #step3_content {
    padding-top: 25px
}

body.lang_long.simulate:lang(ru) #controller_dock #steps_controller #step3_content .icon_background,
body.lang_long.simulate:lang(tr) #controller_dock #steps_controller #step3_content .icon_background {
    vertical-align: middle
}

body.lang_long.simulate:lang(ru) #controller_dock #steps_controller #step3_content .step_text,
body.lang_long.simulate:lang(tr) #controller_dock #steps_controller #step3_content .step_text {
    vertical-align: middle;
    height: auto
}

body.lang_long.access_denied.denied_refer button {
    width: auto !important
}

body.lang_rtl #header .nav-pills #header_right #acct_btn a {
    position: relative;
    top: -4px;
    display: inline-block
}

body.lang_cjk h2,
body.lang_cjk h3,
body.lang_cjk h4 {
    font-weight: bold !important
}

body.lang_cjk button.btn_blue {
    font-size: 13px
}

body.lang_cjk #header .nav-pills {
    font-size: 14px !important
}

body.lang_cjk.index #stats_logos #trial_link,
body.lang_cjk.index #stats_logos strong {
    font-weight: bold
}

body.lang_cjk .signup_wrapper .help-block {
    line-height: 1.5
}

body.lang_cjk.pricing #refer p,
body.lang_cjk #faq div {
    line-height: 1.5
}

body.lang_cjk.product #WD_img p,
body.lang_cjk.product #WD_controls p,
body.lang_cjk.product #dashboard_overview p {
    line-height: 1.5
}

body.lang_cjk.customerstory .quotes p {
    line-height: 1.5
}

body.lang_cjk.account .refer_note p,
body.lang_cjk.account .refer_note li {
    line-height: 1.5
}

body.lang_fr.index #awesome_dashboard .col_left {
    padding-right: 5px
}

body.lang_fr.account #overview .subscription .feature em {
    text-transform: capitalize
}

body.lang_fr.account .acct_refer #balance_btn.btn_brown {
    line-height: 25px !important
}

@font-face {
    @font-face {
        font-family: 'Museo';
        src: url('fonts/Museo500-Regular-webfont.eot');
        src: url('fonts/Museo500-Regular-webfont.woff') format('woff'), url('fonts/Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Museo500-Regular-webfont.ttf') format('truetype'), url('fonts/Museo500-Regular-webfont.svg#Museo500Regular') format('svg');
        font-weight: 500;
        font-style: normal
    }
    @font-face {
        font-family: DNRB;
        src: url('fonts/DINNextRoundedLTPro-Bold.otf');
        font-style: normal;
        font-weight: normal
    }
    @font-face {
        font-family: DNRM;
        src: url('fonts/DINNextRoundedLTPro-Medium.otf');
        font-style: normal;
        font-weight: normal
    }
    @font-face {
        font-family: DNRR;
        src: url('fonts/DINNextRoundedLTPro-Regular.otf');
        font-style: normal;
        font-weight: normal
    }
    @font-face {
        font-family: DNRL;
        src: url('fonts/DINNextRoundedLTPro-Light.otf');
        font-style: normal;
        font-weight: normal
    }
    @font-face {
        font-family: DNLTL;
        src: url('fonts/DINNextLTPro-UltraLight.otf');
        font-style: normal;
        font-weight: normal
    }
}

body {
    background-color: #fff;
    overflow-y: scroll;
    *overflow-x: hidden;
    *overflow-y: auto;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    color: white
}

@media only screen and (min-width:975px) {
    body {
        min-width: 1024px
    }
}

@media only screen and (max-width:975px) {
    body {
        width: 100%;
        display: inline-block
    }
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    *behavior: url(boxsizing.htc)
}

.pngfix {
    *behavior: url(images/iepngfix/iepngfix.htc)
}

select {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

h1 {
    font-family: DNRR, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 35px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    color: #666
}

h1:lang(ru),
h1:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

h1:lang(ja),
h1:lang(zh-cn),
h1:lang(tw-cn),
h1:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

@media only screen and (max-width:975px) {
    h1 {
        font: 48px/1 DNRL
    }
}

h2 {
    font-family: DNRR, Georgia, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 30px
}

h2:lang(ru),
h2:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

h2:lang(ja),
h2:lang(zh-cn),
h2:lang(tw-cn),
h2:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

h3 {
    font-family: DNRR, Georgia, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 25px
}

h3:lang(ru),
h3:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

h3:lang(ja),
h3:lang(zh-cn),
h3:lang(tw-cn),
h3:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

a,
.fakea {
    cursor: pointer;
    text-decoration: none;
    color: inherit
}

a:hover,
.fakea:hover {
    text-decoration: underline
}

.slides_container,
.slides_control {
    *overflow: hidden;
    *zoom: 1
}

.placeholder {
    color: #aaa !important
}

::-webkit-input-placeholder {
    color: #aaa !important
}

:-moz-placeholder {
    color: #aaa !important
}

:-ms-input-placeholder {
    color: #aaa !important
}

.span5 {
    width: 428px;
    margin: 0
}

.hide {
    display: none
}

.container {
    width: 100%;
    position: relative
}

.wrapper {
    position: relative;
    margin: 0 auto;
    width: 1024px
}

.col_left,
.col_right {
    width: 50%;
    padding: 0 65px
}

.col_left>img,
.col_right>img {
    margin: 0 auto
}

.col_left {
    float: left
}

.col_right {
    float: right
}

#faq h2 {
    color: #f38a1f;
    text-align: center;
    font-family: DNRR, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    margin: 50px 0 40px;
    text-shadow: none
}

#faq h2:lang(ru),
#faq h2:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

#faq h2:lang(ja),
#faq h2:lang(zh-cn),
#faq h2:lang(tw-cn),
#faq h2:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

#faq .col_left,
#faq .col_right {
    text-align: left;
    padding: 0 65px 65px;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333
}

#faq .col_left div,
#faq .col_right div {
    margin-bottom: 30px
}

#faq .col_left div:last-child,
#faq .col_right div:last-child {
    margin-bottom: 0
}

#faq .col_left h3,
#faq .col_right h3 {
    color: #333;
    text-align: left;
    font-family: DNRR, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 5px
}

#faq .col_left h3:lang(ru),
#faq .col_right h3:lang(ru),
#faq .col_left h3:lang(tr),
#faq .col_right h3:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

#faq .col_left h3:lang(ja),
#faq .col_right h3:lang(ja),
#faq .col_left h3:lang(zh-cn),
#faq .col_right h3:lang(zh-cn),
#faq .col_left h3:lang(tw-cn),
#faq .col_right h3:lang(tw-cn),
#faq .col_left h3:lang(kr),
#faq .col_right h3:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.head-height {
    height: 111px
}

@media only screen and (max-width:700px) {
    .head-height {
        height: 75px
    }
}

.head-height #header {
    font-size: 10px;
    display: block;
    z-index: 100;
    position: relative;
    background-color: white;
    height: 111px;
    padding: 0 0 0;
    font-family: DNRR;
    background: #fff;
    top: 0;
    -webkit-transition: top .5s ease-in-out 0s;
    -moz-transition: top .5s ease-in-out 0s;
    -o-transition: top .5s ease-in-out 0s;
    transition: top .5s ease-in-out 0s
}

@media only screen and (max-width:700px) {
    .head-height #header {
        height: 75px
    }
}

.head-height #header.scrolled {
    position: fixed;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)
}

.head-height #header.narrow .wrapper {
    height: 50px
}

.head-height #header .nav-pills {
    min-width: 960px;
    margin: 0 auto;
    height: 111px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: absolute
}

@media only screen and (max-width:975px) {
    .head-height #header .nav-pills {
        width: 100%;
        min-width: inherit;
        display: inline-block
    }
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills {
        height: 75px
    }
    .head-height #header .nav-pills:after {
        font-family: entypo;
        content: '\e811';
        position: absolute;
        top: 16px;
        font-size: 40px;
        right: 5%;
        color: #999
    }
    .head-height #header .nav-pills:after:active {
        display: none
    }
}

.head-height #header .nav-pills a img {
	width: 175px;
    left: 1.5%;
    top: 35%;
    position: absolute
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills a img {
        top: 20%;
        left: 6%
    }
}

.head-height #header .nav-pills>div>li {
    position: relative;
    color: #fff;
    cursor: pointer;
    margin: 13.2px 0 0 29px;
    text-transform: uppercase;
    text-align: center;
    height: 26px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    float: left;
    padding: 2px
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills>div>li {
        width: 100%;
        background-color: #fff;
        text-align: left;
        border-top: 1px solid #f1f1f1;
        margin-top: 0;
        padding-top: 15px;
        padding-bottom: 30px;
        margin-left: 0
    }
}

.head-height #header .nav-pills>div>li.scroll {
    overflow: hidden
}

.head-height #header .nav-pills>div>li.scroll a {
    padding: 0;
    line-height: 14px;
    display: block;
    vertical-align: middle
}

.head-height #header .nav-pills>div>li.logo_wrapper {
    padding: 0;
    margin: 9px 10px 0 0;
    height: 34px
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills>div>li.logo_wrapper {
        display: none
    }
}

.head-height #header .nav-pills>div>li.logo_wrapper:hover {
    background: transparent
}

.head-height #header .nav-pills>div>li a {
    letter-spacing: 1px;
    position: relative;
    vertical-align: middle;
    margin: 0;
    font: 15px/1 DNRB;
    -webkit-font-smoothing: antialiased;
    color: gray
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills>div>li a {
        font: 13px DNRM;
        padding-left: 5%;
        display: block
    }
}

.head-height #header .nav-pills>div>li a:hover {
    color: #484848
}

.head-height #header .nav-pills>div>li.scroll>a {
    padding: 0 !important
}

.head-height #header .nav-pills #header_lower,
.head-height #header .nav-pills #header_upper {
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.head-height #header .nav-pills #header_lower a:hover,
.head-height #header .nav-pills #header_upper a:hover {
    text-decoration: none;
    color: #666
}

.head-height #header .nav-pills #header_upper {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 14px;
    float: right;
    width: 930px;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

@media only screen and (max-width:975px) {
    .head-height #header .nav-pills #header_upper {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        display: inline-block
    }
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills #header_upper {
        display: none
    }
}

.head-height #header .nav-pills #header_upper .arrow {
    background: url(images/arrow.png) top left no-repeat
}

.head-height #header .nav-pills #header_upper .login_arrow {
    background: url(images/arrow.png) top left no-repeat;
    width: 8px;
    height: 6px;
    background-position: -10px -10px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin-right: 5px
}

.head-height #header .nav-pills #header_upper .lang_arrow {
    background: url(images/arrow.png) top left no-repeat;
    width: 7px;
    height: 4px;
    background-position: -10px -26px;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.head-height #header .nav-pills #header_upper .btn_norm {
    width: auto
}

.head-height #header .nav-pills #header_upper a {
    font-family: DNRR;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px;
    position: relative;
    font-size: 11px;
    vertical-align: middle;
    margin: 0;
    color: #a6a6a6;
    text-transform: none
}

.head-height #header .nav-pills #header_upper a img {
    padding-left: 5px;
    padding-top: 1px
}

.head-height #header .nav-pills #header_upper li {
    margin-top: 0;
    margin-left: 0;
    background: transparent;
    float: right
}

.head-height #header .nav-pills #header_upper a {
    margin-top: 18px;
    margin-left: 10px
}

.head-height #header .nav-pills #header_upper #header_login .header_dropdown {
    height: 74px
}

.head-height #header .nav-pills #header_lower {
    margin-right: 13px;
    margin-top: 5px;
    float: right
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills #header_lower {
        display: none;
        position: absolute;
        top: 75px;
        width: 100%;
        background-color: #fff;
        margin-right: 0;
        margin-top: 0;
        left: 0
    }
}

.head-height #header .nav-pills #header_lower #header_signup {
    display: block !important;
    width: 112px;
    height: 42px;
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
    padding-top: 10px;
    margin-top: 1px;
    background-color: #ff9d3a;
    background-image: none
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills #header_lower #header_signup {
        width: 100%;
        background-color: #fff;
        text-align: left;
        border-top: 1px solid #f1f1f1;
        margin-top: 0;
        padding-top: 15px;
        padding-bottom: 30px;
        margin-left: 0;
        color: #ff9d3a
    }
}

.head-height #header .nav-pills #header_lower #header_signup a {
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    text-shadow: none;
    font-family: DNRB;
    letter-spacing: 0
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills #header_lower #header_signup a {
        color: #ff9d3a;
        padding-left: 5% !important
    }
}

.head-height #header .nav-pills #header_lower #header_signup:hover {
    background-color: #ff8636
}

@media only screen and (max-width:700px) {
    .head-height #header .nav-pills #header_lower #header_signup:hover {
        background-color: #fff
    }
}

.head-height #header .header_dropdown {
    position: absolute;
    display: none;
    margin-top: 0;
    left: 85%;
    margin-left: -67px;
    z-index: 5;
    height: 230px
}

.head-height #header .header_dropdown .nav-list {
    height: 100%;
    background-color: #fff;
    width: 100%;
    padding: 0 6px 6px;
    border: 1px solid #ccc;
    border-radius: 5px 5px;
    -webkit-border-radius: 5px 5px;
    -moz-border-radius: 5px 5px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)
}

.head-height #header .header_dropdown .nav-list a {
    margin-top: 2px !important;
    margin-left: 2px !important
}

.head-height #header .header_dropdown .nav-list li {
    margin: 10px 0 0 0 !important
}

.head-height #header .header_dropdown .nav-list>li {
    float: none;
    margin: 0;
    text-align: center
}

.head-height #header .header_dropdown .nav-list>li>a {
    padding: 2px 0;
    width: 120px;
    margin-bottom: 5px;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 11px;
    color: #555;
    text-shadow: none
}

.head-height #header .header_dropdown .nav-list>.active>a,
.head-height #header .header_dropdown.nav-list>.active>a:hover {
    background-color: #f6f5f1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: none
}

.head-height #header .header_dropdown .nav_items.active {
    background-color: #f6f5f1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: none
}

.head-height #header .chat_icon {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    height: 14px;
    width: 14px;
    margin: 6px 0 6px 10px;
    float: left;
    background: url(images/menu_speech_bubble.png) no-repeat top center
}

.head-height #header .wrapper {
    width: 960px
}

@media only screen and (max-width:975px) {
    .head-height #header .wrapper {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        display: inline-block
    }
}

@media only screen and (max-width:700px) {
    .head-height #header .wrapper {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
}

.head-height #header.logged_in .scroll {
    max-width: 200px
}

.head-height #header.logged_in .logged_in {
    display: initial
}

.head-height #header.logged_in .logged_out {
    display: none !important
}

.head-height #header.logged_out .logged_in {
    display: none !important
}

.head-height #header.logged_out .logged_out {
    display: initial
}

#header.animate {
    top: -111px
}

.content {
    background-color: #fafafa;
    opacity: 1;
    position: relative
}

.grey_feature {
    background: #f6f5f1;
    background: -moz-linear-gradient(rgba(246, 245, 241, 0) 0, #f6f5f1 100%);
    background: -ms-linear-gradient(rgba(246, 245, 241, 0) 0, #f6f5f1 100%);
    background: -o-linear-gradient(rgba(246, 245, 241, 0) 0, #f6f5f1 100%);
    background: -webkit-gradient(linear, color-stop(0, rgba(246, 245, 241, 0)), color-stop(1, #f6f5f1));
    background: -webkit-linear-gradient(rgba(246, 245, 241, 0) 0, #f6f5f1 100%);
    background: linear-gradient(rgba(246, 245, 241, 0) 0, #f6f5f1 100%);
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.grey_feature:first-child {
    border-top: none
}

.grey_feature:last-child {
    border-bottom: none
}

.grey {
    background: #fafaf8;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.grey:first-child {
    border-top: none;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0
}

.grey:last-child {
    border-bottom: none;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px
}

.content,
#footer {
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

.content.animate,
#footer.animate {
    top: 400px;
    opacity: 0
}

.expand_link {
    color: #00b4f3;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase
}

#main {
    overflow: hidden;
    background-color: #f8f8f8
}

#landing_banner {
    color: white;
    position: relative;
    text-align: center
}

#top_banner {
    margin-top: 0;
    min-height: 30px;
    overflow: hidden;
    padding: 25px 0;
    text-align: left;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

#top_banner.animate {
    left: 100% !important
}

#top_banner.narrow {
    padding-left: 10px
}

#main_content {
    background-color: white;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: 1px solid #cfccc8;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05)
}

.banner_content {
    padding: 60px 0
}

.banner_header {
    font-family: DNRR, Georgia, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    padding-bottom: 20px
}

.banner_header:lang(ru),
.banner_header:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

.banner_header:lang(ja),
.banner_header:lang(zh-cn),
.banner_header:lang(tw-cn),
.banner_header:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.main_banners {
    text-align: center
}

#footer {
    background-color: #f1f1f1;
    padding: 43px 0;
    padding-bottom: 0;
    font-family: DNLTL
}

@media only screen and (max-width:700px) {
    #footer {
        padding-top: 20px
    }
}

#footer .container {
    height: 250px
}

@media only screen and (max-width:700px) {
    #footer .container {
        display: none
    }
}

#footer .container .span8 {
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    margin-left: 0
}

#footer .container .span9 {
    display: block;
    width: 960px
}

@media only screen and (max-width:975px) {
    #footer .container .span9 {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        display: inline-block
    }
}

#footer .container .span2 {
    width: 23%
}

@media only screen and (max-width:975px) {
    #footer .container .span2 {
        width: 22%
    }
}

#footer .container .span-product {
    margin-left: 4.7%
}

#footer .container .span-resources {
    margin-left: 1%
}

#footer .container .span-about {
    margin-left: 1%;
    width: 16.7%
}

#footer .container .span-about h5 {
    width: 100%
}

#footer .container .span-legal {
    margin-left: 6.8%
}

@media only screen and (max-width:975px) {
    #footer .container .span-legal {
        width: 25%
    }
}

#footer .container .span3.sub {
    float: right;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

#footer .container.narrow .span8 {
    margin-left: 10px
}

#footer .container.narrow .span3 {
    margin-right: 0
}

#footer .container h5 {
    font-family: DNRM;
    color: #666;
    margin-bottom: 17px;
    text-transform: uppercase;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    letter-spacing: 1px;
    border-bottom: 1px solid #d5d5d5;
    width: 73.5%;
    font-size: 13px;
    height: 26px;
    text-align: left
}

#footer .container p {
    margin: 0
}

#footer .container a {
    line-height: 1.6;
    letter-spacing: .4px;
    font-size: 15px;
    color: #a3a3a3;
    font-family: DNLTL;
    text-decoration: none
}

#footer .container a:hover {
    color: #484848
}

#footer .container button {
    float: right;
    width: 200px;
    height: 54px;
    color: #fff;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px
}

#footer .container button .subtitle {
    color: #000;
    color: #9e550c
}

#footer .footer-middle {
    border-bottom: 1px solid #d5d5d5;
    margin-top: 28px;
    width: 100%;
    text-align: center
}

@media only screen and (max-width:700px) {
    #footer .footer-middle {
        border-bottom: none
    }
}

#footer .footer-container {
    margin-bottom: -29px;
    background-color: #f1f1f1;
    display: inline-block;
    text-align: center
}

@media only screen and (max-width:700px) {
    #footer .footer-container {
        width: 192px
    }
}

#footer .footer-container .twitter-foot {
    margin-left: 30px;
    margin-right: 7px;
    width: 50px;
    height: 50px;
    background-image: url(images/p-footer/footer-icons.png);
    background-position: 0, 0;
    background-size: cover;
    float: left
}

#footer .footer-container .twitter-foot:hover {
    background-position: -388px, 0
}

@media only screen and (max-width:700px) {
    #footer .footer-container .twitter-foot {
        margin-left: 7px
    }
}

#footer .footer-container .slideshare-foot {
    margin-left: 7px;
    margin-right: 7px;
    width: 50px;
    height: 50px;
    background-image: url(images/p-footer/footer-icons.png);
    background-position: -64px, 0;
    background-size: cover;
    float: left
}

#footer .footer-container .slideshare-foot:hover {
    background-position: -452px, 0
}

#footer .footer-container .quora-foot {
    margin-left: 7px;
    margin-right: 7px;
    width: 50px;
    height: 50px;
    background-image: url(images/p-footer/footer-icons.png);
    background-position: -128px, 0;
    background-size: cover;
    float: left
}

#footer .footer-container .quora-foot:hover {
    background-position: -516px, 0
}

#footer .footer-container .google-foot {
    margin-left: 7px;
    margin-right: 7px;
    width: 50px;
    height: 50px;
    background-image: url(images/p-footer/footer-icons.png);
    background-position: -192px, 0;
    background-size: cover;
    float: left
}

#footer .footer-container .google-foot:hover {
    background-position: -580px, 0
}

@media only screen and (max-width:700px) {
    #footer .footer-container .google-foot {
        margin-top: 14px
    }
}

#footer .footer-container .facebook-foot {
    margin-left: 7px;
    margin-right: 7px;
    width: 50px;
    height: 50px;
    background-image: url(images/p-footer/footer-icons.png);
    background-position: -256px, 0;
    background-size: cover;
    float: left
}

#footer .footer-container .facebook-foot:hover {
    background-position: -644px, 0
}

@media only screen and (max-width:700px) {
    #footer .footer-container .facebook-foot {
        margin-top: 15px
    }
}

#footer .footer-container .linked-foot {
    margin-left: 7px;
    margin-right: 30px;
    width: 50px;
    height: 50px;
    background-image: url(images/p-footer/footer-icons.png);
    background-position: -319px, 0;
    background-size: cover;
    float: left
}

#footer .footer-container .linked-foot:hover {
    background-position: -707px, 0
}

@media only screen and (max-width:700px) {
    #footer .footer-container .linked-foot {
        margin-right: 7px;
        margin-top: 15px
    }
}

#footer .copyright {
    margin-top: 70px;
    margin-left: 0
}

#footer .copyright span {
    margin-right: 15px
}

#footer .copyright .zopim {
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 14px
}

#footer .footer_bottom {
    background-color: #fff;
    vertical-align: middle
}

#footer .footer_bottom .copyright {
    vertical-align: middle;
    height: 68px;
    margin-left: auto;
    margin-right: auto;
    width: 930px;
    padding-top: 12px;
    font-family: DNRR, Georgia, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 11px
}

#footer .footer_bottom .copyright:lang(ru),
#footer .footer_bottom .copyright:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

#footer .footer_bottom .copyright:lang(ja),
#footer .footer_bottom .copyright:lang(zh-cn),
#footer .footer_bottom .copyright:lang(tw-cn),
#footer .footer_bottom .copyright:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

@media only screen and (max-width:975px) {
    #footer .footer_bottom .copyright {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%
    }
}

#footer .footer_bottom .copyright img {
    margin-top: 13px;
    float: left;
    width: 29px
}

#footer .footer_bottom .copyright .zendesk {
    line-height: 50px;
    border-left: 1px solid #b3b3b3;
    padding-left: 13px;
    margin-right: 13px
}

@media only screen and (max-width:975px) {
    #footer .footer_bottom .copyright .zendesk {
        margin-right: 4px;
        padding-left: 4px
    }
}

#footer .footer_bottom .copyright .zendesk a {
    font-size: 14px;
    font-family: DNLTL;
    color: #8b8b8b;
    text-decoration: none
}

@media only screen and (max-width:975px) {
    #footer .footer_bottom .copyright .zendesk a {
        font-size: 11px
    }
}

#footer .footer_bottom .copyright .year,
#footer .footer_bottom .copyright .country {
    text-transform: uppercase;
    line-height: 33px
}

* html #sitemap .span2 {
    float: left;
    width: 150px
}

* html #sitemap .row {
    margin-left: 0 !important
}

* html .footer_bottom img {
    *behavior: url(images/iepngfix/iepngfix.htc)
}

* html #header_left .logo img {
    *behavior: url(images/iepngfix/iepngfix.htc)
}

* html #header_right .login_arrow {
    *behavior: url(images/iepngfix/iepngfix.htc)
}

* html .nav li {
    display: inline;
    zoom: 1;
    margin-top: 10px;
    margin-left: 15px
}

* html .nav a {
    color: #fff
}

* html #header_right #header_signup {
    height: 22px;
    overflow: hidden
}

.h-center {
    position: relative;
    margin: 0 auto;
    *zoom: 1
}

.prev_next_button {
    float: right;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.prev_button {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 24px;
    height: 24px;
    background: pink
}

.next_button {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 24px;
    height: 24px;
    background: pink
}

#orange_overlay {
    background: url(images/background.png) repeat;
    background-color: #ff9b49;
    position: absolute;
    overflow: hidden;
    display: none;
    width: 100%;
    height: 100%
}

#orange_overlay a {
    *color: #fff
}

#orange_overlay .wrapper,
#orange_overlay .signup_wrapper {
    position: relative;
    margin: 0 auto;
    height: 100%;
    min-width: 300px;
    max-width: 1024px;
    *width: 90%;
    *height: 90%
}

#orange_overlay .logo {
    float: left;
    line-height: 46px;
    padding-bottom: 12px
}

#orange_overlay .logo img {
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    width: 79px;
    height: 33px
}

#orange_overlay .input-xlarge {
    width: 300px;
    display: block;
    height: 40px;
    border-radius: 5px;
    margin-bottom: 12px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #eb8b41;
    color: #333;
    font-family: DNRR, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 15px;
    font: 15px/1 'Museo';
    -webkit-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2)
}

#orange_overlay .input-xlarge:lang(ru),
#orange_overlay .input-xlarge:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

#orange_overlay .input-xlarge:lang(ja),
#orange_overlay .input-xlarge:lang(zh-cn),
#orange_overlay .input-xlarge:lang(tw-cn),
#orange_overlay .input-xlarge:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

#orange_overlay .input-xlarge:focus {
    border-color: #b16931
}

#orange_overlay .help-block {
    display: block;
    color: white;
    font-size: 13px;
    margin: 12px 0;
    text-align: center;
    width: 300px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

#orange_overlay .help-block.policy {
    width: 350px;
    margin-left: -25px
}

#orange_overlay .tos-block {
    display: inline-block;
    color: white;
    font-size: 13px;
    margin-bottom: 12px;
    text-align: center;
    width: 300px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

#orange_overlay .tos-block input {
    margin-right: 5px
}

#orange_overlay .tos-block label.error {
    margin-top: -20px;
    width: 221px;
    white-space: normal
}

#orange_overlay .submit {
    color: #f38a1f;
    background: #ffd89e;
    background: -moz-linear-gradient(top, #ffd89e 0, #ffcf89 50%, #ffcf89 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd89e), color-stop(50%, #ffcf89), color-stop(100%, #ffcf89));
    background: -webkit-linear-gradient(top, #ffd89e 0, #ffcf89 50%, #ffcf89 100%);
    background: -o-linear-gradient(top, #ffd89e 0, #ffcf89 50%, #ffcf89 100%);
    background: -ms-linear-gradient(top, #ffd89e 0, #ffcf89 50%, #ffcf89 100%);
    background: linear-gradient(to bottom, #ffd89e 0, #ffcf89 50%, #ffcf89 100%);
    display: block;
    margin: 15px 0 12px 0;
    height: 40px;
    width: 300px;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    text-shadow: none !important
}

#orange_overlay .submit:hover {
    background: #ffdead
}

#orange_overlay .submit:active {
    background: #ffd28f
}

#orange_overlay .submit:hover {
    background-position: 0 !important
}

#orange_overlay .nav {
    margin: 12px;
    float: right
}

#orange_overlay .nav .nobutton {
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

#orange_overlay .nav .fakea {
    height: 26px;
    line-height: 26px;
    margin: 0 10px 0 0;
    padding: 0;
    text-decoration: underline
}

#orange_overlay .top_btn {
    height: 26px;
    width: 90px;
    margin-left: 5px;
    text-shadow: none;
    background-position: 0 !important
}

#orange_overlay .top_btn:hover {
    background-position: 0 !important
}

#orange_overlay #form_container,
#orange_overlay form {
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

#orange_overlay #forgot_password {
    text-decoration: underline
}

#orange_overlay .inner_container {
    position: relative;
    top: 10px;
    clear: both
}

#orange_overlay form {
    position: relative
}

#orange_overlay form.animate {
    left: 0 !important
}

#orange_overlay #form_container {
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    width: 300px;
    position: absolute
}

#orange_overlay #form_container a {
    text-decoration: underline
}

#orange_overlay #signup_form {
    left: -2000px;
    top: 0
}

#orange_overlay #login_form {
    left: 2000px;
    top: 0;
    position: absolute
}

#orange_overlay.animate {
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s
}

#orange_overlay.animate .logo {
    position: relative;
    left: 72px
}

#orange_overlay.animate .logo img {
    width: 156px;
    height: 65px
}

#orange_overlay.animate #form_container {
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -162px
}

#orange_overlay.animate #form_container .inputs {
    left: 0
}

#orange_overlay .col_left,
#orange_overlay .col_right {
    padding: 0;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 13px
}

#orange_overlay .col_left input[type="checkbox"],
#orange_overlay .col_right input[type="checkbox"],
#orange_overlay .col_left label,
#orange_overlay .col_right label {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle
}

#orange_overlay .col_left label,
#orange_overlay .col_right label {
    margin-left: 5px;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 13px
}

#orange_overlay .col_right {
    text-align: right
}

#orange_overlay .col_right label:hover {
    text-decoration: underline
}

#orange_overlay label.error {
    margin-top: -50px;
    left: 105%
}

* html #orange_overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    zoom: 1
}

* html #orange_overlay .signup_wrapper {
    height: 400px
}

label.error {
    position: absolute;
    white-space: pre;
    color: #666;
    background: #fff;
    border: 1px solid #be7135;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    padding: 7px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

label.error:before,
label.error:after {
    position: absolute;
    display: block;
    background: #fff;
    content: '';
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -o-transform: skewX(45deg);
    transform: skewX(45deg);
    display: none\9;
    top: 10px;
    left: -7px;
    border: 1px solid #be7135
}

label.error:before {
    height: 10px;
    width: 10px;
    z-index: -1;
    border: 1px solid #be7135
}

label.error:after {
    z-index: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-right: none;
    border-bottom: none;
    height: 11px;
    width: 11px
}

label.error.wrap_error {
    white-space: pre-wrap
}

.modal {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 4px solid #ccc;
    text-align: center;
    display: none;
    padding: 25px;
    color: #666
}

.modal h1 {
    font-family: DNRR, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 25px;
    color: #f38a1f;
    margin-bottom: 20px;
    text-shadow: none
}

.modal h1:lang(ru),
.modal h1:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

.modal h1:lang(ja),
.modal h1:lang(zh-cn),
.modal h1:lang(tw-cn),
.modal h1:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.modal h2 {
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #666;
    margin-bottom: 10px;
    text-align: center
}

* html .modal {
    position: absolute !important;
    filter: none !important
}

#signup_modal,
#forgot_modal {
    margin-left: -280px;
    margin-top: -100px
}

#signup_modal button,
#forgot_modal button {
    width: 150px;
    height: 32px;
    margin: 0 8px
}

#signup_modal label,
#forgot_modal label {
    margin-left: 10px
}

#signup_modal h1,
#forgot_modal h1 {
    margin-bottom: 10px
}

#signup_modal h2,
#forgot_modal h2 {
    margin-bototm: 20px
}

.drape {
    background-color: #edebe4;
    padding: 9px 0;
    border: 1px solid #cecebf;
    margin: 0 -10px;
    *zoom: 1;
    position: relative
}

.drape>.left,
.drape>.right {
    position: absolute;
    width: 10px;
    height: 7px;
    top: 100%
}

.drape>.left {
    background: url(images/drape_left_corner.png) no-repeat bottom left;
    left: -1px
}

.drape>.right {
    background: url(images/drape_right_corner.png) no-repeat bottom right;
    right: -1px
}

.drape .try_title {
    color: #555;
    font-size: 16px;
    vertical-align: middle;
    font-family: DNRR, Georgia, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 17px;
    margin-right: 10px
}

.drape .try_title:lang(ru),
.drape .try_title:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

.drape .try_title:lang(ja),
.drape .try_title:lang(zh-cn),
.drape .try_title:lang(tw-cn),
.drape .try_title:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.drape .input-xlarge {
    border: 1px solid #cecebf;
    padding: 0 10px;
    height: 34px;
    line-height: 34px\9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-right: 10px;
    -webkit-box-shadow: inset -5px 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset -5px 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: inset -5px 5px 5px -5px rgba(0, 0, 0, 0.1);
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px
}

.drape .input-xlarge:focus {
    outline: #b0b0a3
}

.drape button {
    height: 32px;
    min-width: 110px;
    width: 120px\9
}

.drape .disclaimer {
    display: none;
    font-family: DNRR, Georgia, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 13px;
    color: #777;
    padding-top: 10px;
    text-align: left;
    position: relative;
    left: 324px
}

.drape .disclaimer:lang(ru),
.drape .disclaimer:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

.drape .disclaimer:lang(ja),
.drape .disclaimer:lang(zh-cn),
.drape .disclaimer:lang(tw-cn),
.drape .disclaimer:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.drape .disclaimer a {
    text-decoration: underline
}

.drape form.expanded>.disclaimer {
    display: block
}

.drape label.error {
    display: inline-block;
    position: absolute;
    white-space: pre;
    color: #666;
    background: #fff;
    border: 1px solid #be7135;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    padding: 7px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-left: -280px;
    margin-top: -45px
}

.drape label.error:before,
.drape label.error:after {
    position: absolute;
    display: block;
    background: #fff;
    content: '';
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none\9;
    top: 27px;
    left: 15px;
    border: 1px solid #be7135
}

.drape label.error:before {
    height: 10px;
    width: 10px;
    z-index: -1;
    border: 1px solid #be7135
}

.drape label.error:after {
    z-index: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-left: none;
    height: 11px;
    width: 11px
}

* html .drape .left {
    display: none
}

* html .drape .right {
    display: none
}

* html .disclaimer {
    display: block !important
}

.navigation .left,
.navigation .right {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: middle;
    position: relative;
    z-index: 10;
    top: -2px
}

.nav_arrow {
    background: url("images/ui.png") top left no-repeat;
    cursor: pointer
}

.nav_arrow.big.right:active {
    width: 44px;
    height: 45px;
    background-position: -10px -10px
}

.nav_arrow.big.right {
    width: 44px;
    height: 45px;
    background-position: -10px -65px
}

.nav_arrow.big.left:active {
    width: 44px;
    height: 45px;
    background-position: -10px -120px
}

.nav_arrow.big.left {
    width: 44px;
    height: 45px;
    background-position: -10px -175px
}

.nav_arrow.right {
    width: 20px;
    height: 20px;
    background-position: -10px -230px
}

.nav_arrow.left {
    width: 20px;
    height: 20px;
    background-position: -10px -260px
}

.icon_header_note {
    margin-bottom: 40px;
    height: 80px;
    text-align: left
}

.icon_header_note span {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    max-width: 350px
}

.icon_header_note h4 {
    padding: 5px 0;
    font-family: DNRR, Georgia, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    color: #333
}

.icon_header_note h4:lang(ru),
.icon_header_note h4:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

.icon_header_note h4:lang(ja),
.icon_header_note h4:lang(zh-cn),
.icon_header_note h4:lang(tw-cn),
.icon_header_note h4:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.icon_header_note p {
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #666;
    line-height: 1.5
}

.icon_header_note .icon {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    float: left
}

.icon_header_note:last-child {
    margin-bottom: 0
}

.icon_note {
    margin: 20px 0 0 0
}

.icon_note img {
    margin-right: 10px
}

.icon_note img,
.icon_note h4 {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.icon_note h4 {
    font-family: DNRR, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    color: #666
}

.icon_note h4:lang(ru),
.icon_note h4:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

.icon_note h4:lang(ja),
.icon_note h4:lang(zh-cn),
.icon_note h4:lang(tw-cn),
.icon_note h4:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.all_plans {
    display: table;
    margin: 0 auto;
    border-spacing: 16px
}

.all_plans .plan_cell {
    display: table-cell;
    background: #f6f5f1;
    width: 205px;
    vertical-align: top;
    margin-right: 40px;
    border: 1px solid #eee;
    border-top: none;
    color: #666
}

.all_plans .plan_cell:last-child {
    margin-right: 0
}

.all_plans .plan {
    position: relative;
    padding-top: 10px\9
}

.all_plans .plan>em {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    top: -50px;
    left: 53px;
    -webkit-transform: rotate(135deg) matrix(3, 5, 5, 3, 1, 1) scale(.18);
    -moz-transform: rotate(135deg) matrix(3, 5, 5, 3, 1, 1) scale(.18);
    -o-transform: rotate(135deg) matrix(3, 5, 5, 3, 1, 1) scale(.18);
    transform: rotate(135deg) matrix(3, 5, 5, 3, 1, 1) scale(.18);
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    width: 100%\9;
    height: 20px\9;
    top: 0\9;
    left: 0\9;
    border: none\9
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .all_plans .plan>em {
        width: 100px;
        height: 100px;
        top: -50px;
        left: 53px;
        border-right: 1px solid #eee;
        border-top: 1px solid #eee
    }
}

.all_plans .plan .title {
    position: relative;
    padding: 0 0 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #77d1d7
}

.all_plans .plan .title b {
    font-family: DNRR, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    color: #fff;
    line-height: .9
}

.all_plans .plan .title b:lang(ru),
.all_plans .plan .title b:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

.all_plans .plan .title b:lang(ja),
.all_plans .plan .title b:lang(zh-cn),
.all_plans .plan .title b:lang(tw-cn),
.all_plans .plan .title b:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.all_plans .plan .title span {
    display: block;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    opacity: .2;
    margin-top: 5px
}

.all_plans .plan h2 {
    text-align: left;
    margin: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    color: #777;
    font-family: DNRR, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 35px
}

.all_plans .plan h2:lang(ru),
.all_plans .plan h2:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

.all_plans .plan h2:lang(ja),
.all_plans .plan h2:lang(zh-cn),
.all_plans .plan h2:lang(tw-cn),
.all_plans .plan h2:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.all_plans .plan h2 .billing_cycle {
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 11px;
    color: #999;
    width: 55px;
    margin-left: 15px;
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.all_plans .plan .features {
    text-align: left;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px
}

.all_plans .plan .features li {
    list-style: none;
    padding: 0 10px 8px;
    display: block
}

.all_plans .plan .features li .more_popup {
    float: right;
    *display: none
}

.all_plans .plan .features li .feature_list {
    display: inline-block
}

.all_plans .plan .summary {
    display: none;
    padding: 0 10px;
    text-align: left;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px
}

.all_plans .plan.summary .summary {
    display: block
}

.all_plans .plan.summary .features {
    display: none
}

.all_plans .plan.summary .title span {
    display: none
}

.all_plans .plan.summary .title {
    height: 30px
}

.all_plans .plan.lite .title,
.all_plans .plan.lite em {
    background: #77d1d7
}

.all_plans .plan.basic .title,
.all_plans .plan.basic em {
    background: #54b1c4
}

.all_plans .plan.basic .more_popup:before {
    color: #54b1c4
}

.all_plans .plan.basic li b {
    color: #54b1c4;
    font-weight: 600
}

.all_plans .plan.advanced.featured {
    -webkit-box-shadow: 0 0 0 5px #ddd;
    -moz-box-shadow: 0 0 0 5px #ddd;
    box-shadow: 0 0 0 5px #ddd
}

.all_plans .plan.advanced .title,
.all_plans .plan.advanced em {
    background: #ffba43
}

.all_plans .plan.advanced .more_popup:before {
    color: #ffba43
}

.all_plans .plan.advanced li b {
    color: #ffba43;
    font-weight: 600
}

.all_plans .plan.advanced.featured em:first-child {
    background-color: #eee;
    border: none;
    top: -57.5px;
    width: 105px;
    height: 105px;
    left: 49.5px;
    display: none\9
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .all_plans .plan.advanced.featured em:first-child {
        display: block
    }
}

.all_plans .plan.advanced.featured:before {
    display: block;
    position: absolute;
    z-index: 20;
    content: '';
    width: 66px;
    height: 66px;
    background: url(images/plans/plans_badge.png) no-repeat center center;
    right: -20px;
    top: -45px
}

.all_plans .plan.master .title,
.all_plans .plan.master em {
    background: #fbc44e
}

.all_plans .plan.master .more_popup:before {
    color: #fbc44e
}

.all_plans .plan.master li b {
    color: #fbc44e;
    font-weight: 600
}

.all_plans .plan.premium .title,
.all_plans .plan.premium em {
    background: #ff8636
}

.all_plans .plan.premium .more_popup:before {
    color: #ff8636
}

.all_plans .plan.premium li b {
    color: #ff8636;
    font-weight: 600
}

.all_plans .plan.selected {
    -webkit-box-shadow: 0 0 0 5px #eee;
    -moz-box-shadow: 0 0 0 5px #eee;
    box-shadow: 0 0 0 5px #eee
}

.all_plans .plan.selected em:first-child {
    background-color: #eee;
    border: none;
    top: -57.5px;
    width: 105px;
    height: 105px;
    left: 49.5px;
    display: none\9
}

.all_plans .plan.deselected h2,
.all_plans .plan.deselected .summary,
.all_plans .plan.deselected .billing_cycle {
    color: #ccc
}

.all_plans .plan.deselected.lite em,
.all_plans .plan.deselected.lite .title {
    background: #c9edef
}

.all_plans .plan.deselected.basic em,
.all_plans .plan.deselected.basic .title {
    background: #bbe0e8
}

.all_plans .plan.deselected.advanced em,
.all_plans .plan.deselected.advanced .title {
    background: #ffe4b4
}

.all_plans .plan.deselected.premium em,
.all_plans .plan.deselected.premium .title {
    background: #ffcfaf
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .all_plans .plan {
        padding-top: 0
    }
}

#dashboard_overview .css_table {
    border-spacing: 5px;
    margin: 0 auto
}

.more_popup {
    width: 18px;
    height: 18px;
    text-align: center;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 10px;
    background: #fbfbf9
}

.more_popup:before {
    content: '?'
}

.more_popup div {
    z-index: 500;
    position: relative;
    display: none
}

.more_popup div p {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 0 0 5px #ebebeb;
    -moz-box-shadow: 0 0 0 5px #ebebeb;
    box-shadow: 0 0 0 5px #ebebeb;
    text-align: left;
    width: 200px;
    left: 40px;
    top: -15px;
    border: 1px solid #bbb;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px;
    font-family: DNRR, Verdana, Geneva, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333
}

.more_popup div p:before,
.more_popup div p:after {
    display: block;
    position: absolute;
    top: 10px;
    left: -10px;
    height: 15px;
    width: 15px;
    -webkit-transform: skewX(45deg);
    -moz-transform: skewX(45deg);
    -o-transform: skewX(45deg);
    transform: skewX(45deg);
    display: none\9;
    border: 1px solid #bbb;
    content: '';
    background: #fff
}

.more_popup div p:before {
    z-index: -1;
    -webkit-box-shadow: 0 0 0 5px #ebebeb;
    -moz-box-shadow: 0 0 0 5px #ebebeb;
    box-shadow: 0 0 0 5px #ebebeb
}

.more_popup div p:after {
    z-index: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-right: none;
    border-bottom: none;
    width: 16px;
    height: 16px
}

.more_popup:hover>div {
    display: block
}

.center_caption {
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: DNRR, Georgia, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 17px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.14);
    opacity: 70%
}

.center_caption:lang(ru),
.center_caption:lang(tr) {
    font-family: DNRR;
    font-weight: 500
}

.center_caption:lang(ja),
.center_caption:lang(zh-cn),
.center_caption:lang(tw-cn),
.center_caption:lang(kr) {
    font-family: "MS PGothic", Osaka, Arial, sans-serif;
    font-weight: 300
}

.icon {
    background: url(images/icons_shared.png) top left no-repeat
}

.icon_cross {
    background: url(images/account/icon-cross.png) top left no-repeat;
    width: 12px;
    height: 12px
}

.icon_ssl {
    width: 48px;
    height: 48px;
    background-position: -10px -10px
}

.icon_inter {
    width: 48px;
    height: 48px;
    background-position: -10px -68px
}

.icon_grouping {
    width: 48px;
    height: 48px;
    background-position: -10px -126px
}

.icon_sla {
    width: 48px;
    height: 48px;
    background-position: -10px -184px
}

.icon_form {
    width: 48px;
    height: 48px;
    background-position: -10px -242px
}

.icon_departments {
    width: 48px;
    height: 48px;
    background-position: -10px -300px
}

.icon_support {
    width: 48px;
    height: 48px;
    background-position: -10px -358px
}

.icon_manager {
    width: 48px;
    height: 48px;
    background-position: -10px -416px
}

.icon_integrate {
    width: 48px;
    height: 48px;
    background-position: -10px -474px
}

.icon_transcript {
    width: 48px;
    height: 48px;
    background-position: -10px -532px
}

.icon_info {
    width: 48px;
    height: 48px;
    background-position: -10px -590px
}

.icon_api {
    width: 48px;
    height: 48px;
    background-position: -10px -648px
}

.icon_offline {
    width: 48px;
    height: 48px;
    background-position: -10px -706px
}

.icon_triggers {
    width: 48px;
    height: 48px;
    background-position: -10px -764px
}

.icon_chat {
    width: 48px;
    height: 48px;
    background-position: -10px -822px
}

.icon_setup {
    width: 48px;
    height: 48px;
    background-position: -10px -880px
}

.icon_analytics {
    width: 48px;
    height: 48px;
    background-position: -10px -938px
}

.icon_custom {
    width: 48px;
    height: 48px;
    background-position: -10px -996px
}

.icon_weekly {
    width: 48px;
    height: 48px;
    background-position: -10px -1054px
}

.icon_html5 {
    width: 48px;
    height: 48px;
    background-position: -10px -1112px
}

.icon_viz {
    width: 48px;
    height: 48px;
    background-position: -10px -1170px
}

.icon_shortcuts {
    width: 48px;
    height: 48px;
    background-position: -10px -1228px
}

.icon_premium {
    width: 48px;
    height: 48px;
    background-position: -10px -1286px
}

.icon_interface {
    width: 48px;
    height: 48px;
    background-position: -10px -1344px
}

.icon_ban {
    width: 48px;
    height: 48px;
    background-position: -10px -1402px
}

.icon_email {
    width: 48px;
    height: 48px;
    background-position: -10px -1460px
}

.icon_devices {
    width: 48px;
    height: 48px;
    background-position: -10px -1518px
}

.icon_webpath {
    width: 48px;
    height: 48px;
    background-position: -10px -1576px
}

.icon_im {
    width: 48px;
    height: 48px;
    background-position: -10px -1634px
}

.icon_greeting {
    width: 48px;
    height: 48px;
    background-position: -10px -1692px
}

.icon_translate {
    width: 48px;
    height: 48px;
    background-position: -10px -1750px
}

.icon_setup_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -1808px
}

.icon_sla_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -1850px
}

.icon_api_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -1892px
}

.icon_translate_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -1934px
}

.icon_devices_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -1976px
}

.icon_premium_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2018px
}

.icon_weekly_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2060px
}

.icon_response_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2102px
}

.icon_ssl_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2144px
}

.icon_form_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2186px
}

.icon_integrate_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2228px
}

.icon_offline_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2270px
}

.icon_greeting_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2312px
}

.icon_email_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2354px
}

.icon_shortcuts_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2396px
}

.icon_custom_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2438px
}

.icon_hours_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2480px
}

.icon_html5_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2522px
}

.icon_interface_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2564px
}

.icon_webpath_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2606px
}

.icon_chat_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2648px
}

.icon_info_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2690px
}

.icon_support_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2732px
}

.icon_grouping_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2774px
}

.icon_honest_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2816px
}

.icon_analytics_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2858px
}

.icon_viz_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2900px
}

.icon_ban_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2942px
}

.icon_im_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -2984px
}

.icon_triggers_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -3026px
}

.icon_transcript_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -3068px
}

.icon_departments_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -3110px
}

.icon_inter_32 {
    width: 32px;
    height: 32px;
    background-position: -10px -3152px
}

.icon_manager_32 {
    width: 32px;
    height: 31px;
    background-position: -10px -3194px
}

.icon_features {
    width: 32px;
    height: 32px;
    background: url(images/icons_features.png) top left no-repeat
}

.icon_features_chat {
    background-position: -50px -94px
}

.icon_features_triggers {
    background-position: 0 -94px
}

.icon_features_departments {
    background-position: -50px -47px
}

.icon_features_widget_customization {
    background-position: 0 -47px
}

.icon_features_agent_reports {
    background-position: -50px -188px
}

.icon_features_operating_hours {
    background-position: 0 -235px
}

.icon_features_monitoring {
    background-position: 0 -188px
}

.icon_features_rest_api {
    background-position: 0 -141px
}

.icon_features_email_reports {
    background-position: -50px 0
}

.icon_features_chat_reports {
    background-position: -50px -141px
}

.icon_features_unbranding {
    background-position: 0 0
}

.icon_features_high_load {
    background-position: 0 -286px
}

.icon_features_ip_restriction {
    background-position: -50px -286px
}

.icon_features_support {
    background-position: -50px -235px
}