/*!
Style
 */
@font-face {
     font-family: "menufont";
     src: url(https://4love.ge/fonts/bpg_mrgvlovani_caps_2010.eot);
     src:
         local(☺),
         url(https://4love.ge/fonts/bpg_mrgvlovani_caps_2010.woff) format("woff"),
         url(https://4love.ge/fonts/bpg_mrgvlovani_caps_2010.ttf) format("truetype"),
         url(https://4love.ge/fonts/bpg_mrgvlovani_caps_2010.svg) format("svg");
     font-weight: 400;
     font-style: normal;
 }
 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
 }
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block;
 }
 ol,
 ul {
     list-style: none;
 }
 blockquote,
 q {
     quotes: none;
 }
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
     content: "";
     content: none;
 }
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 body {
     word-wrap: break-word;
 }
 body,
 select,
 textarea,
 button,
 input {
     font:
         14px/1.45 Helvetica,
         Arial,
         sans-serif;
     color: #2a2a2a;
     outline: none;
 }
 a {
     outline: none;
     color: #ee4923;
     text-decoration: none;
 }
 a:hover {
     text-decoration: none;
 }
 a img {
     border: 0 none;
 }
 a > img {
     vertical-align: bottom;
 }
 h1,
 h2,
 h3,
 h4,
 h5 {
     font-weight: 400;
 }
#logo-text {
     font-weight: 700;
     font-size: 39px;
     line-height: 43px;
     letter-spacing: -0.05em;
     /* No color line here! Let it be default. */
 }
 h2,
 h1 {
     font-size: 28px;
     line-height: 32px;
 }
 h3 {
     font-size: 22px;
     font-family: menufont;
 }
 h4 {
     font-size: 14px;
     font-family: menufont;
 }
 h5 {
     font-size: 16px;
     line-height: 20px;
 }
 textarea {
     overflow: auto;
     vertical-align: top;
 }
 input:focus {
     outline: none;
 }
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
 button[disabled],
 input[disabled] {
     cursor: default;
 }
 .btn,
 .bbcodes,
 .ui-button {
     font-weight: 700;
     display: inline-block;
     cursor: pointer;
     height: 37px;
     line-height: normal;
     margin: 0 2px;
     padding: 6px 20px;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
     color: #fff !important;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
     border: 1px solid #ca1f0c;
     border-width: 0 0 1px;
 }
 .btn:active,
 .bbcodes:active,
 .ui-button:active {
     background: #f54305;
     box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2);
 }
 .btn:hover,
 .bbcodes:hover,
 .ui-button:hover {
     opacity: 0.85;
 }
 .bbcodes,
 .ui-button {
     height: 30px;
     padding: 5px 14px;
 }
 p,
 dl,
 dd,
 pre,
 ul,
 ol,
 blockquote,
 address,
 table,
 fieldset {
     margin-bottom: 20px;
 }
 blockquote {
     margin-left: 20px;
     padding: 0 20px;
     font-family: Georgia, Times, serif;
     font-style: italic;
     border-left: 6px solid #d7d7d7;
     color: #737373;
 }
 strong,
 b {
     font-weight: 700;
 }
 em,
 cite,
 i {
     font-style: italic;
 }
 caption {
     text-align: left;
 }
 th,
 td {
     vertical-align: middle;
 }
 small,
 .small {
     font-size: 0.9em;
 }
 .thd,
 .ui-icon,
 .ico:before {
     display: inline-block;
     background-image: url(../images/sprite2.png);
 }
 .thd,
 .ui-icon {
     text-align: left;
     overflow: hidden;
     text-indent: -9999px;
     white-space: nowrap;
 }
 .ico:before {
     float: left;
     content: "";
     width: 12px;
     height: 12px;
 }
 .clr {
     clear: both;
 }
 .clrfix:after {
     clear: both;
     content: "";
     display: block;
     height: 0;
     width: 0;
     visibility: hidden;
 }
 #toolbar {
     position: relative;
     width: 100%;
     box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
 }
 #toolbar,
 .more a {
     background-color: #353535;
     border-bottom: 1px solid #070707;
     background: -webkit-linear-gradient(top, #353535 0%, #222 100%);
     background: -moz-linear-gradient(top, #353535 0%, #222 100%);
     background: -ms-linear-gradient(top, #353535 0%, #222 100%);
     background: -o-linear-gradient(top, #353535 0%, #222 100%);
     background: linear-gradient(top, #353535 0%, #222 100%);
 }
 #in-toolbar {
     overflow: hidden;
     display: block;
     width: 100%;
     height: 44px;
 }
 #in-toolbar a {
     color: #fff;
 }
 #menu-btn {
     cursor: pointer;
     float: right;
     width: 17px;
     padding: 0 20px;
     height: 44px;
     position: relative;
 }
 #hamburger {
     top: 20px;
 }
 #hamburger:after {
     bottom: -3px;
 }
 #hamburger:before,
 #hamburger:after,
 #hamburger {
     background: #fff;
     content: "";
     display: block;
     height: 3px;
     left: 0;
     position: relative;
     width: 17px;
 }
 #hamburger:before {
     top: -6px;
 }
 #menu-head {
     display: none;
     font-family: "menufont";
 }
 #menu-head.open {
     display: block;
 }
 #menu-head a {
     border-top: 1px solid #222;
     display: block;
     height: 1%;
     padding: 10px 20px;
     color: #fff;
 }
 #menu-head a:hover {
     background: #ee4923;
     text-decoration: none;
 }
 #login-btn {
     padding: 11px 20px;
     font-weight: 700;
     float: left;
     cursor: pointer;
 }
 #login-btn:before {
     margin: 2px 5px 0 0;
     height: 14px;
     background-position: 0 0;
 }
 .wideDialog {
     padding-top: 45px;
     display: none;
     z-index: 99999;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #fff;
     background: rgba(255, 255, 255, 0.9);
 }
 .wideDialog.open {
     display: block;
 }
 #lg-close {
     cursor: pointer;
     position: absolute;
     right: 0;
     top: 0;
     width: 45px;
     height: 45px;
     background-position: -30px -38px;
 }
 #loginpane {
     float: left;
     margin-top: 41px;
 }
 .loginbox {
     position: fixed !important;
 }
 .login-form {
     padding: 20px;
     margin-top: 13%;
 }
 .login-form .f_input {
     font-size: 1.2em;
     padding: 8px;
     width: 100%;
     height: 44px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 .login-form li {
     margin-bottom: 1em;
 }
 .login-form li label {
     display: block;
     margin-bottom: 0.2em;
 }
 .login-form a {
     color: #ee4923 !important;
 }
 .log-links {
     padding: 15px 0;
     font-family: "menufont";
     text-align: center;
 }
 #usermenu {
     padding: 20px;
     font-family: "menufont";
 }
 #usermenu a {
     display: block;
     font-size: 1.5em;
     color: #ee4923;
 }
 .background {
     height: 35px;
     background: #ee4623 url(../images/bg.jpg) repeat-x;
 }
 #header {
     padding: 0 20px;
     position: relative;
     background-color: #fff;
     background: -webkit-linear-gradient(top, #fff 60%, #ebebeb 100%);
     background: -moz-linear-gradient(top, #fff 60%, #ebebeb 100%);
     background: -ms-linear-gradient(top, #fff 60%, #ebebeb 100%);
     background: -o-linear-gradient(top, #fff 60%, #ebebeb 100%);
     background: linear-gradient(top, #fff 60%, #ebebeb 100%);
 }
 #header,
 .post {
     border-bottom: 1px solid #d4d4d4;
     box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
 }
 #logo * {
     display: block;
 }
 a#logo {
     text-decoration: none;
 }
 a#logo * {
     cursor: pointer;
 }
 #logo span {
     font-size: 1.2em;
     color: #595959;
 }
 #logo {
     display: block;
     text-align: center;
     padding: 20px 0;
 }
 #quicksearch {
     display: inline;
 }
 .quicksearch {
     overflow: hidden;
     width: 100%;
     position: relative;
 }
 .quicksearch input {
     padding: 6px 37px 6px 10px;
     width: 100%;
     height: 37px;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }
 .quicksearch button {
     cursor: pointer;
     width: 30px;
     height: 35px;
     margin: 1px;
     position: absolute;
     right: 0;
     top: 0;
     background-position: 0 -14px;
     padding: 0;
     background-color: transparent;
     border: 0 none;
     transition: background-position 0.4s ease;
     -webkit-transition: background-position 0.4s ease;
     -o-transition: background-position 0.4s ease;
     -moz-transition: background-position 0.4s ease;
 }
 .quicksearch button:hover {
     background-position: 0 -49px;
 }
 #go2full {
     color: #8b8b8b;
     text-shadow: 0 1px 0 #fff;
     display: block;
     width: 100%;
     padding: 12px 0;
     font-size: 0.8em;
 }
 #go2full:before {
     margin: 2px 10px 0 0;
     width: 31px;
     background-position: -12px 0;
 }
 #footer {
     text-align: center;
 }
 #footer .background {
     height: 8px;
     background-position: 50% 50%;
 }
 #copyright {
     padding: 16px 20px;
     font-size: 0.8em;
 }
 #copyright a,
 #copyright {
     color: #6a6a6a;
 }
 #footmenu {
     color: #fff;
     height: 1%;
     padding: 20px;
     background: #2d2d2d url(../images/dbg.png);
 }
 #footmenu h2 {
     margin-bottom: 0.6em;
     font-family: "menufont";
     font-size: 19px;
 }
 #footmenu a {
     color: #fff;
 }
 .main-nav a {
     display: block;
     margin-bottom: 1px;
     height: 1%;
     padding: 5px 10px;
     background: #262626;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
     font-family: "menufont";
 }
 .nav-sep {
     display: inline-block;
     height: 14px;
 }
 .post {
     height: 1%;
     padding: 10px;
 }
 .post img {
     margin: 5px 0;
     max-width: 100%;
 }
 .post .title {
     margin-bottom: 0.5em;
     font-family: "menufont";
 }
 .title a {
     color: #2a2a2a;
 }
 .title a:hover {
     color: #ee4923;
 }
 .post-info,
 .icat,
 .com-inf {
     margin: 0;
     font-size: 0.8em;
     color: #6a6a6a;
 }
 .post-info a,
 .icat a {
     font-weight: 700;
     color: #6a6a6a;
 }
 .post-info a:hover,
 .icat a:hover {
     color: #ee4923;
 }
 .post-info li {
     display: inline-block;
     margin-right: 1em;
 }
 .post-info li:before {
     margin: 3px 5px 0 0;
 }
 .post-info {
     margin-bottom: 5px;
 }
 .post-cont {
     margin-bottom: 20px;
 }
 .iauthor:before {
     width: 8px;
     height: 10px;
     background-position: -43px 0;
 }
 .idate:before {
     width: 10px;
     height: 10px;
     background-position: -60px 0;
 }
 .iviews:before {
     width: 10px;
     height: 11px;
     background-position: -70px 0;
 }
 .icat:before {
     position: absolute;
     margin: 4px 5px 0 -14px;
     width: 9px;
     height: 10px;
     background-position: -51px 0;
 }
 .icat {
     border-top: 1px solid #e7e7e7;
     position: relative;
     padding: 5px 0 15px 14px;
 }
 .com-num,
 .more a,
 .pager * {
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
 }
 .more a {
     padding: 8px 20px;
     float: left;
     text-shadow: 0 -1px 0 #000;
 }
 .more a,
 a .pprev,
 a .pnext {
     color: #fff;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
     -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
     transition: opacity 0.4s ease;
     -webkit-transition: opacity 0.4s ease;
     -o-transition: opacity 0.4s ease;
     -moz-transition: opacity 0.4s ease;
 }
 .more a:hover,
 a:hover .pprev,
 a:hover .pnext {
     text-decoration: none;
     opacity: 0.9;
 }
 .com-num {
     color: #ee4923;
     float: right;
     padding: 8px 10px;
     background: #f6f2ee;
 }
 .com-num:before {
     float: none;
     vertical-align: middle;
     display: inline-block;
     width: 13px;
     height: 13px;
     margin-right: 4px;
     background-position: -80px 0;
 }
 .fullstory {
     border-bottom-width: 0;
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
 }
 .box {
     margin-bottom: 2em;
 }
 .box h3 {
     padding: 0 20px;
     margin-bottom: 0.6em;
     font-family: "menufont";
 }
 #rel-news {
     border-bottom: 1px solid #e1e1e1;
 }
 #rel-news a {
     display: block;
     height: 1%;
     padding: 8px 40px 8px 20px;
     border-top: 1px solid #e1e1e1;
     position: relative;
     background-color: #f5f5f5;
     background: -webkit-linear-gradient(top, #f5f5f5 30%, #f0f0f0 100%);
     background: -moz-linear-gradient(top, #f5f5f5 30%, #f0f0f0 100%);
     background: -ms-linear-gradient(top, #f5f5f5 30%, #f0f0f0 100%);
     background: -o-linear-gradient(top, #f5f5f5 30%, #f0f0f0 100%);
     background: linear-gradient(top, #f5f5f5 30%, #f0f0f0 100%);
 }
 #rel-news a:hover {
     text-decoration: none;
     color: #fff;
 }
 #rel-news a:before {
     position: absolute;
     right: 20px;
     top: 50%;
     margin-top: -6px;
     background-position: -54px -14px;
 }
 #rel-news a:hover:before {
     background-position: -30px -26px;
 }
 .gr-box {
     text-align: center;
     background: #f3f3f3;
     padding: 20px;
     border-bottom: 1px dashed #dbdbdb;
 }
 .vtitle,
 .vlist {
     margin-bottom: 0.6em;
 }
 .vlist {
     background: #fff;
     text-align: left;
     width: 80%;
     padding: 14px;
     margin: 0 auto 15px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
 }
 .vfoot .btn {
     margin: 2px;
 }
 .berrors {
     background: #fce5ba;
     color: #a76846;
     padding: 10px 20px;
     height: 1%;
 }
 .berrors a {
     color: #aa4e43;
 }
 .commentbox {
     margin-bottom: 0;
 }
 .comment {
     border-top: 1px solid #eaeaea;
     height: 1%;
     padding: 15px 20px;
 }
 .com-cont {
     margin-bottom: 0.7em;
 }
 .comment .photo {
     margin-top: -2px;
     vertical-align: middle;
     width: 25px;
     height: 25px;
     -webkit-border-radius: 13px;
     -moz-border-radius: 13px;
     -o-border-radius: 13px;
     border-radius: 13px;
 }
 .com-inf .arg,
 .comment .photo {
     margin-right: 10px;
 }
 .fast a,
 .del a {
     margin-top: -5px;
     float: right;
     width: 30px;
     height: 12px;
     text-align: right;
     padding: 9px 0;
 }
 .fast .thd {
     width: 14px;
     height: 12px;
     background-position: -66px -14px;
 }
 .del .thd {
     width: 11px;
     height: 11px;
     background-position: -54px -26px;
 }
 .mass-check {
     float: right;
 }
 .mass_comments_action {
     text-align: right;
     border-top: 1px dashed #dbdbdb;
     border-bottom: 1px solid #fff;
     background: #f3f3f3;
     padding: 20px;
 }
 .mass_comments_action *,
 .mass_comments_action {
     font-size: 11px;
 }
 .pager {
     padding: 20px;
 }
 .pager .ico:before {
     float: none;
     position: absolute;
     margin-top: 4px;
 }
 .pprev,
 .pnext {
     color: #979797;
     padding: 8px 10px;
     background: #f1f1f1;
     position: relative;
     font-family: "menufont";
 }
 .pprev {
     padding-right: 30px;
     float: right;
 }
 .pnext {
     padding-left: 30px;
     float: left;
 }
 .pprev:before {
     right: 10px;
     background-position: -30px -14px;
 }
 .pnext:before {
     left: 10px;
     background-position: -42px -14px;
 }
 a .pprev:before {
     background-position: -30px -26px;
 }
 a .pnext:before {
     background-position: -42px -26px;
 }
 a .pprev,
 a .pnext {
     border-bottom: 1px solid #ca1f0c;
 }
 a .pprev,
 a .pnext,
 #rel-news a:hover,
 .btn,
 .bbcodes,
 .ui-button {
     background-color: #ef502b;
     background: -webkit-linear-gradient(top, #ef5633 0%, #ee4924 100%);
     background: -moz-linear-gradient(top, #ef5633 0%, #ee4924 100%);
     background: -ms-linear-gradient(top, #ef5633 0%, #ee4924 100%);
     background: -o-linear-gradient(top, #ef5633 0%, #ee4924 100%);
     background: linear-gradient(top, #ef5633 0%, #ee4924 100%);
 }
 .ux-form {
     border-top: 1px solid #dbdbdb;
     background: #f3f3f3;
     padding: 20px;
     font-family: "menufont";
 }
 .ux-form h3 {
     margin-bottom: 0.6em;
 }
 .ui-form {
     width: 100%;
     overflow: hidden;
 }
 .ui-form li {
     margin-bottom: 8px;
 }
 #fullsearch table {
     margin: 0;
 }
 .tableform {
     width: 100%;
 }
 .tableform td,
 .tableform th {
     border-top: 1px dotted #ebebeb;
     padding: 10px 0;
     text-align: left;
 }
 .tableform tr:first-child td,
 .tableform tr:first-child th {
     border: 0 none;
 }
 .tableform th,
 .tableform .label,
 .tableform .addnews {
     width: 25%;
     font-weight: 400;
     vertical-align: top;
     padding-right: 10px;
     padding-top: 8px;
 }
 .imp::after {
     color: #e46950;
     content: "*";
     font-weight: 700;
 }
 p.label {
     margin-bottom: 0.2em;
 }
 .recipient select {
     width: 298px;
 }
 .checkbox {
     color: #787878;
     padding: 4px 0;
     line-height: 1em;
 }
 .checkbox input {
     margin-top: -2px;
     vertical-align: middle;
 }
 .c-captcha-box {
     padding: 15px;
     font-size: 11px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
     background: #fff;
 }
 .c-captcha {
     position: relative;
     height: 70px;
 }
 .c-captcha #dle-captcha,
 .c-captcha .f_input {
     float: left;
     margin-right: 5px;
 }
 .c-captcha #dle-captcha a {
     display: block;
     clear: both;
 }
 .c-captcha .f_input {
     position: absolute;
     left: 125px;
     font-size: 20px;
     height: 30px;
     padding: 9px;
     width: 100px;
 }
 textarea {
     resize: vertical;
 }
 .f_wide {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     width: 100%;
 }
 .fieldtr select,
 .f_textarea,
 .f_input,
 .xfields textarea,
 .xprofile textarea,
 .tdfield select,
 .lfield input,
 .editor input[type="text"],
 #category,
 textarea.ui-corner-all,
 .pm select,
 .xfields input,
 .xprofile input,
 .xfields select,
 .xprofile select,
 .mass_comments_action select,
 .bbeditor select,
 .textin,
 select.rating {
     padding: 6px;
     background: #fff;
     border: 1px solid #c2c2c2;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
     box-shadow:
         inset 0 1px 2px 0 #dbdbdb,
         0 1px 0 0 #fff;
     -moz-box-shadow:
         inset 0 1px 2px 0 #dbdbdb,
         0 1px 0 0 #fff;
     -webkit-box-shadow:
         inset 0 1px 2px 0 #dbdbdb,
         0 1px 0 0 #fff;
 }
 .fieldtr select:focus,
 .pm select:focus,
 .textin:focus,
 .f_textarea:focus,
 .f_input:focus,
 .xfields textarea:focus,
 .xprofile textarea:focus,
 .editor input[type="text"]:focus,
 #category:focus,
 textarea.ui-corner-all:focus,
 .tdfield select:focus,
 .lfield input:focus,
 .xfields input:focus,
 .xprofile input:focus,
 .xfields select:focus,
 .xprofile select:focus,
 .mass_comments_action select:focus,
 .bbeditor select:focus {
     border-color: #7c7c7c;
 }
 .combofield {
     position: relative;
     padding-right: 120px;
 }
 .combofield .bbcodes {
     width: 110px;
     position: absolute;
     top: 0;
     right: 0;
 }
 .tlist {
     width: 100%;
 }
 .tlist tr {
     border-top: 1px dotted #eee;
 }
 .tlist tr td {
     padding: 4px 0;
 }
 .tl-right {
     width: 20%;
     text-align: right;
 }
 .subtitle {
     font-family: "menufont";
     margin-bottom: 0.4em;
 }
 .voteprogress,
 .voteprogress span,
 .pollprogress,
 .pollprogress span {
     display: block;
     height: 6px;
 }
 .voteprogress,
 .pollprogress {
     background-color: #e3e3e3;
     padding: 1px;
     margin: 2px 0 8px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
 }
 .voteprogress span,
 .pollprogress span {
     background: #ee4923;
     overflow: hidden;
     text-indent: -9999px;
     white-space: nowrap;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px;
 }
 #no-friends {
     padding: 6px;
     border: 1px solid #c0d4de;
     background-color: #f3f7f9;
     color: #507d98;
     margin: 10px 0;
 }
 .friends {
     margin-bottom: 10px;
 }
 .friends ul,
 .prof-list {
     margin-top: 10px;
 }
 .friends li {
     width: 100px;
     text-align: center;
     float: left;
     margin-right: 10px;
 }
 .friends img {
     display: block;
     margin: 0 auto;
     width: 80px;
     height: 80px;
     -webkit-border-radius: 50em;
     -moz-border-radius: 50em;
     border-radius: 50em;
 }
 .friends_table h3 {
     margin-bottom: 6px;
     font-size: 14px;
     line-height: 14px;
     font-weight: 700;
 }
 .friends_table h3 a span {
     font-size: 12px;
     font-weight: 400;
     color: #6c838e;
 }
 .friends_table h3 a span:hover {
     text-decoration: underline;
 }
 .friends_table ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 .friends_table td {
     padding: 10px;
     border-bottom: 1px solid #eee;
     font-size: 12px;
     vertical-align: top;
 }
 .friends_table .active {
     background-color: #f8f8f8;
 }
 .contact_friends {
     width: 150px;
 }
 .contact_friends a,
 .contact_friends span {
     display: block;
     padding: 6px;
     margin-bottom: 4px;
     line-height: 11px;
 }
 .contact_friends a:hover {
     background-color: #dae7ed;
     text-decoration: none;
 }
 #allfriends .rcol {
     margin-top: 4px;
 }
 #allfriends h2.lcol a {
     text-decoration: underline;
 }
 #allfriends h2.lcol a:hover {
     text-decoration: none;
     font-family: "menufont";
 }
 #friends_feed {
     margin: 0 10px;
 }
 #friends_feed table {
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
     margin-bottom: 10px;
 }
 #friends_feed td {
     vertical-align: top;
     text-align: left;
 }
 #friends_feed td.f_avatar,
 #friends_feed td.f_author {
     border: 1px solid;
     border-color: #acccda #e2edf2 #e2edf2;
     vertical-align: middle;
     background-color: #f4f8fa;
 }
 #friends_feed td.f_avatar {
     width: 50px;
     border-spacing: 10px;
     padding: 2px;
     border-right-width: 0;
 }
 #friends_feed td.f_avatar img {
     width: 50px;
     height: 50px;
     -webkit-border-radius: 50em;
     -moz-border-radius: 50em;
     border-radius: 50em;
 }
 #friends_feed td.f_author {
     padding: 0 10px;
     border-left-width: 0;
     border-style: solid;
     font-size: 11px;
 }
 #friends_feed td.f_author h3 {
     fonst-size: 14px;
     font-weight: 700;
     margin-bottom: 4px;
 }
 #friends_feed td.f_story {
     padding: 15px 0;
 }
 #friends_feed .f_cover {
     width: 104px;
     max-height: 104px;
     overflow: hidden;
     margin-right: 10px;
     float: left;
     border: 1px solid #e2edf2;
     background-color: #f4f8fa;
 }
 #friends_feed .f_cover img {
     width: 100px;
     padding: 2px;
 }
 #friends_feed td.f_det {
     border-top: 1px solid #e2edf2;
     padding: 5px 0;
 }
 .feed_loader {
     padding: 10px;
     text-align: center;
     border-top: 1px solid #e2edf2;
     color: #284b5a;
     margin-bottom: 20px;
 }
 .f_active:hover {
     border-color: #acccda;
     background-color: #f4f8fa;
     cursor: pointer;
 }
 li {
     list-style-type: none;
 }
 ul {
     margin-left: 0;
     padding-left: 0;
 }
 .comment-left img {
     width: 80px;
     height: 80px;
     border-radius: 40px;
     -webkit-border-radius: 40px;
     -moz-border-radius: 40px;
 }
 
 .main-sliders-rate {
     height: 42px;
 }
 .main-sliders-rate a {
     position: relative;
     display: block;
     width: 50%;
     height: 42px;
     float: left;
     line-height: 42px;
     font-size: 13px;
     font-weight: 700;
     text-decoration: none;
 }
 .main-sliders-rate a span {
     position: relative;
     display: block;
     width: 25px;
     margin: 0 auto;
     padding-left: 14px;
 }
 .main-sliders-rate a svg {
     position: absolute;
     width: 18px;
     height: 17px;
 }
 .main-sliders-rate a:nth-of-type(1) {
     background: #f5f7f5;
     color: #71ce3f;
 }
 .main-sliders-rate a:nth-of-type(1):hover {
     background: #71ce3f;
     color: #fff;
 }
 .main-sliders-rate a:nth-of-type(1) svg {
     fill: #70cd3f;
     top: 12px;
     left: -10px;
 }
 .main-sliders-rate a:nth-of-type(1):hover svg {
     fill: #fff;
 }
 .main-sliders-rate a:nth-of-type(2) {
     background: #e7e5e5;
     color: #ba3636;
 }
 .main-sliders-rate a:nth-of-type(2):hover {
     background: #b93636;
     color: #fff;
 }
 .main-sliders-rate a:nth-of-type(2) svg {
     fill: #ba3636;
     top: 14px;
     left: -10px;
 }
 .main-sliders-rate a:nth-of-type(2):hover svg {
     fill: #fff;
 }

/*!
Engine
 */
https://{margin:0;padding:0}#loading-layer{display:none;font-family:Verdana;font-size:11px;background:#000;padding:10px;text-align:center;border:1px solid #000;color:#FFF}.title_quote{color:#636363;background-color:#f2f2f2;border:1px dotted #bebebe;border-bottom:0;font-weight:700;padding:5px}.quote{color:#757575;background-color:#f2f2f2;border:1px dotted #bebebe;text-align:justify;padding:5px}.title_spoiler{color:#636363;background-color:#f2f2f2;border:1px dotted #bebebe;font-weight:700;padding:5px}.text_spoiler{color:#757575;background-color:#f2f2f2;border:1px dotted #bebebe;border-top:0;text-align:justify;padding:5px}.scriptcode{color:#757575;background-color:#f2f2f2;border:1px dotted #bebebe;text-align:left;padding:5px}.editor_button{float:left;cursor:pointer;padding-left:2px;padding-right:2px}.editor_buttoncl{float:left;cursor:pointer;padding-left:1px;padding-right:1px;border-left:1px solid #bbb;border-right:1px solid #bbb}.editbclose{float:right;cursor:pointer}.editor_button select{font-family:tahoma;font-size:11px}.editor_button img{margin:0;padding:0}.editbclose img{margin:0;padding:0}.editor_button_brk img{margin:0;padding:0}.xfields textarea{color:#757575;font-size:11px;font-family:tahoma;background-repeat:repeat-x;height:86px;border:1px solid #e0e0e0}.xfields input{color:#757575;font-size:11px;font-family:tahoma;width:250px;height:14px;border:1px solid #e0e0e0}.xfields select{color:#757575;font-size:11px;font-family:tahoma;border:1px solid #e0e0e0}.xprofile textarea{color:#757575;font-size:11px;font-family:tahoma;width:316px;height:86px;border:1px solid #e0e0e0}.xprofile input{color:#757575;font-size:11px;font-family:tahoma;width:250px;height:14px;border:1px solid #e0e0e0}#dropmenudiv{border:1px solid #fff;border-bottom-width:0;font:normal 10px Verdana;background-color:#6497ca;line-height:20px;margin:2px;opacity:.95;-ms-filter:"progid:DXImageTranshttps://.Microsoft.Alpha(Opacity=95) progid:DXImageTranshttps://.Microsoft.Shadow(color=#cacaca,direction=135,strength=3)";filter:alpha(opacity=95,enabled=1) progid:DXImageTranshttps://.Microsoft.Shadow(color=#cacaca,direction=135,strength=3)}#dropmenudiv a{display:block;text-indent:3px;text-decoration:none;color:#fff;background:#6497ca;border:1px solid #fff;padding:1px 0;margin:1px;font-weight:700}#dropmenudiv a:hover{background:#fdd08b;color:#000}.vote{color:#757575}#newpm{position:absolute;width:400px;padding:4px;background-color:#fdfdfd;border:1px solid #bbb;font-family:verdana;line-height:135%}#newpmheader{padding-left:5px;padding-right:5px;padding-top:2px;height:20px;color:#636363;font-weight:700;background-color:#b2c7f1;font-family:verdana;cursor:move}#newpm a{background:transparent;color:#4b73d4;text-decoration:none}#newpm a:hover{background:transparent;color:#4b73d4;text-decoration:none}.attachment{color:gray}.search{color:#757575;text-decoration:none}.textin{text-decoration:none}.sresult{text-align:justify;font-weight:400;line-height:16px;font-size:12px;color:#757575}fieldset{border:1px solid #e0e0e0;padding:5px;text-align:left;font-size:11px;font-family:tahoma}.highslide-active-anchor img{visibility:hidden}.highslide-html{background-color:#fff}.highslide-html-content{display:none}.highslide-loading{display:block;color:#fff;font-size:9px;font-weight:700;text-decoration:none;padding:3px;border:1px solid #fff;background-color:#000}a.highslide-full-expand{background:url(../dleimages/fullexpand.gif) no-repeat;display:block;margin:0 10px 10px 0;width:34px;height:34px}.highslide-footer{height:11px}.highslide-footer .highslide-resize{float:right;height:12px;width:11px;background:url(../dleimages/resize.gif)}.highslide-resize{cursor:nw-resize}.highslide-display-block{display:block}.highslide-display-none{display:none}.clouds_xsmall{font-size:x-small}.clouds_small{font-size:small}.clouds_medium{font-size:medium}.clouds_large{font-size:large}.clouds_xlarge{font-size:x-large}.ui-widget-overlay{background:#bfbfbf;opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70);left:0;top:0;right:0;bottom:0;position:fixed}.ui-helper-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.ui-helper-clearfix{display:inline-block}* html .ui-helper-clearfix{height:1%}.ui-helper-clearfix{display:block}.ui-dialog{display:none;background-color:#fff;overflow:hidden;padding:0;position:absolute;width:300px;box-shadow:0 0 40px 0 rgba(0,0,0,0.16);-moz-box-shadow:0 0 40px 0 rgba(0,0,0,0.16);-webkit-box-shadow:0 0 40px 0 rgba(0,0,0,0.16)}.ui-dialog-titlebar{padding:17px 25px 18px;border-bottom:1px solid #e6e6e6}.ui-dialog-title{margin-top:2px;float:left;font-size:20px;font-weight:700}.ui-dialog-titlebar-close .ui-icon{position:absolute;right:18px;top:20px;height:31px;width:31px;background-position:-37px -45px}.ui-dialog .ui-dialog-content{border-top-left-radius:0;border-top-right-radius:0;padding:25px;border:0;overflow:auto;position:relative;zoom:1}.ui-dialog-content h2{display:inline;font-size:1em;font-weight:700}.ui-dialog .ui-dialog-buttonpane{border-top:1px solid #e6e6e6;padding:15px 20px;text-align:center}.ui-dialog .ui-resizable-se{bottom:3px;height:14px;right:3px;width:14px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-state-error{background:#fef1ec 50% 50% repeat-x!important;border:1px solid #cd0a0a;color:#cd0a0a}.bb-editor textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px;border:1px solid #bcc0c2;width:100%;background:#fff}.editorcomm .bb-editor{width:465px}.editorcomm .bb-editor textarea{height:156px}#marker-bar,#txtselect_marker,#share-popup{display:none}

/*!
 *  Font Awesome 4.4.0
 *  License (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://4love.ge/templates/smartphone/fa-440/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('https://4love.ge/templates/smartphone/fa-440/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('https://4love.ge/templates/smartphone/fa-440/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('https://4love.ge/templates/smartphone/fa-440/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('https://4love.ge/templates/smartphone/fa-440/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('https://4love.ge/templates/smartphone/fa-440/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}

 /*!friend2 */
.friend2{height:70px;border-bottom:1px solid #e7ebee;position:relative;background:#f1f4f6}.friend2:hover{background:#f1f4f6;cursor:pointer}.friend2 img{width:40px;height:40px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;margin:15px;float:left}.floatingImg{width:40px;border-radius:50%;position:absolute;top:0;left:12px;border:3px solid #fff}.friend2 p{padding:10px 0 0;float:left;width:220px}.friend2 p strong{font-weight:600;font-size:15px;color:#597a96}.friend2 p span{font-size:13px;font-weight:400;color:#aab8c2}
 
.img-circle2 {
	border-radius:50%;width:20px;height:20px;margin:auto;
}
.axalbeda {
	background: #fff2fa;
}

.day {
    background-image: url("https://4love.ge/templates/smartphone/images/day.png");
	background-size: cover;
}

/* QUOTE 3 AXALBEDA SIA */
.quote3{padding:10px;font-family:menufont;margin-bottom:0px;text-align:center;background:#f1f4f0}.quote3:before{content:'';display:block;height:5px;margin-left:-10px;margin-right:-10px;margin-top:-10px;background-image:-webkit-linear-gradient(45deg,#fec76c,#ed3ea4);background-image:linear-gradient(45deg,#fec76c,#ed3ea4);margin-bottom:10px}

/* SIZMRIS AXSNA */
.sizmari{font-family:menufont;color:#ff5eae;font-size:18px;font-weight:700;text-align:center}

/* Collections */
.Collectionsimg{width:100%;height:auto}

/* Comment Url */
.commenturl {
	font-family:menufont;
}

/* VIDEO GAKVETILEBI */
.quote33{padding:10px;font-family:menufont;margin-bottom:6px;text-align:center;background:#f1f4f0}.quote33:before{content:'';display:block;height:5px;margin-left:-10px;margin-right:-10px;margin-top:-10px;background-image:-webkit-linear-gradient(45deg,#fec76c,#ed3ea4);background-image:linear-gradient(135deg,#f6d242 10%,#ff52e5 100%);margin-bottom:10px}

/* ADDNEWS */

.quote34 {
    padding: 10px;
    font-family: menufont;
    margin-bottom: 1px;
    background: #f1f4f0
}

.quote34:before {
    content: '';
    display: block;
    height: 5px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
    background-image: -webkit-linear-gradient(45deg, #fec76c, #ed3ea4);
    background-image: linear-gradient(135deg, #f6d242 10%, #ff52e5 100%);
    margin-bottom: 10px
}

.import1 {
    color: red;
}

.log-links2{padding:5px 0;font-family:"menufont"; text-align:center}

/* COLLECTIONS WRAP*/

.wrapper2 {
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
	margin: 0px;
	text-align: right;
	position: relative;
    padding-bottom: 10px;
	padding-top: 10px;
	}
  
.scrolls2 {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 0 0px 0;
    margin: 5px 0;
    /* Hide scrollbar */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scrolls2::-webkit-scrollbar {
    display: none;
}
  
.imageDiv2 {
    margin: 0;
    width: 770px;
	}
  
.imageDiv2 img {
	margin: 3px;
	width: 100px;
    height: 140px;
	cursor: pointer;
    border-radius: 10%;
    box-shadow: 0px 0px 0px #999;
}
/* AXALBEDA WRAP*/

.wrapper3 {
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
	margin: 0px;
	text-align: right;
	position: relative;
    padding-bottom: 5px;
	padding-top: 5px;
	}
  
.scrolls3 {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 0 0px 0;
    margin: 5px 0;
    /* Hide scrollbar */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scrolls3::-webkit-scrollbar {
    display: none;
}
  
.imageDiv3 {
    margin: 0;
    width: 910px;
	}
  
.imageDiv3 img {
	margin: 3px;
	width: 65px;
    height: 65px;
	cursor: pointer;
    border-radius: 50%;
   box-shadow: 0 0 2px 1px #dc2743;

}

/* TAGS WRAP*/

.wrapper4 {
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
	margin: 0px;
	text-align: right;
	position: relative;
    padding-bottom: 5px;
	padding-top: 5px;
	}
  
.scrolls4 {
	overflow-x: scroll;
	overflow-y: hidden;
	}
  
.imageDiv4 {
    margin: 0;
    width: 970px;
	}
  
.imageDiv4 img {
	margin: 2px;
	width: 150px;
    height: 50px;
	cursor: pointer;
    border-radius: 0%;
    box-shadow: 0px 0px 0px #999;
}

/* QUIZ WRAP*/

.wrapper5 {
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
	margin: 0px;
	text-align: right;
	position: relative;
    padding-bottom: 10px;
	padding-top: 10px;
	}
  
.scrolls5 {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 0 0px 0;
    margin: 5px 0;
    /* Hide scrollbar */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scrolls5::-webkit-scrollbar {
    display: none;
}
  
.imageDiv5 {
    margin: 0;
    width: 1270px;
	}
  
.imageDiv5 img {
	margin: 3px;
	width: 200px;
    height: 150px;
	cursor: pointer;
    border-radius: 5%;
    box-shadow: 0px 0px 1px #999;
}

/* LOGIN FB */

.quotefb {
    padding: 10px;
    font-family: menufont;
	text-align: center;
    background: #f1f4f0
}

.quotefb:before {
    content: '';
    display: block;
    height: 5px;
    background: #0033cc;
    margin: -10px -10px 10px
	
}

/* LOGIN OK */

.quoteok {
    padding: 10px;
    font-family: menufont;
	text-align: center;
    background: #f1f4f0
}

.quoteok:before {
    content: '';
    display: block;
    height: 5px;
    background: #ff9900;
    margin: -10px -10px 10px
	
}

/* Registration */

.quotereg {
    padding: 10px;
    font-family: menufont;
	text-align: center;
    background: #f1f4f0
}

.quotereg:before {
    content: '';
    display: block;
    height: 5px;
    background: linear-gradient(to left, #12c2e9, #c471ed, #f64f59);
    margin: -10px -10px 10px
	
}

/* Lost Password */

.quotepass {
    padding: 10px;
    font-family: menufont;
	text-align: center;
    background: #f1f4f0
}

.quotepass:before {
    content: '';
    display: block;
    height: 5px;
    background: linear-gradient(to left, #12c2e9, #c471ed, #f64f59);
    margin: -10px -10px 10px
	
}


/* SIAXLIS WASHLA */
.deleterequest{font-family:menufont;color:#ff5eae;font-size:18px;font-weight:700;text-align:left}

/* Hide only the filename text */
.uploadedfile .info:first-child {
    display: none;
}

@media only screen and (max-width: 768px) {
    
    /* 1. FORCE THE CONTAINER SIZE */
    .ui-dialog {
        width: 90% !important;         /* Forces it to fit mobile width */
        max-width: 90% !important;     /* Double safety */
        height: auto !important;       /* Let height adjust to content */
        left: 50% !important;          /* Center horizontally */
        top: 50% !important;           /* Center vertically */
        transform: translate(-50%, -50%) !important; /* Perfect Center alignment */
        position: fixed !important;    /* Keeps it on screen even if you scroll */
        padding: 0 !important;         /* Remove outer padding */
    }

    /* 2. SHRINK THE HEADER */
    .ui-dialog .ui-dialog-titlebar {
        padding: 10px !important;
        font-size: 14px !important;    /* Smaller title font */
    }

    /* 3. SHRINK THE CONTENT AREA */
    .ui-dialog .ui-dialog-content {
        width: 100% !important;        /* Prevent internal content from stretching */
        box-sizing: border-box !important;
        padding: 15px !important;      /* Less white space */
        min-height: unset !important;  /* Remove minimum height limits */
    }

    /* 4. YOUR BUTTON FIX (Keep this) */
    .ui-dialog .ui-dialog-buttonpane {
        padding: 10px !important;
        margin: 0 !important;
        border-top: none !important;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        display: flex !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        float: none !important;
    }

    .ui-dialog .ui-dialog-buttonpane button {
        flex: 1 !important;
        margin: 0 !important;
        padding: 10px 0 !important;
        height: 44px !important;
    }
}

/* Add News */

.addnews {
    padding: 10px;
    font-family: menufont;
    text-align: left;
    background: #f1f4f0
}

.addnews:before {
    content: '';
    display: block;
    height: 5px;
    background: linear-gradient(to left, #12c2e9, #c471ed, #f64f59);
    margin: -10px -10px 10px
    
}


/* SIAXLIS WASHLA */
.deleterequest{font-family:menufont;color:#ff5eae;font-size:18px;font-weight:700;text-align:left}

/* DARK MODE OVERRIDE FOR LOGO */
[data-theme="dark"] #logo-text {
    color: #ffffff !important;
}

/* --- ADD NEWS FORM STYLING --- */

/* 1. Spacing between each block */
.form-group {
    margin-bottom: 20px;
    display: block;
}

/* 2. The Label (Top) */
.form-label {
    display: block;
    margin-bottom: 8px; /* Space between text and input */
    font-size: 15px;
    font-weight: bold;
    color: #333;
}

/* 3. Small instructions like "(3-4 lines)" */
.sub-text {
    font-size: 12px;
    color: #888;
    font-weight: normal;
    margin-left: 5px;
}

/* 4. The Input/Textarea Container */
.form-field {
    width: 100%;
}

/* 5. Style the Inputs and Textareas */
.f_input.f_wide {
    width: 100%;             /* Force full width */
    padding: 12px;           /* Comfortable padding */
    border: 1px solid #ddd;
    border-radius: 6px;      /* Modern rounded corners */
    font-size: 14px;
    box-sizing: border-box;  /* Ensures padding doesn't break width */
    font-family: sans-serif;
}

/* 6. Style the Category Dropdown specifically */
.form-field select {
    width: 100% !important;
    height: 45px !important;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #fff;
}

Here is the updated, full version of your CSS.

I have completely refactored the .share-buttons and .share-btn sections to ensure they fit perfectly on one line on an iPhone 12 Pro (and similar screens) without breaking.

Replace your entire "Modern Share Buttons" block in style.css with this:

CSS

/* --- MODERN SHARE BUTTONS (RESPONSIVE FIXED) --- */

.share-container {
    margin-top: 20px;
    padding: 15px 10px; /* Reduced side padding slightly */
    background: #f9f9f9; /* Light mode bg */
    border-radius: 12px;
    text-align: center;
}

.share-label {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

.share-buttons {
    display: flex;
    justify-content: space-between; /* Spreads buttons evenly across width */
    gap: 8px; /* Small gap to prevent touching */
    width: 100%; /* Forces container to use full width */
}

/* Base Button Style */
.share-btn {
    flex: 1; /* KEY FIX: Makes all 3 buttons shrink equally to fit one line */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0; /* No side padding (relies on flex centering) */
    border: none;
    border-radius: 50px; /* Soft Pill Shape */
    color: #fff;
    font-family: 'menufont', sans-serif;
    font-size: 13px; /* Slightly smaller text for safety */
    font-weight: bold;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    white-space: nowrap; /* Prevents text from breaking onto new lines */
}

.share-btn i, .share-btn img {
    margin-right: 6px;
    font-size: 16px; /* Ensures icons aren't too large */
}

.share-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
    opacity: 0.95;
    color: #fff;
}

/* --- BRAND COLORS --- */

/* Facebook (Standard Blue) */
.btn-fb {
    background-color: #1877f2;
}

/* Instagram (Modern Gradient) */
.btn-insta {
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
}

/* TikTok (Black for Light Mode) */
.btn-tiktok {
    background-color: #000000;
}
.btn-tiktok img {
    filter: invert(1); /* Makes icon white */
}

/* --- COPY ALERT POPUP --- */
#copy-alert {
    visibility: hidden;
    min-width: 200px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    position: fixed;
    z-index: 999;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    font-family: 'menufont', sans-serif;
    font-size: 14px;
    opacity: 0;
    transition: opacity 0.3s, bottom 0.3s;
}

#copy-alert.show {
    visibility: visible;
    opacity: 1;
    bottom: 50px;
}


/* --- DARK MODE --- */

/* 1. Make the Title text white */
[data-theme="dark"] .post .title a {
    color: #ffffff !important; /* White text */
}

/* 1. Make the news block background #2d2d2d */
[data-theme="dark"] .post {
    background-color: #2d2d2d !important; /* Updated from black to 2d2d2d */
    border-color: #333333 !important;
}

/* 2. Make the Title text white */
[data-theme="dark"] .post .title a {
    color: #ffffff !important;
}

/* 3. Make the "Read More" button background #262626 */
[data-theme="dark"] .more a {
    background: #262626 !important; /* Forces the specific dark grey */
    background-image: none !important; /* Removes any old orange gradients */
    color: #ffffff !important;         /* Ensures text remains white */
    border: 1px solid #333 !important; /* Optional: adds subtle border */
    box-shadow: none !important;       /* Removes old shadows for a flat look */
}

/* Optional: Add hover effect for the button */
[data-theme="dark"] .more a:hover {
    background: #333333 !important;    /* Slightly lighter on click */
}

/* 4. Fix Short Story Text Color for Readability */
[data-theme="dark"] .post-cont {
    color: #e0e0e0 !important; /* Soft White text */
}

/* Safety rule: Force paragraphs inside the story to also change */
/* This fixes issues if you copy-pasted text from other sites */
[data-theme="dark"] .post-cont p,
[data-theme="dark"] .post-cont div,
[data-theme="dark"] .post-cont span {
    color: #e0e0e0 !important;
}

/* --- DARK MODE: FULL STORY & COMMENTS --- */

/* 1. Main News Container & Text */
[data-theme="dark"] .fullstory {
    background-color: #2d2d2d !important;
    border-color: #333333 !important;
    color: #e0e0e0 !important; /* Soft white text */
}

/* 2. News Title Header */
[data-theme="dark"] .fullstory h1.title a {
    color: #ffffff !important;
}

/* 3. News Content Text (The Poem/Story) */
[data-theme="dark"] .fullstory .post-cont {
    color: #e0e0e0 !important;
}
/* Force spans/links inside the story to be light */
[data-theme="dark"] .fullstory .post-cont span,
[data-theme="dark"] .fullstory .post-cont p {
    color: #e0e0e0 !important;
    background-color: transparent !important; /* Removes white bg from copy-pasted text */
}

/* 4. "Related News" Box (Msgavsi Siaxleebi) */
[data-theme="dark"] .box h3 {
    color: #ffffff !important;
}
[data-theme="dark"] #rel-news a {
    background: #262626 !important; /* Dark Grey button */
    background-image: none !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}
[data-theme="dark"] #rel-news a:hover {
    background: #333333 !important;
    color: #fff !important;
}

/* 5. Comment Form (Komentaris Damateba) */
[data-theme="dark"] .ux-form {
    background-color: #2d2d2d !important;
    border-color: #333333 !important;
}
[data-theme="dark"] .ux-form h3 {
    color: #ffffff !important;
}
[data-theme="dark"] .ux-form textarea {
    background-color: #1e1e1e !important; /* Darker input field */
    color: #ffffff !important;
    border-color: #444 !important;
}

/* 6. Rating/Share Buttons Area */
[data-theme="dark"] .fulltable .quotereg {
    background: #262626 !important;
    color: #fff !important;
    border: 1px solid #333;
}
[data-theme="dark"] .fulltable a {
    color: #aaa !important; /* Muted link color for actions */
}

/* --- FACEBOOK COMMENTS RESPONSIVE FIX --- */
.fb-comments, 
.fb-comments span, 
.fb-comments iframe {
    width: 100% !important;
    max-width: 100% !important;
}



/* --- DARK MODE: HEADER & SEARCH --- */

/* 1. Darken the Main Header */
[data-theme="dark"] #header {
    background-color: #2d2d2d !important; /* Matches your news blocks */
    background-image: none !important;    /* Removes the white gradient */
    border-bottom: 1px solid #333 !important;
    box-shadow: none !important;          /* Flattens the look */
}


/* 4. Fix the "Full Version" Icon (Arrow on the right) */
[data-theme="dark"] #go2full {
    color: #aaaaaa !important; /* Light grey arrow */
    text-shadow: none !important;
}

/* --- DARK MODE: COMMENT NUMBER BUBBLE --- */

/* 1. Darken the background of the bubble */
[data-theme="dark"] .com-num {
    background-color: #262626 !important; /* Matches the "Read More" button */
    border: 1px solid #333 !important;    /* Subtle border */
    color: #ffffff !important;            /* Default text color */
}

/* 2. Make the link (the number "1") white */
[data-theme="dark"] .com-num a {
    color: #ffffff !important;
}

/* 3. Make the Link Orange on Hover (Nice touch) */
[data-theme="dark"] .com-num a:hover {
    color: #ee4923 !important;
}

/* 4. Fix the small comment Icon (Force to Pure White) */
[data-theme="dark"] .com-num:before {
    /* brightness(0) invert(1) ensures it turns white regardless of the original blue color */
    filter: brightness(0) invert(1) !important; 
    opacity: 1 !important; /* Full visibility for the white icon */
}

/* --- DARK MODE: POST INFO (Author, Date, Views) --- */

/* 1. Make the general text light grey */
[data-theme="dark"] .post-info, 
[data-theme="dark"] .post-info li {
    color: #b0b0b0 !important; /* Light grey instead of dark grey */
}

/* 2. Make the Author Link White */
[data-theme="dark"] .post-info a,
[data-theme="dark"] .iauthor a {
    color: #ffffff !important;
    font-weight: bold;
}

/* 3. Invert the small Icons (User, Calendar, Eye) to White */
/* This targets the sprite image before the text */
[data-theme="dark"] .post-info .ico:before,
[data-theme="dark"] .iauthor:before,
[data-theme="dark"] .idate:before,
[data-theme="dark"] .iviews:before {
    filter: invert(1) grayscale(100%) !important; /* Turns black icons white */
    opacity: 0.8; /* Slightly dimmer so they aren't too bright */
}

/* --- DARK MODE: CATEGORY LINE --- */

/* 1. Fix the Container (Border & Text) */
[data-theme="dark"] .icat {
    border-top-color: #333333 !important; /* Darken the separator line */
    color: #b0b0b0 !important;             /* Light grey text */
}

/* 2. Fix the Category Link */
[data-theme="dark"] .icat a {
    color: #ffffff !important; /* White text for the category name */
    font-weight: bold;
}

/* 3. Make the Category Link Orange on Hover */
[data-theme="dark"] .icat a:hover {
    color: #ee4923 !important;
}

/* 4. Fix the Icon (Folder icon) */
/* This targets the sprite image before the text */
[data-theme="dark"] .icat:before {
    filter: invert(1) grayscale(100%) !important; /* Turns black folder icon white */
    opacity: 0.8;
}

/* --- DARK MODE: LIKE & COMPLAINT BUTTONS --- */

/* 1. Style the Button Container (The Box) */
[data-theme="dark"] .fulltable .quotereg {
    background: #262626 !important;       /* Dark grey button background */
    background-image: none !important;    /* Removes the Light Mode rainbow gradient */
    border: 1px solid #3d3d3d !important; /* Subtle lighter border */
    border-radius: 8px !important;        /* Nice rounded corners */
    color: #e0e0e0 !important;            /* Soft white text */
    padding: 12px 15px !important;        /* More padding for a "button" feel */
    margin: 5px 2px !important;           /* Spacing between them */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important; /* Depth shadow */
    transition: all 0.2s ease !important; /* Smooth animation for hover */
    text-align: center;
}

/* 2. Hover Effect (Lift and Brighten) */
/* This targets the div when you hover over the link */
[data-theme="dark"] .fulltable a:hover .quotereg {
    background: #333333 !important;       /* Lighter grey on hover */
    border-color: #555555 !important;
    color: #ffffff !important;            /* Pure white text */
    transform: translateY(-2px);          /* Moves the button up slightly */
    box-shadow: 0 6px 12px rgba(0,0,0,0.5) !important; /* Stronger shadow */
}

/* 3. Icon Colors (Make them pop!) */
[data-theme="dark"] .fulltable .fa-heart-o {
    color: #ff5e5e !important; /* Light Red for "Add Favorite" */
    margin-right: 5px;
}
[data-theme="dark"] .fulltable .fa-heart {
    color: #ff0000 !important; /* Deep Red for "Remove Favorite" */
    margin-right: 5px;
}
[data-theme="dark"] .fulltable .fa-bullhorn {
    color: #ffaa00 !important; /* Orange/Gold for Complaint */
    margin-right: 5px;
}

/* 4. Ensure the Links wrapping them don't mess up colors */
[data-theme="dark"] .fulltable a {
    text-decoration: none !important;
}

/* --- DARK MODE: RATING SYSTEM (FIXED HORIZONTAL) --- */

/* 1. General Button Style */
[data-theme="dark"] .main-sliders-rate a {
    background-color: #262626 !important;
    border: 1px solid #333 !important;
    
    /* THE FIX: These 3 lines force them side-by-side */
    width: 50% !important;
    float: left !important;
    box-sizing: border-box !important; /* This fits the border INSIDE the 50% */
    
    transition: all 0.3s ease !important;
}

/* 2. LIKE BUTTON (Green) */
[data-theme="dark"] .main-sliders-rate a:nth-of-type(1) {
    color: #71ce3f !important;
    border-right: none !important; /* Removes double border in the middle */
}
[data-theme="dark"] .main-sliders-rate a:nth-of-type(1) svg {
    fill: #71ce3f !important;
}

/* Like Hover */
[data-theme="dark"] .main-sliders-rate a:nth-of-type(1):hover {
    background-color: #71ce3f !important;
    color: #ffffff !important;
    border-color: #71ce3f !important;
}
[data-theme="dark"] .main-sliders-rate a:nth-of-type(1):hover svg {
    fill: #ffffff !important;
}

/* 3. DISLIKE BUTTON (Red) */
[data-theme="dark"] .main-sliders-rate a:nth-of-type(2) {
    color: #ba3636 !important;
    background-color: #262626 !important;
}
[data-theme="dark"] .main-sliders-rate a:nth-of-type(2) svg {
    fill: #ba3636 !important;
}

/* Dislike Hover */
[data-theme="dark"] .main-sliders-rate a:nth-of-type(2):hover {
    background-color: #ba3636 !important;
    color: #ffffff !important;
    border-color: #ba3636 !important;
}
[data-theme="dark"] .main-sliders-rate a:nth-of-type(2):hover svg {
    fill: #ffffff !important;
}

/* --- DARK MODE: RELATED NEWS (Msgavsi Siaxleebi) --- */

/* 1. Title and Icon */
[data-theme="dark"] .box h3 {
    color: #ffffff !important;           /* White text */
    border-bottom: none !important;      /* Clean look */
}
[data-theme="dark"] .box h3 i {
    color: #ee4923 !important;           /* Make the bookmark icon Orange */
}

/* 2. Container Border */
[data-theme="dark"] #rel-news {
    border-bottom: 1px solid #333333 !important; /* Fix bottom line color */
}

/* 3. The News Links */
[data-theme="dark"] #rel-news a {
    background-color: #262626 !important; /* Dark Grey background */
    background-image: none !important;    /* Removes the old light gradient */
    color: #e0e0e0 !important;            /* Readable text */
    border-top: 1px solid #333333 !important; /* Dark separator lines */
}

/* 4. Hover Effect */
[data-theme="dark"] #rel-news a:hover {
    background-color: #333333 !important; /* Lighter grey when touched */
    color: #ffffff !important;            /* Bright white text on hover */
}

/* 5. Fix the Arrow Icon on the right */
/* This targets the sprite arrow that appears in the list */
[data-theme="dark"] #rel-news a:before {
    filter: invert(1) !important;         /* Turns the black arrow white */
    opacity: 0.6;
}
/* Make arrow brighter on hover */
[data-theme="dark"] #rel-news a:hover:before {
    opacity: 1;
}

/* --- DARK MODE: COPYRIGHT FOOTER --- */
[data-theme="dark"] #copyright {
    background-color: #2d2d2d !important; /* Pure black background */
    color: #ffffff !important;            /* White text */
    border-top: 1px solid #333 !important; /* Subtle separator line */
    text-shadow: none !important;         /* Removes any old shadows */
}

/* Ensure any links inside the copyright are also white */
[data-theme="dark"] #copyright a {
    color: #ffffff !important;
}

/* --- DARK MODE: PAGINATION (PREV/NEXT) --- */

/* 1. The Pager Container Background */
[data-theme="dark"] .pager {
    background-color: #2d2d2d !important;  /* The requested dark grey */
    border-top: 1px solid #333 !important; /* Subtle separator line */
    color: #ffffff !important;
}

/* --- DARK MODE: MODERN PAGINATION (FIXED HOVER) --- */

/* 1. Base Button Style */
[data-theme="dark"] .pprev, 
[data-theme="dark"] .pnext {
    /* Blue-Grey Gradient */
    background: #485563 !important; 
    background: -webkit-linear-gradient(to right, #29323c, #485563) !important;
    background: linear-gradient(to right, #29323c, #485563) !important;
    
    /* Shape & Text */
    color: #ffffff !important;
    border: 1px solid #29323c !important;
    border-radius: 20px !important;
    padding: 10px 25px !important;
    
    /* Animation Basics */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease !important;
    font-weight: bold !important;
    text-shadow: none !important;
}

/* 2. HOVER EFFECT - The Fix is Here */
/* We target the .pager container explicitly to override the default orange link */
[data-theme="dark"] .pager a:hover,
[data-theme="dark"] .pager a:hover .pnext,
[data-theme="dark"] .pager a:hover .pprev {
    color: #ffffff !important;   /* FORCE WHITE TEXT */
    opacity: 1 !important;
    transform: translateY(-2px); 
    box-shadow: 0 6px 12px rgba(0,0,0,0.4) !important;
    text-decoration: none !important;
}

/* 3. Icons (White Arrows) */
[data-theme="dark"] .pprev:before, 
[data-theme="dark"] .pnext:before {
    filter: invert(1) brightness(2) !important;
    opacity: 1 !important;
}



/* 3. Hover Effect for Buttons */
[data-theme="dark"] .pager a:hover .pprev, 
[data-theme="dark"] .pager a:hover .pnext {
    background-color: #333333 !important;  /* Slightly lighter on click */
    color: #ee4923 !important;             /* Orange text on hover */
}

/* 4. Fix the Arrow Icons (Invert black to white) */
[data-theme="dark"] .pprev:before, 
[data-theme="dark"] .pnext:before {
    filter: invert(1) !important;          /* Turns black arrows white */
    opacity: 0.7;
}

/* --- DARK MODE: ORIGINAL STATIC SEPARATION SHADOW --- */

[data-theme="dark"] .post {
    background-color: #2d2d2d !important;
    
    /* 1. The Separator Line (Darkened for Dark Mode) */
    border-bottom: 1px solid #1a1a1a !important; 
    
    /* 2. The Static Shadow (Same size as original, just darker) */
    /* Original was 0.1 opacity, we use 0.5 to make it visible on dark bg */
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5) !important;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5) !important;
    
    /* 3. Ensure spacing (Standard DLE spacing) */
    margin-bottom: 5px !important;
    
}

/* --- DARK MODE: MAIN CONTENT WRAPPER --- */

[data-theme="dark"] #content {
    background-color: #2d2d2d !important; /* Turns the white background dark */
    color: #e0e0e0 !important;            /* Ensures text inside is readable */
    border: none !important;              /* Removes any default borders if present */
}

/* --- DARK MODE: SLIDERS (Collections, New Writers, Quiz) --- */

[data-theme="dark"] .wrapper2,
[data-theme="dark"] .wrapper3,
[data-theme="dark"] .wrapper4,
[data-theme="dark"] .wrapper5 {
    background-color: #262626 !important; /* The requested dark grey */
    background-image: none !important;    /* Removes the light linear-gradient */
    border-top: 1px solid #333 !important;    /* Adds a subtle top border */
    border-bottom: 1px solid #333 !important; /* Adds a subtle bottom border */
}

/* --- DARK MODE: ADD COMMENT FORM --- */

/* 1. The Form Container (Matches news blocks) */
[data-theme="dark"] .ux-form {
    background-color: #2d2d2d !important;
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important; /* Optional: adds closure */
}

/* 2. The Header Title ("კომენტარის დამატება") */
[data-theme="dark"] .ux-form h3 {
    color: #ffffff !important;
}

/* 3. The Input Fields (KEPT WHITE & ORIGINAL as requested) */
[data-theme="dark"] .ux-form .f_textarea,
[data-theme="dark"] .ux-form .f_input {
    background-color: #ffffff !important; /* Force White Background */
    color: #2a2a2a !important;            /* Original Dark Text */
    border: 1px solid #c2c2c2 !important; /* Original Border */
}

/* 4. The Submit Button (Styled like Short Story "Read More") */
[data-theme="dark"] .ux-form .btn {
    background-color: #262626 !important;  /* Dark Grey Background */
    background-image: none !important;     /* Removes the Orange Gradient */
    color: #ffffff !important;             /* White Text */
    border: 1px solid #333 !important;     /* Subtle Border */
    box-shadow: none !important;           /* Flat look */
    text-shadow: none !important;
    font-weight: bold !important;
}

/* Button Hover Effect */
[data-theme="dark"] .ux-form .btn:hover {
    background-color: #333333 !important;  /* Slightly lighter on hover */
    cursor: pointer;
}

/* --- DARK MODE: FACEBOOK COMMENTS "DARK" HACK --- */

[data-theme="dark"] .fb-comments iframe {
    /* 1. Invert colors: White becomes Black, Black text becomes White */
    filter: invert(1) hue-rotate(180deg) !important;
    
    /* 2. Fix images (Optional: Keeps user avatars from looking like ghosts) */
    /* Note: This is tricky on iframes, usually we just accept the invert */
}

[data-theme="dark"] .fb-comments {
    background-color: transparent !important; /* Remove the white container box */
    padding: 0 !important;
}

/* 1. TOP BACKGROUND (Toolbar area) */
[data-theme="dark"] .background {
    background: #2d2d2d url(../images/bgdark.jpg) repeat-x !important;
    height: 35px !important;
    border-bottom: 1px solid #333 !important;
}

/* 2. FOOTER BACKGROUND (The thin 8px strip) */
[data-theme="dark"] #footer .background {
    background: #2d2d2d url(../images/bgdark.jpg) repeat-x !important;
    height: 8px !important;           /* Forces it back to 8px */
    border-bottom: none !important;    /* Removes the border from the footer strip */
    top: auto !important;
    bottom: 0 !important;
}



/* --- DARK MODE: ADD NEWS PAGE --- */

/* 1. The Main Containers (quote34) */
[data-theme="dark"] .quote34 {
    background-color: #2d2d2d !important; /* Dark Grey Background */
    color: #ffffff !important;            /* White Text for labels */
    border-bottom: 1px solid #333 !important; /* Subtle separator */
}

/* 2. Inputs & Textareas (Keep White as requested) */
[data-theme="dark"] .quote34 input[type="text"], 
[data-theme="dark"] .quote34 textarea,
[data-theme="dark"] .f_input {
    background-color: #ffffff !important; /* White Background */
    color: #000000 !important;            /* Black Text */
    border: 1px solid #cccccc !important;
}

/* 3. "Category" Dropdown (Chosen Plugin Fixes) */
/* Force the dropdown selector to look like your white inputs */
[data-theme="dark"] .chosen-container-single .chosen-single {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
    box-shadow: none !important;
}
/* Force the dropdown list (when opened) to be white/black */
[data-theme="dark"] .chosen-container .chosen-drop {
    background: #ffffff !important;
    border-color: #cccccc !important;
}
[data-theme="dark"] .chosen-container .chosen-results {
    color: #000000 !important;
}
/* Fix the search box inside the dropdown */
[data-theme="dark"] .chosen-container .chosen-search input[type="text"] {
    background: #ffffff !important;
    color: #000000 !important;
}

/* 4. The "Add" Submit Button */
/* Matches the dark style of your other buttons */
[data-theme="dark"] .quote34 .btn {
    background-color: #262626 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
    cursor: pointer;
}
[data-theme="dark"] .quote34 .btn:hover {
    background-color: #333333 !important;
}

/* 5. Fix the "Important" Asterisk (*) */
[data-theme="dark"] .import1 {
    color: #ff4444 !important; /* Bright Red to be visible on dark */
}

/* --- DARK MODE: ADD NEWS TOP LINE (User Requested Gradient) --- */

[data-theme="dark"] .quote34:before {
    content: '' !important;
    display: block !important;
    height: 5px !important;
    
    /* Positioning to sit perfectly at the top edge */
    margin-left: -10px !important;
    margin-right: -10px !important;
    margin-top: -10px !important;
    margin-bottom: 10px !important;
    
    /* Your requested Blue-Grey Gradient */
    background: #485563 !important;  /* fallback */
    background: -webkit-linear-gradient(to right, #29323c, #485563) !important;
    background: linear-gradient(to right, #29323c, #485563) !important;
}

/* 1. Modern Gradient Button Style */
[data-theme="dark"] .post .btn.f_wide {
    /* Blue-Grey Gradient */
    background: #485563 !important; 
    background: -webkit-linear-gradient(to right, #29323c, #485563) !important;
    background: linear-gradient(to right, #29323c, #485563) !important;
    
    /* Text & Shape */
    color: #ffffff !important;
    border: 1px solid #29323c !important;
    border-radius: 20px !important; /* More modern rounded look */
    padding: 10px 20px !important;
    font-weight: bold !important;
    text-shadow: none !important;
    
    /* Effects */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease !important;
    margin-bottom: 8px;
    text-transform: none !important; /* Removes default orange styling if any */
}

/* 2. Hover State: White Background with Black Text */
[data-theme="dark"] .post .btn.f_wide:hover {
    background: #ffffff !important;   /* White background */
    color: #000000 !important;        /* Black text */
    border-color: #ffffff !important;
    transform: translateY(-2px);      /* Subtle lift effect */
    box-shadow: 0 6px 12px rgba(0,0,0,0.4) !important;
}

/* Force icons inside buttons to follow text color */
[data-theme="dark"] .post .btn.f_wide i,
[data-theme="dark"] .post .btn.f_wide .fa {
    color: inherit !important; 
}

/* 3. Message List Table (The list of emails) */
[data-theme="dark"] .pm {
    width: 100%;
    color: #e0e0e0 !important;
}
[data-theme="dark"] .pm td {
    border-bottom: 1px solid #333 !important;
    padding: 8px;
}
/* Hover effect on email rows */
[data-theme="dark"] .pm tr:hover td {
    background-color: #333333 !important;
}
/* Links inside the list (Subject/Author) */
[data-theme="dark"] .pm a {
    color: #ffffff !important;
}

/* 4. Reading a Message (The Message Box) */
[data-theme="dark"] .comment {
    background-color: #353535 !important;  /* Card Style Background */
    border: 1px solid #444 !important;
    color: #e0e0e0 !important;             /* Readable Text */
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
}

[data-theme="dark"] .comment a {
    color: #ffffff !important; 
    text-decoration: none;
    font-weight: bold;
}

[data-theme="dark"] .comment a:hover {
    color: #80d8ff !important; /* A bright, soft sky blue */
    text-decoration: underline;
}

/* 5. Message Action Bar (Reply, Delete, Block) */
[data-theme="dark"] .com-inf {
    border-top: 1px solid #444 !important; /* Dark separator */
    background-color: transparent !important;
    color: #b0b0b0 !important;
}

/* 6. Fix "bhtd" / Icons (Reply, Delete, Block Sprites) */
/* This inverts the black icons in the sprite to white */
[data-theme="dark"] .thd {
    filter: invert(1) !important; 
    opacity: 0.8;
}

/* 7. Fix FontAwesome Icons (Inbox, Arrow, Plus icons at top) */
[data-theme="dark"] .post .fa {
    color: #ee4923 !important; /* Orange accents */
}

/* --- DARK MODE: LOGIN & USER MENU DIALOG --- */

/* 1. The Main Dialog Overlay (Background) */
[data-theme="dark"] .wideDialog {
    background: rgba(45, 45, 45, 0.98) !important; /* Very dark, slightly transparent */
}

/* --- DARK MODE: LOGIN CLOSE BUTTON FIX (Final) --- */
[data-theme="dark"] #lg-close {
    /* Just remove the color (Orange becomes Grey). Do not boost brightness. */
    filter: grayscale(100%) !important;
    
    /* Optional: If it looks too dark, slightly boost it, but not to white */
    /* filter: grayscale(100%) brightness(1.5) !important; */
    
    opacity: 1 !important;
}

/* 3. LOGIN FORM STYLES */
/* Labels (Username/Password) */
[data-theme="dark"] .login-form label {
    color: #ffffff !important;
    font-weight: bold;
}
/* Inputs (Keep White as requested) */
[data-theme="dark"] .login-form .f_input {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
}
/* Login Button */
[data-theme="dark"] .login-form .btn {
    background-color: #262626 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
}

/* 4. USER MENU (Logged In List) */
[data-theme="dark"] #usermenu a {
    color: #ffffff !important;       /* White Title */
    background-color: transparent !important;
    display: block;                  /* Ensures the click area is full width */
    padding: 5px 10px;               /* Adds breathing room */
    border-radius: 4px;              /* Soft edges */
    transition: all 0.2s ease;
}

[data-theme="dark"] #usermenu .fa {
    color: #ffffff !important;       /* White Icons */
    margin-right: 10px;
}

/* 2. Hover State: Text and Icons turn BLACK (with White Background) */
[data-theme="dark"] #usermenu a:hover {
    color: #000000 !important;       /* Title turns Black */
    background-color: #ffffff !important; /* Background turns White so text is visible */
    text-decoration: none !important;
}

[data-theme="dark"] #usermenu a:hover .fa {
    color: #000000 !important;       /* Icons turn Black to match */
}

/* 5. BOTTOM LINKS (Registration, Lost Password, Facebook) */
/* Container Backgrounds */
[data-theme="dark"] .quotereg,
[data-theme="dark"] .quotepass,
[data-theme="dark"] .quotefb {
    background-color: #262626 !important; /* Dark card background */
    border: 1px solid #333 !important;
    color: #ffffff !important;
}

/* Link Colors inside those boxes */
[data-theme="dark"] .quotereg a,
[data-theme="dark"] .quotepass a,
[data-theme="dark"] .quotefb a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold;
}

/* --- DARK MODE: REGISTRATION PAGE --- */

/* 1. Page Title ("რეგისტრაცია") */
[data-theme="dark"] .post.static .title {
    color: #ffffff !important;
}

/* 2. Inputs, Textareas, and Dropdowns (Gender/Date) */
/* Forces all typing fields to be White with Black text */
[data-theme="dark"] .ux-form input[type="text"],
[data-theme="dark"] .ux-form input[type="password"],
[data-theme="dark"] .ux-form input[type="email"],
[data-theme="dark"] .ux-form textarea,
[data-theme="dark"] .ux-form select {
    background-color: #ffffff !important;
    color: #2a2a2a !important;            /* Dark text */
    border: 1px solid #cccccc !important;
}

/* 3. The "Check Name" Button (შემოწმება) */
[data-theme="dark"] .combofield .bbcodes {
    background-color: #262626 !important; /* Dark Grey */
    background-image: none !important;    /* Remove Orange Gradient */
    color: #ffffff !important;            /* White Text */
    border: 1px solid #333 !important;
    box-shadow: none !important;
}
[data-theme="dark"] .combofield .bbcodes:hover {
    color: #ffffff !important;  /* Changed from Orange to White */
    background-color: #333333 !important; /* Optional: Keep the dark bg change */
}

[data-theme="dark"] .post.static .title .fa {
    color: #ffffff !important;
}

/* 4. Captcha Box Container */
[data-theme="dark"] .c-captcha-box {
    background-color: #353535 !important; /* Lighter grey card */
    border: 1px solid #444 !important;
    color: #ffffff !important;            /* White Label */
}

/* 5. Main Registration Button */
[data-theme="dark"] .submitline .btn {
    background-color: #262626 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
}

/* --- DARK MODE: INFO / ERROR MESSAGES --- */

/* 1. The Container Box */
[data-theme="dark"] .berrors {
    background-color: #2d2d2d !important;  /* Dark Grey Background */
    color: #e0e0e0 !important;             /* Light Grey Text */
    border: 1px solid #ee4923 !important;  /* Orange Border (Warning/Info style) */
    border-left: 5px solid #ee4923 !important; /* Thicker Left Border for emphasis */
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important; /* Depth shadow */
}

/* 2. The Title (Bold Text) */
[data-theme="dark"] .berrors b {
    color: #ffffff !important;             /* White Title */
}

/* 3. The Icon (Info Circle) */
[data-theme="dark"] .berrors .fa {
    color: #ee4923 !important;             /* Orange Icon */
    margin-right: 5px;
}

/* 4. Links inside the message */
[data-theme="dark"] .berrors a {
    color: #ffffff !important;             /* White Links */
    text-decoration: underline !important;
}
[data-theme="dark"] .berrors a:hover {
    color: #ee4923 !important;             /* Orange on hover */
    text-decoration: none !important;
}

/* --- DARK MODE: QUOTES, SPOILERS, AND CODE BLOCKS --- */

/* 1. General Style for ALL text blocks */
[data-theme="dark"] .quote, 
[data-theme="dark"] .title_quote, 
[data-theme="dark"] .text_spoiler, 
[data-theme="dark"] .title_spoiler, 
[data-theme="dark"] .scriptcode {
    background-color: #262626 !important; /* Dark Grey Background */
    color: #e0e0e0 !important;            /* Light Grey Text */
    border-color: #444444 !important;     /* Darker Border Color */
}

/* 2. Specific Tweaks for Titles (Quote/Spoiler Headers) */
[data-theme="dark"] .title_quote,
[data-theme="dark"] .title_spoiler {
    color: #ffffff !important;            /* White Title Text */
    border-bottom: none !important;       /* Remove bottom border (matches original style) */
    background-color: #333333 !important; /* Slightly lighter header */
}

/* 3. Border Style (Keep Dotted) */
[data-theme="dark"] .quote,
[data-theme="dark"] .text_spoiler,
[data-theme="dark"] .scriptcode {
    border: 1px dotted #555555 !important;
}

/* --- DARK MODE: BEAUTIFUL BUTTON STYLES --- */

/* 1. STANDARD BUTTON (Uses your Blue-Grey Gradient) */
[data-theme="dark"] .btn, 
[data-theme="dark"] input.btn {
    /* Your requested Blue-Grey Gradient */
    background: #485563 !important; 
    background: -webkit-linear-gradient(to right, #29323c, #485563) !important;
    background: linear-gradient(to right, #29323c, #485563) !important;
    
    color: #ffffff !important;
    border: 1px solid #29323c !important; /* Matches start of gradient */
    border-radius: 4px !important;
    padding: 8px 15px !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important; /* 3D Shadow */
    text-shadow: none !important;
    transition: all 0.3s ease !important;
}

/* Standard Button Hover */
[data-theme="dark"] .btn:hover, 
[data-theme="dark"] input.btn:hover {
    opacity: 0.9;
    box-shadow: 0 6px 12px rgba(0,0,0,0.4) !important;
    transform: translateY(-1px);
}

/* 2. SUCCESS BUTTON (Dark Green Gradient) */
[data-theme="dark"] .btn.btn-success {
    /* Dark Green Gradient to match the theme */
    background: #11998e !important;
    background: linear-gradient(to right, #11998e, #38ef7d) !important; /* Modern Green */
    /* Alternative Darker Green if preferred: */
    /* background: linear-gradient(to right, #2e7d32, #4caf50) !important; */
    
    border: 1px solid #11998e !important;
    color: #ffffff !important;
}

/* 3. DANGER BUTTON (Dark Red Gradient) */
[data-theme="dark"] .btn.btn-danger {
    /* Dark Red Gradient to match the theme */
    background: #cb2d3e !important;
    background: linear-gradient(to right, #cb2d3e, #ef473a) !important; /* Modern Red */
    
    border: 1px solid #cb2d3e !important;
    color: #ffffff !important;
}

/* 4. HOVER EFFECTS FOR SUCCESS/DANGER */
[data-theme="dark"] .btn.btn-success:hover,
[data-theme="dark"] .btn.btn-danger:hover {
    opacity: 0.9;
    box-shadow: 0 6px 15px rgba(0,0,0,0.5) !important;
    transform: translateY(-1px);
}

/* --- DARK MODE: TOP MENU HOVER FIX --- */

/* 1. Target the links inside the Head Menu on Hover */
[data-theme="dark"] #menu-head a:hover {
    background-color: #ffffff !important; /* Background turns White */
    color: #000000 !important;            /* Text turns Black */
    
    /* Remove any existing borders or shadows if needed */
    border-color: #ffffff !important; 
    text-decoration: none !important;
    
    /* Optional: Add small rounded corners for a smoother look */
    border-radius: 3px; 
}

/* --- DARK MODE: QUOTE34 (Add News / PM blocks) --- */

[data-theme="dark"] .quote3 {
    background: #262626 !important; /* Dark Grey Background */
    color: #ffffff !important;       /* White Text */
    padding: 10px;
    font-family: menufont;
    margin-bottom: 1px;
    border: none !important;
}

[data-theme="dark"] .quote3:before {
    content: '' !important;
    display: block !important;
    height: 5px !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    margin-top: -10px !important;
    margin-bottom: 10px !important;
    
    /* Your Requested Blue-Grey Gradient */
    background: #485563 !important;  /* fallback */
    background: -webkit-linear-gradient(to right, #29323c, #485563) !important;
    background: linear-gradient(to right, #29323c, #485563) !important;
}

/* 1. Normal state: White text and no underline */
[data-theme="dark"] .quote3 a,
[data-theme="dark"] .quote3 a b,
[data-theme="dark"] .quote3 a strong {
    color: #ffffff !important;
    text-decoration: none !important; /* Removes underline */
}

/* 2. Hover state: Keep text white and keep underline hidden */
[data-theme="dark"] .quote3 a:hover,
[data-theme="dark"] .quote3 a:hover b,
[data-theme="dark"] .quote3 a:hover strong {
    color: #ffffff !important;        /* Stays white */
    text-decoration: none !important; /* Forces underline to stay hidden */
    opacity: 0.8;                     /* Optional: slight fade so you know you're hovering */
}

/* --- DARK MODE: MASS-CHECK / SELECTION BUTTONS --- */

/* 1. Main Container Style */
[data-theme="dark"] .mass-check {
    background: #2d2d2d !important;      /* Dark background */
    border: 1px solid #444 !important;    /* Subtle border */
    color: #ffffff !important;            /* White text/numbers */
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.2s ease;
}

/* 2. Force Icons and Numbers to White */
[data-theme="dark"] .mass-check i,
[data-theme="dark"] .mass-check .fa,
[data-theme="dark"] .mass-check span,
[data-theme="dark"] .mass-check b {
    color: #ffffff !important;
}

/* 3. Hover State */
[data-theme="dark"] .mass-check:hover {
    background: #3d3d3d !important;      /* Slightly lighter on hover */
    border-color: #ee4923 !important;    /* Orange border focus */
    cursor: pointer;
}

/* 4. If mass-check is inside a link, prevent color change */
[data-theme="dark"] a:hover .mass-check {
    text-decoration: none !important;
    color: #ffffff !important;
}

/* --- DARK MODE SWITCHER ALIGNMENT --- */
#theme-btn {
    cursor: pointer;
    float: right;
    width: 17px;           /* Matches #menu-btn width  */
    padding: 0 20px;       /* Matches #menu-btn padding  */
    height: 44px;          /* Matches #in-toolbar height  */
    display: flex;
    align-items: center;
    justify-content: center;
}

#theme-btn span {
    display: block;
    width: 17px;
    height: 18px;          /* Match the scale of the hamburger span  */
    text-align: center;
}

#theme-btn i {
    color: #fff;
    font-size: 18px;       /* Keep your current icon size  */
    line-height: 18px;     /* Vertical centering within the span */
    display: block;
}

/* Optional: Slight gold color for the sun icon when active */
[data-theme="dark"] #theme-icon.fa-sun-o {
    color: #ffcc00 !important;
}

/* --- DARK MODE: MODERN BBCODE & EDITOR BUTTONS --- */

/* 1. Modern Gradient Base Style */
[data-theme="dark"] .bbcodes, 
[data-theme="dark"] .ui-button,
[data-theme="dark"] .editor_button {
    /* Blue-Grey Gradient */
    background: #485563 !important; 
    background: -webkit-linear-gradient(to right, #29323c, #485563) !important;
    background: linear-gradient(to right, #29323c, #485563) !important;
    
    /* Shape & Text */
    color: #ffffff !important;
    border: 1px solid #29323c !important;
    border-radius: 4px !important;
    padding: 2px 10px !important;
    height: 30px !important; /* Matches your original height on line 211  */
    font-weight: bold !important;
    text-shadow: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* 2. Hover State: White Background with Black Text */
[data-theme="dark"] .bbcodes:hover, 
[data-theme="dark"] .ui-button:hover,
[data-theme="dark"] .editor_button:hover {
    background: #ffffff !important;   /* White background */
    color: #000000 !important;        /* Black text */
    border-color: #ffffff !important;
    opacity: 1 !important;            /* Overrides the 0.85 opacity on line 208  */
}

/* 3. Force Icons or Bold text inside BBcodes to follow the color */
[data-theme="dark"] .bbcodes b,
[data-theme="dark"] .bbcodes i,
[data-theme="dark"] .ui-button span {
    color: inherit !important;
}

/* --- DARK MODE: MODERN COMMENT SUBMIT BUTTON --- */

/* 1. Base Gradient Style */
[data-theme="dark"] .btn.f_wide[type="submit"] {
    /* Blue-Grey Gradient */
    background: #485563 !important; 
    background: -webkit-linear-gradient(to right, #29323c, #485563) !important;
    background: linear-gradient(to right, #29323c, #485563) !important;
    
    /* Text & Shape */
    color: #ffffff !important;
    border: 1px solid #29323c !important;
    border-radius: 20px !important; /* Modern rounded look */
    padding: 10px 20px !important;
    font-weight: bold !important;
    font-family: "menufont" !important; /* Consistent with footer  */
    text-shadow: none !important;
    
    /* Effects */
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease !important;
    width: 100% !important; /* Ensures f_wide behavior */
    cursor: pointer !important;
}

/* 2. Hover State: White Background with Black Text */
[data-theme="dark"] .btn.f_wide[type="submit"]:hover {
    background: #ffffff !important;   /* White background */
    color: #000000 !important;        /* Black text */
    border-color: #ffffff !important;
    transform: translateY(-2px);      /* Subtle lift effect */
    box-shadow: 0 6px 12px rgba(0,0,0,0.4) !important;
}

/* 3. Ensure the Icon (fa-sign-in) follows the color change */
[data-theme="dark"] .btn.f_wide[type="submit"]:hover i {
    color: #000000 !important;
}

/* --- DARK MODE: STATISTICS PAGE --- */

/* 1. Main Container & Page Title */
[data-theme="dark"] .post.static {
    background-color: #2d2d2d !important;
    color: #ffffff !important;
}

[data-theme="dark"] .post.static .title {
    color: #ffffff !important;
    border-bottom: 1px solid #333 !important;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* 2. Subtitles (General, Comments, Users) */
[data-theme="dark"] .subtitle {
    color: #ffffff !important;
    background: #262626 !important;
    padding: 8px 15px !important;
    border-radius: 4px;
    margin-top: 25px !important;
    border-left: 4px solid #485563 !important; /* Matches your modern button color */
}

[data-theme="dark"] .subtitle i {
    color: #ee4923 !important; /* Keep icons orange for brand consistency */
    margin-right: 8px;
}

/* 3. Tables (tlist) */
[data-theme="dark"] .tlist {
    width: 100% !important;
    border-collapse: collapse !important;
}

[data-theme="dark"] .tlist tr {
    border-top: 1px dotted #444 !important; /* Darker dotted line from line 586 */
}

[data-theme="dark"] .tlist tr:hover {
    background-color: rgba(255, 255, 255, 0.03) !important; /* Subtle row highlight */
}

[data-theme="dark"] .tlist td {
    padding: 10px 0 !important;
    color: #e0e0e0 !important; /* Soft white for text */
}

/* 4. Numbers & Right Column */
[data-theme="dark"] .tl-right b {
    color: #ffffff !important;
    font-size: 15px;
}

/* 5. Links inside Stats (e.g., "კომენტარების ნახვა") */
[data-theme="dark"] .tl-left a {
    color: #ee4923 !important;
    text-decoration: underline !important;
}

[data-theme="dark"] .tl-left a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 6. Database Size Icon fix */
[data-theme="dark"] .tl-left i.fa-database {
    color: #aaaaaa !important;
}

/* --- DARK MODE: HEADER ICON COLOR FIX --- */

/* Targets the specific fire icon inside the h2 title */
[data-theme="dark"] .title .fa-fire {
    color: #ffffff !important; /* Forces the icon to White */
    text-shadow: none !important;
}

/* If you want to target ALL icons in the titles */
[data-theme="dark"] .title i.fa {
    color: #ffffff !important;
}

/* --- DARK MODE: RELATED NEWS ICON FIX --- */

/* Targets the bookmark icon specifically inside an H3 header in dark mode */
[data-theme="dark"] h3 i.fa-bookmark-o {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important; /* Ensures no old filters are making it grey */
}

/* Also ensures the header text next to it is white */
[data-theme="dark"] h3 {
    color: #ffffff !important;
}

/* --- DARK MODE: USER PROFILE (USERINFO) --- */

/* 1. Main Container Fix */
[data-theme="dark"] article.post.static {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
}

/* 2. Icons & Labels */
[data-theme="dark"] article.post.static i.fa {
    color: #ffffff !important; /* Makes all profile icons white */
    width: 20px;
    text-align: center;
    margin-right: 5px;
}

/* 3. Status/Group Color (Fix for the red font tag) */
[data-theme="dark"] article.post.static font[color="red"] {
    color: #ee4923 !important; /* Changes harsh red to your brand orange */
    font-weight: bold;
}

/* 4. Quote Boxes (Gifts & Friends titles) */
[data-theme="dark"] .quote {
    background-color: #262626 !important;
    border-left: 4px solid #485563 !important; /* Modern Blue-Grey border */
    color: #ffffff !important;
    padding: 10px !important;
    display: block;
    margin: 5px 0;
}

/* 5. Edit Form (UX-FORM) */
[data-theme="dark"] .ux-form {
    background-color: #262626 !important;
    color: #ffffff !important;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 8px;
}

[data-theme="dark"] .ux-form h3 {
    color: #ffffff !important;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
}

/* 7. Checkboxes & Labels */
[data-theme="dark"] .checkbox label {
    color: #b0b0b0 !important;
}

/* 8. Links (News/Comments numbers, Friends, etc.) */
[data-theme="dark"] article.post.static a {
    color: #ffffff !important; /* Standard links are now White */
    text-decoration: none !important;
    font-weight: bold !important;
}

[data-theme="dark"] article.post.static a:hover {
    color: #ee4923 !important; /* Turns Orange only on hover */
    text-decoration: underline !important;
}

/* Optional: If you want the User Name in the title to be strictly white */
[data-theme="dark"] article.post.static h1.title {
    color: #ffffff !important;
}

/* 9. Online/Offline Image Filters */
[data-theme="dark"] img[src*="offline.png"] {
    opacity: 0.6;
    filter: grayscale(1);
}

/* --- DARK MODE: POINTS PAGE SYSTEM --- */

/* 1. Main Container for Points */
[data-theme="dark"] .points_cont {
    background-color: #2d2d2d !important; /* Main Dark Background */
    border: 1px solid #333 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden; /* Ensures headers stay inside rounded corners */
}

/* 2. Section Titles (The Headers) */
[data-theme="dark"] .points_title {
    /* Uses your Modern Blue-Grey Gradient */
    background: #485563 !important; 
    background: -webkit-linear-gradient(to right, #29323c, #485563) !important;
    background: linear-gradient(to right, #29323c, #485563) !important;
    
    color: #ffffff !important;
    padding: 12px 15px !important;
    border-bottom: 1px solid #222 !important;
    font-weight: bold;
    font-family: "menufont", sans-serif !important;
}

/* 3. Icons inside the Title */
[data-theme="dark"] .points_title i {
    color: #ffffff !important;
    margin-right: 8px;
}

/* 4. User Status Area (points_show) */
[data-theme="dark"] .points_show {
    background-color: #262626 !important; /* Slightly darker inner box */
    padding: 15px !important;
    border-bottom: 1px solid #333 !important;
    color: #e0e0e0 !important;
    text-align: center;
}

/* 5. The "Stats" Area */
[data-theme="dark"] .points_stats {
    padding: 15px !important;
    color: #ffffff !important;
    background-color: #2d2d2d !important;
}

/* 6. "How to Earn" List (points_info) */
[data-theme="dark"] .points_info {
    list-style: none !important;
    padding: 15px !important;
    margin: 0 !important;
    background-color: #2d2d2d !important;
    line-height: 2 !important; /* Better spacing between lines */
}

/* 7. Icons inside the List (Plus, Comments, Users) */
[data-theme="dark"] .points_info i {
    color: #ffffff !important; /* Forces icons to white */
    width: 20px;
    text-align: center;
}

/* 8. Point Numbers (Make them Orange!) */
[data-theme="dark"] .points_info b {
    color: #ee4923 !important;
    font-size: 1.1em;
}

/* 9. Fix for the main wrapper if needed */
[data-theme="dark"] .basecont {
    background-color: transparent !important; /* Removes white bg if present */
}

/* --- DARK MODE: POINTS WRAPPER (File 1) --- */

/* 1. Base Container */
[data-theme="dark"] .basecont {
    background-color: transparent !important;
}

/* 2. The Content Pad (Holds the static text) */
[data-theme="dark"] .dpad {
    background-color: #2d2d2d !important; /* Main Dark Background */
    color: #e0e0e0 !important;             /* Text Color */
    padding: 20px !important;
    border: 1px solid #333 !important;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
}


/* --- DARK MODE: USER CARD ROW (File 2) --- */

/* 1. The User Card Container */
[data-theme="dark"] .points_user {
    background-color: #2d2d2d !important;
    border-bottom: 1px solid #333 !important; /* Separator line */
    padding: 15px !important;
    display: flex !important; /* Aligns Avatar and Text side-by-side */
    align-items: center !important;
    transition: background 0.2s ease;
}

/* Hover Effect for the User Row */
[data-theme="dark"] .points_user:hover {
    background-color: #333333 !important; /* Slightly lighter on mouseover */
}

/* 2. User Avatar */
[data-theme="dark"] .points_user .ava img {
    border-radius: 50% !important; /* Forces circular avatar */
    border: 2px solid #485563 !important; /* Blue-grey border */
    width: 50px; 
    height: 50px;
    margin-right: 15px;
}

/* 3. User Name (H5) */
[data-theme="dark"] .points_user h5 {
    margin: 0 0 5px 0 !important;
    font-size: 16px !important;
}

[data-theme="dark"] .points_user h5 a {
    color: #ffffff !important; /* User name is White */
    font-weight: bold !important;
    text-decoration: none !important;
}

[data-theme="dark"] .points_user h5 a:hover {
    color: #ee4923 !important; /* Turns Orange on hover */
}

/* 4. User Stats Text (P) */
[data-theme="dark"] .points_user .text p {
    color: #b0b0b0 !important; /* Light Grey text */
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

/* 5. Highlighted Labels (Score/Comments/News) */
[data-theme="dark"] .points_user strong {
    color: #ee4923 !important; /* Orange labels */
}

/* 6. Links inside the text stats */
[data-theme="dark"] .points_user .text a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

[data-theme="dark"] .points_user .text a:hover {
    color: #ee4923 !important;
    text-decoration: none !important;
}

/* --- DARK MODE: POINTS MENU BACKGROUND ONLY --- */

/* 1. Override the light f2f5f5 background */
[data-theme="dark"] .points_menu, 
[data-theme="dark"] .p_pic {
    background-color: #2d2d2d !important; /* Matches your main dark blocks */
    border: 1px solid #333 !important;     /* Adds a subtle border */
    color: #ffffff !important;
}

/* --- DARK MODE: POINTS TABLE HOVER FIX --- */

/* 1. Target the specific "points_table" row hover */
[data-theme="dark"] table.points_table tr:hover {
    background-color: #333333 !important; /* Dark Grey background instead of White */
    color: #ffffff !important;            /* Keeps text White */
}

/* 2. Target the cells inside the hovered row (Double check) */
[data-theme="dark"] table.points_table tr:hover td {
    background-color: #333333 !important; 
    color: #ffffff !important;
}

/* 3. Ensure links inside the table are visible on hover */
[data-theme="dark"] table.points_table tr:hover a {
    color: #ee4923 !important; /* Orange links on hover */
}


/* --- DARK MODE MODERN SHARE BUTTONS --- */

[data-theme="dark"] .share-container {
    background: #2d2d2d !important;
    border: 1px solid #333;
}

[data-theme="dark"] .share-label {
    color: #e0e0e0 !important;
}

/* 1. STRONG FIX for Facebook & Instagram Icons */
/* We list the specific button classes to force the browser to listen */
[data-theme="dark"] .share-btn.btn-fb i,
[data-theme="dark"] .share-btn.btn-insta i,
[data-theme="dark"] .share-buttons i {
    color: #ffffff !important; /* Forces White */
    text-shadow: none !important; /* Removes any red glow */
}

/* 2. TikTok Button (Black BG / White Text) */
[data-theme="dark"] .btn-tiktok {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
}

/* 3. TikTok Icon (White) */
[data-theme="dark"] .btn-tiktok img {
    filter: invert(1) !important;
    opacity: 1 !important;
}

/* --- MOBILE SPECIFIC TWEAK --- */
@media screen and (max-width: 380px) {
    .share-btn {
        font-size: 11px;
    }
    .share-btn i, .share-btn img {
        margin-right: 4px;
    }
}

/* --- DARK MODE SUPPORT --- */

/* Dark Mode: Labels */
[data-theme="dark"] .form-label {
    color: #ffffff !important;
}

/* Dark Mode: Sub-text */
[data-theme="dark"] .sub-text {
    color: #b0b0b0 !important;
}

/* Dark Mode: Category Dropdown background */
[data-theme="dark"] .form-field select {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
}

/* --- DARK MODE: FRIENDS PAGE (ALL FRIENDS) --- */

/* 1. Main Header (Quote Box) */
[data-theme="dark"] #allfriends .quote {
    background-color: #262626 !important; /* Dark Grey */
    border-left: 4px solid #485563 !important; /* Blue-Grey Border */
    color: #ffffff !important;
    border-bottom: none !important;
}

/* 2. Friend Requests Notification (The Number Circle) */
[data-theme="dark"] .baseinfo.radial {
    background-color: #ee4923 !important; /* Orange background */
    color: #ffffff !important;
    padding: 2px 8px;
    border-radius: 4px;
}
[data-theme="dark"] .baseinfo.radial a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* 3. FRIEND LIST ITEM (The Friend Card) */
[data-theme="dark"] .friend2 {
    background-color: #2d2d2d !important; /* Dark Card Background */
    border-bottom: 1px solid #333 !important; /* Dark Separator */
    color: #e0e0e0 !important;
}

/* Hover Effect */
[data-theme="dark"] .friend2:hover {
    background-color: #333333 !important; /* Slightly lighter on hover */
    cursor: pointer;
}

/* 4. Friend Name & Info */
[data-theme="dark"] .friend2 p strong {
    color: #ffffff !important; /* Name is White */
}
[data-theme="dark"] .friend2 p span {
    color: #b0b0b0 !important; /* "Common Friends" text is Light Grey */
}

/* 5. Avatar Border */
[data-theme="dark"] .friend2 img {
    border: 2px solid #444 !important; /* Dark border around photo */
}

/* 6. ACTION BUTTONS (Message / Remove Friend) */
/* These are in the div below the friend card */
[data-theme="dark"] #allfriends .dpad div[align="right"] {
    padding: 5px 10px;
    border-bottom: 1px dotted #333; /* Separator between friends */
    margin-bottom: 10px;
}

/* The Icons (User, Envelope) */
[data-theme="dark"] #allfriends .dpad div[align="right"] i {
    color: #ee4923 !important; /* Orange Icons */
    margin-left: 10px;
}

/* The Links (Text) */
[data-theme="dark"] #allfriends .dpad div[align="right"] a {
    color: #ffffff !important;
    font-weight: bold;
}
[data-theme="dark"] #allfriends .dpad div[align="right"] a:hover {
    text-decoration: underline;
    color: #ee4923 !important;
}

/* --- DARK MODE: FRIENDS FEED (ACTIVITY STREAM) --- */

/* 1. Feed Item Header (Avatar & Name Area) */
[data-theme="dark"] .f_avatar,
[data-theme="dark"] .f_author {
    background-color: #262626 !important; /* Dark Header Background */
    border-color: #333 !important;         /* Dark Borders */
    color: #ffffff !important;
}

/* 2. Feed Title (The News Link) */
[data-theme="dark"] .f_author h3 a {
    color: #ffffff !important;
    font-weight: bold;
}
[data-theme="dark"] .f_author h3 a:hover {
    color: #ee4923 !important;
}

/* 3. Meta Icons (User, Clock) */
[data-theme="dark"] .f_author i {
    color: #ee4923 !important; /* Orange Icons */
}

/* 4. Feed Content (The Short Story Text) */
[data-theme="dark"] .f_story {
    color: #e0e0e0 !important; /* Readable Text */
    background-color: #2d2d2d !important; /* Main Dark Background */
    padding: 15px !important;
}

/* 5. Feed Footer (Comment, View, Complaint Links) */
[data-theme="dark"] .f_det {
    background-color: #2d2d2d !important;
    border-top: 1px solid #333 !important; /* Separator line */
    padding: 10px !important;
}

/* Footer Links */
[data-theme="dark"] .f_det a {
    color: #80d8ff !important; /* Light Blue Links */
    margin-right: 15px;
    font-weight: bold;
}
[data-theme="dark"] .f_det a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* Footer Icons */
[data-theme="dark"] .f_det i {
    color: #ffffff !important; /* White Icons */
    margin-right: 5px;
}