.top_navigation {background: #2d3d5c; padding:4px 0;}
@media (max-width: 767px) {
.top_navigation {padding:8px 0;}
}
.navigation {}
.navigation a{padding:0 0 0 20px; color: #b9b9b9;}
.navigation a:hover{color:#fae327;}
.navigation_activ a{color:#fae327;}
.logo i{ font-size:22px}
.logo a{ color:#fae327; }
.logo a:hover{ color:#5ec3f2; }

.menu {background: #dddddd;}
.menu-content a { float: left; color: #333; display: block; padding: 6px 18px 6px 18px; border-right: 1px solid #1f3139;}
.menu-content a:hover { background: #fae327;}
@media (min-width: 768px) and (max-width: 991px) {
.menu-content a { padding: 6px 9px 6px 9px;}
}
@media (max-width: 767px) {
.menu-content a { float: none; padding: 3px 10px; border-right:none; border-radius:3px; text-decoration:none;}
}
@media (min-width: 768px) {
.menu_toggle {display: none;}
}
@media (max-width: 767px) {
.menu_toggle {cursor:pointer;}
}

.plus_add a {  display: block; padding:6px 8px 6px 8px; border-left: 1px solid #1f3139; background: #fae327;}
.plus_add a:hover {  background: #b9b9b9;}

.search_block { padding: 7px 0 0 10px; }
.searchbox { border: none; background: #fff; position:relative; border-radius:3px; }
.search_query { display: inline-block; height: 26px; border: none; background: none; }
.button-search { display: block; position: absolute; top: 0px; right: 0px; border: none; color: #f90; width: 44px; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; font-size: 16px; line-height: 26px; outline:none; background: none; }
.button-search:before { content: "\f002"; display: block; font-family: "FontAwesome"; outline:none;}
.button-search:hover { color: #f90; font-size: 20px; text-align:center; }

@media (max-width: 767px) {
.search_block { padding: 7px 0 0 0px; }
}

.stradv { background-color: #F5F5F5;}
.topmess { background-color: #FF9;}
.selectmess { background-color: #d9edf7;}
.stradv, .topmess, .selectmess { padding:10px 10px; border-bottom: 1px solid #ddd; position:relative; }
.topmess b a, .selectmess b a, .stradv b a { text-transform:none; color:#151515;}
.stradv img, .topmess img, .selectmess img {float:left; margin-right:12px; width:100px;}
@media (min-width: 768px) and (max-width: 991px) { 
.stradv img, .topmess img, .selectmess img { width:100px;} 
}
@media (max-width: 767px) { 
.stradv img, .topmess img, .selectmess img { width:90px;} 
}
.stradv a:hover img, .topmess a:hover img, .selectmess a:hover img { opacity:0.75;filter:alpha(opacity=75) }

.fot img{ margin:10px; width:120px;} 
.fot a:hover img{filter:alpha(opacity=70);opacity:.7}

@media (max-width: 991px) {
.fot img{width:90px;} 
}

.list_user_name { position:absolute; top:36px; right:-12px;}
.list_user_name i{background-color:#fff; border:solid 1px #ddd; border-radius:50%; padding:5px 7px; color:#999;}
.list_note_button { position:absolute; top:66px; right:-12px;}
.list_note_button i{background-color:#fff; border:solid 1px #ddd; border-radius:50%; padding:5px 5px; color:#f5d525;}

.vip_block {background-color:#FF9; border:solid 1px #ddd; border-radius:3px; border-bottom:none; margin-bottom:20px; }
.vip_block_list { border-bottom:solid 1px #ddd; padding:15px; position:relative;}
.vip_block_list b{text-transform:uppercase;}
.vip_block_list b a{ color:#151515}
.vip_block_list img {float:left; margin-right:12px; width:120px;}
@media (min-width: 768px) and (max-width: 991px) { 
.vip_block_list img { width:100px;} 
}
@media (max-width: 767px) { 
.vip_block_list img { width:90px;} 
}
.vip_block_list a:hover img { opacity:0.75;filter:alpha(opacity=75) }
.vip_block_list_user { position:absolute; top:12px; right:-12px;}
.vip_block_list_user i{background-color:#FF9; border-radius:50%; padding:5px 6px; color:#454545;}
.vip_block_list_hits { position:absolute; top:42px; right:-12px;}
.vip_block_list_hits i{background-color:#FF9; border-radius:50%; padding:5px 6px; color:#454545;}
.vip_block_list_city { position:absolute; top:74px; right:-10px;}
.vip_block_list_city i{background-color:#FF9; border-radius:50%; padding:5px 6px; color:#454545;}

.tube_block { padding:10px 0; border-bottom:solid 1px #e6e6e6; position:relative;}
.tube_block b a{ color:#151515}
.tube_block img {float:left; margin-right:12px; width:120px;} 
@media (min-width: 768px) and (max-width: 991px) { 
.tube_block img { width:90px;} 
}
.tube_block a:hover img {opacity:0.75;filter:alpha(opacity=75);}
.tube_block_hits { position:absolute; top:26px; right:-28px;}
.tube_block_hits i{background-color:#5ec3f2; border-radius:50%; padding:5px 6px; color:#252525;}

.top_hits_block { background-color: #1f3139; border:solid 1px #172329; border-radius:3px; margin-bottom:20px;}
.top_hits_block h3{ color:#999; font-size:1.5em;}
.top_hits_block hr {
    border: 0;
    height: 1px;
    background: #172329;
}
.hits_block { padding:10px 0; border-bottom:solid 1px #172329; position:relative;}
.hits_block { color:#666;}
.hits_block b a{ color:#b9b9b9;}
.hits_block img {float:left; margin-right:12px; width:90px;}
.hits_block a:hover img {opacity:0.75;filter:alpha(opacity=75);}
.hits_block_hits { position:absolute; top:26px; right:-28px;}
.hits_block_hits i{background-color:#1f3139; border-radius:50%; padding:5px 6px; color:#b9b9b9;}

.user_block {background-color:#feffff; border:solid 1px #3e95bd; border-radius:3px; margin-bottom:20px; }
.user_block h3{ color:#1f3139; font-size:1.5em;}
.user_block hr {
    border: 0;
    height: 1px;
    background: #3e95bd;
}
.user_block_list { border-bottom:solid 1px #3e95bd; padding:10px 0; position:relative;}
.user_block_list b{}
.user_block_list b a{ color:#151515;}
.user_block_list img {float:left; margin-right:12px; width:120px;}
@media (min-width: 768px) and (max-width: 991px) { 
.user_block_list img { width:100px;} 
}
@media (max-width: 767px) { 
.user_block_list img { width:90px;} 
}
.user_block_list a:hover img { opacity:0.75;filter:alpha(opacity=75) }
.user_block_list_hits { position:absolute; top:26px; right:-28px;}
.user_block_list_hits i{background-color:#5ec3f2; border-radius:50%; padding:5px 6px; color:#252525;}

.user_block_contact { position:absolute; top:60px; right:6px;}
.user_block_contact i{background-color:#FFF; color:#009000; cursor:pointer;}

.comments_block { padding:6px 0; border-bottom:solid 1px #ddd;}

.message_page {position:relative;}
.message_photo img {margin-bottom:14px;}
.message_photo a:hover img {opacity:0.75;filter:alpha(opacity=75);}
.message_vip_button { position:absolute; top:26px; right:-14px;}
.message_vip_button i{background-color:#3ea2d0; border-radius:50%; padding:7px 6px; color:#fff;}
.message_note_button { position:absolute; top:66px; right:-10px;}
.message_note_button i{background-color:#9C0; border-radius:2px; padding:4px 4px; color:#fff;}
.message_note_button_ok { position:absolute; top:0; right:0;}
.message_note_button_ok i{background-color:#F30; border-radius:2px; padding:4px 4px; color:#fff;}
.message_contact{ background-color:#f8f8f8; border:solid 1px #ddd; border-radius:3px; padding:14px; position:relative;}
.message_comment{ background-color:#ECFFF5; border:solid 1px #ddd; border-radius:3px; padding:14px; margin-top:14px;}

.message_add_comment { position:absolute; top:14px; right:-12px;}
.message_add_comment i{background-color:#FFF; border:solid 1px #ddd; border-radius:50%; padding:5px 5px; color:#9C0; cursor:pointer;}
.message_zaloba { position:absolute; top:48px; right:-12px;}
.message_zaloba i{background-color:#FFF; border:solid 1px #ddd; border-radius:50%; padding:5px 5px; color:#F30; cursor:pointer;}
.message_user_edit { position:absolute; top:82px; right:-12px;}
.message_user_edit i{background-color:#FFF; border:solid 1px #ddd; border-radius:50%; padding:5px 5px; color:#999; cursor:pointer;}

.black, .black a, .black a:hover { color:#000; }
.white, .white a, .white a:hover { color:#fff; }
.green, .green a, .green a:hover { color:#060; }
.green_2, .green_2 a, .green_2 a:hover { color:#50e591; }
.red, .red a, .red a:hover { color:#f02727; }
.orange, .orange a, .orange a:hover { color:#FFB900;}
.blue, .blue a, .blue a:hover { color:#039; }
.blue_2, .blue_2 a, .blue_2 a:hover { color:#22a8ff; }
.gray, .gray a, .gray a:hover { color:#999; }
.gray_2, .gray_2 a, .gray_2 a:hover { color:#666; }

.fil_6 { height:6px; }
.fil_10 { height:10px; }
.fil_14 { height:14px; }
.fil_20 { height:20px; }
.fil_line_6 { height:1px; background-color:#ddd; margin:6px 0; }
.fil_line_12 { height:1px; background-color:#ddd; margin:12px 0; }
.l_h_30 {line-height:30px;}

.mar_t_4 { margin-top:4px; }
.mar_b_4 { margin-bottom:4px; }
.mar_t_8 { margin-top:8px; }
.mar_b_8 { margin-bottom:8px; }
.mar_t_10 { margin-top:10px; }
.mar_r_10 { margin-right:10px; }
.mar_b_10 { margin-bottom:10px; }
.mar_t_14 { margin-top:14px; }
.mar_t_20 { margin-top:20px; }
.mar_t_30 { margin-top:30px; }
.p_0_10 {padding:0 10px;}
.p_r_10 {padding-right:10px;}
.p_l_10 {padding-left:10px;}

.video_tube{ position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video_tube iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:none;}


.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default; padding:10px 0;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
color:#454545;
text-align:center;
position:relative;
font-size:14px;
background:#fae327;
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.sub_footer {background-color:#1f3139; padding:16px 0; margin-top:30px;}
.sub_footer p{ border-bottom:solid 1px #172329; padding:0 0 8px 0; margin-bottom:8px;}
.sub_footer a{ color:#a5a5a5;}
.sub_footer a:hover{ color:#5ec3f2;}
.footer {background: #f9f9f9; padding:16px 0 16px 0;}
.footer_block { padding:10px; border-radius:2px; margin:4px 0; position:relative; background-color:#1f3139; color:#666;}
.footer_block b a{ color:#999;}
.footer_block b a:hover{ color:#5ec3f2;}
.footer_block img {float:left; margin-right:12px; width:90px;}
.footer_block a:hover img {opacity:0.75;filter:alpha(opacity=75);}
.footer_block_hits { position:absolute; top:36px; right:-12px;}
.footer_block_hits i{background-color:#1f3139; border-radius:2px; padding:5px 6px; color:#999;}
.bottom_footer {background: #1f3139; padding:16px 0 20px 0;}
.bottom_footer a{color:#666; text-transform:uppercase; margin-right:14px;}
.bottom_footer a:hover{color:#5ec3f2;}


#scrollUp { bottom: 40px; right: 30px; color: #FFF; background: #999; border-radius: 3px; text-decoration:none; padding:4px 8px; opacity:0.50;filter:alpha(opacity=50)}
#scrollUp:before { content: "\f062"; font-family: "FontAwesome"; outline:none;}
@media (max-width: 767px) {#scrollUp { bottom: 40px; right: 10px; border-radius: 3px; text-decoration:none; padding:3px 6px; }}
.d_close {
  float: left;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.d_close:hover,
.d_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

.file-loading{top:0;right:0;width:25px;height:25px;font-size:999px;text-align:right;color:#fff;background:url(../img/loading.gif) top left no-repeat;border:none}.file-object{margin:0 0 -5px;padding:0}.btn-file{position:relative;overflow:hidden}.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;text-align:right;opacity:0;background:none;cursor:inherit;display:block}.file-caption-name{display:inline-block;overflow:hidden;height:20px;word-break:break-all}.input-group-lg .file-caption-name{height:25px}.file-zoom-dialog{text-align:left}.file-error-message{color:#a94442;background-color:#f2dede;margin:5px;border:1px solid #ebccd1;border-radius:4px;padding:15px}.file-error-message pre,.file-error-message ul{margin:0;text-align:left}.file-preview-frame,.file-preview-other{text-align:center;vertical-align:middle}.file-error-message pre{margin:5px 0}.file-caption-disabled{background-color:#EEE;cursor:not-allowed;opacity:1}.file-preview{border-radius:5px;border:1px solid #ddd;padding:5px;width:100%;margin-bottom:5px}.file-preview-frame{position:relative;display:table;margin:8px;height:160px;border:1px solid #ddd;box-shadow:1px 1px 5px 0 #a2958a;padding:6px;float:left}.file-preview-frame:not(.file-preview-error):hover{box-shadow:3px 3px 5px 0 #333}.file-preview-image{vertical-align:middle}.file-preview-text{display:block;color:#428bca;border:1px solid #ddd;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;outline:0;padding:8px;resize:none}.file-input-ajax-new .fileinput-remove-button,.file-input-ajax-new .fileinput-upload-button,.file-input-ajax-new .no-browse .input-group-btn,.file-input-new .close,.file-input-new .file-preview,.file-input-new .fileinput-remove-button,.file-input-new .fileinput-upload-button,.file-input-new .glyphicon-file,.file-input-new .no-browse .input-group-btn{display:none}.file-preview-html{border:1px solid #ddd;padding:8px;overflow:auto}.file-zoom-dialog .file-preview-text{font-size:1.2em}.file-preview-other{left:0;top:0;right:0;bottom:0;margin:auto;padding:10px}.file-preview-other:hover{opacity:.8}.file-actions,.file-other-error{text-align:left}.file-other-icon{font-size:4.8em}.file-zoom-dialog .file-other-icon{font-size:8em;font-size:55vmin}.file-caption-main{width:100%}.file-input-ajax-new .no-browse .form-control,.file-input-new .no-browse .form-control{border-top-right-radius:4px;border-bottom-right-radius:4px}.file-thumb-loading{background:url(../img/loading.gif) center center no-repeat content-box!important}.file-actions{margin-top:15px}.file-footer-buttons{float:right}.file-upload-indicator{display:inline;cursor:default;opacity:.8;width:60%}.file-upload-indicator:hover{font-weight:700;opacity:1}.file-footer-caption{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:160px;text-align:center;padding-top:4px;font-size:11px;color:#777;margin:5px auto}.file-preview-error{opacity:.65;box-shadow:none}.file-preview-frame:not(.file-preview-error) .file-footer-caption:hover{color:#000}.file-drop-zone{border:1px dashed #aaa;border-radius:4px;height:100%;text-align:center;vertical-align:middle;margin:12px 15px 12px 12px;padding:5px}.file-drop-zone-title{color:#aaa;font-size:1.6em;padding:85px 10px;cursor:default}.clickable .file-drop-zone-title,.file-preview .clickable{cursor:pointer}.file-drop-zone.clickable:hover{border:2px dashed #999}.file-drop-zone.clickable:focus{border:2px solid #5acde2}.file-drop-zone .file-preview-thumbnails{cursor:default}.file-highlighted{border:2px dashed #999!important;background-color:#f0f0f0}.file-uploading{background:url(../img/loading-sm.gif) center bottom 10px no-repeat;opacity:.65}.file-thumb-progress .progress,.file-thumb-progress .progress-bar{height:10px;font-size:9px;line-height:10px}.file-thumbnail-footer{position:relative}.file-thumb-progress{height:10px;position:absolute;top:35px;left:0;right:0}.file-zoom-fullscreen.modal{position:fixed;top:0;right:0;bottom:0;left:0}.file-zoom-fullscreen .modal-dialog{position:fixed;margin:0;width:100%;height:100%;padding:0}.file-zoom-fullscreen .modal-content{border-radius:0;box-shadow:none}.file-zoom-fullscreen .modal-body{overflow-y:auto}.file-zoom-dialog .modal-body{position:relative!important}.file-zoom-dialog .btn-navigate{position:absolute;padding:0;margin:0;background:0 0;text-decoration:none;outline:0;opacity:.7;top:45%;font-size:4em;color:#1c94c4}.file-zoom-dialog .floating-buttons{position:absolute;top:5px;right:10px}.floating-buttons,.floating-buttons .btn{z-index:3000}.file-zoom-dialog .kv-zoom-actions .btn,.floating-buttons .btn{margin-left:3px}.file-zoom-dialog .btn-navigate:not([disabled]):focus,.file-zoom-dialog .btn-navigate:not([disabled]):hover{outline:0;box-shadow:none;opacity:.5}.file-zoom-dialog .btn-navigate[disabled]{opacity:.3}.file-zoom-dialog .btn-prev{left:1px}.file-zoom-dialog .btn-next{right:1px}.file-drag-handle{display:inline;margin-right:2px;font-size:16px;cursor:move;cursor:-webkit-grabbing}.file-drag-handle:hover{opacity:.7}.file-zoom-content{height:480px;text-align:center}.file-preview-initial.sortable-chosen{background-color:#d9edf7}.file-preview-frame.sortable-ghost{background-color:#eee}.btn-file ::-ms-browse{width:100%;height:100%}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}




@font-face {
	font-family: 'Flaticon';
	src: url('../css/fonts/flaticon.eot');
	src: url('../css/fonts/flaticon.eot#iefix') format('embedded-opentype'),
	url('../css/fonts/flaticon.woff') format('woff'),
	url('../css/fonts/flaticon.ttf') format('truetype'),
	url('../css/fonts/flaticon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
    font-weight: normal;
    font-style: normal;
	font-size: 1.5em;
}.flaticon-bear2:before {
	content: "\e000";
}
.flaticon-car95:before {
	content: "\e001";
}
.flaticon-circular263:before {
	content: "\e002";
}
.flaticon-factory7:before {
	content: "\e003";
}
.flaticon-furniture1:before {
	content: "\e004";
}
.flaticon-horse166:before {
	content: "\e005";
}
.flaticon-house112:before {
	content: "\e006";
}
.flaticon-man337:before {
	content: "\e007";
}
.flaticon-simple6:before {
	content: "\e008";
}
.flaticon-under:before {
	content: "\e009";
}



/* -- Скрытие элемента в мобильной версии -- */

.mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){  .mobileHide { display: none;}}
/* Live Search Styles */
.jb-header-search { position: relative; }
.jb-live-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 1000;
    display: none;
    max-height: 400px;
    overflow-y: auto;
}
.jb-live-search-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #333;
    transition: background 0.2s;
}
.jb-live-search-item:last-child { border-bottom: none; }
.jb-live-search-item:hover {
    background: #f8f9fa;
    text-decoration: none;
}
.jb-live-search-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    margin-right: 12px;
    flex-shrink: 0;
}
.jb-live-search-info {
    flex-grow: 1;
    overflow: hidden;
}
.jb-live-search-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jb-live-search-price {
    font-size: 13px;
    color: #28a745;
    font-weight: 600;
}
.jb-live-search-empty {
    padding: 15px;
    text-align: center;
    color: #888;
    font-size: 14px;
}
.jb-live-search-more {
    display: block;
    text-align: center;
    padding: 10px;
    background: #f1f1f1;
    color: #333;
    font-weight: 600;
    text-decoration: none;
}
.jb-live-search-more:hover {
    background: #e2e2e2;
    text-decoration: none;
}


/* ==============================================================
   MODERNIZATION: Phase 4 Design Upgrades
   ============================================================== */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f4f6f9; /* Softer background */
    color: #333;
}
/* Cards Upgrade */
.jb-ad-grid .jb-ad-card, .vip_block, .top_hits_block, .user_block, .message_contact, .message_comment {
    background: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    margin-bottom: 20px;
}
.jb-ad-grid .jb-ad-card:hover, .vip_block_list:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
/* VIP & Highlight colors */
.vip_block {
    background: #fffdf2;
    border: 1px solid #ffeeba;
}
.vip_block_list i {
    background-color: #ffc107;
    color: #fff;
    box-shadow: 0 2px 4px rgba(255,193,7,0.3);
}
.stradv {
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #eee;
}
.topmess {
    background-color: #fffdf2;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #ffeeba;
}
.selectmess {
    background-color: #f0f8ff;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #cce5ff;
}
/* Buttons Modernization */
.btn {
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    border: none;
}
.btn-success {
    background: #28a745;
    box-shadow: 0 4px 6px rgba(40,167,69,0.2);
}
.btn-success:hover {
    background: #218838;
    box-shadow: 0 6px 12px rgba(40,167,69,0.3);
    transform: translateY(-1px);
}
.btn-primary {
    background: #007bff;
    box-shadow: 0 4px 6px rgba(0,123,255,0.2);
}
.btn-primary:hover {
    background: #0069d9;
    box-shadow: 0 6px 12px rgba(0,123,255,0.3);
    transform: translateY(-1px);
}
.btn-default {
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
}
.btn-default:hover {
    background: #f8f9fa;
    border-color: #ccc;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
/* Header/Search */
.top_navigation {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.searchbox {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-radius: 6px;
}
.search_query {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
}