#T24Comments {
   margin-top: 20px;
   position: relative;
}

* {
  -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
   
.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

.cn_animate {
    -webkit-transition-duration: 3s;
    -o-transition-duration: 3s;
    -moz-transition-duration: 3s;
    transition-duration: 3s;
}
.comments_block {
	float: none;
    text-align: left;
    font-family: Helvetica,Arial,sans-serif;
	/* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
	position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    border: none 0;
    border-radius: 0;
    /* font-size: 12px;  */
    vertical-align: baseline;
    background: 0 0;
    color: #000;
    line-height: 1.167em;
    outline: 0;
    text-transform: none;
    text-decoration: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    min-height: 0;
    -webkit-overflow-scrolling: touch; 
}

.comments_block textarea, .comments_block input[type="text"], .comments_block input[type="number"], .comments_block 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;
	overflow: hidden;
    display: inline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 45px;
    width: 100%;
    background-color: #fff;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: 1px solid #e1e4e6;
    /* font-size: 14px; */
    padding: 12px 65px 18px 10px;
    resize: vertical;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -o-box-shadow: 0 0 1px rgba(0,0,0,.01),0 2px 1px rgba(0,0,0,.04);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.01),0 2px 1px rgba(0,0,0,.04);
    -khtml-box-shadow: 0 0 1px rgba(0,0,0,.01),0 2px 1px rgba(0,0,0,.04);
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.01), 0 2px 1px rgba(0,0,0,.04);
    box-shadow: 0 0 1px rgba(0,0,0,.01), 0 2px 1px rgba(0,0,0,.04);
    -webkit-transition-property: height;
    -moz-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
}


/* iphone */
@media screen and (max-width: 480px) {
   .comments_block textarea, .comments_block input[type="text"], .comments_block input[type="number"], .comments_block input[type="email"] {
       font-size: 12px;
    }
}

.comments_block textarea:focus {
    -o-box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
    -moz-box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
    -khtml-box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
    -webkit-box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
    box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
}
.comments_block textarea[active=true] {
    /* height: 80px; */
    min-height: 80px;
	/* max-height: 300px; */
    -o-box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
    -moz-box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
    -khtml-box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
    -webkit-box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
    box-shadow: 0 0 5px 3px rgba(95,151,216,.14);
}

 
.comments_block label {
    line-height: normal;
    margin: 0;
    display: inline;
    /* font-size: 14px; */
}

.comments_block hr {
    margin: 0.5em 0;
    border: 0;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #fff;
    height: 0;
}

.cn_block {
     font-family: Helvetica,Arial,sans-serif;
    /* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
	/* font-family: sans-serif;*/
	/* font-family: 'Helvetica Neue','Roboto',Helvetica,Arial,sans-serif;*/
    line-height: normal;
    font-size: 14px;
    color: #333;	
}

/* iphone */
@media screen and (max-width: 480px) {
   .cn_block {
    font-family: Helvetica,Arial,sans-serif;
	/* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
	line-height: normal;
    /*font-size: 13px;*/
    color: #333;	
    }
}
.comments_box {

}

.cn_head {

}

.cn_count_box {
    float: left;
    /* font-size: 18px;*/ 
	display: inline-block;
	margin-top: 6px;
}
.cn_count_box_badge {
   border-radius: 0;
    text-shadow: none;
    font-size: 11px;
    font-weight: normal;
    /* padding: 3px 5px 3px; */
    /* background-color: #2f899b;  */
     background-color: #777;
    /* background-color: #5cb85c; */
    display: inline;
    /* padding: .2em .6em .3em; */
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    padding: 5px;
     
}

.s1 {
	background-color: #2f899b!important;
}

.s2 {
	background-color: #5c75b8!important;	
}
.s3 {
	background-color: #777!important;
}

.birthdaysTodayUsersBox {
    /* border-radius: 0; */
    /* text-shadow: none; */
    /* font-size: 11px; */
    /* font-weight: normal; */
    /* padding: 3px 5px 3px; */
    /* background-color: #2f899b; */
    /* background-color: #777; */
    /* background-color: #5cb85c; */
    display: inline;
    /* padding: 0.2em 0.6em 0.3em; */
    /* font-size: 75%; */
    /* font-weight: 700; */
    line-height: 3;
    /* color: #fff; */
    /* text-align: center; */
    /* white-space: nowrap; */
    /* vertical-align: baseline; */
    padding-left: 3px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    margin-left: 13px;
}
.ratingLinkBox {
    display: inline;
    line-height: 3;
    /* padding-left: 3px; */
    /* padding-right: 5px; */
    /* padding-top: 5px; */
    /* padding-bottom: 5px; */
    /* cursor: pointer; */
    margin-left: 10px 
}
.cn_author {
   float: right;
    position: relative;
    right: 17px;	
	display: inline-block;
}

/* iphone */
@media screen and (max-width: 480px) {
  .cn_author {
   float: right;
    position: relative;
    right: 2px;	
	display: inline-block;
  }
}

.cn_author_name {
    display: inline-block;
    /* font-size: 18px; */
    cursor: pointer;
    max-width: 320px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: sub;
    text-overflow: ellipsis; 
	margin-top: 7px;
	color: #2e2d2d;
}

/* iphone */
@media screen and (max-width: 480px) {
  .cn_author_name {
    display: inline-block;
    /* font-size: 18px; */
    cursor: pointer;
    max-width: 110px; 
    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: 5px;
    right: 0;
    background: #FFF;
    border: #eeeeee solid 1px;
    padding: 15px 30px;
    /* font-size: 14px; */
    cursor: default;
    display: none;
    z-index: 9999;
}

.cn_menu_point {
    margin: 6px 0;
    display: inline-block;
    color: #0c8eb3;
    cursor: pointer;
    white-space: nowrap;
}

.cn_author:hover .cn_menu_author_box {
    display: block;
}

.cn_sort {
    /* font-size: 12px; */
    position: relative;
    /*
	float: right;
	*/
	float: left;
    cursor: default;
	/* right: 17px; */
	left: 3px; 
	top: 3px;
	display: inline-block;
}

.cn_sort_block {
    width: 0;
    height: 0;
    /* 
	margin: -6px 3px;
	*/
	margin-left: 5px;
    border-left: transparent solid 4px;
    border-top: #9d9d9d solid 6px;
    border-right: transparent solid 4px;
    border-bottom: transparent solid 6px;
    display: inline-block;
    position: relative;
}

.cn_sort_box {
    width: 120px;
    position: absolute;
    right: 10px;
    background: #FFF;
    padding: 8px 15px;
    margin-top: 3px;
    border: #eeeeee solid 1px;
    display: none;
    box-sizing: content-box;
    z-index: 9998;
	font-size: 13;
}

.cn_sort_point {
    margin: 6px 0;
    display: inline-block;
    color: #0c8eb3;
    cursor: pointer;
}
.cn_sort_point:hover {
	color: #f39c12;
}

.cn_sort:hover .cn_sort_box {
    display: block;
}

.cn_enter_main_block { 
    /* margin: 6px 16px; */
	margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 1px;
    margin-left: 15px;
}

/* iphone */ 
@media screen and (max-width: 480px) {
   .cn_enter_main_block {
      margin: 3px 4px;
    }
}

.cn_enter_main_box, .cn_enter_answer_box, .cn_enter_update_box, .cn_enter_complain_box, .cn_enter_warning_box {
    margin: 5px 0 5px 55px;
	position:relative;
	
}
/* iphone */
@media screen and (max-width: 480px) {
   .cn_enter_answer_box {
      margin: 5px 0 5px 5px;
   }
}

.cn_enter_main_panel, .cn_enter_answer_panel, .cn_complain_input_panel, .cn_warning_input_panel, .cn_update_input_panel, .cn_enter_edit_panel {
    margin: 5px 0 5px 0;
    /* height: auto; */
    padding: 2px 0;
    /* border-bottom: #0c9ec8 solid 1px; */
	/* border: #0c9ec8 solid 1px;*/ 
	
	position: relative;
}

.cn_complain_input_panel, .cn_warning_input_panel {
    margin-right: 10px !important;
}

/*
.cn_enter_text_input__, .cn_enter_main_input, .cn_enter_answer_input, .cn_enter_edit_input, .cn_complain_input,. cn_warning_input, .cn_update_input {
    width: 100%;
     box-sizing: border-box;  
    resize: none;
    display: block;
    overflow: hidden;
	height: 45px;
    width: 100%;
}
*/
.cn_main_submit, .cn_answer_submit, .cn_edit_submit, .cn_complain_submit, .cn_warning_submit {
    float: right;
    cursor: pointer;
    
    height: 30px;
    line-height: 30px; 
    margin-top: 5px;
    text-align: center;
    /* opacity: 0; */
    visibility: hidden;
	display: none;
	/*
	outline: #0d9ec8 solid 1px;
     color: #0d9ec8; 
	 */
	opacity: 1; 
	border-radius: 0;
    border: 0;
	font-weight: 400;
    font-size: 14px;	
	color: #ffffff;
	background-color: #5c5b5b; 
	transition: all .1s ease-in-out;
	
	/* width: 90px; */
	/*
	margin-left: 10px;
    margin-right: 10px;
	*/
    padding-left: 10px;
    padding-right: 10px;
	
}
.cn_main_submit:hover, .cn_answer_submit:hover, .cn_edit_submit:hover, .cn_complain_submit:hover, .cn_warning_submit:hover {
    /*
	outline: #00c6ff solid 1px;
    color: #ffffff;
	background: #0d9ec8;
	*/
	background-color: #00aff2;
    color: #fff;
   /* opacity: 0.9!important; */
   /*transform: translateY(-4px); */
	
}

.cn_main_submit:active , .cn_answer_submit:active, .cn_edit_submit:active, .cn_complain_submit:active, .cn_warning_submit:active {   
	background-color: #0695cc;
    color: #fff;
}
/* iphone */
@media screen and (max-width: 480px) {
   .cn_main_submit, .cn_answer_submit, .cn_edit_submit, .cn_complain_submit, .cn_warning_submit {
      /* float: none;*/
	}
	.cn_complain_submit, .cn_warning_submit {
      /* float: none;*/
	  margin-right: 10px!important; 
    }
}

.cn_authorize_box {
    width: 305px;
    margin: 20px auto;
}

.cn_authorize_social {

}

.cn_authorize_tittle {
    color: #000000;
    margin: 10px 0;
    text-align: center;
	font-family: Helvetica,Arial,sans-serif;
	/* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */	
}

.cn_social_button {
    width: 40px;
    height: 40px;
    display: inline-block;
	margin: 0 0 10px 10px;
}

/* iphone */ 
@media screen and (max-width: 480px) {
   .cn_social_button {
      width: 36px;
	  height: 40px;
    }
	.cn_social_button > svg {
      width: 40px;
      height: 40px;
    }
}
/* iphone se, x - 375 */
@media screen and (max-width: 380px) {
    .cn_social_button {
      width: 28px;
	  height: 40px;
    }
	.cn_social_button > svg {
      width: 38px;
      height: 40px;
    }
}

.cn_vk {
    background: url(../img/social_button.png) bottom left;
}

.cn_ok {
    background: url(../img/social_button.png) bottom right;
}

.cn_fb {
    background: url(../img/social_button.png) 80px top;
}

.cn_g {
    background: url(../img/social_button.png) left top;
}

.cn_mail {
    background: url(../img/social_button.png) -40px bottom;
}

.cn_ya {
    background: url(../img/social_button.png) -80px bottom;
}

.cn_tw {
    background: url(../img/social_button.png) -40px top;
}

.cn_authorize_guest {
	margin-top: 10px;

}
.cn_authorize_title {
	color: #747373;
}

.cn_guest_name_input, .cn_guest_email_input {
    padding: 8px !important;
    /* font-size: 18px; */
    margin: 5px 0 !important;
    border: #ccc solid 1px !important;
}

.cn_authorize_guest_submit {
    width: 100px;
    padding: 10px 0;
    margin: 5px 0;
    background: #0c9ec8;
    color: #FFF;
    text-align: center;
    cursor: pointer;
}

.cn_notification_header {
	 
	
} 
.cn_notification_body {
	margin-top: 20px;
	margin-bottom: 30px;
	font-family: Helvetica,Arial,sans-serif;
} 
.cn_notification_content {
	/* text-align: center;	*/
	text-align: left;
} 
.cn_notification_footer {
	font-family: Helvetica,Arial,sans-serif;
	margin: 0 auto;
} 
.cn_notification_tittle {
    text-align: center;
	font-family: Helvetica,Arial,sans-serif;
	color: red; 
	font-family: Helvetica,Arial,sans-serif;
	font-size: 22px; 
}


.cn_notification_submit {
	margin: 0 auto;
   /* float: right; */
    cursor: pointer;
    width: 90px;
    height: 30px;
    line-height: 30px; 
    margin-top: 5px;
    text-align: center; 
    /*
	visibility: hidden;
	display: none; 
	*/
	opacity: 1; 
	border-radius: 0;
    border: 0;
	font-weight: 400;
    font-size: 14px;	
	color: #ffffff;
	background-color: #5c5b5b; 
	transition: all .1s ease-in-out;
}
 
.cn_notification_submit:hover { 
	background-color: #00aff2;
    color: #fff; 
}

.cn_notification_submit:active  {   
	background-color: #0695cc;
    color: #fff;
}

/* iphone */
@media screen and (max-width: 480px) {
   .cn_notification_submit {
       float: none;
    }
}












.cn_comments_block {
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
} 


/* iphone */ 
@media screen and (max-width: 480px) {
   .cn_comments_block {
      margin-top: 10px;
     margin-right: 1px;
     margin-bottom: 10px;
     margin-left: 1px;
    }
}

.cn_comment_box {
    margin: 10px 0;
    padding: 5px 10px 0px 10px;
    border-left: transparent solid 4px;
}

.cn_comment_box:hover .cn_options {
    /*display: block; */
	display: inline-block;
}
.cn_more_options {
	display: inline-block;
	position: relative;
}

/* iphone */ 
@media screen and (max-width: 480px) {
   .cn_comment_box {
      margin: 10px 0;
      padding: 5px 5px 0px 0px; 
      border-left: transparent solid 4px;
    }
}

.cn_avatar_block {
    float: left;
	
    /*
	position: relative; 
	position: absolute;
	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;
	float: left; 
	/* cursor: pointer; */
    margin: 0;
    padding: 0;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -o-box-shadow: 0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
    -khtml-box-shadow: 0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 0 2px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.1);
	opacity: 1;
	
}

.cn_avatar::after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: -5px;
    bottom: -5px;
    border-radius: 5px;
}

.cn_avatar_block_online::after { 
    --size: 8px;
    --stroke: 1px;
    content: '';
    width: var(--size);
    height: var(--size);
    background-color: #07a23b;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 var(--stroke) #fff;
    box-shadow: 0 0 0 var(--stroke) #fff;
    margin-top: auto;
    margin-left: auto;
	position: absolute;
    right: 0px;
    bottom: 4px;
	 opacity: 1;
	z-index: 2;
	
	 -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2s; /* Firefox < 16 */
     -ms-animation: fadein 2s; /* Internet Explorer */
     -o-animation: fadein 2s; /* Opera < 12.1 */
      animation: fadein 2s;
 
} 
.online::after { 
    --size: 7px;
    --stroke: 1px;
    content: '';
    width: var(--size);
    height: var(--size);
    background-color: #38d200cf;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 var(--stroke) #fff;
    box-shadow: 0 0 0 var(--stroke) #fff;
    margin-top: auto;
    margin-left: auto;
	position: absolute;
    right: 2px;
    bottom: 5px;
	opacity: 1;
	z-index: 2;
	
	 -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2s; /* Firefox < 16 */
     -ms-animation: fadein 2s; /* Internet Explorer */
     -o-animation: fadein 2s; /* Opera < 12.1 */
      animation: fadein 2s;
 
} 

.cn_user_star_on_avatar_ {
    /* content: '1'; */
    width: 7px;
    height: 7px;
    /* background-color: #38d200cf; */
    /* border-radius: 50%; */
    /* -webkit-box-shadow: 0 0 0 1px #fff; */
    /* box-shadow: 0 0 0 1px #fff; */
    /* margin-top: auto; */
    /* margin-left: auto; */
    position: absolute;
    right: 13px;
    bottom: 28px;
    opacity: 1;
    z-index: 2;
	
}

.cn_user_star_on_avatar {
    /* content: '1'; */
    width: 7px;
    height: 7px;
    /* background-color: #38d200cf; */
    /* border-radius: 50%; */
    /* -webkit-box-shadow: 0 0 0 1px #fff; */
    /* box-shadow: 0 0 0 1px #fff; */
    /* margin-top: auto; */
    /* margin-left: auto; */
    position: relative;
    right: 13px;
    bottom: -28px;
    opacity: 1;
    z-index: 2;
	float: inherit;
}

.online_marker_left::after { 
    
	right: 40px;
    bottom: -1px;
	opacity: 0;
	
	/*
	right: -3px;
    bottom: 39px;
	*/
 
}

.cn_avatar_offline::after {  
    --size: 8px;
    --stroke: 1px;
    content: '';
    width: var(--size);
    height: var(--size);
    background-color: #07a23b;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 var(--stroke) #fff;
    box-shadow: 0 0 0 var(--stroke) #fff;
    margin-top: auto;
    margin-left: auto;
	position: absolute;
    right: 0px;
    bottom: 4px;
	opacity: 0;
	 
	 -webkit-animation: fadeOut 2s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadeOut 2s; /* Firefox < 16 */
     -ms-animation: fadeOut 2s; /* Internet Explorer */
     -o-animation: fadeOut 2s; /* Opera < 12.1 */
      animation: fadeOut 2s;
      
	 
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



@keyframes fadein {
    from { fadeOut: 1; }
    to   { fadeOut: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { fadeOut: 1; }
    to   { fadeOut: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { fadeOut: 1; }
    to   { fadeOut: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { fadeOut: 1; }
    to   { fadeOut: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { fadeOut: 1; }
    to   { fadeOut: 0; }
}
 
.cn_avatar_muted {
   opacity: 0.4;
}
.cn_avatar_banned {
   opacity: 0.2;
}

.cn_author_avatar {
    width: 45px;
    height: 45px;
    line-height: 45px;
    /* background: url(../img/no_avatar.jpg) center no-repeat; */
    background: url(../img/no_avatar.png) center no-repeat;
    background-size: contain;
    float: left;
    text-align: center;
    text-transform: uppercase;
    /* font-size: 24px; */
    color: #FFF;
	margin: 0;
    padding: 0;
	
	float: left;
	cursor: pointer;
    margin: 0;
    padding: 0;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -o-box-shadow: 0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
    -khtml-box-shadow: 0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 0 2px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.1);
	
}

/* iphone */
@media screen and (max-width: 480px) {
   .cn_answer_input_box > .cn_author_avatar {
       display: none;  
    }
}

.cn_icon_vkauth::after {
    background: url(../img/social_button2.png) left bottom;
    background-size: 100px 40px;
}

.cn_icon_okauth::after {
    background: url(../img/social_button2.png) right bottom;
    background-size: 100px 40px;
}

.cn_icon_fbauth::after {
    background: url(../img/social_button2.png) 40px top;
    background-size: 100px 40px;
}

.cn_icon_gauth::after {
    background: url(../img/social_button2.png) left top;
    background-size: 100px 40px;
}

.cn_icon_mailauth::after {
    background: url(../img/social_button2.png) 80px bottom;
    background-size: 100px 40px;
}

.cn_icon_yaauth::after {
    background: url(../img/social_button2.png) 60px bottom;
    background-size: 100px 40px;
}

.cn_icon_twauth::after {
    background: url(../img/social_button2.png) 80px top;
    background-size: 100px 40px;
}
 
.cn_icon_rang_admin::after { 
    right: -8px; 
    background-image: url(../img/ratings/a-admin.png);
    width: 23px;
    height: 26px;
}

.cn_icon_rang_top::after {  
	/*
	right: -9px;
	bottom: -4px;
    background-image: url(../img/ratings/top-one-cup-38x38.png);
    width: 20px;
    height: 20px;
    background-size: cover;
    border-radius: 0px;
	*/
	right: -14px;
    bottom: -2px;
    background-image: url(../img/ratings/top-one-cup-44x44.png);
    width: 28px;
    height: 28px;
    background-size: cover;
    border-radius: 0px;
	
}
.cn_icon_rang_info::after { 
    right: -8px; 
    background-image: url(../img/ratings/i-info.png);
    width: 23px;
    height: 26px;
}
.cn_icon_rang_moderator::after {
    right: -8px; 
    background-image: url(../img/ratings/m-moderator.png);
    width: 23px;
    height: 26px;
}
.cn_icon_rang_moderator_pink::after {
    right: -8px; 
    background-image: url(../img/ratings/m-moderator-pink.png);
    width: 23px;
    height: 26px;
}

.cn_icon_rang_slash::after {
    right: -8px; 
    background-image: url(../img/ratings/s-slash.png);  
    width: 23px;
    height: 26px;
}
.cn_icon_rang_expert::after {  
    right: -8px; 
    background-image: url(../img/ratings/logo.38x38.png);
    width: 20px;
    height: 20px; 
	background-size: cover;
    border-radius: 0px;
} 
.cn_guest_identify, .cn_admin_identify {
    /* font-size: 10px; */
    text-align: center;
    color: #FFF;
	
}
.cn_icon_23_feb_star::after {
    content: "";
    position: absolute;
    top: 27px;
    left: 33px;
    background-image: url(../img/ratings/23-feb-48x48-logo.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    background-size: cover;
	z-index: 3;
} 
.cn_icon_23_feb_star:hover:after {
    -moz-animation: spinHorizontal .8s 1 linear;
    -o-animation: spinHorizontal .8s 1 linear;
    -webkit-animation: spinHorizontal .8s 1 linear;
    animation: spinHorizontal .8s 1 linear;
}
@keyframes spinHorizontal {
    0% { transform: rotateY(0deg); }
    100% { transform: rotateY(360deg); }
}

.cn_icon_8_mart_flowers::after {
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    background-size: cover;
	transform: rotate(15deg);
	background-image: url(../img/ratings/8-mart-48x48-logo.png);
	z-index: 3;
} 
.cn_icon_8_mart_flowers-0:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-0.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-1:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-1.png); 
	z-index: 3;
}  
.cn_icon_8_mart_flowers-2:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-2.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-3:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-3.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-4:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-4.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-5:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-5.png); 
	z-index: 3;
}   
.cn_icon_8_mart_flowers-6:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-6.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-7:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-7.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-8:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-8.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-9:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-9.png); 
	z-index: 3;
}

.cn_icon_8_mart_flowers-10:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-10.png); 
	z-index: 3;
}

.cn_icon_8_mart_flowers-11:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-11.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-12:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-12.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-13:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-13.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-14:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-14.png); 
	z-index: 3;
}
.cn_icon_8_mart_flowers-15:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-8-mart-48x48-15.png); 
	z-index: 3;
}

.cn_icon_gift_1:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-gift-48x48-1.png); 
	z-index: 3;
}
.cn_icon_gift_2:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-gift-48x48-2.png); 
	z-index: 3;
}
.cn_icon_gift_3:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-gift-48x48-3.png); 
	z-index: 3;
}
.cn_icon_gift_4:after { 
    content: "";
    position: absolute;
    bottom: -7px;
    right: -12px;
    background-repeat: no-repeat;
    width: 34px;
    height: 34px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-gift-48x48-4.png); 
	z-index: 3;
}
.cn_icon_gift_cat:after {  
    content: "";
    position: absolute;
    bottom: -9px;
    right: 14px;
    background-repeat: no-repeat;
    width: 74px;
    height: 86px;
    background-size: cover;
    background-image: url(https://track24.ru/img/cat-with-pink-baloon.png);
    transform: scale(-1, 1); 
	z-index: 3;
}
.cn_icon_gift_fox:after {  
    content: "";
    position: absolute;
    bottom: 43px;
    right: -11px; 
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-fox-48x48-1.png);
    transform: scale(-1, 1);
    z-index: 3;
} 
.cn_icon_gift_rabbit:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 40px;
    background-repeat: no-repeat;
    width: 35px;
    height: 53px;
    background-size: cover;
    background-image: url(../img/achievements/achievement-rabbit-48x69-3.png);
    transform: scale(-1, 1);
    z-index: 13;
}


.cn_icon_ny_red_cap::after {
    content: "";
    position: absolute;
    top: -29px;
    left: -29px;
    background-image: url(../img/ratings/ny_red_cap.png);
    background-repeat: no-repeat;
    width: 76px;
    height: 53px;
    background-size: cover;
    transform: rotate(-20deg);
}
.cn_icon_ny_blue_cap::after {
    content: "";
    position: absolute;
    top: -29px;
    left: -29px;
    background-image: url(../img/ratings/ny_blue_cap-2.png);
    background-repeat: no-repeat;
    width: 76px;
    height: 53px;
    background-size: cover;
    transform: rotate(-20deg);
}

.cn_icon_ny_red_cap_not_expert::after {
    content: "";
    position: absolute;
    top: -19px;
    left: -30px;
    background-image: url(../img/ratings/ny_red_cap.png);
    background-repeat: no-repeat;
    width: 76px;
    height: 53px;
    background-size: cover;
    transform: rotate(-20deg);
}
.cn_icon_ny_blue_cap_not_expert::after {
    content: "";
    position: absolute;
    top: -19px;
    left: -30px;
    background-image: url(../img/ratings/ny_blue_cap-2.png);
    background-repeat: no-repeat;
    width: 76px;
    height: 53px;
    background-size: cover;
    transform: rotate(-20deg);
}

.cn_icon_ny_girl::after {
    content: "";
    position: absolute;
    top: -30px;
    left: -14px;
    background-image: url(../img/ratings/ny_snow_girl_cap_in_avatar_1.png);
    background-repeat: no-repeat;
    width: 68px;
    height: 47px;
    background-size: cover;
    transform: rotate(-10deg);
}

.cn_icon_crown::after {
    content: "";
    position: absolute;
    top: -26px;
    left: -13px;
    background-image: url(../img/ratings/ny_crown_1.png);
    background-repeat: no-repeat;
    width: 59px;
    height: 34px;
    background-size: cover;
    transform: rotate(-10deg);
}
.snowflake_icon_in_avatar {
	position: relative;
    right: 4px;
    bottom: 4px;
}
.cn_guest_identify {
    background: #bf2743;
}

.cn_admin_identify {
    background: #1999e6;
    line-height: 22px;
    font-size: 10px;
    border: 0px solid red;
    height: 22px;
    position: relative;
    top: 46px;
    width: 45px;
}
.cn_icon_rang_married::after {  
    right: -8px; 
    background-image: url(../img/ratings/achievement-married-38x38-1.png);
    width: 20px;
    height: 20px; 
	background-size: cover;
    border-radius: 0px;
} 
.cn_comment {
    margin-left: 55px;
}
.cn_blured_comment {
    opacity: 0.3;
    filter: blur(3px);
    transition: filter .2s linear;
	pointer-events: none;
} 

 .cn_blured_comment {
	 .image-popup-no-margins {
	   filter: blur(18px);
	 }
 } 
 /*
 .cn_hidden_comment {
	 .cn_avatar_block, .cn_nickname, .icon_nickname_quote, .cn_nickname_quote , .cn_date, .cn_string_2, .cn_string_3  {
		 opacity: 0.3;
		 filter: blur(5px);
	     pointer-events: none;		 
	  }
	 
	 .image-popup-no-margins {
		display: none;
	 }
 }
 
 .cn_hidden_comment { 
	 .image-popup-no-margins {
		display: none;
	 }
 }
*/
.cn_hidden_comment .cn_avatar_block, .cn_hidden_comment .cn_nickname, .cn_hidden_comment .icon_nickname_quote, .cn_hidden_comment .cn_nickname_quote, .cn_hidden_comment .cn_date, .cn_hidden_comment .cn_string_2, .cn_hidden_comment .cn_string_3  {
	opacity: 0.3;
	filter: blur(5px);
	pointer-events: none;		 
	 
 }
 
.cn_hidden_comment .image-popup-no-margins {
     display: none; 
}
.cn_hidden_comment .cn_avatar   {
    /* background: url(//comments.track24.ru/img/no_avatar.png) center no-repeat!important;	 */
}


.cn_string_1 {
    position: relative;
	max-height: 18px;
}

/* iphone */
@media screen and (max-width: 480px) {
   .cn_string_1 {
       max-height: 50px;
    }
}


.cn_string_3 {
  padding-top: 3px;
}

/* iphone */
@media screen and (max-width: 480px) {
   .cn_string_1 {
      /* padding-top: 10px; */
    }
}

.cn_name {
	 
}

.cn_nickname {
	display:inline-block;
  line-height: 1.2em;
  font-size: 13px; 
   /* display: inline; */
   position: relative; 
    color: #3a609b; 
	/* float: left; */
    margin-right: 5px;
}

/* iphone */
@media screen and (max-width: 480px) {
   .cn_nickname {
      font-size: 11px;   
	  /*display: inline;*/
	  display: inline-block;
      position: relative;
      color: #3a609b; 
	  font-size: 13px;
	 
	  max-width: 210px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
	  /* margin-top: -12px; */
	 
    }
	.cn_nickname_quote {	
	margin-bottom: 2px;
    line-height: 1.2em;	
	/* display: inline; */
	display:inline-block; 
    color: #939393;
    
    cursor: pointer;
    /*
	text-decoration: underline;
	font-size: 15px;
	*/ 
    
	font-family: Helvetica,Arial,sans-serif;
	/* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
	  font-size: 10px; 
	/* font-size: 7pt;	*/
    color: #a3a3a3;
    margin-left:  3px;
	margin-right: 3px;
    cursor: pointer;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
	
	
	  max-width: 150px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
	}
	
	
}
.cn_nickname > a {
	text-decoration: none;
    color: #3a609b;
    border-bottom: 1px dotted;
}
.cn_nickname > a:hover {
	text-decoration: none;
    color: #233f6b;
    border-bottom: 0px dotted;
}
.cn_nickname_quote_and_date_time {
	/* float: left; */
	line-height: 1.2em;
}
.icon_nickname_quote {
	margin-left: 2px;
	margin-right: 1px;
	margin-bottom: -1px;
}
/* iphone */
@media screen and (max-width: 480px) {
	.icon_nickname_quote {
		margin-left: 2px;
		margin-right: 1px;
		margin-bottom: 3px;
	}
}

.cn_admin_in_comment_dog, .cn_moderator_in_comment_dog {
	color: #3a609b;
    cursor: pointer;
	font-size:13px;
}
.cn_admin_in_comment, .cn_moderator_in_comment {
	text-decoration: none;
    color: #3a609b;
    border-bottom: 1px dotted;
	cursor: pointer;
}

.cn_date {
	margin-bottom: 2px;
	line-height: 1.2em;	
    color: #a3a3a3;
    margin-left: 6px;
    display: inline;
	/* font-size: 10px; */
	font-size: 10px;
	white-space: nowrap;
	
}

/* iphone */
@media screen and (max-width: 480px) {
   .cn_date {
     color: #a3a3a3;
     margin-left: 3px; 
	 font-size: 7pt; 
	 /* display: block; */
	 
	 line-height: 1.2em;
    /* display: inline; */
    display: inline-block;
    color: #939393;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    /* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
    font-size: 10px;
    /* font-size: 7pt; */
    color: #a3a3a3;
    margin-left: 3px;
    margin-right: 3px;
    cursor: pointer;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    }
}
.cn_edited {
	margin-bottom: 2px;
	line-height: 1.2em;	
    color: #a3a3a3;
    /* margin-left: 6px; */
    display: inline; 
	font-size: 10px;
	white-space: nowrap;
	
}
/* iphone */
@media screen and (max-width: 480px) {
   .cn_edited {
     color: #a3a3a3;
     /*margin-left: 3px; */
	 font-size: 7pt; 
	 /* display: block; */
	 
	 line-height: 1.2em;
    /* display: inline; */
    display: inline-block;
    color: #939393;
    cursor: pointer;
    font-family: Helvetica,Arial,sans-serif;
    /* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
    font-size: 10px;
    /* font-size: 7pt; */
    color: #a3a3a3;
    /*margin-left: 3px;*/
    margin-right: 3px;
    cursor: pointer;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    }
}
.user_stat {
	cursor: pointer;
}
.hidden {
	display: none;
    visibility: hidden;
}

.cn_options {
    position: absolute;
    right: 0;
    top: 4px;
    /* font-size: 12px; */
    display: none;
    background: #FFF;
    z-index: 999;
	
	/*
	padding: 7px 12px;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    color: #7f8c8d;
	*/
    -webkit-transition-property: color,background;
    -moz-transition-property: color,background;
    -o-transition-property: color,background;
    transition-property: color,background;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
	
}

.cn_item_options:hover {
    color: #222;
    background: #f8f8f8;
}
.cn_more_item_options:hover {
    color: #222;
    background: #f8f8f8;
}


.cn_options_button {
    /* width: 25px; */
    /* height: 25px; */
    cursor: pointer;
    opacity: 0.8;
    margin-right: -10px;
    padding-right: 20px;
    margin-left: -15px;
    padding-left: 15px;
    padding-top: 10px;
    margin-top: -10px;
}

  

.cn_options_button > svg {
   transform: rotateX(0deg);
   transition: all 0.4s linear;
   transform-style: preserve-3d; 
}
.cn_options_button_rotated  > svg {
   transform: rotateX(180deg);
   transition: all 0.4s linear;
   transform-style: preserve-3d; 
}

.cn_options_button:hover, .cn_options_button_hover {
    /* border: #EEE solid 1px;*/
    opacity: 1;
}

.cn_options_box {
    background: #FFF;
    /* padding: 5px; */
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: default;
    display: none; 
     
    z-index: 2;  
    background: #fff;
    border: 1px solid #e9e9e9;
    -o-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    -khtml-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    color: #7f8c8d;
    font-size: 12px;
    min-width: 115px;
    transition: all 450ms cubic-bezier(0.23,1,.32,1) 0ms;
}

.cn_more_options_box {
    background: #FFF;
    /* padding: 5px; */
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: default;
    display: none; 
     
    z-index: 2;  
    background: #fff;
    border: 1px solid #e9e9e9;
    -o-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    -khtml-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1);
    color: #7f8c8d;
    font-size: 12px;
    min-width: 115px;
    transition: all 450ms cubic-bezier(0.23,1,.32,1) 0ms;
	
	 position: absolute; 
	 left: -20px;
	 width: 140px;
	 margin-top: 10px;
}

.cn_item_options {
    padding: 9px;
    /* color: #0c9ec8; */
	color: #646060;
    cursor: pointer;
    white-space: nowrap;
}
.cn_more_item_options {
    padding: 9px;
    /* color: #0c9ec8; */
	color: #646060;
    cursor: pointer;
    white-space: nowrap;
}


.cn_item_options_img {
	display: inline-block;
    vertical-align: middle;
    margin-right: 10px; 
	/* vertical-align: sub!important; */
}
.cn_more_item_options_img {
	display: inline-block;
    vertical-align: middle;
    margin-right: 10px; 
	/* vertical-align: sub!important; */
}
.cn_string_2 {
    margin-top: 5px;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 0px;
    max-height: 304px;
    overflow: hidden;
    position: relative;
	/* clear: both; */
}

.cn_string_2_on_edit {
    margin: 10px 0;    
}

/* iphone */
@media screen and (max-width: 480px) {
	.cn_string_2 {
		margin-top: -3px;		
	}
}


.cn_nickname_quote {
	display:inline-block;
    /* float: right; */
    /* display: inline; */
    color: #939393;
    
    cursor: pointer;
    /*
	text-decoration: underline;
	font-size: 15px;
	*/ 
    
	font-family: Helvetica,Arial,sans-serif;
	/* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
	  font-size: 10px; 
	/* font-size: 7pt;	*/
    color: #a3a3a3;
    margin-left:  3px;
	margin-right: 3px;
    cursor: pointer;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
	
	
}
.cn_nickname_quote:hover {
    color: #f39c12;
}




.cn_text {
    display: block;
    word-wrap: break-word;
	min-height: 20px;
}
/* iphone */
@media screen and (max-width: 480px) {
   .cn_text {
       font-size: 14px;
    }
}

.cn_text img, .cn_last_comments_content img {
    /* width: 20px; */
     /* height: 20px;  */
    /* margin: 1px 2px; */
    vertical-align: middle;
}

.cn_text_deleted_wrapper {
    margin-left: 50px;
    transition: opacity 800ms cubic-bezier(0.23,1,.32,1) 100ms,transform 800ms cubic-bezier(0.23,1,.32,1) 0ms,background 800ms cubic-bezier(0.23,1,.32,1) 0ms;
}

.cn_text_deleted {
	  /* margin-left: 10px; */
	/* margin-left: 50px; */
	/* padding: 10px; */
	font-size: 12px;
    color: #646464;   
    font-style: italic;
    transform: translate3d(-100px,0,0);
    transition: opacity 800ms cubic-bezier(0.23,1,.32,1) 100ms, transform 800ms cubic-bezier(0.23,1,.32,1) 0ms;
	opacity:0;
}
.cn_text_deleted[active=true] {
	transform: translate3d(0,0,0);
    opacity: 1;
}


.cn_text_deleted_animation {
  position: relative;
   left: 10px;
  animation: cn_text_deleted_animation_key 2s infinite;
}

@keyframes cn_text_deleted_animation_key {
  0%,
  100% {
    transform: translate3d(0,0,0); 
  }

  50% {
    transform: translate3d(-100px,0,0);
  }
  50% {
    transform: translate3d(0,0,0);
  }
}
/*
 @keyframes cn_text_deleted_animation_key {
  from {
        transform: translate3d(-100px,0,0);
  }
   to {
        transform: translate3d(0,0,0);
   }
} 
*/
.cn_more_text, .cn_more_text_close {
    cursor: pointer;
    color: #0b99d2;
    text-align: center;
    /* margin: 10px auto; */
	margin-top: 20px;
	margin-bottom: 15px;
    width: 18px;
    height: 10px;
    background: url("../img/more_text.png") left / cover no-repeat;
}

.cn_more_text_close {
    background: url("../img/more_text.png") right / cover no-repeat;
}

.cn_more_text_details {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    /* height: 100px; */
    height: 100%;
    cursor: pointer;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.cn_text img {
    max-width: 100%;
}

.cn_attach {

}

.cn_attach img {
    cursor: pointer;
    vertical-align: top;
    margin: 1px 0;
}

.cn_share_block, .cn_answer_button, .cn_edit_button, .cn_delete_button, .cn_answer_button_noLogin { 
    display: inline-block;
    color: #939393;
    font-size: 12px; 
    margin-right: 8px;
    cursor: pointer;
	vertical-align: top!important;
}
.cn_answer_button {
	/* margin-right: 14px;*/
	
	margin-top: -5px;
    padding-top: 5px;
	
	margin-bottom: -5px;
    padding-bottom: 5px;
	
	margin-left: -5px;
    padding-left: 5px;
	
	margin-right: -5px;
    padding-right: 20px;
	
}
 
.cn_edit_icon {
	display: inline-block;
    color: #939393; 
    /* font-size: 13px; */
    /* margin-right: 8px; */ 
    cursor: pointer;
	padding-bottom: 1px;
	/*vertical-align: sub!important;*/
	vertical-align: top!important;
}
 
.cn_delete_icon {
	display: inline-block;
    color: #939393;
    /* font-size: 13px; */
    /* margin-right: 8px; */ 
    cursor: pointer;
	padding-bottom: 1px;
	/* vertical-align: sub!important; */
	vertical-align: top!important;
}

@media screen and (min-width: 481px) {
   .cn_edit_icon, .cn_delete_icon {
        display: none; 
	    visibility: hidden;
    }
} 
.cn_more_dots_button {   
   
}

.cn_more_dots_button {
    cursor: pointer;
    /* opacity: 1; */
    /* margin-right: -10px; */
    /* padding-right: 20px; */
    /* margin-left: -15px; */
    /* padding-left: 15px; */
    /* padding-top: 10px; */
    /* margin-top: -10px; */
    /* display: inline-block; */
    /* color: #939393; */
    /* cursor: pointer; */
    /* padding-bottom: 1px; */
    vertical-align: top;
    margin-top: -5px;
    /* padding-top: 5px; */
    margin-bottom: -5px;
    padding-bottom: 5px;
    margin-left: -10px;
    padding-left: 10px;
    margin-right: -10px;
    padding-right: 10px;
    display: inline-block;
    color: #939393;
    font-size: 15px;
    /* margin-right: 8px; */
    cursor: pointer;
    vertical-align: top!important;
    color: #939393;
}
.cn_more_dots_button:hover { 
	color: #585858;
    fill: #585858;
}
/*
.feather-more-horizontal {
	stroke: #7f8c8d;
}
.feather-more-horizontal:hover {
	stroke: red;
	color: #585858;
    fill: #585858; 
	
}
*/
 
.cn_share_block:hover, .cn_answer_button:hover, .cn_edit_button__:hover, .cn_delete_button:hover, .cn_edit_button__:hover svg path, .cn_delete_button:hover svg path {
    color: #585858;
    fill: #585858;
}

.t24comment_edit_attach:hover > svg path{
	color: #4a4848;
    stroke: #4a4848;
}
.cn_edit_button:hover svg path, .cn_edit_button:hover svg line, .cn_edit_button:hover svg stroke , .cn_edit_button:hover svg rect  {
	color: #4a4848;
    stroke: #4a4848;
    line: #4a4848;
}

.cn_share_block {
    position: relative;
}

.cn_share_block:hover .cn_share_box {
    display: block;
}

.cn_share_box {
    width: 134px;
    position: absolute;
    display: none;
    top: -3px;
    left: 0;
    background: #FFF;
    padding: 2px;
    cursor: default;
    z-index: 9999;
}

.cn_share_box a {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 1px;
    opacity: 0.3;
    border: #000 solid 1px;
}

.cn_share_box a:hover {
    opacity: 0.7;
}

.cn_vk_share {
    background: url("../img/share_icon.png") 133px top;
}

.cn_ok_share {
    background: url("../img/share_icon.png") 110px top;
}

.cn_fb_share {
    background: url("../img/share_icon.png") 91px top;
}

.cn_g_share {
    background: url("../img/share_icon.png") 71px top;
}

.cn_mm_share {
    background: url("../img/share_icon.png") 47px top;
}

.cn_tw_share {
    background: url("../img/share_icon.png") 22px top;
}

.cn_like_box {
    display: inline-block;
    margin: 0 8px;
	/* opacity: 0.5;*/
	/* display: none; */
}


.cn_like_meter {
    display: inline-block;
    /* font-size: 14px; */
}

.cn_like_cool {
    color: #62a600;
	font-size: 12px;
}

.cn_like_bad {
    color: #d03c3c;
	font-size: 12px;
}

/*
.cn_like {
    background: url(../img/like.png) center no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: -1px 3px;
    opacity: 0.2;
    cursor: pointer; 
	vertical-align: top!important;
}

.cn_dislike {
    background: url(../img/dislike.png) center no-repeat;
    background-size: cover;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: -1px 3px;
    opacity: 0.2;
    cursor: pointer; 
	vertical-align: top!important;
}

.cn_like:hover, .cn_dislike:hover {
    opacity: 0.7;
}
*/


.cn_like {
	display: inline-block;
	margin-top: 2px;	 
    opacity: 0.4;
    cursor: pointer; 
	vertical-align: top!important;
}
.cn_dislike {
	display: inline-block;
	margin-top: -3px;	 
    opacity: 0.7;
    cursor: pointer; 
	vertical-align: top!important; 
	 visibility: hidden;
}

.cn_comment_box .cn_dislike {
    visibility: hidden;
	/*opacity: 0; 	*/
}
.cn_comment_box:hover .cn_dislike { 
   visibility: visible; 
   /*opacity: 0.7; 	
   transition:visibility 0.3s linear,opacity 0.3s linear;
   */
}

/* .cn_like:hover, .cn_dislike:hover { */
/*  svg path */
.cn_like:hover {
    opacity: 1; 
} 
.cn_like:hover path {
    fill: #bf3989 !important;
} 
 

.your_voted  {	
    opacity: 0.7;  
    /* cursor: unset; */
}
.your_voted:hover  {	
    opacity: 0.7;    
}
.your_voted:hover path {	 
	fill: #62a600 !important;  
}
.your_voted path{	
    /* fill: #bf3989 !important;   */
    fill: #62a600 !important;  
}

.cn_more_comments {
    margin: auto;
    width: 45px;
    height: 20px;
    text-align: center;
    cursor: pointer;
   
    margin-top: 25px;
}

.cn_more_comments > div {
    width: 120px;
    position: relative;
    top: -20px;
    white-space: nowrap;
    text-align: center;
    left: -33;	 
    border-bottom: #a6d1dd dashed 1px;
	
	transition-property: color,border-bottom;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s; 
}

.cn_more_comments > div:hover {
   color: #735959;
    border-bottom: 1px dashed #735959;
}
 
/*
.cn_answer_comments_block:first-child  {
    margin: 10px 0 0 50px; 
}
*/

.cn_main_comment_block{
	 margin: 5px 0px 20px 0px;
}
/* iphone */
@media screen and (max-width: 480px) {
   .cn_main_comment_block {
      margin: 1px 2px 3px 5px;
	  border-left: 1px dashed #E0E0E0;
    }
}

.cn_answer_comments_block {
    margin: 10px 0 0 40px; 
} 
/* iphone */
@media screen and (max-width: 480px) {
   .cn_answer_comments_block {
      margin: 1px 2px 3px 14px;   
	  border-left: 1px dashed #E0E0E0;
    }
}


.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_warning, .cn_screen_attach_image, .cn_screen_attach_video, .cn_screen_update {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 999999;
	
}

.cn_screen_answer-OLD {
   
    display: none; 
}

.cn_edit_box {
	display: none;
}

.cn_answer_input_box, .cn_complain_box, .cn_warning_box, .cn_update_box {
    background: #FFF;
    
    min-width: 300px;
     margin: 5% auto;
	 /* padding: 20px; */
	 padding-top: 5px;
	 padding-left: 20px;
     position: relative;
}
.cn_complain_box, .cn_warning_box  {
   padding: 15px;
   max-width: 650px;
}

.cn_answer_input_box_alternative {
    width: auto !important;
    min-width: auto !important;
    margin: 0px;
    /* 
	margin: 20px auto 0 !important;
	box-shadow: 2px 2px 12px #dadada;
	*/
}
 
/* .cn_answer_close, .cn_complain_close, .cn_warning_close, .cn_attach_link_block_close, .cn_update_close { */
/*
.cn_complain_close, .cn_warning_close, .cn_attach_link_block_close {
    background: url(../img/close.png) center no-repeat;
    background-size: cover;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
*/
.cn_close, .cn_reply_close__, .cn_edit_close, .cn_complain_close, .cn_warning_close, .cn_attach_link_block_close, .mfp-custom-close {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 5px;
    margin-right: -2px;
    margin-top: -5px;
    cursor: pointer;
    display: none;  
} 

.cn_input_textarea_close {
	position: absolute;
    right: 10px;
    top: 10px;
    padding: 5px;
    margin-right: -2px;
    margin-top: -5px;
    cursor: pointer;
    display: none;
}

.cn_answer_box_title, .cn_complain_box_title, .cn_warning_box_title, .cn_update_box_title {
    font-size: 20px; 
    margin-bottom: 17px;
    color: #2377a1;
}

.cn_complain_input, .cn_warning_input, .cn_update_input {
    margin: 0 0 5px 0;
}

 
  .cn_length_string {
    /* font-size: 14px; */
    /* margin-top: -20px; */
    /* float: right; */
    color: #306981;
}
 

.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;
}

.slider.closed {
	max-height: 0;
}
.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 {
    max-width: 100px;
    /* height: 50px; */
    margin: 2px;
}
.cn_attach_item:hover, .cn_attach_item_edit:hover {
    cursor: pointer;
    opacity: 0.6;
    filter: blur(2px);
    transition: filter 0.5s linear;
}


.cn_attach_item_remove {
    display: none;
}

.cn_video_attach {
    width: 20px;
    height: 16px;
    background: url("../img/video_icon.png") no-repeat center;
    background-size: cover;
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.cn_image_attach {
    width: 20px;
    height: 16px;
    background: url("../img/image_icon.png") no-repeat center;
    background-size: cover;
    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");
    background-size: 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");
    background-size: 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;
}
 /* iphone */ 
@media screen and (max-width: 480px) {
   .cn_attach_link_block, .cn_attach_video_link_block {
       width: 90%;
   }
}

 
.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, .cn_image_avatar_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;
}

.cn_image_view, .cn_video_view {
    text-align: center;
}

.cn_image_view_close, .cn_video_view_close {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: url("../img/close.png") center / cover no-repeat;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.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_video_preview_2 {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.cn_video_preview_2::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;
	   
}

 
.t24comment_smile_attach:hover .cn_emoji_box_2 {     
	display: block; 	
}
.t24comment_edit_attach:hover .cn_edit_buttons_box {     
	display: block; 	
}
 

.cn_emoji_box_2 { 
    position: absolute;
    background: #fff;
    width: 288px;
    padding: 10px;
    border: #EEE solid 1px;
    z-index: 99999;
    right: 0px; 
	margin-bottom: 23px;
	display: none;
}
.cn_edit_buttons_box { 
    position: absolute;
    background: #fff;
    width: 190px;
    padding: 10px;
    border: #EEE solid 1px;
    z-index: 99999;
    right: 0px; 
	margin-bottom: 23px;
	display: none;
}

.cn_emoji_view, .cn_edit_buttons_view { 
    height: 20px;
    margin: 2px;
}

.cn_emoji {    
    height: 20px;
    margin: 2px;
}
.cn_emoji_kolobok {   
    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_block_3 {
    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_loading_avatar_wrapper {
    position: absolute;
    left: 23px;
    top: 25px;
    z-index: 3;
	display: none;
	
} 
.cn_loading_avatar {
   margin: auto;
    text-align: center;
    border: #ea02ff solid 1px;
    border-right: transparent solid 1px;
    border-radius: 50%;
    animation: animate .5s linear infinite;
    position: relative;
    width: 80px;
    height: 80px;
}

@keyframes animate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.cn_block_notice_modal {
    position: fixed;
    bottom: 0;
    left: -280px;
    width: 280px;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
}

.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: 4px;
    margin-left: -16px;
    background: #e90833;
    box-shadow: 0 0 4px 2px #e90833;
    position: absolute;
    border-radius: 50%;
}

.cn_loaded_by_link_title { 
    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;
}

@media screen and (max-width: 660px) {
    .cn_answer_input_box, .cn_complain_box, .cn_warning_box, .cn_update_box {
        width: 90%;
        min-width: 300px;
		padding-right: 0px; 
		
    }
}

/*
      padding-top: 5px;
        padding-bottom: 20px;
        padding-left: 5px;
        padding-right: 5px;
		
*/

.t24cmnt_menu_right {
    float: right;
    cursor: pointer;
    height: 30px;
	/* margin-left: 6px; */
	margin-top: 6px;
}
.t24cmnt_menu_login, .t24cmnt_menu_logout {
     margin-left: 10px;
     margin-top: -1px;
}
.t24cmnt_menu_login:hover path, .t24cmnt_menu_login:hover polyline, .t24cmnt_menu_login:hover line, .t24cmnt_menu_logout:hover path, .t24cmnt_menu_logout:hover polyline, .t24cmnt_menu_logout:hover line {
  /* fill:#424242; */
  stroke:#424242;
}



.t24comment_attach_block {
    position: absolute;
    right: 0;
    bottom: 12px;
}
.t24comment_smile_attach, .t24comment_image_attach, .t24comment_video_attach, .t24comment_edit_attach {
    cursor: pointer;
    z-index: 1;
    float: left;  
    margin-right: 10px;
}

/* iphone */ 
@media screen and (max-width: 480px) {
   .t24comment_smile_attach, .t24comment_image_attach, .t24comment_video_attach, .t24comment_edit_attach {
    cursor: pointer;
    z-index: 1;
    float: left;  
    margin-right: 8px;
   }
}

.t24comment_smile_attach:hover path, .t24comment_image_attach:hover path, .t24comment_video_attach:hover path {
	fill:#424242;
}

.t24comment_edit_attach:hover stroke {
	/* fill:#424242; */
	  /* stroke: #424242;  */
	  /* stroke: green;  */
}
.cn_edit_buttons_box path {
	/* stroke: red; */
}
 
 
.cn_auth_item svg:hover, .cn_auth_item img:hover {
    -o-border-radius: 25px;
    -moz-border-radius: 25px;
    -khtml-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -o-box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
    -khtml-box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.5);
	
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;

}

.cn_icon_admin {
	border-radius: 0;
    width: 45px;
    height: 45px;
    position: absolute;
}
.cn_user_width_rang, .cn_square_avatar {
	border-radius: 0;    
}

.cn_icon_guest {
	border-radius: 0;
	width: 45px;
    height: 45px;
}

.cn_highlight{
    background-color:#fff2bc;	
	-webkit-transition-duration: .4s; 
    -o-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s;
}

.my-mfp-white-popup { 
/* min-width:500px;  */ position: relative; background: #FFF;  padding: 25px;  margin: 20px auto; width:auto;  max-width: 500px;  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); margin-top: -10%; 
} 
 
.cn_user_info_box-popup {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
}
.mfp-close-btn-in .mfp-close {width: 27px; height: 27px; line-height: 27px; right: -12px;  top: -12px;  opacity: 0.95; background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU4RTNGRTRCMzM0QjExRTJCNDA0RDYzQjU0ODc2MDRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU4RTNGRTRDMzM0QjExRTJCNDA0RDYzQjU0ODc2MDRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NThFM0ZFNDkzMzRCMTFFMkI0MDRENjNCNTQ4NzYwNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NThFM0ZFNEEzMzRCMTFFMkI0MDRENjNCNTQ4NzYwNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6gQJuJAAAElElEQVR42qxWWUhjZxT+741G474rijov9mEqFFRaCkopyGDAiFZowTKi0KIvKkIxfRCF6WjElcHiQ9VC6kMRFB1RkBZrq0XzMoriRmq0uO8LLtFoYs/3kxsmTm7sdHrg5E9O7jnf2f8rTE9PM3d0dnYW5O3t/UShUHwhCMIjEsXRGXZ3d2ei76d0GohfpqSk/MIeIEEO7OLiIlSlUj0TRbEwICBAFRgYyDw9PTkTMLNYLMxmszGz2QyHwAdWq7V2e3u7LSsr69ol2NTUlJMgKSlJMBgMajL6c0REREBYWBijSBh5z9lJmeTSCfCTkxO2v79vvLy81KSlpRnvg4mSEbAdSEtAA/Hx8RwIckRwHwgk6eF/Dw8PFh4ezqKiot6jjBgmJyfTZcGSk5OFiYmJbyIjI3UJCQkKHx8flwDuCM+HhISwuLi4YDg8Njb2sRMYvAKPjIx8Qt7pQkNDuZf/lQDo7+/PYmJiVF5eXn29vb3hTpG1t7crKZIXsbGxincBeh0wKCiIUZYiqe7PUFZm/xBGR0cLyJMfCeytU/cQzc7OWg4ODj7IzMxcEhEdRfN1cHCwoxH+T6aGUfr6+n4FHLGrqyuaZulD6iBZBcxRXV0d29jYcJIfHR0xnU7Htra2ZHVRP5pLNQejdn1CHaRwl4q2tjZ2enrKKisruWHQ8fExa2pqYoeHh6ylpUVWl7YP+LFer4+loMTHSqXSbSpKS0tZdHQ0OoxVV1ezubk51tDQwGhjoAm4E3K6KA3sU8O8j24MIUAmjYArxsNFRUXIPzcOIKwsjElxcTFPlTt9PEsUgTkTHupA/A+FvLw8ftLQcnlubi6j4nOD7kgCFW9vb49vbm4e7Co0Q01NDbu6unIYqa2tZZubmw/qwv719fWBSFt7iRan24exYKuqqnixkbqSkhKeThpY1tzczGjTu9WH/bW1tb/ExcXF32lTW1FsuZx3dHTwuuGaQe0AiBMNg43f2toqq0tXFTs/P1+sqKj4GxtENTQ0NJqYmPiRn5+fy5yjgXp6ephGo+HRwTGAQN7d3c3ltAdd6u7s7LClpaUXVF8tNoiV6qHf29uT9Q7G8/PzeXTIvyQDFxQUcAfk9Ch9NwT2E3B4T87MzBhTU1M1tIwjsElcdSMV+I2uk5NLhAVAkelpPLro5w1WvG1lZcW8urqqpbZ+SWAKuZS8DWGzrK+v7w8PDz8HEHDEwcFBDNltWVnZH/TAd7u7u9zbdyGsMgrgamFh4WlnZ+cO7Dsuz4GBASt9v6a6tMzPzz+ntKKObreCHGMMjEbjyfLy8pdarfZPsmtBxp1eC+zo5sLCwkaTyfSUFM4wsP/22kE2qBkYlcM0Pj6eUV5ejlc7pMjqeEHq7+93hJ+dnY1RQB29qcvi09PTv6V19DndCp54t0A3op7SqxxtH8wQvxGIDykbPzQ2Nn5Ps3tyH4iD9fX1OeU7JycHgBgJJUDVanVoRkbGp3QVfUaXbAzxI5oxf2rrLYr6kNbXKxqbX+vr63+j02wHQereaFHBTZ0BqLBHKrHCLhfsdbDZ0/86W6Ua3ad/BBgAzUL7SgCw2XMAAAAASUVORK5CYII=) no-repeat center center;}	
 
.my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;  -webkit-transform: scale(0.8);  -moz-transform: scale(0.8);  -ms-transform: scale(0.8);  -o-transform: scale(0.8);  transform: scale(0.8);  }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);   transform: scale(1);    }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {  -webkit-transform: scale(0.8);  -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8);   transform: scale(0.8); opacity: 0;  }
.my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out;  -moz-transition: opacity 0.3s ease-out;  -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;  }
.my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.5;   }
.my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }

 
/**
 * Simple fade transition,
 */
 
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content { 
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
	/* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
	opacity: 0;
	-webkit-transition: all 0.15s ease-out; 
	-moz-transition: all 0.15s ease-out; 
	transition: all 0.15s ease-out;
	
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; 
  
  
  
  }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; 
  
  }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
   cursor: auto; 
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; 
 }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Helvetica,Arial,sans-serif;
  /* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */	
  }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px; 
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

	
	
	
	

.close-button-light {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 16px;
	height: 16px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 999;
}
.close-button-light:before, .close-button-light:after {
	position: absolute;
	left: 7px;
	content: ' ';
	height: 12px;
	width: 1px;
	background-color: #333;
	top: 2px;
}

.close-button-light:before {
  transform: rotate(45deg);
  transition-duration: 300ms;
  transition-timing-function: ease-out;
}
.close-button-light:after {
  transform: rotate(-45deg);
  transition-duration: 300ms;
  transition-timing-function: ease-out;
} 

.close-button-light:hover:before {
  transform: rotate(225deg);
  transition-duration: 300ms;
  transition-timing-function: ease-out;
}
.close-button-light:hover:after {
  transform: rotate(135deg);
  transition-duration: 300ms;
  transition-timing-function: ease-out;
}
.close-button-light:hover {
  opacity: 1;
}
	
	
	
	
	
	
/* like dislike */ 	
.cn_like._to_active, .cn_dislike._to_active {
  -webkit-animation: iconToActive 0.4s ease-out;
          animation: iconToActive 0.4s ease-out;
}
.cn_like._to_static, .cn_dislike._to_active {
  -webkit-animation: iconToStatic 0.2s ease-out;
          animation: iconToStatic 0.2s ease-out;
}

@-moz-keyframes iconToActive {
  25% {
    transform: scale(0.77);
  }
  75% {
    transform: scale(1.55);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes iconToActive {
  25% {
    -webkit-transform: scale(0.77);
            transform: scale(0.77);
  }
  75% {
    -webkit-transform: scale(1.55);
            transform: scale(1.55);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-o-keyframes iconToActive {
  25% {
    transform: scale(0.77);
  }
  75% {
    transform: scale(1.55);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes iconToActive {
  25% {
    -webkit-transform: scale(0.77);
            transform: scale(0.77);
  }
  75% {
    -webkit-transform: scale(1.55);
            transform: scale(1.55);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-moz-keyframes iconToStatic {
  50% {
    transform: scale(0.77);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes iconToStatic {
  50% {
    -webkit-transform: scale(0.77);
            transform: scale(0.77);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-o-keyframes iconToStatic {
  50% {
    transform: scale(0.77);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes iconToStatic {
  50% {
    -webkit-transform: scale(0.77);
            transform: scale(0.77);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
	
	
	
	
	
/* cube-loader begin */
	
html,
body {
  /* height: 100%; */
}

#cube-loader {
  align-items: center;
  display: flex;
  /* height: 100%;*/ 
  width: 100%;
  position: relative;
  /* top: 100px; */
}
#cube-loader .caption {
    margin: 0 auto;
}
#cube-loader .cube-loader {
  width: 73px;
  height: 73px;
  margin: 0 auto;
  margin-top: 49px;
  position: relative;
  transform: rotateZ(45deg);
}
#cube-loader .cube-loader .cube {
  position: relative;
  transform: rotateZ(45deg);
  width: 50%;
  height: 50%;
  float: left;
  transform: scale(1.1);
}
#cube-loader .cube-loader .cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #02afff;
  animation: cube-loader 2.76s infinite linear both;
  transform-origin: 100% 100%;
}
#cube-loader .cube-loader .loader-2 {
  transform: scale(1.1) rotateZ(90deg);
}
#cube-loader .cube-loader .loader-3 {
  transform: scale(1.1) rotateZ(180deg);
}
#cube-loader .cube-loader .loader-4 {
  transform: scale(1.1) rotateZ(270deg);
}
#cube-loader .cube-loader .loader-2:before {
  animation-delay: 0.35s;
  background-color: #039ce2;
}
#cube-loader .cube-loader .loader-3:before {
  animation-delay: 0.69s;
  background-color: #0385c1;
}
#cube-loader .cube-loader .loader-4:before {
  animation-delay: 1.04s;
  background-color: #0476aa;
}

@keyframes cube-loader {
  0%,
  10% {
    transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}


/* cube-loader END */ 	
	
/* full_loader BEGIN */ 	
.loader {
	/*
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    
    width: 60px;
    height: 60px;
    */
	
	margin: 0 auto;
	margin-top: 49px;
    animation:  loader-animation 2s linear infinite; 
  }
  .loader_row {
    display: flex;
  }
  .loader_cell {
    width: 36px;
    height: 36px;
    background-color: #fff;
  }

  .loader_a {
    width: 36px;
    height: 36px;
    background-color: #fff;
    animation:  acell-animation 2s linear infinite;  
	background-color: #02afff;
  }

  .loader_b {
    width: 36px;
    height: 36px;
    background-color: #fff;
    animation:  bcell-animation 2s linear infinite;  
	background-color: #02afff;
  }

  .loader_c {
    width: 36px;
    height: 36px;
    background-color: #fff;
    animation:  ccell-animation 2s linear infinite;  
	background-color: #02afff;
  }

  .loader_d {
    width: 36px;
    height: 36px;
    background-color: #fff;
    animation:  dcell-animation 2s linear infinite;  
	background-color: #02afff;
  }


  @keyframes acell-animation {
    0% { 
      transform:  translate(0, 0) rotate(90deg); 
    } 
    20% { 
      transform:  translate(-31px, -31px) rotate(45deg);  
    }
    100% {
      transform:  translate(0, 0) rotate(0deg); 
    }
  }
  @keyframes bcell-animation {
    0% { 
      transform: translate(0, 0) rotate(90deg);  
    }
    20% { 
      transform: translate(31px, -31px) rotate(45deg); 
    }
    100% {
      transform: translate(0, 0) rotate(0deg); 
    }
  }
  @keyframes ccell-animation {
    0% { 
      transform: translate(0, 0) rotate(90deg);  
    }
    20% { 
      transform: translate(-31px, 31px) rotate(45deg); 
    }
    100% {
      transform: translate(0, 0) rotate(0deg); 
    }
  }
   
  @keyframes dcell-animation {
    0% { 
      transform: translate(0, 0) rotate(90deg); 
    }
    20% { 
      transform: translate(31px, 31px) rotate(45deg); 
    }
    100% {
      transform: translate(0, 0) rotate(0deg);
    }
  } 


  @keyframes loader-animation {
    0% { 
        transform: rotate(135deg); 
    }
    
    100% {
      transform: rotate(45deg);
    }
  }

 
/* full_loader END */ 	

	
	
	
.screen-only {
 display: inline-block;
}

.mobile-only {
display: none; 
}

@media screen and (max-width: 480px) {
 .screen-only {
    display: none;
 }
 .mobile-only {
   display: inline-block;
 }
}



/* tooltip */


.tipr_content {
     font: 11px 'Source Code Pro', monospace;
	color: #777;
	/* text-transform: uppercase; */
	 letter-spacing: 1px;
     background-color: #f1f1f1;
     padding: 7px 14px 8px 14px;
     border-radius: 3px;
}

.tipr_container_above, .tipr_container_below
{
     display: none;
     position: absolute;
     z-index: 1000;
}
.tipr_point_above, .tipr_point_below
{
     position: relative;
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
	border-radius: 3px;
}
.tipr_point_above:after, .tipr_point_below:after
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}
.tipr_point_above:after
{
	top: 100%;
	border-top-color: #f1f1f1;
}
.tipr_point_below:after
{
	bottom: 100%;
	border-bottom-color: #f1f1f1;
}


/* notify */
.cn_notify {
	        
			cursor: pointer; 
			display: none;
			position: fixed;
			z-index: 999999;
			background-color: #323232; 
			-o-border-radius: 2px;
			-moz-border-radius: 2px;
			-khtml-border-radius: 2px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			padding: 14px 24px;
			/* min-width: 190px;
			max-width: 250px; */
			width: 230px;
			bottom: 25px;
			 left: -10000px; 
			/*left: 0;*/
			margin-left: 25px;
			transform: translate3d(0,20px,0);
			transition: left 0ms cubic-bezier(0.23,1,.32,1) 400ms,opacity 400ms cubic-bezier(0.23,1,.32,1) 0ms,transform 400ms cubic-bezier(0.23,1,.32,1) 0ms;
		}
		
		.cn_notify-open {
			opacity: 1;
			left: 0;
			transform: translate3d(0,0,0);
			transition: left 0ms cubic-bezier(0.23,1,.32,1) 0ms,opacity 400ms cubic-bezier(0.23,1,.32,1) 0ms,transform 400ms cubic-bezier(0.23,1,.32,1) 0ms;
		}
		
		.cn_notify_trgl[vector=up] {
			border-width: 0 20px 20px 20px;
			border-color: transparent transparent #323232 transparent;
			top: -19px;
		}
		.cn_notify_trgl[vector=down] {
			border-width: 20px 20px 0 20px;
			border-color: #323232 transparent transparent transparent;
			top: 48px; 
		}
		.cn_notify_trgl {
			position: absolute;
			border-style: solid;
			left: 50%;
			margin-left: -20px;
			width: 0;
			height: 0;
		}
		.cn_notify_wrap {
			width: 100%;
			position: relative;
		}
		.cn_notify_text {  
				line-height: 24px;
				font-size: 14px;
				color: #fff;
			}
		.cn_notify-count {
				background: #41abe1;
				color: #fff;
				font-weight: 300;
				padding: 1px 7px;
				margin-left: 10px;
				border-radius: 82px;
				font-size: 12px;
	    } 
		.hc__ident-count {
			 padding: 0;
		}

		.cn_notify_close {
			cursor: pointer;
			color: #7a9cd2;
			text-align: right;
			vertical-align: middle;
			transition: color 0ms cubic-bezier(0.23,1,.32,1) 0ms;
			font-size: 20px;
			width: 24px;
            position: absolute;
			right: 5px;
            top: 1px;
			padding: 3px;
            text-align: center;
		}
		 
		
		
		.cn_notify_close_button {
							position: relative;
							display: inline-block;
							/* right: 12px; */
							/* top: 12px; */
							width: 13px;
							height: 13px;
							opacity: 1;
							cursor: pointer;
							margin: 5px;
						}
						.cn_notify_close_button:before {
							transform: rotate(45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_notify_close_button:after {
							transform: rotate(-45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_notify_close_button:before, .cn_notify_close_button:after {
							position: absolute;
							left: 5px;
							content: ' ';
							height: 13px;
							width: 1.5px;
							background-color: #fff;
							top: 2px;
						}
						.cn_notify_close_button:hover {
							opacity: 1;
						}
						
						.cn_notify_close_button:hover:before {
							transform: rotate(225deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_notify_close_button:before {
							transform: rotate(45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_notify_close_button:before, .cn_notify_close_button:after {
							position: absolute;
							left: 5px;
							content: ' ';
							height: 13px;
							width: 1.5px;
							background-color: #fff;
							top: 2px;
						}
						.cn_notify_close_button:hover:after {
							transform: rotate(135deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_notify_close_button:after {
							transform: rotate(-45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_notify_close_button:before, .cn_notify_close_button:after {
							position: absolute;
							left: 5px;
							content: ' ';
							height: 13px;
							width: 1.5px;
							background-color: #fff;
							top: 2px;
                        }
		
		
		/* profile */
		
		
		/* profile */
		
		
    :root {
    --color--bg: #fff;
    --color--bg_image: #fff;
    --color--bg_80: rgba(255, 255, 255, 0.8);
    --color--bg_90: rgba(255, 255, 255, 0.9);
    --color--bg_contrast: #000;
    --color--bg_contrast-50: rgba(0, 0, 0, 0.5);
    --color--color: #000;
    --color--green: #8ac858;
    --color--red: #FD5D47;
    --color--yellow: #ffc800;
    --color--gray: #cacaca;
    --color--gray_light: #e8e8e8;
    --color--gray_dark: #adadad;
    --color--text: #212121;
    --color--secondary: #4d4d4d;
    --color--caption: #757575;
    --color--text_green: #6c9b45;
    --color--text_link: #6c9b45;
    --color--text_link: var(--color--text_green);
    --color--text_red: #f75c48;
    --color--text_contrast: #fff;
    --color--text_search: rgba(255, 200, 0, 0.3);
    --color--selection: #c5e4ac;
    --color--tool: #c2c2c2;
    --color--icon: #BDBDBF;
    --color--social_vk: #5b7aa8;
    --color--social_facebook: #4867aa;
    --color--social_twitter: #41abe1;
    --color--social_google: #dd4b38;
    --color--app__bg: #f4f4f4;
    --color--app__text: #212121;
    --color--section__bg: #fff;
    --color--section_gray__bg: #f9f9fb;
    --color--section_success__bg: #8ac858;
    --color--section_success__bg: var(--color--green);
    --color--section_success__text: #fff;
    --color--section_danger__bg: #FD5D47;
    --color--section_danger__bg: var(--color--red);
    --color--section_danger__text: #fff;
    --color--section_warning__bg: rgba(255, 200, 0, 0.05);
    --color--section_warning__border: #ffc800;
    --color--section_warning__text: #212121;
    --color--toast_default__bg: #6ea046;
    --color--toast_default__text: #fff;
    --color--toast_danger__bg: #FD5D47;
    --color--toast_danger__bg: var(--color--red);
    --color--toast_danger__text: #fff;
    --color--toast_warning__bg: #ffc800;
    --color--toast_warning__text: #5e3a00;
    --color--popup_shadow-arrow: rgba(0, 0, 0, 0.08);
    --color--popup_default__bg: #fff;
    --color--popup_default__text: #212121;
    --color--popup_gray__bg: #f9f9fb;
    --color--popup_gray__text: #212121;
    --color--popup_danger__bg: #FD5D47;
    --color--popup_danger__bg: var(--color--red);
    --color--popup_danger__text: #fff;
    --color--popup_warning__bg: #212121;
    --color--popup_warning__text: #fff;
    --color--tag__text: #757575;
    --color--tag_highlight__text: #4d4d4d;
    --color--tag-focus__text: #212121;
    --color--header__text: #d8ffbc;
    --color--header_active__text: #fff;
    --color--header_dark__text: rgba(255, 255, 255, 0.7);
    --color--header_icon__bg: rgba(0, 0, 0, 0.05);
    --color--header__bg: #8ac858;
    --color--header__bg: var(--color--green);
    --color--footer__text: #212121;
    --color--footer__bg: #f0f0f0;
    --color--award__bg: #f1f1f1;
    --color--award__bg_hover: #d9d9d9;
    --color--menu-item-current__text: #6c9b45;
    --color--menu-item-current__text: var(--color--text_green);
    --color--menu-item-current__bg: #8ac858;
    --color--menu-item-current__bg: var(--color--green);
    --color--comments__left-border: #efefef;
    --color--input__bg: #fff;
    --color--input__text: #212121;
    --color--input-placeholder__text: #757575;
    --color--input-focus__border: #8ac858;
    --color--input-focus__border: var(--color--green);
    --color--input_complexity__bg: #e8e8e8;
    --color--input_checkbox: #adadad;
    --color--bell_yellow: #ffc800;
    --color--border: #e9e9e9;
    --color--border_success: #8ac858;
    --color--border_success: var(--color--green);
    --color--border_error: #FD5D47;
    --color--border_error: var(--color--red);
    --color--border_upload: rgba(233, 233, 233, 0.4);
    --color--highlight_yellow__bg: rgba(255, 200, 0, 0.1);
    --color--highlight_yellow__bg_40: rgba(255, 200, 0, 0.4);
    --color--highlight_red__bg: rgba(253, 93, 71, 0.1);
    --color--highlight_gray__bg: rgba(233, 233, 233, 0.4);
    --color--highlight_green__bg: rgba(138, 200, 88, 0.1);
    --color--shadow: rgba(0, 0, 0, 0.16);
    --color--button__text_contrast: #fff;
    --color--button__stroke: rgba(88, 88, 88, 0.2);
    --color--button__stroke_contrast: rgba(255, 255, 255, 0.2);
    --color--button_default__bg: #e9e9e9;
    --color--button_default__text: #585858;
    --color--button_success__bg: #8ac858;
    --color--button_success__bg: var(--color--green);
    --color--button_danger__bg: #FD5D47;
    --color--button_danger__bg: var(--color--red);
    --color--button_warning__bg: #ffc800;
    --color--button_warning__bg: var(--color--yellow);
    --color--button_dark__bg: #4d4d4d;
    --color--button_dark__bg: var(--color--secondary);
    --color--button-small_success__bg: #83be54;
    --color--button-small_default__bg: #dddddd;
    --color--button-small_default__text: #585858;
    --color--slider__quantity: rgba(138, 200, 88, 0.7);
    --color--progress-circle__storke: rgba(117, 117, 117, 0.2);
    --color--editor__bg: rgba(0, 0, 0, 0.7);
    --color--editor__text: #fff;
    --color--editor__button_hover: rgba(0, 0, 0, 0.4);
    --color--editor__button_active: rgba(0, 0, 0, 0.4);
    --color--player_logo: rgba(255, 255, 255, 0.5);
    --color--player__bg: #000;
    --color--player_play__bg: rgba(0, 0, 0, 0.5);
    --color--player_play__inactive: rgba(0, 0, 0, 0.1);
    --color--player_controls__color: #fff;
    --color--player_controls__text: rgba(255, 255, 255, 0.74);
    --color--player_timeline__bg: rgba(0, 0, 0, 0.3);
    --color--player_timeline__amount: #8ac858;
    --color--player_timeline__amount: var(--color--green);
    --color--player_timeline__buffered: rgba(255, 255, 255, 0.3);
    --color--player_timeline__hint: rgba(0, 0, 0, 0.5);
    --color--player-editor__controls: #3c3c3c;
    --color--player-upload__bg: #1a1e21;
    --color--code__bg: #f9f9fb;
}

		
	
			 .section-group>section:last-of-type {
					border-bottom-left-radius: 2px;
					border-bottom-right-radius: 2px;
			 }
			 .profile__header {
					position: relative;
				}
			.profile__user {
				margin-top: 15px;
				margin-left: 168px;
				padding-right: 25px;
				margin-bottom: 20px;
				/* display: flex; */
				text-align: left;
				/* justify-content: space-between; */
			}	
			.profile__section_1 {
				border-top: 1px solid #e9e9e9;
				border-top: 1px solid var(--color--border);
				padding: 15px 0;
				/*
				margin: 0 25px;
				margin-left: 100px;*/
				    text-align: left;
                margin-left: 168px;
			} 
			.profile__section_2 {
				border-top: 1px solid #e9e9e9;
				border-top: 1px solid var(--color--border);
				padding: 15px 0;
				 
				/* margin-left: 60px; */
				
			} 
			
			.background {
				overflow: hidden;
				background-color: #f9f9fb;
				background-color: var(--color--section_gray__bg);
				background-image: url(https://cs.pikabu.ru/apps/desktop/1.14.6/images/sprite_96dpi.png);
				background-size: 700px 430px;
				background-position: 0 0;
				width: 700px;
				height: 140px;
			}
			.background__placeholder {
				/*
				width: 100%;
				height: 100%;
				*/
				background-size: cover;
				overflow: hidden;
			} 
			.background__upload {
				cursor: pointer;
				transition: opacity 200ms;
				background-color: rgba(0,0,0,.5);
				background-color: #000;
				position: absolute!important;
				right: 15px;
				top: 15px;
				opacity: 0;
				text-align: center;
				font-size: 12px;
				border-radius: 2px;
				color: #fff;
				color: var(--color--text_contrast);
			}
			.background__upload span {
				display: inline-block;
				cursor: pointer;
				line-height: 18px;
				padding: 5px 10px;
			} 
			.attach {
				position: relative;
				cursor: pointer;
			}
			.background[data-default=true] .background__upload span:last-child {
				display: none;
			}
			.background__upload span+span {
				border-left: 1px solid rgba(233,233,233,.4);
			}
			 .profile__header > .avatar {
				position: absolute;
				left: 10px;
                top: 10px;
				border: 3px solid #fff;
				
				box-sizing: content-box;
				background-color: #fff;
				
			}
			.avatar img {
				width: 128px;
				height: auto;
				transition: transform 1000ms ease-out;
				border: 0; 
				vertical-align: middle;
				background-color: #f9f9fb; 
				display: inline-block;
				border-radius: 100%;
			}
			.avatar_large .avatar__upload {
				line-height: 128px;
				cursor: pointer;
			}
			.avatar_large img {
				width: 128px;
				height: 128px;
			}
			 
			.avatar_large:hover img { 
				opacity: 0.3;
				filter: blur(3px);
				transition: filter .2s linear; 
               
			}
			.avatar_large:hover  { 
				/* opacity: 0.3; */
			}
			.avatar_large:hover .avatar_upload_icon { 
				opacity: 1;
			}
			 
			.avatar__upload {
				transition: opacity 200ms;
				background-color: rgba(0,0,0,.5);
				background-color: rgba(0, 0, 0, 0.5);
				position: absolute!important;
				top: 0;
				left: 0;
				opacity: 0;
				width: 100%;
				height: 100%;
				text-align: center;
				line-height: 100%;
				z-index: 1;
			}
			.avatar_upload_icon {
				 
				/* right: 10px; */
				/* bottom: 10px; */
				/* display: none; */
				/* opacity: 0; */
				/* margin-left: auto; */
				/* margin-right: auto; */
				/* width: 7.5rem; */
				/* height: 7.5rem; */
				/* margin-bottom: -3rem; */
				/* display: flex !important; */
				/* align-items: center; */
				/* justify-content: center; */
				/* border-radius: 50%; */
				/* position: relative; */
				/* overflow: hidden; */
				/* outline: none !important; */
				/* padding-bottom: 7rem; */
				cursor: pointer;
				opacity: 0;
				z-index: 2;
				position: absolute;
				left: 42px;
				top: 41px;
			}
			
			.attach {
				position: relative;
				cursor: pointer;
			}
			.avatar__upload svg {
				position: relative;
				display: inline-block;
				top: 5px;
			}
			.icon--ui__photo_avatar, .icon--ui__video_avatar {
				width: 23px;
				height: 20px;
				fill: #fff;
				fill: var(--color--text_contrast);
			}
			.icon--ui__photo, .icon--ui__video {
				fill: #cacaca;
				fill: var(--color--gray);
			}
			.icon--ui__photo_avatar {
				width: 23px;
				height: 20px;
			}
			.icon--ui__photo {
				width: 13px;
				height: 11px;
			}
			svg {
				box-sizing: content-box;
				pointer-events: none;
			}
			.attach input[type=file] {
				position: absolute;
				cursor: pointer;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 200;
				opacity: 0;
				width: 100%;
				overflow: hidden;
			}
			 .profile {
				color: #4d4d4d;
				color: var(--color--secondary);
			}
			h1 {
				font-size: 24px;
				line-height: 28px;
				font-weight: 400;
				color: #212121;
				color: var(--color--text);
			}
			.profile_nick {
				font-variant-ligatures: no-common-ligatures;
				color: #212121;
				color: var(--color--text);
				cursor: pointer;
				
			}
			.profile_nick:hover {
				border-bottom: 1px dotted;
				
			}
			.link {
				color: #6c9b45;
				color: var(--color--text_link);
				text-decoration: none;
				cursor: pointer;
			}
			.profile__user-information {
				color: #4d4d4d;
				color: var(--color--secondary); 
			}
			.profile__strong {
				font-weight: 500;
			}
			.profile__pluses {
				color: #6c9b45;
				color: var(--color--text_green);
			}
			.profile__minuses {
				color: #FD5D47;
				color: var(--color--text_red);
			}
			.profile__cedit-info {
				display: inline-block;
				white-space: nowrap;
				cursor: default;
			}
			.profile__cedit-info {
				display: inline-block;
				white-space: nowrap;
				cursor: default;
			}
			.profile__digital {
				cursor: default;
			} 
			.profile__digital b {
				font-size: 24px;
				color: #212121;
				color: var(--color--text);
				font-weight: 400;
			}
			.profile__digital b+span {
				margin-left: 3px;
				margin-right: 15px;
			}
			
			.profile_nick_input {
				width: 15rem;
				height: 3rem;
				font-size: 1.5rem;
				font-weight: 300;
				border: 1px solid #bbbbbc;
				padding-left: .625rem;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				/* margin-bottom: 1rem; */
			}
			.profile__user-birtdate   {
				margin-top: 10px;
			} 
			
			.cn_user_stat_profile_latest_comments {
			  font-variant-ligatures: no-common-ligatures;
			  color: #212121;
			  cursor: pointer;
			  /*
			  margin-left: 5px;
			  vertical-align: middle;
			  top: 1px;
              position: relative;
			  */
			}
			
		
	.profile__user-date {
		font-variant-ligatures: no-common-ligatures; 
		cursor: pointer;
		/* color: #7b7777; */
		/* font-size: 13px; */
		
	}
	.profile__user-date:hover {
		border-bottom: 1px dotted;
		
	}
   
    
  
   
  
	
   .profile__user-set-date_input {
		width: 160px;
		height: 40px;
		font-size: 14px; 
		font-weight: 300;
		border: 1px solid #bbbbbc;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		/* margin-bottom: 1rem; */
		display: none;
	}		
	.profile__user-set-date_input::placeholder {
	  color: #bbbbbc;
	  font-size: 1em;	  
	}
			 
.onlineCountUsersBox {
	float: left;
	display: inline-block;
	/* margin-left: 10px; */
	position: relative;
	margin-right: 10px;
	margin-top: 9px;
}

.onlineUsersCountEye {
	float: left;				 
   display: inline-block;
   margin-left:10px;
   margin-top: -2px;
}
 
.onlineCountUsers {
	float: left;				 
	display: inline-block;
	margin-left:4px;
	font-size: 13px;
}		 
				
				
/* Chrome 83.0.4103.61 bug fix */
/*
*, input, select, textarea, option, button {
    outline: none!important;
}
*/
textarea {
    outline: none!important;
}
/*
select {
    option:focus{
     outline: 0px transparent !important;
    }
}
*/
/* Chrome 83.0.4103.61 bug fix */ 


.cn_comment > .trackingInfoInComments {
	margin-left: 0px!important;
	margin-bottom: 10px!important;
}
.trackingInT24CommentsFlag  {
    cursor: pointer;
    
	/*
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
	*/
	 
	margin-top: -5px;
    padding-top: 5px;
    margin-bottom: -5px;
    padding-bottom: 5px;
    margin-left: -5px;
    padding-left: 5px;
    margin-right: -5px;
    padding-right: 5px;
}




/* ############### cn_user_stat_profile ########################### */

.cn_user_stat_profile {
    font-family: Helvetica,Arial,sans-serif;
	/* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
	}
							 .cn_user_stat_body {
								/* height: 120px;  */
								height: 100%; 
								
							 }
							 .cn_user_stat_profile_header {
								position: relative;
							 }
							 .cn_user_stat_avatar {
								position: absolute;
								left: 10px;
								top: 	0px; 
								box-sizing: content-box;
								background-color: #fff; 
							 }
							 .cn_user_stat_avatar img {
								width: 48px;
								height: 48px;
								/* height: auto; */
								 /* transition: transform 1000ms ease-out; */
								border: 0; 
								vertical-align: middle;
								background-color: #f9f9fb; 
								display: inline-block;
								border-radius: 100%;
							}
							.cn_user_stat_profile_user {
								margin-top: 10px;
								margin-left: 65px;
								padding-right: 25px;
								margin-bottom: 10px; 
								text-align: left; 
							 }
							 .cn_user_stat_profile_nick {
								font-variant-ligatures: no-common-ligatures;
								color: #212121;
								cursor: pointer;
								margin-left: 10px;
								vertical-align: middle;
							} 
							.cn_user_stat_profile_nick svg {
								vertical-align: middle;
							
							}
							.cn_user_stat_profile_nick > .cn_user_stat_profile_nick_ban_svg > svg {
								margin-bottom: 2px
							}
							.cn_user_stat_profile_nick > .cn_user_stat_profile_nick_mute_svg > svg {
								margin-bottom: 1px
							}
							
							.cn_user_stat_profile_nick_ban_img {
							    position: absolute;
							    margin-left: 3px;
								margin-top: 3px;
								height: 13px;
							}
							.cn_user_stat_profile_signup {
								font-size: 11px;
								margin-left: 10px;
								margin-top: 15px;
							}
							.cn_user_stat_profile_date {
								 font-size: 12px; 
							}
							 
							.cn_user_stat_profile_birth  {
								   font-size: 11px;
								   margin-top: 5px;
								   margin-left: 10px;
								   
							}
							.cn_user_stat_profile_section_1 {
								/* border-top: 1px solid #e9e9e9; */
								padding: 5px 0;
								text-align: center;
								/* margin-left: 18px; */
								
							}
							.cn_user_stat_profile_section_2 {
								border-top: 1px solid #e9e9e9;
								  padding: 7px 0;
								text-align: center;
								/* margin-left: 18px; */
							}
							.cn_user_stat_profile_section_digital b {
								font-size: 24px;
								color: #212121;
								font-weight: 400;
							}
							.cn_user_stat_profile_digital {
								cursor: default;
								font-size: 11px;
							}
							.cn_user_stat_profile_digital b+span {
								margin-left: 3px;
								margin-right: 5px;
								font-size: 12px;
							}
                             .cn_user_stat_profile_section_2 > span {
								  font-size: 11px;
							 }
							 .cn_user_stat_profile_set_pluses, .cn_user_stat_profile_recive_pluses {
								 color: #6c9b45;
								 font-weight: bold;
							 }
							 .cn_user_stat_profile_set_minuses, .cn_user_stat_profile_recive_minuses {
								 color: #FD5D47;
								 font-weight: bold;
							 }
							 .cn_user_stat_profile_top_raiting {
								    color: #6c9b45;
									font-size: 9px!important;
									position: relative;
									top: -2px;
									margin-left: 0px!important;
                                    margin-right: 0px!important;
							 } 
							 
							 
.cn_user_stat_popup {
				 
				position: absolute;
                opacity: 0;
				   
				    display: none;
					z-index: 9;
					background-color: #ffffff;
					-o-border-radius: 2px;
					-moz-border-radius: 2px;
					-khtml-border-radius: 2px;
					-webkit-border-radius: 2px;
					border-radius: 2px;
					-moz-background-clip: padding;
					-webkit-background-clip: padding-box;
					background-clip: padding-box;
					padding: 5px 5px;
					min-width: 320px;
                    max-width: 400px;
					box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
					/*
					transform: translate3d(0,20px,0);
                    transition: left 0ms cubic-bezier(0.23,1,.32,1) 400ms,opacity 600ms cubic-bezier(0.23,1,.32,1) 0ms,transform 400ms cubic-bezier(0.23,1,.32,1) 0ms;
					*/
					-webkit-transform: translateY(10px);
                     transform: translateY(10px);
					 /*  transition: transform 400ms cubic-bezier(0.23,1,.32,1) 0ms; */
					
				}
				
				.cn_user_stat-open {
						opacity: 1!important; 
						display: block;
						 /*
						 transform: translate3d(0,0,0);
						 transition: left 0ms cubic-bezier(0.23,1,.32,1) 0ms,opacity 600ms cubic-bezier(0.23,1,.32,1) 0ms,transform 400ms cubic-bezier(0.23,1,.32,1) 0ms;  
						  */
						  -webkit-transform: translateY(0px);
                          transform: translateY(0px);
						  /* transition: transform 400ms cubic-bezier(0.23,1,.32,1) 0ms; */
					}
					
					.cn_user_stat_trgl[vector=up] {
						border-width: 0 20px 20px 20px;
						/* border-color: transparent transparent #323232 transparent; */
						border-color: transparent transparent  #f7f6f6  transparent;
						top: -19px;
					}
					.cn_user_stat_trgl[vector=down] {
						border-width: 10px 10px 0 10px;
						/* border-color: #323232 transparent transparent transparent; */
						border-color: #ffffff transparent transparent transparent;
						top: 52px; 
					}
					.cn_user_stat_trgl {
						position: absolute;
						border-style: solid;
						left: 50%;
						margin-left: -20px;
						width: 0;
						height: 0;
					}
					.cn_user_stat_popup____:after {
						    content: "";
							position: absolute;
							width: 0;
							height: 0;
							border-style: solid;
							border-color: #3979de70;
							border-left: 0;
							/* bottom: 40px; */
							left: 45%;
							border-top-color: #f13d3d;
							border-width: 20px;
							z-index: 0;
					}
					
					.cn_user_stat_wrap {
						width: 100%;
						position: relative;
						height:100px;
						
					}
					.cn_user_stat_title {  
							font-size: 14px;
							display: inline;
							position: relative;
							color: #3a609b;
							font-weight: 500;
							padding-left: 10px;
					 } 
				 
					.cn_user_stat_close {
						cursor: pointer;
						color: #7a9cd2;
						text-align: right;
						vertical-align: middle;
						transition: color 0ms cubic-bezier(0.23,1,.32,1) 0ms;
						font-size: 20px;
						width: 24px;
						position: absolute;
						right: 4px;
						top: 1px;
						padding: 3px;
						text-align: center;
					}
					
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow, .bs-popover-top .cn_user_stat_arrow {
						bottom: calc((.5rem + 1px) * -1);
					}
					.cn_user_stat_popover .cn_user_stat_arrow {
						position: absolute;
						display: block;
						width: 1rem;
						height: .5rem;
						margin: 0 .3rem;
					}
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow, .bs-popover-top .cn_user_stat_arrow {
						bottom: calc((.5rem + 1px) * -1);
					}
					.cn_user_stat_popover .cn_user_stat_arrow {
						position: absolute;
						display: block;
						width: 1rem;
						height: .5rem;
						margin: 0 .3rem;
					}
					
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::before, .bs-popover-top .cn_user_stat_arrow::before {
						bottom: 0;
						border-top-color: rgba(0,0,0,.25);
					}
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::after, .bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::before, .bs-popover-top .cn_user_stat_arrow::after, .bs-popover-top .cn_user_stat_arrow::before {
						border-width: .5rem .5rem 0;
					}
					.cn_user_stat_popover .cn_user_stat_arrow::after, .cn_user_stat_popover .cn_user_stat_arrow::before {
						position: absolute;
						display: block;
						content: "";
						border-color: transparent;
						border-style: solid;
					}
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::before, .bs-popover-top .cn_user_stat_arrow::before {
						bottom: 0;
						border-top-color: rgba(0,0,0,.25);
					}
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::after, .bs-popover-top .cn_user_stat_arrow::after {
						bottom: 1px;
						border-top-color: #fff;
					}
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::after, .bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::before, .bs-popover-top .cn_user_stat_arrow::after, .bs-popover-top .cn_user_stat_arrow::before {
						border-width: .5rem .5rem 0;
					}
					.cn_user_stat_popover .cn_user_stat_arrow::after, .cn_user_stat_popover .cn_user_stat_arrow::before {
						position: absolute;
						display: block;
						content: "";
						border-color: transparent;
						border-style: solid;
					}
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::after, .bs-popover-top .cn_user_stat_arrow::after {
						bottom: 1px;
						border-top-color: #fff;
					}
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::after, .bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::before, .bs-popover-top .cn_user_stat_arrow::after, .bs-popover-top .cn_user_stat_arrow::before {
						border-width: .5rem .5rem 0;
					}
					.cn_user_stat_popover .cn_user_stat_arrow::after, .cn_user_stat_popover .cn_user_stat_arrow::before {
						position: absolute;
						display: block;
						content: "";
						border-color: transparent;
						border-style: solid;
					}
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::before, .bs-popover-top .cn_user_stat_arrow::before {
							bottom: 0;
							border-top-color: rgba(0,0,0,.25);
					 }
					 .bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::after, .bs-popover-top .cn_user_stat_arrow::after {
						bottom: 1px;
						border-top-color: #fff;
					}
					.bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::after, .bs-popover-auto[x-placement^=top] .cn_user_stat_arrow::before, .bs-popover-top .cn_user_stat_arrow::after, .bs-popover-top .cn_user_stat_arrow::before {
						border-width: .5rem .5rem 0;
					}
					
					
					
					
					/* ################ */
					
					
					.cn_user_stat_close_button {
							position: relative;
							display: inline-block;
							/* right: 12px; */
							/* top: 12px; */
							width: 13px;
							height: 13px;
							opacity: 1;
							cursor: pointer;
							margin: 5px;
						}
						.cn_user_stat_close_button:before {
							transform: rotate(45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_user_stat_close_button:after {
							transform: rotate(-45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_user_stat_close_button:before, .cn_user_stat_close_button:after {
							position: absolute;
							left: 5px;
							content: ' ';
							height: 13px;
							width: 1.5px;
							background-color: #7f7f7f;
							top: 2px;
						}
						.cn_user_stat_close_button:hover {
							opacity: 1;
						}
						
						.cn_user_stat_close_button:hover:before {
							transform: rotate(225deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_user_stat_close_button:before {
							transform: rotate(45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_user_stat_close_button:before, .cn_user_stat_close_button:after {
							position: absolute;
							left: 5px;
							content: ' ';
							height: 13px;
							width: 1.5px;
							background-color: #7f7f7f;
							top: 2px;
						}
						.cn_user_stat_close_button:hover:after {
							transform: rotate(135deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_user_stat_close_button:after {
							transform: rotate(-45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_user_stat_close_button:before, .cn_user_stat_close_button:after {
							position: absolute;
							left: 5px;
							content: ' ';
							height: 13px;
							width: 1.5px;
							background-color: #7f7f7f;
							top: 2px;
                        }							 
							 
							 
							 
/* ############### cn_user_stat_profile ########################### */							 





/* ############### cn_like_stat_profile ########################### */
.cn_like_stat_rows {
	margin: 0 19px 0 0px;
    /* padding: 0 5px 0 5px; */
}
.cn_like_stat_avatar {
	width: 32px;
    height: 32px;
    line-height: 45px;
    text-align: center; 
    color: #FFF;
    position: relative;
	float: left;  
    margin: 3px;
    padding: 3px;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -o-box-shadow: 0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
    -khtml-box-shadow: 0 0 2px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.1);
    box-shadow: 0 0 2px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.1);
	opacity: 1;
}

.cn_like_stat_avatar_red_bg {	
	-o-box-shadow: 0 0 5px rgba(222 15 15),0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px rgba(222 15 15),0 2px 4px rgba(0,0,0,.1);
    -khtml-box-shadow: 0 0 5px rgba(222 15 15),0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 5px rgba(222 15 15), 0 2px 4px rgba(0,0,0,.1);
     box-shadow: 0 0 5px rgb(222 15 15), 0 2px 4px rgb(0 0 0 / 10%);
}

 .cn_like_stat_avatar {
	/* position: absolute; */
	/* left: 10px;*/ 
	top: 	0px; 
	box-sizing: content-box;
	background-color: #fff; 
 }
 .cn_like_stat_avatar img {
	width: 48px;
	height: 48px; 
	border: 0; 
	vertical-align: middle;
	background-color: #f9f9fb; 
	display: inline-block;
	border-radius: 100%;
}

.cn_like_stat {
    font-family: Helvetica,Arial,sans-serif;	
}
							 .cn_like_stat_body {
								height: 100%; 
							 }
							 .cn_like_stat_profile_header {
								position: relative;
							 }
							
							.cn_like_stat_profile_user {
								margin-top: 10px;
								margin-left: 65px;
								padding-right: 25px;
								margin-bottom: 10px; 
								text-align: left; 
							 }
							 .cn_like_stat_profile_nick {
								font-variant-ligatures: no-common-ligatures;
								color: #212121;
								cursor: pointer;
								margin-left: 10px;
								vertical-align: middle;
							} 
							.cn_like_stat_profile_nick svg {
								vertical-align: middle;
							
							}
							.cn_like_stat_profile_nick > .cn_like_stat_profile_nick_ban_svg > svg {
								margin-bottom: 2px
							}
							.cn_like_stat_profile_nick > .cn_like_stat_profile_nick_mute_svg > svg {
								margin-bottom: 1px
							}
							
							.cn_like_stat_profile_nick_ban_img {
							    position: absolute;
							    margin-left: 3px;
								margin-top: 3px;
								height: 13px;
							}
							.cn_like_stat_profile_signup {
								font-size: 11px;
								margin-left: 10px;
								margin-top: 15px;
							}
							.cn_like_stat_profile_date {
								 font-size: 12px; 
							}
							 
							.cn_like_stat_profile_birth  {
								   font-size: 11px;
								   margin-top: 5px;
								   margin-left: 10px;
								   
							}
							.cn_like_stat_profile_section_1 {
							
								padding: 5px 0;
								text-align: center;
								
								
							}
							.cn_like_stat_profile_section_2 {
								border-top: 1px solid #e9e9e9;
								  padding: 7px 0;
								text-align: center;
								
							}
							.cn_like_stat_profile_section_digital b {
								font-size: 24px;
								color: #212121;
								font-weight: 400;
							}
							.cn_like_stat_profile_digital {
								cursor: default;
								font-size: 11px;
							}
							.cn_like_stat_profile_digital b+span {
								margin-left: 3px;
								margin-right: 5px;
								font-size: 12px;
							}
                             .cn_like_stat_profile_section_2 > span {
								  font-size: 11px;
							 }
							 .cn_like_stat_profile_set_pluses, .cn_like_stat_profile_recive_pluses {
								 color: #6c9b45;
								 font-weight: bold;
							 }
							 .cn_like_stat_profile_set_minuses, .cn_like_stat_profile_recive_minuses {
								 color: #FD5D47;
								 font-weight: bold;
							 }
							 
							 
							 
							 
							 
							 
.cn_like_stat_popup { 
				position: absolute;
                opacity: 0;
				display: none;
				z-index: 9;
				background-color: #ffffff;
				-o-border-radius: 2px;
				-moz-border-radius: 2px;
				-khtml-border-radius: 2px;
				-webkit-border-radius: 2px;
				border-radius: 2px;
				-moz-background-clip: padding;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				padding: 5px 5px;
				min-width: 50px;
				max-width: 400px;
				box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46); 
				-webkit-transform: translateY(10px);
				 transform: translateY(10px); 
				}
				
				.cn_like_stat-opened {
					opacity: 1!important; 
					display: block;						
					-webkit-transform: translateY(0px);
                       transform: translateY(0px);
				}
					
				.cn_like_stat_trgl[vector=up] {
					border-width: 0 20px 20px 20px;
					
					border-color: transparent transparent  #f7f6f6  transparent;
					top: -19px;
				}
				.cn_like_stat_trgl[vector=down] {
					border-width: 10px 10px 0 10px;
				
					border-color: #ffffff transparent transparent transparent;
					top: 52px; 
				}
				.cn_like_stat_trgl {
					position: absolute;
					border-style: solid;
					left: 50%;
					margin-left: -20px;
					width: 0;
					height: 0;
				}
				.cn_like_stat_popup____:after {
						content: "";
						position: absolute;
						width: 0;
						height: 0;
						border-style: solid;
						border-color: #3979de70;
						border-left: 0;
						
						left: 45%;
						border-top-color: #f13d3d;
						border-width: 20px;
						z-index: 0;
				}
				
				.cn_like_stat_wrap {
					width: 100%;
					position: relative;
					height:100px;
					
				}
				.cn_like_stat_title {  
						font-size: 14px;
						display: inline;
						position: relative;
						color: #3a609b;
						font-weight: 500;
						padding-left: 10px;
				 } 
				 
					.cn_like_stat_close {
						cursor: pointer;
						color: #7a9cd2;
						text-align: right;
						vertical-align: middle;
						transition: color 0ms cubic-bezier(0.23,1,.32,1) 0ms;
						font-size: 20px;
						width: 24px;
						position: absolute;
						right: 4px;
						top: 1px;
						padding: 3px;
						text-align: center;
					}
					
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow, .bs-popover-top .cn_like_stat_arrow {
						bottom: calc((.5rem + 1px) * -1);
					}
					.cn_like_stat_popover .cn_like_stat_arrow {
						position: absolute;
						display: block;
						width: 1rem;
						height: .5rem;
						margin: 0 .3rem;
					}
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow, .bs-popover-top .cn_like_stat_arrow {
						bottom: calc((.5rem + 1px) * -1);
					}
					.cn_like_stat_popover .cn_like_stat_arrow {
						position: absolute;
						display: block;
						width: 1rem;
						height: .5rem;
						margin: 0 .3rem;
					}
					
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::before, .bs-popover-top .cn_like_stat_arrow::before {
						bottom: 0;
						border-top-color: rgba(0,0,0,.25);
					}
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::after, .bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::before, .bs-popover-top .cn_like_stat_arrow::after, .bs-popover-top .cn_like_stat_arrow::before {
						border-width: .5rem .5rem 0;
					}
					.cn_like_stat_popover .cn_like_stat_arrow::after, .cn_like_stat_popover .cn_like_stat_arrow::before {
						position: absolute;
						display: block;
						content: "";
						border-color: transparent;
						border-style: solid;
					}
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::before, .bs-popover-top .cn_like_stat_arrow::before {
						bottom: 0;
						border-top-color: rgba(0,0,0,.25);
					}
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::after, .bs-popover-top .cn_like_stat_arrow::after {
						bottom: 1px;
						border-top-color: #fff;
					}
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::after, .bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::before, .bs-popover-top .cn_like_stat_arrow::after, .bs-popover-top .cn_like_stat_arrow::before {
						border-width: .5rem .5rem 0;
					}
					.cn_like_stat_popover .cn_like_stat_arrow::after, .cn_like_stat_popover .cn_like_stat_arrow::before {
						position: absolute;
						display: block;
						content: "";
						border-color: transparent;
						border-style: solid;
					}
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::after, .bs-popover-top .cn_like_stat_arrow::after {
						bottom: 1px;
						border-top-color: #fff;
					}
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::after, .bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::before, .bs-popover-top .cn_like_stat_arrow::after, .bs-popover-top .cn_like_stat_arrow::before {
						border-width: .5rem .5rem 0;
					}
					.cn_like_stat_popover .cn_like_stat_arrow::after, .cn_like_stat_popover .cn_like_stat_arrow::before {
						position: absolute;
						display: block;
						content: "";
						border-color: transparent;
						border-style: solid;
					}
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::before, .bs-popover-top .cn_like_stat_arrow::before {
							bottom: 0;
							border-top-color: rgba(0,0,0,.25);
					 }
					 .bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::after, .bs-popover-top .cn_like_stat_arrow::after {
						bottom: 1px;
						border-top-color: #fff;
					}
					.bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::after, .bs-popover-auto[x-placement^=top] .cn_like_stat_arrow::before, .bs-popover-top .cn_like_stat_arrow::after, .bs-popover-top .cn_like_stat_arrow::before {
						border-width: .5rem .5rem 0;
					}
					
					
					
					
					
					
					
					.cn_like_stat_close_button {
							position: relative;
							display: inline-block;
							
							width: 13px;
							height: 13px;
							opacity: 1;
							cursor: pointer;
							margin: 5px;
						}
						.cn_like_stat_close_button:before {
							transform: rotate(45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_like_stat_close_button:after {
							transform: rotate(-45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_like_stat_close_button:before, .cn_like_stat_close_button:after {
							position: absolute;
							left: 5px;
							content: ' ';
							height: 13px;
							width: 1.5px;
							background-color: #7f7f7f;
							top: 2px;
						}
						.cn_like_stat_close_button:hover {
							opacity: 1;
						}
						
						.cn_like_stat_close_button:hover:before {
							transform: rotate(225deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_like_stat_close_button:before {
							transform: rotate(45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_like_stat_close_button:before, .cn_like_stat_close_button:after {
							position: absolute;
							left: 5px;
							content: ' ';
							height: 13px;
							width: 1.5px;
							background-color: #7f7f7f;
							top: 2px;
						}
						.cn_like_stat_close_button:hover:after {
							transform: rotate(135deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_like_stat_close_button:after {
							transform: rotate(-45deg);
							transition-duration: 300ms;
							transition-timing-function: ease-out;
						}
						.cn_like_stat_close_button:before, .cn_like_stat_close_button:after {
							position: absolute;
							left: 5px;
							content: ' ';
							height: 13px;
							width: 1.5px;
							background-color: #7f7f7f;
							top: 2px;
                        }							 
							 
							 
							 
/* ############### cn_like_stat ########################### */							 









/* ############### css tooltips ########################### */	
 /*
a {
  background: #D2D7D3;
  color: #222;
  border-radius: 100%;
  display: inline-block;
  text-decoration: none;
  position: relative;
  width: 40px;
  height: 28px;
  margin: 0 2px;
  padding-top: 12px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

a.icon:before {
  font-family: "FontAwesome", sans-serif;
  color: #fff;
  font-size: 20px;
}

a.facebook:before {
  content: '\f09a';
}

a.twitter:before {
  content: '\f099';
}

a.github:before {
  content: '\f113';
}

a.dribble:before {
  content: '\f17d';
}

a.pinterest:before {
  content: '\f0d2';
}

a span {
  background: #fff;
  color: #222;
  font-size: 14px;
  font-weight: bold;
  position:  absolute;
  bottom: 0;
  left: -25px;
  right: -25px;
  padding: 5px 7px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
}

a span:before {
  content: ''; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  bottom: -5px;
  left: 40px;
}

a:hover span {
  bottom: 50px;
  visibility: visible;
  opacity: 1;
}


 

a.facebook:hover {
  background-color: #4183d7; 
  color: #bfbfbf;
}

a.facebook span {
  color: #4183d7;
}

a.twitter:hover {
  background-color: #19b5fe;
  color: #fff;
}

a.twitter span {
  color: #19b5fe;
}

a.github:hover {
  background-color: #000;
  color: #fff;
}

a.github span {
  color: #000;
}

a.dribble:hover {
  background-color: #f62459;
  color: #fff;
}

a.dribble span {
  color: #f62459;
}

a.pinterest:hover {
  background-color: #f22613;
  color: #fff;
}

a.pinterest span {
  color: #f22613;
}

*/





/* avatars */

.onlineCountUsersBadge {
	background: #3F9726;
	color: #fff;
	font-weight: 300;
	padding: 1px 6px;
	border-radius: 82px;
	font-size: 9px;
	position: absolute;
	bottom: 2px;
	right: -10px;
}

.onlineAvatarUsersBox {
	float: left;
	display: inline-block;
	margin-left: 10px;
	position: relative;
	margin-right: 25px;
}
.onlineAvatarUsersBoxWrapper {
	 /* margin-top: 28px; */
}
.onlineAvatarsContainer {
	  display: flex;
	  flex-direction: row;
	  align-items: flex-end;
}
.onlineAvatarRound {
	border-radius: 80px;
	border: 2px solid #ffffff;
	width: 32px;
	height: 32px;
	margin-left: -8px;
	background: url(https://comments.track24.net/img/no_avatar.png) 100% 100% no-repeat;
	background-size: cover;
	
	-webkit-transition:  background 0.3s;
    -moz-transition:  background 0.3s;
    -o-transition: background 0.3s
    transition: background 0.3s;
} 
.onlineAvatarRound:first-child {
	margin-left: 0;
}
.onlineAvatar {
	background-size: cover;
}
.onlineAvatar_1 {
	background: url(https://tp.kontur.ru/csi-reporter/45b735e81f6abc8e3e3682f26914eb68.jpg) 100% 100% no-repeat;
	background-size: cover;
	
}
 .onlineAvatar_2 {
	  background: url(https://tp.kontur.ru/csi-reporter/aa63621800bbd6f5cb632807bfae7f20.jpg) 100% 100% no-repeat;
	  background-size: cover;
		
	}
 .onlineAvatar_3 {
	 background: url(https://tp.kontur.ru/csi-reporter/26d34a69adb8bc4217365b24a2a28f7d.jpg) 100% 100% no-repeat;
	 background-size: cover;
			
 } 
 
 
 
 
    /* simpleTooltip */
      .sTooltip {
		 cursor: pointer;
	  }
	  
      .simpleTooltip {
        background: #333;
        color: white; 
		 
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	    /* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
	
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
		
        padding: 4px 8px;
        
        border-radius: 1px;
        /* display: none; */
		
		text-align: left;
		text-align: start;
		text-decoration: none;
		text-shadow: none;
		text-transform: none;
		letter-spacing: normal;
		word-break: normal;
		word-spacing: normal;
		word-wrap: normal;
		white-space: normal;
		
		filter: alpha(opacity=0);
		opacity: 0;
		line-break: auto;
		text-align: left;
	
		 
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0s linear 0.3s;
		 
		opacity: 0;
		-webkit-transition: opacity 1s linear;
		-o-transition: opacity 1s linear;
		transition: opacity 1s linear;
		
		
		position: absolute;
		z-index: 999;
		/*
	   -webkit-transform: translateY(0px);
       transform: translateY(0px);
       transition: transform 400ms cubic-bezier(0.23,1,.32,1) 0ms;
	   */
		
      }

      .simpleTooltip[data-show^='true'] {
        display: block; 
		white-space: nowrap; 
		filter: alpha(opacity=90);
        opacity: .9;
		visibility: visible;
		-webkit-transition: opacity 1s linear;
		-o-transition: opacity 1s linear;
		transition: opacity 1s linear;
		/* transition-delay: 1s; */
		 /*
		-webkit-transform: translateY(10px);
        transform: translateY(10px);
        transition: transform 400ms cubic-bezier(0.23,1,.32,1) 0ms;
		*/
      }

      .simpleTooltip_arrow, .simpleTooltip_arrow::before {
        position: absolute;
        width: 8px;
        height: 8px;
        z-index: -1;
      }

      .simpleTooltip_arrow::before {
        content: '';
        transform: rotate(45deg);
        background: #333;
      }

      .simpleTooltip[data-popper-placement^='top'] > .simpleTooltip_arrow {
        bottom: -4px;
      }

      .simpleTooltip[data-popper-placement^='bottom'] > .simpleTooltip_arrow {
        top: -4px;
      }

      .simpleTooltip[data-popper-placement^='left'] > .simpleTooltip_arrow {
        right: -4px;
      }

      .simpleTooltip[data-popper-placement^='right'] > .simpleTooltip_arrow {
        left: -4px;
      }
	  
 /* simpleTooltip */
 
 
 
 
 .cn_debug_box {
    float: left; 
    display: inline-block;
    margin-top: 6px;
    margin-left: 15px;
	font-size: 11px;
    color: #777;
 }
 
 
  

.comment-blockquote {
   margin-top: 1em;
    position: relative;
    padding-left: 0.6em;
    border-left: 0.2em solid #577889;
	font-family: 'Roboto', serif; 
    /* font-family: 'Comfortaa','Nunito','Helvetica Neue','Roboto',Helvetica,Arial,sans-serif; */
    font-weight: 100;
    font-size: 14px;
    color: #577889;
    margin-inline-start: 0.7em;
}
.comment-blockquote:before {
     content: '\201C';
     font-family: 'Roboto', serif;
     color: #4d91b3;
}

.comment-blockquote:after {
     content: '\201D';
     font-family: 'Roboto', serif;
     color: #4d91b3; 
}

.comment-flip {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); 
    -o-transform: rotate(180deg); 
    text-align: right;
}
pre.comment-code {
    background: #f5f2f0;
	padding: 1em;
    margin: .5em 0;
    overflow: auto;
}

code.comment-code {
   color: #000;
    background: 0 0;
    text-shadow: 0 1px #fff;
    font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.trackCodeInComments  {
	margin-left: 0px;
	margin-right: 0px;
	cursor:pointer;
	/*
	position: relative; 
	*/
} 

.trackCodeInComments > svg {
   vertical-align: baseline;
   margin-bottom: -1px;

   /*
   bottom: -1px;
   position: relative;     
   */
}
.hiddenComment {
	color: #868585;
}


.flag{position:relative;display:inline-block;width:1.2em;height:0.8em;vertical-align:-1px;background-repeat:no-repeat;background-position:center;background-size:cover;border:0.5px solid #cccccc61;border-radius:0px}.flag-country-ad{background-image:url(../img/flags/ad.svg)}.flag-country-ae{background-image:url(../img/flags/ae.svg)}.flag-country-af{background-image:url(../img/flags/af.svg)}.flag-country-ag{background-image:url(../img/flags/ag.svg)}.flag-country-ai{background-image:url(../img/flags/ai.svg)}.flag-country-al{background-image:url(../img/flags/al.svg)}.flag-country-am{background-image:url(../img/flags/am.svg)}.flag-country-ao{background-image:url(../img/flags/ao.svg)}.flag-country-aq{background-image:url(../img/flags/aq.svg)}.flag-country-ar{background-image:url(../img/flags/ar.svg)}.flag-country-as{background-image:url(../img/flags/as.svg)}.flag-country-at{background-image:url(../img/flags/at.svg)}.flag-country-au{background-image:url(../img/flags/au.svg)}.flag-country-aw{background-image:url(../img/flags/aw.svg)}.flag-country-ax{background-image:url(../img/flags/ax.svg)}.flag-country-az{background-image:url(../img/flags/az.svg)}.flag-country-ba{background-image:url(../img/flags/ba.svg)}.flag-country-bb{background-image:url(../img/flags/bb.svg)}.flag-country-bd{background-image:url(../img/flags/bd.svg)}.flag-country-be{background-image:url(../img/flags/be.svg)}.flag-country-bf{background-image:url(../img/flags/bf.svg)}.flag-country-bg{background-image:url(../img/flags/bg.svg)}.flag-country-bh{background-image:url(../img/flags/bh.svg)}.flag-country-bi{background-image:url(../img/flags/bi.svg)}.flag-country-bj{background-image:url(../img/flags/bj.svg)}.flag-country-bl{background-image:url(../img/flags/bl.svg)}.flag-country-bm{background-image:url(../img/flags/bm.svg)}.flag-country-bn{background-image:url(../img/flags/bn.svg)}.flag-country-bo{background-image:url(../img/flags/bo.svg)}.flag-country-bq{background-image:url(../img/flags/bq.svg)}.flag-country-br{background-image:url(../img/flags/br.svg)}.flag-country-bs{background-image:url(../img/flags/bs.svg)}.flag-country-bt{background-image:url(../img/flags/bt.svg)}.flag-country-bv{background-image:url(../img/flags/bv.svg)}.flag-country-bw{background-image:url(../img/flags/bw.svg)}.flag-country-by{background-image:url(../img/flags/by.svg)}.flag-country-bz{background-image:url(../img/flags/bz.svg)}.flag-country-ca{background-image:url(../img/flags/ca.svg)}.flag-country-cc{background-image:url(../img/flags/cc.svg)}.flag-country-cd{background-image:url(../img/flags/cd.svg)}.flag-country-cf{background-image:url(../img/flags/cf.svg)}.flag-country-cg{background-image:url(../img/flags/cg.svg)}.flag-country-ch{background-image:url(../img/flags/ch.svg)}.flag-country-ci{background-image:url(../img/flags/ci.svg)}.flag-country-ck{background-image:url(../img/flags/ck.svg)}.flag-country-cl{background-image:url(../img/flags/cl.svg)}.flag-country-cm{background-image:url(../img/flags/cm.svg)}.flag-country-cn{background-image:url(../img/flags/cn.svg)}.flag-country-co{background-image:url(../img/flags/co.svg)}.flag-country-cr{background-image:url(../img/flags/cr.svg)}.flag-country-cu{background-image:url(../img/flags/cu.svg)}.flag-country-cv{background-image:url(../img/flags/cv.svg)}.flag-country-cw{background-image:url(../img/flags/cw.svg)}.flag-country-cx{background-image:url(../img/flags/cx.svg)}.flag-country-cy{background-image:url(../img/flags/cy.svg)}.flag-country-cz{background-image:url(../img/flags/cz.svg)}.flag-country-de{background-image:url(../img/flags/de.svg)}.flag-country-dj{background-image:url(../img/flags/dj.svg)}.flag-country-dk{background-image:url(../img/flags/dk.svg)}.flag-country-dm{background-image:url(../img/flags/dm.svg)}.flag-country-do{background-image:url(../img/flags/do.svg)}.flag-country-dz{background-image:url(../img/flags/dz.svg)}.flag-country-ec{background-image:url(../img/flags/ec.svg)}.flag-country-ee{background-image:url(../img/flags/ee.svg)}.flag-country-eg{background-image:url(../img/flags/eg.svg)}.flag-country-eh{background-image:url(../img/flags/eh.svg)}.flag-country-er{background-image:url(../img/flags/er.svg)}.flag-country-es{background-image:url(../img/flags/es.svg)}.flag-country-et{background-image:url(../img/flags/et.svg)}.flag-country-fi{background-image:url(../img/flags/fi.svg)}.flag-country-fj{background-image:url(../img/flags/fj.svg)}.flag-country-fk{background-image:url(../img/flags/fk.svg)}.flag-country-fm{background-image:url(../img/flags/fm.svg)}.flag-country-fo{background-image:url(../img/flags/fo.svg)}.flag-country-fr{background-image:url(../img/flags/fr.svg)}.flag-country-ga{background-image:url(../img/flags/ga.svg)}.flag-country-gb{background-image:url(../img/flags/gb.svg)}.flag-country-gd{background-image:url(../img/flags/gd.svg)}.flag-country-ge{background-image:url(../img/flags/ge.svg)}.flag-country-gf{background-image:url(../img/flags/gf.svg)}.flag-country-gg{background-image:url(../img/flags/gg.svg)}.flag-country-gh{background-image:url(../img/flags/gh.svg)}.flag-country-gi{background-image:url(../img/flags/gi.svg)}.flag-country-gl{background-image:url(../img/flags/gl.svg)}.flag-country-gm{background-image:url(../img/flags/gm.svg)}.flag-country-gn{background-image:url(../img/flags/gn.svg)}.flag-country-gp{background-image:url(../img/flags/gp.svg)}.flag-country-gq{background-image:url(../img/flags/gq.svg)}.flag-country-gr{background-image:url(../img/flags/gr.svg)}.flag-country-gs{background-image:url(../img/flags/gs.svg)}.flag-country-gt{background-image:url(../img/flags/gt.svg)}.flag-country-gu{background-image:url(../img/flags/gu.svg)}.flag-country-gw{background-image:url(../img/flags/gw.svg)}.flag-country-gy{background-image:url(../img/flags/gy.svg)}.flag-country-hk{background-image:url(../img/flags/hk.svg)}.flag-country-hm{background-image:url(../img/flags/hm.svg)}.flag-country-hn{background-image:url(../img/flags/hn.svg)}.flag-country-hr{background-image:url(../img/flags/hr.svg)}.flag-country-ht{background-image:url(../img/flags/ht.svg)}.flag-country-hu{background-image:url(../img/flags/hu.svg)}.flag-country-id{background-image:url(../img/flags/id.svg)}.flag-country-ie{background-image:url(../img/flags/ie.svg)}.flag-country-il{background-image:url(../img/flags/il.svg)}.flag-country-im{background-image:url(../img/flags/im.svg)}.flag-country-in{background-image:url(../img/flags/in.svg)}.flag-country-io{background-image:url(../img/flags/io.svg)}.flag-country-iq{background-image:url(../img/flags/iq.svg)}.flag-country-ir{background-image:url(../img/flags/ir.svg)}.flag-country-is{background-image:url(../img/flags/is.svg)}.flag-country-it{background-image:url(../img/flags/it.svg)}.flag-country-je{background-image:url(../img/flags/je.svg)}.flag-country-jm{background-image:url(../img/flags/jm.svg)}.flag-country-jo{background-image:url(../img/flags/jo.svg)}.flag-country-jp{background-image:url(../img/flags/jp.svg)}.flag-country-ke{background-image:url(../img/flags/ke.svg)}.flag-country-kg{background-image:url(../img/flags/kg.svg)}.flag-country-kh{background-image:url(../img/flags/kh.svg)}.flag-country-ki{background-image:url(../img/flags/ki.svg)}.flag-country-km{background-image:url(../img/flags/km.svg)}.flag-country-kn{background-image:url(../img/flags/kn.svg)}.flag-country-kp{background-image:url(../img/flags/kp.svg)}.flag-country-kr{background-image:url(../img/flags/kr.svg)}.flag-country-kw{background-image:url(../img/flags/kw.svg)}.flag-country-ky{background-image:url(../img/flags/ky.svg)}.flag-country-kz{background-image:url(../img/flags/kz.svg)}.flag-country-la{background-image:url(../img/flags/la.svg)}.flag-country-lb{background-image:url(../img/flags/lb.svg)}.flag-country-lc{background-image:url(../img/flags/lc.svg)}.flag-country-li{background-image:url(../img/flags/li.svg)}.flag-country-lk{background-image:url(../img/flags/lk.svg)}.flag-country-lr{background-image:url(../img/flags/lr.svg)}.flag-country-ls{background-image:url(../img/flags/ls.svg)}.flag-country-lt{background-image:url(../img/flags/lt.svg)}.flag-country-lu{background-image:url(../img/flags/lu.svg)}.flag-country-lv{background-image:url(../img/flags/lv.svg)}.flag-country-ly{background-image:url(../img/flags/ly.svg)}.flag-country-ma{background-image:url(../img/flags/ma.svg)}.flag-country-mc{background-image:url(../img/flags/mc.svg)}.flag-country-md{background-image:url(../img/flags/md.svg)}.flag-country-me{background-image:url(../img/flags/me.svg)}.flag-country-mf{background-image:url(../img/flags/mf.svg)}.flag-country-mg{background-image:url(../img/flags/mg.svg)}.flag-country-mh{background-image:url(../img/flags/mh.svg)}.flag-country-mk{background-image:url(../img/flags/mk.svg)}.flag-country-ml{background-image:url(../img/flags/ml.svg)}.flag-country-mm{background-image:url(../img/flags/mm.svg)}.flag-country-mn{background-image:url(../img/flags/mn.svg)}.flag-country-mo{background-image:url(../img/flags/mo.svg)}.flag-country-mp{background-image:url(../img/flags/mp.svg)}.flag-country-mq{background-image:url(../img/flags/mq.svg)}.flag-country-mr{background-image:url(../img/flags/mr.svg)}.flag-country-ms{background-image:url(../img/flags/ms.svg)}.flag-country-mt{background-image:url(../img/flags/mt.svg)}.flag-country-mu{background-image:url(../img/flags/mu.svg)}.flag-country-mv{background-image:url(../img/flags/mv.svg)}.flag-country-mw{background-image:url(../img/flags/mw.svg)}.flag-country-mx{background-image:url(../img/flags/mx.svg)}.flag-country-my{background-image:url(../img/flags/my.svg)}.flag-country-mz{background-image:url(../img/flags/mz.svg)}.flag-country-na{background-image:url(../img/flags/na.svg)}.flag-country-nc{background-image:url(../img/flags/nc.svg)}.flag-country-ne{background-image:url(../img/flags/ne.svg)}.flag-country-nf{background-image:url(../img/flags/nf.svg)}.flag-country-ng{background-image:url(../img/flags/ng.svg)}.flag-country-ni{background-image:url(../img/flags/ni.svg)}.flag-country-nl{background-image:url(../img/flags/nl.svg)}.flag-country-no{background-image:url(../img/flags/no.svg)}.flag-country-np{background-image:url(../img/flags/np.svg)}.flag-country-nr{background-image:url(../img/flags/nr.svg)}.flag-country-nu{background-image:url(../img/flags/nu.svg)}.flag-country-nz{background-image:url(../img/flags/nz.svg)}.flag-country-om{background-image:url(../img/flags/om.svg)}.flag-country-pa{background-image:url(../img/flags/pa.svg)}.flag-country-pe{background-image:url(../img/flags/pe.svg)}.flag-country-pf{background-image:url(../img/flags/pf.svg)}.flag-country-pg{background-image:url(../img/flags/pg.svg)}.flag-country-ph{background-image:url(../img/flags/ph.svg)}.flag-country-pk{background-image:url(../img/flags/pk.svg)}.flag-country-pl{background-image:url(../img/flags/pl.svg)}.flag-country-pm{background-image:url(../img/flags/pm.svg)}.flag-country-pn{background-image:url(../img/flags/pn.svg)}.flag-country-pr{background-image:url(../img/flags/pr.svg)}.flag-country-ps{background-image:url(../img/flags/ps.svg)}.flag-country-pt{background-image:url(../img/flags/pt.svg)}.flag-country-pw{background-image:url(../img/flags/pw.svg)}.flag-country-py{background-image:url(../img/flags/py.svg)}.flag-country-qa{background-image:url(../img/flags/qa.svg)}.flag-country-re{background-image:url(../img/flags/re.svg)}.flag-country-ro{background-image:url(../img/flags/ro.svg)}.flag-country-rs{background-image:url(../img/flags/rs.svg)}.flag-country-ru{background-image:url(../img/flags/ru.svg)}.flag-country-rw{background-image:url(../img/flags/rw.svg)}.flag-country-sa{background-image:url(../img/flags/sa.svg)}.flag-country-sb{background-image:url(../img/flags/sb.svg)}.flag-country-sc{background-image:url(../img/flags/sc.svg)}.flag-country-sd{background-image:url(../img/flags/sd.svg)}.flag-country-se{background-image:url(../img/flags/se.svg)}.flag-country-sg{background-image:url(../img/flags/sg.svg)}.flag-country-sh{background-image:url(../img/flags/sh.svg)}.flag-country-si{background-image:url(../img/flags/si.svg)}.flag-country-sj{background-image:url(../img/flags/sj.svg)}.flag-country-sk{background-image:url(../img/flags/sk.svg)}.flag-country-sl{background-image:url(../img/flags/sl.svg)}.flag-country-sm{background-image:url(../img/flags/sm.svg)}.flag-country-sn{background-image:url(../img/flags/sn.svg)}.flag-country-so{background-image:url(../img/flags/so.svg)}.flag-country-sr{background-image:url(../img/flags/sr.svg)}.flag-country-ss{background-image:url(../img/flags/ss.svg)}.flag-country-st{background-image:url(../img/flags/st.svg)}.flag-country-sv{background-image:url(../img/flags/sv.svg)}.flag-country-sx{background-image:url(../img/flags/sx.svg)}.flag-country-sy{background-image:url(../img/flags/sy.svg)}.flag-country-sz{background-image:url(../img/flags/sz.svg)}.flag-country-tc{background-image:url(../img/flags/tc.svg)}.flag-country-td{background-image:url(../img/flags/td.svg)}.flag-country-tf{background-image:url(../img/flags/tf.svg)}.flag-country-tg{background-image:url(../img/flags/tg.svg)}.flag-country-th{background-image:url(../img/flags/th.svg)}.flag-country-tj{background-image:url(../img/flags/tj.svg)}.flag-country-tk{background-image:url(../img/flags/tk.svg)}.flag-country-tl{background-image:url(../img/flags/tl.svg)}.flag-country-tm{background-image:url(../img/flags/tm.svg)}.flag-country-tn{background-image:url(../img/flags/tn.svg)}.flag-country-to{background-image:url(../img/flags/to.svg)}.flag-country-tr{background-image:url(../img/flags/tr.svg)}.flag-country-tt{background-image:url(../img/flags/tt.svg)}.flag-country-tv{background-image:url(../img/flags/tv.svg)}.flag-country-tw{background-image:url(../img/flags/tw.svg)}.flag-country-tz{background-image:url(../img/flags/tz.svg)}.flag-country-ua{background-image:url(../img/flags/ua.svg)}.flag-country-ug{background-image:url(../img/flags/ug.svg)}.flag-country-um{background-image:url(../img/flags/um.svg)}.flag-country-us{background-image:url(../img/flags/us.svg)}.flag-country-uy{background-image:url(../img/flags/uy.svg)}.flag-country-uz{background-image:url(../img/flags/uz.svg)}.flag-country-va{background-image:url(../img/flags/va.svg)}.flag-country-vc{background-image:url(../img/flags/vc.svg)}.flag-country-ve{background-image:url(../img/flags/ve.svg)}.flag-country-vg{background-image:url(../img/flags/vg.svg)}.flag-country-vi{background-image:url(../img/flags/vi.svg)}.flag-country-vn{background-image:url(../img/flags/vn.svg)}.flag-country-vu{background-image:url(../img/flags/vu.svg)}.flag-country-wf{background-image:url(../img/flags/wf.svg)}.flag-country-ws{background-image:url(../img/flags/ws.svg)}.flag-country-ye{background-image:url(../img/flags/ye.svg)}.flag-country-yt{background-image:url(../img/flags/yt.svg)}.flag-country-za{background-image:url(../img/flags/za.svg)}.flag-country-zm{background-image:url(../img/flags/zm.svg)}.flag-country-zw{background-image:url(../img/flags/zw.svg)}.flag-country-es-ct{background-image:url(../img/flags/es-ct.svg)}.flag-country-eu{background-image:url(../img/flags/eu.svg)}.flag-country-gb-eng{background-image:url(../img/flags/gb-eng.svg)}.flag-country-gb-nir{background-image:url(../img/flags/gb-nir.svg)}.flag-country-gb-sct{background-image:url(../img/flags/gb-sct.svg)}.flag-country-gb-wls{background-image:url(../img/flags/gb-wls.svg)}.flag-country-un{background-image:url(../img/flags/un.svg)}.flag-xs{width:1.25rem;height:.9375rem}.flag-sm{width:2rem;height:1.5rem}.flag-md{width:3.75rem;height:2.8125rem}.flag-lg{width:5rem;height:3.75rem}.flag-xl{width:7rem;height:5.25rem}.flag-2xl{width:11rem;height:8.25rem}
.flag {	margin-left: 10px; }





.feather-icon {position:relative;display:inline-block;width:1em;height:1em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:cover;}

.feather-bell {background-image:url(../img/svg-icon/bell.svg)}
.feather-meh {background-image:url(../img/svg-icon/meh.svg)} 

.feather-xs{width:1.25rem; height:1.25rem}
.feather-sm{width:2rem; height:2rem}
.feather-md{width:3.75rem; height:3.75rem}
.feather-lg{width:5rem; height:5rem}
.feather-xl{width:7rem; height:7rem}
.feather-2xl{width:11rem; height:11rem}





/*
.cn_complain_submit.ld-ext-right.running, .cn_complain_submit.ld-ext-left.running {
	width: 120px;
}
*/
.cn_disabled  {
	background-color: #656262;
}

.cn_disabled:hover{
	color:#777;
	cursor:not-allowed;
	background-color:#eee
}
.ld-ext-right, .ld-ext-left {
    position: relative;
    transition: all .3s;
    transition-timing-function: ease-in
} 

.ld-ext-right>.ld>*, .ld-ext-left>.ld>* {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-0.5em, -0.5em)
}

.ld-ext-right.running>.ld, .ld-ext-left.running>.ld {
    opacity: 1;
    z-index: auto;
    visibility: visible
}

.ld-ext-right.running {
    padding-right: 2.5em !important
}

.ld-ext-left.running {
    padding-left: 2.5em !important
}
 
.ld-ext-right, .ld-ext-left {
    position: relative;
    transition: all .3s;
    transition-timing-function: ease-in;
}

.ld-ring:after {
    border-radius: 50%;
    border: 0.3em solid currentColor;
    border-left-color: transparent;
}
.ld-ball:after, .ld-ring:after, .ld-hourglass:after, .ld-loader:after, .ld-cross:after, .ld-square:after, .ld-pie:after, .ld-spinner:after {
    content: " ";
    display: block;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    transform-origin: 0 0;
    transform: translateZ(0) scale(0.5);
    backface-visibility: hidden;
}
 
.ld.ld-spin {
    animation: ld-spin 1s infinite linear;
}
 
.ld-ext-right>.ld, .ld-ext-left>.ld {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -0.5em;
    opacity: 0;
    z-index: -1;
    transition: all .3s;
    transition-timing-function: ease-in;
}

.ld {
    transform-origin: 50% 50%;
    transform-box: fill-box;
}
.ld-ext-right>.ld {
    top: 50%;
    left: auto;
    right: 1.25em;
} 
.ld-ext-left>.ld {
    top: 50%;
    left: auto;
    left: 1.25em;
}
 
.ld-ball, .ld-ring, .ld-hourglass, .ld-loader, .ld-cross, .ld-square, .ld-pie, .ld-spinner {
    width: 1em;
    height: 1em;
    position: relative;
    color: inherit;
    display: inline-block;
    box-sizing: content-box;
}

.ld.ld-spin-fast{animation:ld-spin-fast 1s infinite linear}
  @keyframes ld-spin-fast {
	  0%{animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);transform:rotate(0)}
	  100%{transform:rotate(1800deg)}
  }

.ld.ld-spin{animation:ld-spin 1s infinite linear}	
  @keyframes ld-spin{0%{animation-timing-function:cubic-bezier(0.5856,0.0703,0.4143,0.9297);transform:rotate(0)}
  100%{transform:rotate(360deg)}}
	 
	 
	 
.verticalRotated > svg {
    transform: rotate(180deg);
}


#profileOptionsGear {
    float: left;
    width: 25px;
    height: 20px;
    border: 0;
    opacity: 0.5;
	 background: none;
    background-repeat: no-repeat;
    transition: opacity 0.1s ease-in;
    flex-shrink: 0;
    margin: 10px 10px;
    white-space: nowrap;
    cursor: pointer;
    color: #ffffff;
    float: left;
    padding-right: 5px;
    z-index: 2;
    left: 1px;
    bottom: 0px;
    position: fixed;
}
#profileOptionsGear:hover {
    opacity: 1;
}


.cn_user_profile_setting { 
    display: none; 
	border-top: 1px solid #e9e9e9; 
    padding: 15px;
    text-align: left;
	
}
.cn_user_profile_setting_header {
	font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    
}



.cn-form-horizontal .cn-form-group {
	margin-right: -15px;
	margin-left: -15px;
}
.cn-form-horizontal .cn-control-label {
	padding-top: 7px;
	margin-bottom: 0;
}
.cn-text-left { 
	text-align: left;
}
.cn-text-right { 
	text-align: right;
}

.cn-form-group{
	margin-bottom: 15px;
}
.cn-fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
} 

.cn-w-10 {
	width: 10%;
}
.cn-w-20 {
	width: 20%;
}
.cn-w-30 {
	width: 30%;
}
.cn-w-40 {
	width: 40%;
}
.cn-w-50 {
	width: 50%;
}
.cn-w-60 {
	width: 60%;
}
.cn-w-70 {
	width: 70%;
}
.cn-w-80 {
	width: 80%;
}
.cn-w-90 {
	width: 90%;
}
.cn-w-1.0 {
	width: 100%;
}
 
 
.cn-w-10, .cn-w-20, .cn-w-30, .cn-w-40, .cn-w-50, .cn-w-60, .cn-w-70, .cn-w-80, .cn-w-90, .cn-w-100{
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}


	/*   iOS switch style begin */
	.form-switch {
	  display: inline-block;
	  cursor: pointer;
	  -webkit-tap-highlight-color: transparent; 
	   padding-top: 4px;
	}

	.form-switch i {
	  position: relative;
	  display: inline-block;
	  margin-right: .5rem;
	  width: 46px;
	  height: 26px;
	  background-color: #e6e6e6;
	  border-radius: 23px;
	  vertical-align: text-bottom;
	  transition: all 0.3s linear;
	   cursor: pointer;
	  
	}

	.form-switch i::before {
	  content: "";
	  position: absolute;
	  left: 0;
	  width: 42px;
	  height: 22px;
	  background-color: #fff;
	  border-radius: 11px;
	  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
	  transition: all 0.25s linear;
	}

	.form-switch i::after {
	  content: "";
	  position: absolute;
	  left: 0;
	  width: 22px;
	  height: 22px;
	  background-color: #fff;
	  border-radius: 11px;
	  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
	  transform: translate3d(2px, 2px, 0);
	  transition: all 0.2s ease-in-out;
	}

	.form-switch:active i::after {
	  width: 28px;
	  transform: translate3d(2px, 2px, 0);
	}

	.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }

	.form-switch input { display: none; }

	.form-switch input:checked + i { background-color: #4BD763; }

	.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }

	.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }
	/*   iOS switch style end */




   .cn_latest_content_block {
	  padding: 10px 40px;   
	  color: #333;
   }
	
	 
	@media screen and (min-width: 1024px) {
	  .cn_latest_content_block {
		  margin-left: 25%; 
	      margin-right: 25%; 
		}
	}
	
	.cn_latest_quote {
    background: #f8f8f8;
    color: #a8a8a8;
    font-size: 14px;
    padding: 10px;
    border-left: #c7c7c7 solid 4px;
     /*
	 max-height: 88px;
     overflow: auto;
	 */
    }
	
	.cn_latest_quote span {
        /*text-decoration: underline; */
		font-weight: bold;
    }
	
	.cn_latest_content_comment { 
      max-height: 304px;
      overflow: hidden;
      position: relative;
      width: 100%; 

	}
	
	.cn_latest_comments_block {
        font-size: 14px;
    }
	
	.cn_latest_content_string_1 {
			position: relative;
			max-height: 18px;
	}

.cn_latest_content_string_2 {
	/*
    margin-top: 5px;
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 0px;
    max-height: 304px;
    overflow: hidden;
    position: relative;
	*/
	clear: both; 
}


.cn_block_pagination {
    margin: 50px auto 20px;
}

.cn_block_pagination a {
    padding: 7px 10px;
    font-size: 14px;
    color: #FFF;
    text-decoration: none;
    background: #84bdce;
    margin: 1px;
}

.cn_block_pagination a:hover {
    background: #cdcdcd;
}