.commenton .clearfix::after, .cn_clearfix::after {content:'';display:block;clear:both;}
.cn_animate {-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;-moz-transition-duration:0.5s;transition-duration:0.5s;}
.commenton textarea, .commenton input[type="text"], .commenton input[type="number"], .commenton input[type="email"] {line-height:normal;box-shadow:none;margin:0 0 -0.25em 0;padding:0;display:inline-block;background:none;height:auto;text-align:left;width:100%;box-sizing:border-box;}
.commenton label {line-height:normal;margin:0;display:inline;font-size:14px;}
.commenton hr {margin:14px 0 16px;border:0;border-top:1px dashed #c5cdd1;height:0;}
.commenton_block {font-family:Tahoma,Verdana,Arial,sans-serif;line-height:normal;font-size:14px;color:#444;}
.cn_head {padding:12px 15px 0;}
.cn_count_box {float:left;font-size:16px;}
.cn_author {float:right;}
.cn_author_name {display:inline-block;font-size:16px;cursor:pointer;max-width:320px;white-space:nowrap;overflow:hidden;vertical-align:sub;text-overflow:ellipsis;}
.cn_menu_author_block {width:0;height:0;margin:-6px 3px;border-left:transparent solid 5px;border-top:#9d9d9d solid 8px;border-right:transparent solid 5px;border-bottom:transparent solid 8px;display:inline-block;position:relative;}
.cn_menu_author_box {position:absolute;top:6px;right:0;background:#d2e4e9;border:0;padding:6px 20px;font-size:14px;cursor:default;display:none;z-index:9999;}
.cn_menu_point {margin:6px 0;display:inline-block;color:#444;cursor:pointer;white-space:nowrap;}
.cn_author:hover .cn_menu_author_box {display:block;}
.cn_sort {font-size:14px;position:relative;float:right;cursor:default;}
.cn_sort_block {width:0;height:0;margin:-6px 3px;border-left:transparent solid 3px;border-top:#9d9d9d solid 6px;border-right:transparent solid 3px;border-bottom:transparent solid 6px;display:inline-block;position:relative;}
.cn_sort_box {width:110px;position:absolute;right:0;background:#d2e4e9;padding:8px 15px;margin-top:4px;border:0;display:none;box-sizing:content-box;z-index:9998;box-shadow: 0 3px 10px rgba(30,70,80,.10);}
.cn_sort_point {margin:6px 0;display:inline-block;color:#444;cursor:pointer;}
.cn_sort:hover .cn_sort_box {display:block;}
.cn_enter_text_block {margin:18px 15px 0;}
.cn_author_avatar {width:58px;height:58px;line-height:58px;background:url(../img/no_avatar.jpg) center / contain no-repeat;float:left;text-align:center;text-transform:uppercase;font-size:26px;color:#FFF;border-radius:50%;overflow:hidden;}
.cn_enter_text_box {margin:0 0 0 70px;}
.cn_enter_answer_box, .cn_enter_update_box, .cn_enter_complain_box {margin:5px 0 5px 55px;}
.cn_enter_text_panel {margin:0;height:auto;min-height:58px;padding:17px 16px;box-sizing:border-box;background:#fff;border:0;border-radius:12px;box-shadow:0 5px 18px rgba(30,55,70,.11);}
.cn_enter_answer_panel, .cn_complain_input_panel, .cn_update_input_panel {margin:5px 0 5px 0;height:auto;padding:2px 0;border-bottom:#0c9ec8 solid 1px;}
.cn_complain_input_panel {margin-right:60px !important;}
.cn_enter_text_input {width:100%;height:24px;min-height:24px;line-height:24px;box-sizing:border-box;outline:none !important;border:none !important;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:14px;resize:none;display:block;overflow:hidden;color:#555;position:relative;top:3px;}
.cn_enter_answer_input, .cn_complain_input, .cn_update_input {width:100%;min-height:21px;box-sizing:border-box;outline:none !important;border:none !important;font-size:16px;resize:none;display:block;overflow:hidden;}
.cn_enter_text_submit, .cn_enter_answer_submit, .cn_complain_submit, .cn_update_submit, .cn_enter_text_submit_disabled, .cn_enter_answer_submit_disabled, .cn_complain_submit_disabled, .cn_update_submit_disabled {float:right;cursor:pointer;width:120px;padding:10px 0;outline:none;color:#fff;background:linear-gradient(145deg,#27bbc4 0%,#009daf 52%,#087f9e 100%);margin-top:8px;text-align:center;border-radius:22px;font-size:14px;}
.cn_authorize_guest_submit:hover, .cn_enter_text_submit:hover, .cn_enter_answer_submit:hover, .cn_complain_submit:hover, .cn_update_submit:hover {background:linear-gradient(145deg,#20aeb9 0%,#008fa3 52%,#076f8c 100%);}
.cn_authorize_box {width:100%;max-width:calc(100% - 30px);margin:20px auto 30px;}
.cn_authorize_box_show {opacity:1;visibility:unset;}
.cn_authorize_tittle {color:#444;padding-left:2px;margin:0 0 12px;text-align:left;font-size:14px;line-height:1.35;}
.cn_authorize_guest {display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.cn_authorize_guest .cn_authorize_tittle {width:100%;margin:0;}
.cn_authorize_guest .cn_guest_name_input {flex:1 1 auto;width:auto !important;min-width:0;}
.cn_social_button {width:40px;height:40px;display:inline-block;cursor:pointer;}
.cn_vk {background:url(../img/s_button.png) bottom left;}
.cn_ok {background:url(../img/s_button.png) bottom right;}
.cn_fb {background:url(../img/s_button.png) 80px top;}
.cn_g {background:url(../img/s_button.png) left top;}
.cn_mail {background:url(../img/s_button.png) -40px bottom;}
.cn_ya {background:url(../img/s_button.png) -80px bottom;}
.cn_tw {background:url(../img/s_button.png) -40px top;}
.cn_guest_name_input, .cn_guest_email_input {height:34px;padding:8px 14px !important;font-size:14px;margin:0 !important;border:1px solid rgba(190,210,216,.95) !important;border-radius:22px;box-sizing:border-box;color: #555;}
.cn_authorize_guest_submit {display:block;flex:0 0 120px;width:120px;padding:10px 0;margin:0;background:linear-gradient(145deg,#27bbc4 0%,#009daf 52%,#087f9e 100%);color:#fff;text-align:center;cursor:pointer;border-radius:22px;font-size:14px;}
.cn_comments_block {margin:40px 15px;}
.cn_comment_box {margin:25px 0;display:flow-root;}
.cn_comment_box:hover .cn_options {display:block;}
.cn_avatar_block {float:left;margin-right:10px;}
.cn_avatar {width:45px;height:45px;line-height:45px;text-align:center;text-transform:uppercase;font-size:24px;color:#FFF;position:relative;border-radius:50%;overflow:hidden;}
.cn_avatar::after {content:'';display:block;position:absolute;width:20px;height:20px;right:-5px;bottom:-5px;border-radius:20px;}
.cn_icon_vkauth::after {background:url(../img/s_icons.jpg) left top;}
.cn_icon_okauth::after {background:url(../img/s_icons.jpg) -20px top;}
.cn_icon_fbauth::after {background:url(../img/s_icons.jpg) -40px top;}
.cn_icon_gauth::after {background:url(../img/s_icons.jpg) -60px top;}
.cn_icon_mailauth::after {background:url(../img/s_icons.jpg) -80px top;}
.cn_icon_yaauth::after {background:url(../img/s_icons.jpg) -100px top;}
.cn_icon_twauth::after {background:url(../img/s_icons.jpg) -120px top;}
.cn_icon_guest::after {display:none;}
.cn_user_identify {display:inline-block;}
.cn_guest_identify, .cn_admin_identify, .cn_moder_identify {font-size:10px;text-align:center;color:#FFF;padding:0 4px;border-radius:2px;vertical-align:middle;}
.cn_guest_identify, .cn_moder_identify {background:#939ebd;}
.cn_admin_identify {background:#1999e6;}
.cn_comment {margin-left:55px;}
.cn_string_1 {position:relative;}
.cn_name {color:#121212;display:inline;font-weight:700;}
.cn_date {color:#939393;font-size:12px;display:inline;margin-left:6px;white-space:nowrap;}
.cn_options {position:absolute;right:0;top:4px;font-size:12px;display:none;background:#FFF;border-radius:50%;z-index:999;}
.cn_options_button {width:25px;height:25px;background:url("../img/options.png") center / cover;cursor:pointer;border:transparent solid 1px;opacity:0.4;}
.cn_options_button:hover, .cn_options_button_hover {border:#EEE solid 1px;opacity:1;}
.cn_options_box {background:#d2e4e9;padding:10px;border:0;position:absolute;top:26px;right:26px;cursor:default;display:none;}
.cn_item_options {padding:4px;color:#444;cursor:pointer;white-space:nowrap;text-decoration:none;display:block;}
.cn_item_options:hover {text-decoration:underline;}
.cn_string_2 {margin:10px 0;position:relative;}
.cn_name_quote {display:inline;color:#939393;text-decoration:underline;cursor:pointer;font-size:15px;}
.cn_text {display:block;word-wrap:break-word;}
.cn_text img, .cn_last_comments_content img {margin:1px 2px;vertical-align:middle;}
.cn_text img {max-width:100%;}
.cn_attach img {cursor:pointer;vertical-align:top;margin:1px 0;width:auto !important;}
.cn_share_block, .cn_answer_button, .cn_answer_button_disabled, .cn_delete_button {display:inline-block;color:#939393;font-size:13px;margin-right:8px;cursor:pointer;}
.cn_share_block:hover, .cn_answer_button:hover, .cn_answer_button_disabled:hover, .cn_delete_button:hover {color:#009daf;}
.cn_share_block {position:relative;}
.cn_share_block:hover .cn_share_box {display:block;}
.cn_share_box {width:170px;position:absolute;display:none;top:-3px;left:0;background:#FFF;padding:2px;z-index:99;}
.cn_share_box span {width:15px;height:15px;display:inline-block;margin:0 1px;opacity:0.3;border:#000 solid 1px;}
.cn_share_box span:hover {opacity:0.7;}
.cn_vk_share {background:url("../img/sh_icon.png") 133px top;}
.cn_ok_share {background:url("../img/sh_icon.png") 110px top;}
.cn_fb_share {background:url("../img/sh_icon.png") 91px top;}
.cn_g_share {background:url("../img/sh_icon.png") 71px top;}
.cn_mm_share {background:url("../img/sh_icon.png") 47px top;}
.cn_tw_share {background:url("../img/sh_icon.png") 22px top;}
.cn_like_box {display:inline-block;margin:0 8px;}
.cn_like_meter {display:inline-block;font-size:14px;}
.cn_like_cool {color:#00c89a;}
.cn_like_bad {color:red;}
.cn_like {background:url(../img/like.png) center / cover no-repeat;width:14px;height:14px;display:inline-block;margin:0 3px;opacity:0.2;cursor:pointer;}
.cn_dislike {background:url(../img/dislike.png) center / cover no-repeat;width:14px;height:14px;display:inline-block;margin:0 3px;opacity:0.2;cursor:pointer;}
.cn_like:hover, .cn_dislike:hover {opacity:0.5;}
.cn_more_comments {width:calc(100% - 30px);max-width:240px;margin:30px auto;padding:10px 14px;box-sizing:border-box;text-align:center;font-size:14px;color:#fff;cursor:pointer;background:linear-gradient(145deg,#27bbc4 0%,#009daf 52%,#087f9e 100%);border:0;border-radius:22px;box-shadow:0 3px 10px rgba(30,70,80,.10);transition:box-shadow .2s ease;}
.cn_more_comments:hover {background: linear-gradient(145deg,#20aeb9 0%,#008fa3 52%,#076f8c 100%);box-shadow:0 5px 14px rgba(30,70,80,.14);}
.cn_comments_answer_block {margin:10px 0 0 60px;}
.cn_hide_answer_button {display:none;}
.cn_answer_hidden {visibility:hidden;height:0;overflow:hidden;}
.cn_show_answer_button, .cn_hide_answer_button {color:#0b99d2;cursor:pointer;text-align:right;font-size:12px;text-transform:uppercase;}
.cn_screen_answer, .cn_screen_complain, .cn_screen_attach_image, .cn_screen_attach_video, .cn_screen_update, .cn_screen_authorize {position:fixed;background:rgba(0, 0, 0, 0.5);width:100%;height:100%;top:0;left:0;display:none;z-index:999999;}
.cn_answer_input_box, .cn_complain_box, .cn_update_box {background:#FFF;width:50%;min-width:600px;margin:5% auto;padding:20px;position:relative;}
.cn_answer_input_box_alternative {width:auto !important;min-width:auto !important;margin:20px auto 0 !important;}
.cn_answer_close, .cn_complain_close, .cn_attach_link_block_close, .cn_update_close, .cn_authorize_block_close {background:url(../img/close.png) center / cover no-repeat;width:20px;height:20px;position:absolute;top:14px;right:14px;cursor:pointer;}
.cn_answer_box_title, .cn_complain_box_title, .cn_update_box_title {font-size:20px;margin-bottom:10px;color:#2377a1;}
.cn_complain_input, .cn_update_input {margin:0 0 5px 0;}
.cn_length_string {font-size:14px;margin-top:-20px;float:right;color:#0d9ec8;}
.cn_answer_input_panel .cn_avatar {width:40px;height:40px;}
.cn_screen_delete_confirm {position:fixed;background:rgba(0, 0, 0, 0.5);width:100%;height:100%;top:0;left:0;display:none;z-index:999999;}
.cn_delete_confirm_block {height:170px;margin:-85px auto 0;padding:20px;top:50%;position:relative;text-align:center;}
.cn_delete_confirm_title {font-size:40px;color:#FFF;}
.cn_delete_confirm_submit, .cn_delete_confirm_cancel {display:inline-block;font-size:30px;margin:20px;padding:5px 20px;color:#FFF;border:#FFF solid 1px;cursor:pointer;}
.cn_delete_confirm_submit:hover, .cn_delete_confirm_cancel:hover {background:#FFF;color:#000;}
.cn_notice_error {color:red;font-size:14px;}
.cn_recaptcha {margin-top:5px;}
.cn_attach_panel, .cn_attach_panel_answer, .cn_attach_panel_update {margin:5px 0 0;display:none;max-height:114px;overflow:auto;}
.cn_attach_item, .cn_attach_item_edit {height:50px;margin:2px;}
.cn_attach_item_remove {display:none;}
.cn_video_attach {width:20px;height:16px;background:url("../img/video_icon.png") center / cover no-repeat;cursor:pointer;position:relative;display:inline-block;}
.cn_image_attach {width:20px;height:16px;background:url("../img/image_icon.png") center / cover no-repeat;cursor:pointer;position:relative;display:inline-block;}
.cn_image_attach:hover .cn_image_attach_box {display:block;}
.cn_image_attach_box {background:#FFF;border:#EEE solid 1px;font-size:14px;padding:10px 20px;cursor:default;left:20px;position:absolute;display:none;z-index:9999;}
.cn_image_attach_upload, .cn_image_attach_link {margin:4px 0 4px 20px;display:inline-block;cursor:pointer;position:relative;color:#0c9ec8;}
.cn_image_attach_upload::after {content:'';display:block;top:0;left:-20px;position:absolute;background:url("../img/upload_icon.png") center / cover;width:14px;height:14px;}
.cn_image_attach_link::after {content:'';display:block;top:0;left:-20px;position:absolute;background:url("../img/link_icon.png") center / cover;width:14px;height:14px;}
.cn_attach_link_block, .cn_attach_video_link_block {width:40%;padding:20px;background:#FFF;margin:15% auto;position:relative;}
.cn_attach_link_block form, .cn_attach_video_link_block form {margin:0;}
#cn_image_attach_link, #cn_video_attach_link {width:70%;font-size:14px;padding:5px;border:none;border-bottom:#0c9ec8 solid 1px;margin:8px;outline:none;}
.cn_image_attach_link_button, .cn_video_attach_link_button {display:inline-block;width:25px;height:15px;background:url("../img/enter.png") center / cover no-repeat;color:#0c9ec8;cursor:pointer;vertical-align:middle;}
.cn_image_attach_upload_hidden {display:none !important;}
.cn_screen_image_view, .cn_screen_video_view {position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);top:0;left:0;display:none;z-index:999999;cursor:pointer;}
.cn_image_view, .cn_video_view {text-align:center;cursor:default;}
.cn_screen_image_view::after, .cn_screen_video_view::after {content:'\00D7';position:absolute;top:0;right:0;width:50px;height:50px;color:rgba(255, 255, 255, 0.6);cursor:pointer;font-size:70px;font-family:Tahoma,Verdana,Arial,sans-serif;line-height:50px;text-align:center;}
.cn_video_preview {display:inline-block;position:relative;overflow:hidden;}
.cn_video_preview::before {content:'';position:absolute;width:50px;height:50px;background:url("../img/play_video.png") center / cover no-repeat;top:50%;left:50%;margin-left:-25px;margin-top:-25px;cursor:pointer;}
.cn_emoji_block {display:inline-block;position:relative;background:url("../img/emoji_icon.png") center / cover no-repeat;width:16px;height:16px;}
.cn_emoji_block:hover .cn_emoji_box {display:block;}
.cn_emoji_box {position:absolute;background:#fff;width:288px;margin-left:16px;padding:10px;border:#EEE solid 1px;z-index:99999;display:none;}
.cn_emoji_view {margin:2px;}
.cn_loading_block {width:20px;height:20px;margin:auto;}
.cn_loading_block_2 {width:15px;height:15px;display:inline-block;vertical-align:middle;}
.cn_loading {width:100%;height:100%;margin:auto;text-align:center;border:#0d82a4 solid 1px;border-right:transparent solid 1px;border-radius:50%;animation:animate .5s linear infinite;}
.cn_answer_more {color:#0b99d2;cursor:pointer;font-size:12px;}
.cn_block_notice_modal {position:fixed;bottom:0;left:-280px;width:280px;background:rgba(0, 0, 0, 0.7);overflow:hidden;z-index:9999999;}
.cn_notice_modal {padding:30px 20px;color:#fff;font-size:15px;text-align:center;position:relative;}
.cn_notice_modal_success::before {content:'';width:8px;height:8px;margin-top:5px;margin-left:-20px;background:#00cead;box-shadow:0 0 4px 2px #00cead;position:absolute;border-radius:50%;}
.cn_notice_modal_error::before {content:'';width:8px;height:8px;margin-top:5px;margin-left:-20px;background:#e90833;box-shadow:0 0 4px 2px #e90833;position:absolute;border-radius:50%;}
.cn_loaded_by_link {text-align:center;background:#0c9ec8;color:#FFF;padding:15px;display:none;}
.cn_loaded_by_link_end {text-align:center;font-size:25px;color:#0c9ec8;margin-bottom:20px;border-bottom:#0c9ec8 solid 2px;}
.cn_answer_deploy, .cn_answer_mini {width:20px;height:20px;position:absolute;top:10px;right:40px;cursor:pointer;}
.cn_answer_deploy {background:url("../img/deploy.png") 0 top;}
.cn_answer_mini {background:url("../img/deploy.png") 20px top;}
.cn_authorize_block {position:relative;margin:10% auto;width:440px;background:#FFF;padding:1px 40px;border-radius:12px;}
.cn_reply_box {cursor:pointer;display:inline-block;position:relative;}
.cn_reply_box::before {content:'';width:15px;height:15px;background:url("../img/reply.png") top / cover;display:inline-block;opacity:0.6;vertical-align:middle;}
.cn_reply_name {margin-left:2px;color:#939393;font-size:13px;}
.cn_popup_reply_box {position:relative;max-width:500px;}
.cn_popup_reply {min-width:400px;background:#FFF;position:absolute;right:10px;bottom:10px;border:#e8e8e8 solid 1px;z-index:9999;}
.cn_popup_reply::after, .cn_popup_reply::before {position:absolute;border:solid transparent;content:'';height:0;width:0;top:100%;left:50px;}
.cn_popup_reply::after {border-width:7px;margin:0 -5px;border-top-color:#fff;}
.cn_popup_reply::before {border-width:8px;margin:0 -6px;border-top-color:#e8e8e8;}
#cn_csrf_token {display:none;}
.cn_privacy_policy {margin:0.5rem 0 1rem;font-size:0.8rem;}
@media screen and (min-width:992px) and (max-width:1655px) {
    .commenton_block {font-size:13px;}
}
@media screen and (max-width: 660px) {
    .cn_answer_input_box, .cn_complain_box, .cn_update_box {width:90%;min-width:300px;}
}
@keyframes animate {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}