html {
/*overflow-x: hidden;*/
}
/* CELL PHONE CELL PHONE CELL PHONE ///////////////////////////////*/
@media only screen and (max-width:800px) {
* {
box-sizing: border-box!important;
/*font-family: 'Roboto', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-size: 16px;
-webkit-tap-highlight-color: transparent;
}
a, a:hover, a:visited, a:active {
color: black;
text-decoration: none;
}
img {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
pointer-events: none;
}
html{
box-sizing: border-box!important;
overflow-x: hidden!important;
}
input[type=file]::file-selector-button {
height: 30px;
width: auto;
border: solid 1px #737373;
background-color: #737373;
color: #ffffff;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
input[type=file]::file-selector-button:hover {
border: solid 1px #000000;
background-color: #000000;
color: #ffffff;
}
input::placeholder {
color: #cdcdcd;
}
#some-element{
display: none;
}
body {
margin: 0!important;
width: 100%;
height: auto;
min-height: 100vh;
font-size: 15px;
box-sizing: border-box;
overflow-x: hidden!important;
}
.slick-next:before{
position: absolute;
color:red!important;
right: 70%;
}
.slick-prev:before {
position: absolute!important;
color:fuchsia!important;
left: 70%!important;
z-index: 5000!important;
}
.slick-prev:after {
position: absolute!important;
color:fuchsia!important;
left: 70%!important;
z-index: 5000!important;
}
select {
background-color: white!important;
}
.page {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
margin: 0!important;
padding: 0!important;
/*background-color: hotpink;*/
}
.color_redish {
color: red!important;
}
.color_darkbluish {
color: darkblue!important;
}
.blue_arrow {
background: url("/img/icon/right-arrow-blue-24.png") 0 2px no-repeat;
background-size: contain;
padding: 0!important;
margin: 0 5px 0 0;
width: 16px;
height: 18px;
position: relative;
display: inline-block;
float: left;
}
/*HEADER*/
header {
margin: 0!important;
padding: 0!important;
}
.header_top {
display: none;
position: relative;
float: left;
width: 100%;
height: 50px;
border-bottom: solid 1px azure;
background-color: #febf00;
/*background-color: #ebb41e;*/
}
.header_one {
display: none;
position: relative;
float: left;
width: 100%;
height: 35px;
margin: auto;
border-bottom: solid 1px #f2f2f2;
border-top: solid 1px #f2f2f2;
background-color: #fafafa;
}
.a_header_one {
display: none;
height: 35px;
font-size: 15px;
margin: 0;
}
.header_one_central_holder {
display: block;
position: relative;
float: left;
width: 100%;
margin: auto;
height: auto;
}
.header_one_nav_holder {
display: block;
position: absolute;
top: 10px;
left: 10px;
}
.header_one_user_holder {
display: none;
}
.header_two {
display: none;
position: relative;
float: left;
width: 100%;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
height: auto;
/*border-bottom: solid 0.5px #f2f2f2;*/
background-color: #ffffff;
}
.header_wrapper {
display: none;
position: relative;
float: left;
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
/*background-color: yellow;*/
}
.fixed {
position: fixed!important;
top:0!important;
left:0!important;
height: 70px!important;
padding-top: 0!important;
padding-bottom: 10px!important;
border-bottom: solid 1px black;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
transition: all 0.4s ease;
}
.header_mob {}
.header_mob_top_holder {
position: relative;
display: block;
top: 0;
float: left;
clear: both;
width: 100%;
height: 70px;
margin: 0!important;
background-color: white!important;
overflow: hidden;
z-index: 4;
transition: all 0.4s ease;
}
.header_logo_holder {
display: none;
}
.header_mob_back_ad {
position: relative;
display: inline-block;
float: left;
height: 70px;
width: 20px;
margin: 0 17px 0 10px;
padding: 0;
background: #ffffff url(/img/icon/left_back_chevron.png) center no-repeat;
background-size: 30px 30px;
}
.header_mob_logo_holder {
display: inline-block;
position: relative;
float: left;
width: 120px;
height: 70px;
padding: 22px 0 0 0;
margin: 0 0 0 10px;
box-sizing: border-box;
/*background-color: greenyellow;*/
}
.img_header_logo,
.img_header_small_logo {
display: none;
}
.img_mob_header_logo {
width: 120px;
height: 28px;
}
.header_mob_search_holder {
position: relative;
display: block;
clear: both;
height: 60px;
width: 100%;
margin: 60px 0 0 0;
padding: 10px 10px 0 10px;
}
.header_mob_search_form_div {
position: relative;
display: inline-block;
float: left;
margin: 0 10px 0 0;
height: 40px;
width: 80%;
background-color: white;
border-radius: 4px;
}
.header_mob_search_box {
position: absolute;
height: 40px;
width: 100%;
padding-left: 35px;
margin: 0;
font-family: Tahoma, sans-serif;
font-size: 18px!important;
outline-color: #febf00;
border: solid 2px #febf00;
border-radius: 4px;
background: white url(/img/icon/search_grey.png) no-repeat 8px 7px;
}
.header_mob_search_box:focus {
outline-color: #e00000;
}
.header_mob_search_form_go {
position: relative;
height: 40px;
width: calc(20% - 10px);
margin: 0;
float: left;
display: inline-block;
background-color: #fef3f1;
border: solid 2px #febf00;
color: #000000;
border-radius: 4px;
}
.header_mob_search_form_go:hover {
border: solid 2px #e00000;
}
.header_search_holder {
display: none;
}
.header_search_form_div {
display: none;
}
.header_search_box {
display: none;
}
.header_search_form_go {
display: none;
}
.header_mob_a_holder {
position: relative;
display: block;
float: right;
margin: 0 10px 0 0;
height: 70px;
width: 120px;
/* border: solid 1px lightcoral; */
/*background-color: lightyellow;*/
}
.search_list {
position: relative;
display: block;
width: 100%;
max-height: 40vh;
overflow-y: auto;
margin: 42px 0 0 0;
z-index: 3!important;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
#choose_cat_manually_title {
cursor: pointer!important;
}
#choose_cat_manually_title:hover {
text-decoration: underline;
}
.ul_search_results {
list-style: none;
background-color: white!important;
z-index: 3!important;
padding: 15px;
border: solid 1px #f0f0f0;
border-radius: 2px;
}
.li_search_results {
font-size: 13px!important;
line-height: 25px;
height: auto;
margin: 0 0 5px 0;
padding: 0!important;
/*overflow: hidden!important;*/
/*text-overflow: ellipsis!important;*/
}
.li_search_results:hover {
border-bottom: solid 1px #eaeaea;
}
.span_search_results {
display: inline-block;
font-size: 13px!important;
/*font-weight: bold;*/
margin-right: 10px;
/*color: #0000cd;*/
color: #e00000;
}
.span_search_cat {
font-size: 13px!important;
}
.li_search_results:hover,
.li_search_results:active {
color: red!important;
font-weight: bold!important;
text-decoration: underline!important;
text-decoration-color: #feba02!important;
}
.a_search_results {
width: 100%!important;
font-size: 13px!important;
}
.a_search_results:hover {
font-weight: bold;
color: #feba02;
}
a.a_header_plus {
cursor: pointer;
position: relative;
display: block;
float: left;
/* top: 0; */
/* right: 90px; */
/*background-color: yellow;*/
height: 70px;
width: 60px;
}
.header_mob_plus {
display: block;
position: absolute;
float: left;
top: 0;
left: 17px;
clear: both;
text-align: center;
width: 25px;
height: 25px;
border-radius: 5px;
border: solid 1px #e00000;
background: url(/img/icon/plus.png);
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: center;
padding: 0;
margin: 10px auto;
background-color: #e00000;
}
.header_plus {
display: none;
}
.header_ad_button {
display: none;
margin: 0 auto;
width: 60px;
height: auto;
padding: 0!important;
/*background-color: azure;*/
}
.header_div_ad_button,
.header_div_ad_button:visited {
display: none;
text-decoration: none;
color: white;
font-size: 14px;
font-weight: bold;
padding: 11px 10px 10px 35px;
}
.header_mob_plus_line {
position: absolute;
display: block;
clear: both;
width: 60px;
top: 35px;
left: 0;
text-align: center;
color: #e00000;
/*height: 20px;*/
font-size: 13px;
line-height: 16px;
}
.a_header_mob_user {
cursor: pointer;
position: relative;
display: inline-block;
float: left;
/* top: 0; */
/* right: 5px; */
/* background-color: aqua; */
width: 60px;
height: 70px;
}
.header_mob_user_holder {
/*position: absolute;
display: inline-block;
top: 0;
left: 250px;
width: 65px;
height: 60px;*/
/*border: solid 2px magenta;*/
/*background-color: magenta;*/
}
.header_mob_user {
display: block;
position: absolute;
top: 0;
left: 17px;
clear: both;
text-align: center;
width: 25px;
height: 25px;
border-radius: 50%;
border: solid 1px black;
background: url(/img/icon/right-arrow-black-24.png);
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: center;
padding: 0;
margin: 10px auto;
background-color: white;
}
.header_mob_user_line {
position: absolute;
display: block;
clear: both;
width: 60px;
top: 35px;
left: 0;
text-align: center;
color: black;
height: 20px;
font-size: 13px;
}
.a_header_mob_login {
cursor: pointer;
position: relative;
display: inline-block;
float: left;
/* top: 0; */
/* right: 5px; */
/*background-color: aqua;*/
width: 60px;
height: 70px;
/* border: solid 1px blue; */
}
.header_mob_login_holder {
/*position: absolute;
display: inline-block;
top: 0;
left: 316px;
width: 70px;
height: 60px;*/
/*border: solid 2px turquoise;*/
/*background-color: turquoise;*/
}
.header_mob_login {
display: block;
position: absolute;
top: 0;
left: 17px;
clear: both;
text-align: center;
width: 25px;
height: 25px;
border-radius: 50%;
border: solid 1px black;
background: url(/img/icon/right-arrow-black-24.png);
background-size: 15px 15px;
background-repeat: no-repeat;
background-position: center;
padding: 0;
margin: 10px auto;
background-color: white;
}
.header_mob_login_line {
position: absolute;
display: block;
clear: both;
width: 60px;
top: 35px;
left: 0;
text-align: center;
color: black;
height: 20px;
font-size: 13px;
}
/*CENTRAL SECTION ALL PAGES*/
.central_holder { /*between_header_and_footer*/
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
margin: 0!important;
padding: 0!important;
/*background-color: #f1f1f1;*/
/*background-color: darkmagenta;*/
}
.view_holder { /*central_section*/
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: transparent;
/*background-color: lightyellow;*/
}
/*TOP PATH SORT*/
.top_above_holder,
.ad_top_above_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%!important;
margin: 0!important;
padding: 0;
box-sizing: border-box;
/*background-color: palegreen;*/
}
.path_div {
display: none;
}
.path_mob_div {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
padding: 0;
border-top: solid 12px #efefef;
border-bottom: solid 33px #efefef;
/*background-color: #6b6bff;*/
}
.path_ad_mob_div {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
padding: 0;
}
.ad_top_holder {
display: none;
}
.ad_mob_path_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%!important;
margin: 5px 10px 0 0;
padding: 10px 0;
border-top: solid 12px #efefef;
border-bottom: solid 12px #efefef;
box-sizing: border-box;
}
.path_chevron {
padding: 0 5px;
font-size: smaller;
}
.top_above_center {
width: 100%!important;
}
.home_mob_top_divider {
position: relative;
display: block;
float: left;
margin: -15px 0 0 0;
width: 100%;
height: 40px;
background-color: #F5F5F5;
}
.home_top_above_line {
position: relative;
display: none;
float: left;
clear: both;
width: auto;
font-size: 12px;
margin: 0!important;
padding: 0 0 5px 5px;
box-sizing: border-box;
}
.reg_log_holder {
display: none;
}
.path_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%!important;
margin: 0!important;
padding: 10px;
font-size: 15px!important;
height: auto;
/*height: 40px;*/
/*border: solid 1px #f0f0f0;*/
border-radius: 4px;
box-sizing: border-box;
/*background-color: papayawhip;*/
}
.path_link {
color: #2098d7!important;
}
.noselect {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.noselect:focus {
outline: none !important;
}
.drop_holder{
display: block;
position: absolute;
float: right;
top: 27px;
right: 5px;
width: auto;
height: auto;
padding: 0;
box-sizing: border-box;
z-index: 2;
/*background-color: magenta;*/
}
.drop_title {
cursor: pointer;
display: block;
position: absolute;
top: 0;
right: 0;
clear: both;
width: auto;
margin: 0;
padding: 0 10px 2px 21px!important;
/*border: solid 1px #e7e7e7;*/
border-radius: 20px;
font-size: 16px;
box-sizing: border-box;
z-index: 3;
background: url(/img/icon/up-down.png);
background-repeat: no-repeat;
background-position: left;
background-size: 15px 15px;
}
.drop_ul{
display: none;
position: relative;
/* float: right; */
list-style-type: none;
padding: 10px;
margin: 25px 0 0 0;
width: 175px;
border: solid 1px #f0f0f0;
border-radius: 4px;
box-sizing: border-box;
background-color: white;
}
.drop_li{}
.drop_li:hover{
/* color: #febf00!important;
text-decoration: underline;*/
}
.a_drop {
}
a.a_drop:hover {
color: #febf00!important;
text-decoration: underline!important;
}
/*NOTICES AND MESSAGES*/
.notice_holder {
position: absolute;
width: 500px;
height: auto;
margin: auto;
padding: 20px;
box-sizing: border-box;
border-radius: 15px;
background-color: #fafafa;
top: 0;
left: 0;
right: 0;
z-index: 2;
}
.notice_notice {
position: relative;
float: left;
display: block;
wwidth: 90%;
height: auto;
font-size: 16px;
font-weight: bold;
padding: 7px 10px 7px 10px;
text-align: center;
color: black;
background-color: lightcyan;
border-radius: 10px;
}
.notice_success {
position: relative;
float: left;
display: block;
wwidth: 90%;
height: auto;
font-size: 15px;
padding: 7px 10px 7px 10px;
text-align: center;
color: lightseagreen;
background-color: lightcyan;
border-radius: 10px;
}
.notice_error {
position: absolute;
float: left;
display: block;
width: 90%;
height: auto;
padding: 7px 10px 7px 10px;
text-align: left;
color: #ff0066;
background-color: #ffcce0;
border-radius: 10px;
}
/*HOME PAGE*/
.home_view_holder {
display: block;
position: relative;
float: left;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
/*background-color: transparent;*/
/*background-color: lightcyan;*/
}
.home_left_holder {
display: block;
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.home_left_nav_holder {
position: relative;
display: block;
float: left;
width: 100%;
height: 80px;
margin: 0;
padding: 0;
box-sizing: border-box;
/*background-color: #8900ff;*/
}
.home_left_nav_title {
cursor: pointer;
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
padding: 0;
margin: 0;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-o-user-select: none;
-moz-user-select: none;
overflow: hidden;
background-color: #F5F5F5;
}
.home_mob_k_holder {
position: relative;
display: block;
float: left;
clear: both;
/*height: 100%;*/
width: auto;
margin: 0;
/*background-color: magenta;*/
}
.home_mob_k {
display: block;
position: absolute;
top: 3px;
left: 26px;
clear: both;
text-align: center;
width: 27px;
height: 27px;
border-radius: 50%;
background: url(/img/icon/k.png);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center;
padding: 0;
margin: 5px 0 0 0;
border: solid 2px #32a852;
background-color: #ffffff;
}
.home_mob_k_line {
position: relative;
display: block;
clear: both;
float: left;
text-align: center;
margin: 40px 0 5px 10px;
color: black;
height: 20px;
font-size: 13px!important;
/*background-color: yellow;*/
}
.home_nav_span_title {
display: none;
}
.home_left_nav_list {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 85%;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
margin: 0;
padding: 0 20px;
box-sizing: border-box;
word-break: keep-all;
background-color: white;
border-radius: 6px;
z-index: 10!important;
}
.a_home_logo {
display: block;
position: fixed;
float: left;
width: 75%;
/*border-bottom: solid 2px black;*/
/*background-color: yellow;*/
background-color: white;
z-index: 2;
}
.home_nav_logo_holder{
display: block;
position: relative;
float: left;
clear: both;
text-align: left;
width: 80%;
height: 66px;
padding: 10px 0;
margin: 5px 0;
box-sizing: border-box;
border-bottom: solid 2px black;
/*background-color: darkmagenta;*/
background-color: white;
}
.img_home_nav_logo {
width: 200px;
height: 46px;
}
.home_nav_cat_title {
display: block;
position: relative;
color: #cccccc;
float: left;
width: 100%;
margin: 90px 0 0 0;
padding: 0;
font-size: 13px;
line-height: 25px;
}
.a_home_nav,
.a_home_nav:visited {
/*display: block;
position: relative;
float: left;
width: 100%;*/
margin: 0!important;
padding: 0!important;
font-size: 16px;
line-height: 32px;
font-weight: 400;
color: #000000;
text-decoration: none;
/*background-color: lawngreen;*/
}
.a_home_nav:hover, .a_home_nav:active {
color: #febf00;
text-decoration: underline;
text-overflow: ellipsis;
}
.home_nav_back {
display: block;
position: relative;
float: left;
cursor: pointer;
width: 100%;
height: auto;
margin: 15px 0;
padding: 0;
font-size: 14px;
line-height: 25px;
/*background-color: aliceblue;*/
}
.home_nav_border {
display: block;
position: relative;
float: left;
text-align: center;
width: 80%;
height: 120px!important;
padding: 20px 0;
box-sizing: border-box;
/*background-color: lime;*/
margin: 0!important;
border-top: solid 1px #888888;
}
.home_nav_arrow_left_holder {
display: block;
position: relative;
float: left;
width: 24px;
height: 24px;
padding: 0;
margin: 0 15px 0 0;
/*background-color: lightblue;*/
}
.img_home_nav_arrow_left {
display: block;
position: absolute;
width: 24px;
height: 24px;
}
.home_back_text {
display: block;
position: relative;
float: left;
}
.home_right_holder {
display: block;
position: relative;
float: left;
margin: 0;
padding: 0;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
/*background-color: #ffb86c;*/
/*background-color: #ffcfb8;*/
}
.home_footer_divider {
position: relative;
display: block;
float: left;
width: 100%;
height: 33px;
margin: 10px 0 30px 0;
background-color: #efefef;
}
.home_adv_divider {
position: relative;
display: block;
float: left;
width: 100%;
height: 33px;
margin: 0 0 10px 0;
background-color: #efefef;
}
.ad_adv_divider {
position: relative;
display: block;
float: left;
width: 100%;
height: 33px;
margin: 10px 0;
background-color: #efefef;
}
.q_adv_footer_divider {
position: relative;
display: block;
float: left;
width: 100%;
height: 33px;
margin: 0 0 30px 0;
background-color: #efefef;
}
.home_col_holder {
display: none;
}
.home_all_ads_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
width: auto;
border-top: solid 1px #efefef;
box-sizing: border-box;
/*background-color: #feba03;*/
}
.home_one_ad_wrapper {
position: relative;
display: block;
float: left;
padding: 12px 0;
margin: 0 10px 0 7px;
width: 100%;
min-height: 90px;
border-bottom: solid 12px #efefef;
/*background-color: lightpink;*/
}
.home_ad_holder {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 100%;
min-height: 90px;
overflow: hidden;
cursor: pointer;
/*border-radius: 4px;*/
/*background-color: azure;*/
}
.home_ad_img_holder {
/*sjedinjeno sa third_ad_img_holder*/
/*position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 120px;
min-height: 90px;
background-color: transparent;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;*/
}
img.home_ad_img {
/*sjedinjeno sa third_ad_img*/
/*object-fit: cover;
width: 110px;
height: 110px;*/
/*position: absolute;
max-width: 120px;
max-height: 120px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;*/
}
.home_ad_text_holder {
position: relative;
display: inline-block;
float: left;
width: calc(100% - 143px);
min-height: 145px;
padding: 0 15px 5px 10px;
margin: 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
.home_ad_text_title {
position: relative;
/*display: block;*/
float: left;
clear: both;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
padding: 0;
margin: 0!important;
width: 100%;
max-height: 69px;
line-height: 22px;
font-size: 17px;
font-weight: normal;
color: black;
box-sizing: border-box;
/*background-color: #f0b3b3;*/
}
.home_ad_text_title:hover {
text-decoration: underline;
color: #febf00;
}
.home_ad_text_txt {
position: relative;
display: block;
float: left;
clear: both;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
font-size: 14px;
line-height: 16px;
max-height: 32px;
margin: 10px 0!important;
color: #777777;
padding: 0;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
}
.home_ad_text_txt:hover {
text-decoration: underline;
text-decoration-color: black;
}
.home_ad_price {
position: absolute;
display: block;
float: left;
left: 10px;
bottom: 25px;
float: left;
clear: both;
color: #cc0000;
font-weight: bold;
font-size: 16px;
width: 100%;
line-height: 20px;
margin-top: 4px;
/*background-color: paleturquoise;*/
}
.home_ad_mute {
display: none;
color: #737373;
font-size: 12px;
font-weight: normal;
}
.home_ad_valuta {
font-size: 12px;
font-weight: normal;
}
.home_ad_loc_holder {
/*position: relative;
display: block;
float: left;
clear: both;
color: black;
font-size: 13px;
height: 15px;
line-height: 15px;
margin-top: 4px;
padding: 0;*/
position: absolute;
display: block;
float: left;
left: 10px;
bottom: 3px;
clear: both;
color: black;
font-size: 13px;
height: 15px;
line-height: 15px;
margin-top: 0;
padding: 0;
}
.home_ad_loc_span {
position: relative;
display: block;
float: left;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.home_ad_city_span {
position: relative;
display: block;
float: left;
margin: 0 0 0 3px;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.home_central_adv_holder {
display: none;
/*position: relative;
display: block;
float: left;
margin: 20px 0;
padding: 0!important;
width: 100%;
height: 220px;
background-color: #EEEEEE;*/
}
.home_central_mob_adv_holder {
position: relative;
display: block;
float: left;
margin: 20px 0;
padding: 0!important;
width: 100%;
/*width: 450px!important;*/
height: 450px!important;
overflow: hidden;
background-color: #EEEEEE;
border-top: solid 3px #2098d7;
border-bottom: solid 3px #2098d7;
}
/*SECOND PAGE*/
.second_view_holder {
position: relative;
display: block;
float: left;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
/*background-color: transparent;*/
/*background-color: lightcyan;*/
}
.second_left_nav_holder {
position: relative;
display: block;
float: left;
margin: 0 10px 10px 0;
padding: 0;
box-sizing: border-box;
width: 100%;
background-color: #F5F5F5;
/*z-index: 10!important;*/
}
.second_nav_arrow_left_holder {
display: none;
position: relative;
float: left;
width: 24px;
height: 24px;
padding: 0;
margin: 0 15px 0 0;
/*background-color: lightblue;*/
}
.second_left_nav_title {
cursor: pointer;
display: none;
position: relative;
float: left;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-o-user-select: none;
-moz-user-select: none;
overflow: hidden;
width: auto;
padding: 0 7px;
margin: 0 5%;
line-height: 40px;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
box-sizing: border-box;
border: solid 1px #f0f0f0;
border-radius: 2px;
}
.second_left_nav_title:hover, .second_left_nav_title:active {
background-color: #febf00;
border: solid 1px #febf00;
color: #ffffff;
}
.second_left_nav_list {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 85%;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
margin: 0;
padding: 0 20px;
box-sizing: border-box;
word-break: keep-all;
background-color: white;
border-radius: 6px;
z-index: 10!important;
}
.a_second_nav,
.a_second_nav:visited {
margin: 0!important;
padding: 0!important;
font-size: 16px;
line-height: 32px;
font-weight: 400;
color: #000000;
text-decoration: none;
/*background-color: lawngreen;*/
}
.a_second_nav:hover {
color: #febf00;
text-decoration: underline;
text-overflow: ellipsis;
}
.a_second_nav_active {
color: #2098d7!important;
}
.second_h2{
margin: 0;
font-weight: normal;
padding: 0;
font-size: unset;
line-height: unset;
}
.second_cat_central_holder {
display: block;
position: relative;
float: left;
overflow: hidden;
margin: 0;
width: 100%;
height: auto;
background-color: #ffffff;
}
.second_coulumns_holder {
display: none;
width: 100%;
margin-left: auto;
margin-right: auto;
line-height: 25px!important;
background-color: #ffffff;
/*background-color: lightcoral;*/
}
.a_second_central_cat_list,
.a_second_central_cat_list:visited {
color: #febf00;
text-decoration: underline;
text-decoration-color: #000000;
font-size: 18px;
line-height: 40px!important;
/*background-color: powderblue;*/
}
.a_second_central_cat_list:hover {
color: #000000;
text-decoration: underline;
text-decoration-color: #000000;
}
/*THIRD PAGE*/
.third_view_holder { /*central_section*/
position: relative;
display: block;
float: left;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
/*background-color: transparent;*/
/*background-color: lightcyan;*/
}
.third_h1 {
font-weight: bold;
display: block;
font-size: 15px;
padding: 0;
margin: 7px 0 0 10px;
}
.third_h2 {
display: block;
padding: 0;
margin: 0 0 15px 0;
font-weight: normal!important;
font-size: 15px;
color: black;
}
.third_a_text {
cursor: pointer;
font-weight: bold;
color: #feba02!important;
}
.third_a_text:hover {
text-decoration: underline!important;
text-decoration-color: black!important;
color: #febf00!important;
}
/*.third_article_holder {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 10px;
box-sizing: border-box;
!*background-color: plum;*!
}*/
.third_article_holder {
display: -webkit-box;
-webkit-line-clamp: 26; /* broj redova za vidi manje */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: fit-content;
line-height: normal;
padding: 0 10px 0 10px;
font-size: 14px;
transition: all 0.5s ease;
}
.third_article_holder.expanded {
-webkit-line-clamp: unset; /* uklanja ograničenje */
-webkit-box-orient: unset; /* resetuje orijentaciju */
display: block;
overflow: visible; /* prikaže ceo tekst */
min-height: auto;
}
.toggle_third_article {
position: relative;
display: inline-flex; /* tekst + ikonica u liniji */
align-items: center; /* vertikalno centriraj */
font-size: 14px;
cursor: pointer;
font-weight: bold;
color: blue;
margin-left: 10px; /* leva margina za tekst */
margin-top: 20px;
margin-bottom: 20px ;
}
.toggle_third_article::after {
content: "";
display: inline-block;
width: 24px; /* širina ikonice */
height: 24px; /* visina ikonice */
margin-left: 6px; /* razmak od teksta */
background: url("/img/icon/arrow-down-black.png") no-repeat center center;
background-size: contain;
transition: transform 0.3s ease; /* animacija rotacije */
}
.toggle_third_article.expanded::after {
transform: rotate(180deg); /* okreni strelicu nagore */
}
/*SC FV TEXT*/
.dn {
font-size: 18px;
font-weight: bold;
padding: 15px 0;
text-align: left;
}
.dtx {
position: relative;
float: left;
width: 100%;
padding: 20px 0;
text-align: left;
/*font-size: 16px;*/
line-height: 1.5;
color: #000;
}
.sdi {
display: block;
position: relative;
width: 100%;
text-align: center;
}
.si img {
display:block;
margin-left:auto;
margin-right:auto;
}
.si_name {
position: absolute;
display:block;
margin-left: 0;
margin-top: -25px;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
color: #ffffff;
background-color: rgb(0,0,0,0.5);
}
/*STICKY DIVS*/
.left_sticky_1 {
display: none;
}
.left_sticky_2 {
display: none;
}
.left_sticky_3 {
display: none;
}
.sticky {
display: none;
}
.right_sticky_1 {
display: none;
}
.right_sticky_2 {
display: none;
}
.right_sticky_home, .right_sticky_home_1{
display: none;
}
/*END OF STICKY DIV*/
#filters_form {
display: none!important;
}
#results-loader {
width: 100%;
display: block;
position: relative;
/*background-color: red;*/
height: 200px;
}
#results-spinner {
display: none; /* sakriven dok se ne pokrene AJAX */
text-align: center;
margin: 20px 0;
}
.spinner {
margin: 0 auto;
border: 6px solid #f3f3f3;
border-top: 6px solid #3498db;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.third_left_column {
display: block;
position: relative;
float: left;
width: 100%;
margin: 5px 0 0 0;
padding: 0;
box-sizing: border-box;
background-color: #F5F5F5;
}
.third_mob_filter_vertical {
position: relative;
display: none;
float: left;
width: auto;
height: auto;
color: white;
background-color: black;
font-weight: bold;
font-size: 14px!important;
padding: 2px 15px;
margin: 0;
}
.third_filter_forms_holder {
position: relative;
display: inline-block;
float: left;
clear: both!important;
width: calc(100% - 100px);
margin: 10px 0;
/*background-color: springgreen;*/
}
.third_mob_back {
cursor: pointer;
position: relative;
display: inline-block;
color: #feba02;
padding: 0 0 0 15px;
margin: 0 10px 0 0;
float: right;
width: auto;
font-size: 14px!important;
font-weight: bold;
background: #ffffff url("/img/icon/arrow_left_24.png") left/12px 12px no-repeat !important;
}
.third_mob_back:hover {
/*color: #ff7881;*/
color: black;
text-decoration: underline;
}
.third_left_filter_holder {
display: block;
position: relative;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
/*background-color: #cbdbf5;*/
}
.third_mob_filter_holder {
cursor: pointer;
position: relative;
display: inline-block;
float: left;
width: 60px;
height: auto;
margin: 0 10px 0 0;
box-sizing: border-box;
/*background-color: deepskyblue;*/
}
.third_mob_filter_circle {
display: block;
position: relative;
clear: both;
text-align: center;
margin: 0 auto 2px auto;
padding: 0;
font-size: 16px;
line-height: 25px;
width: 27px;
height: 27px;
border-radius: 50%;
border: solid 2px #32a852;
font-weight: bold;
/*background: url(/img/icon/user.png);*/
background-size: 16px 16px;
background: white no-repeat center;
}
.third_mob_filters_subcircle {
position: relative;
display: block;
font-size: 15px;
margin: 3px 0 0 10px;
}
.third_mob_loc_subcircle {
position: relative;
display: block;
font-size: 15px;
margin: 3px 0 0 5px;
}
.third_mob_filter_title {
position: relative;
display: block;
text-align: left;
padding: 10px 0 0 0;
margin: 0;
width: 100%;
height: 40px;
border-bottom: solid 2px #000000;
}
.third_mob_title_span_filter {
position: relative;
display: inline-block;
float: left;
padding: 0 0 5px 0;
font-size: 18px;
font-weight: bold;
}
.third_mob_back_span_filter {
cursor: pointer;
position: relative;
display: inline-block;
color: #feba02;
padding: 0 0 0 15px;
margin: 0 0 0 10px;
float: right;
font-size: 14px!important;
background: #ffffff url("/img/icon/arrow_left_24.png") left/12px 12px no-repeat !important;
}
.third_left_filter_title {
position: relative;
display: block;
clear: both;
color: black;
width: 100%;
height: auto;
font-size: 13px;
text-align: center;
margin: 0!important;
}
.third_left_filter_lines_holder {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 85%;
/*min-height: 100vh;*/
overflow-y: scroll!important;
overflow-x: hidden;
margin: 0;
padding: 0 20px 20px 20px;
box-sizing: border-box;
word-break: keep-all;
background-color: white;
z-index: 10!important;
}
.third_mob_filter_inside {
position: relative;
display: block;
width: 100%;
height: 100%;
background-color: deeppink;
box-sizing: border-box;
}
.third_left_filter_line {
display: inline-block;
line-height: 23px;
height: 25px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis!important;
border-bottom: solid 1px #e3e3e3;
}
.third_filter_checkbox {
display: inline-block;
position: relative;
bottom: 5px;
}
.third_filter_line_span {
display: inline-block;
max-width: 80%;
font-size: 17px!important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis!important;
}
.third_filter_line_span:hover {
text-decoration: underline;
}
.third_filter_num_ads {
position: relative;
float: right;
max-width: 15%;
font-size: 15px;
color: #777777;
right: 10px;
}
.third_rem_filters_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
height: auto;
/*background-color: #e25a8f;*/
}
.third_rem_filters_title {
position: relative;
display: inline-block;
float: left;
clear: left;
padding: 0;
color: #bbbbbb;
font-weight: bold;
margin: 8px 5px 5px 5px;
font-size: 13px;
}
.third_rem_one_filter_holder {
cursor: pointer;
position: relative;
display: inline-block;
font-size: 13px;
padding: 2px 7px;
margin: 5px 0 5px 2px;
color: #111111;
border: solid 1px #e7e7e7;
border-radius: 20px;
}
.third_rem_one_filter_holder:hover {
border-color: #feba02;
color: #8a8f97;
}
.third_rem_one_filter_holder[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
}
.third_rem_one_filter_holder[data-title]:after {
content: attr(data-title);
background-color: #ff7881;
color: white;
font-size: 13px;
position: absolute;
padding: 1px 3px 2px 3px;
bottom: -2em;
left: 50%;
white-space: nowrap;
opacity: 0;
border: 1px solid #ff7881;
border-radius: 20px;
z-index: 9;
visibility: hidden;
}
.third_rem_one_filter_holder[data-title] {
position: relative;
}
.a_third_rem_filter {
font-size: 13px!important;
}
.third_left_nav_holder {
display: none;
position: relative;
float: left;
margin: 0 10px 10px 0;
padding: 5px;
box-sizing: border-box;
width: 100%;
/*background-color: #b3b3ff;*/
}
.third_left_nav_title {
display: inline-block;
position: relative;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
float: left;
padding: 0;
margin: 0!important;
width: auto;
line-height: 40px;
font-size: 16px;
font-style: normal;
font-weight: 700;
/*background-color: #b3b3ff;*/
}
.third_left_nav_list {
position: relative;
display: block;
float: left;
width: 100%;
overflow: hidden;
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 22px;
/*background-color: coral;*/
}
.third_sc_central_holder {
position: relative;
display: inline-block;
float: left;
margin: 10px 0;
padding: 0 !important;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
/*background-color: lightyellow;*/
}
a.a_third_ad_link {
/*position: relative;
display: flex;
float: left;
width: auto;
height: auto;*/
/*background-color: yellow;*/
}
a.a_third_ad_link:hover {
}
.third_one_ad_wrapper {
position: relative;
display: block;
float: left;
padding: 12px 0 12px 7px;
margin: 0;
width: 100%;
min-height: 90px;
border-bottom: solid 12px #efefef;
/*background-color: lightpink;*/
}
.third_one_ad_wrapper_top {
position: relative;
display: block;
float: left;
/*padding: 10px 0 10px 7px;
margin: 0;*/
width: 100%;
min-height: 90px;
margin: 0 0 5px 0;
/*padding: 7px 5px;*/
box-sizing: border-box;
border: solid 2px #fffae0;
background-color: #fffae0!important;
}
.third_one_ad_wrapper_prem {
position: relative;
display: block;
float: left;
/*padding: 10px 0 10px 7px;
margin: 0;*/
width: 100%;
min-height: 90px;
margin: 0 0 5px 0;
/*padding: 7px 5px;*/
box-sizing: border-box;
border: solid 2px #ebf9ff;
background-color: #ebf9ff!important;
}
.third_one_ad_wrapper_super {
position: relative;
display: block;
float: left;
/*padding: 10px 0 10px 7px;
margin: 0;*/
width: 100%;
min-height: 150px;
margin: 0 0 5px 0;
/*padding: 7px 5px;*/
box-sizing: border-box;
border: solid 1px #e0e0e0;
background-color: white;
}
.third_ad_holder {
position: relative;
display: block;
float: left;
padding: 0;
margin: 5px 0 0 0;
width: 100%;
/*min-height: 90px;*/
overflow: hidden;
cursor: pointer;
/*border-radius: 4px;*/
/*background-color: azure;*/
}
.third_ad_holder_top {
position: relative;
display: block;
float: left;
padding: 0;
/*margin: 0;
width: 100%;*/
min-height: 90px;
overflow: hidden;
cursor: pointer;
margin: 7px 5px;
/*width: 100%;*/
width: calc(100% - 5px);
overflow: hidden;
cursor: pointer;
/*border-radius: 4px;*/
background-color: #fffae0!important;
}
.third_ad_holder_prem {
position: relative;
display: block;
float: left;
padding: 0;
/*margin: 0;
width: 100%;*/
min-height: 90px;
overflow: hidden;
cursor: pointer;
margin: 7px 5px;
/*width: 100%;*/
width: calc(100% - 5px);
overflow: hidden;
cursor: pointer;
/*border-radius: 4px;*/
background-color: #ebf9ff!important;
}
.third_ad_holder_super {
position: relative;
display: block;
float: left;
padding: 0;
/*margin: 0;
width: 100%;*/
min-height: 150px;
overflow: hidden;
cursor: pointer;
margin: 7px 5px;
/*width: 100%;*/
width: calc(100% - 5px);
overflow: hidden;
cursor: pointer;
/*border-radius: 4px;*/
background-color: white;
}
.third_ad_crown {
display: none;
}
.third_ad_crown_top {
display: block;
font-size: 14px;
color: #006621;
position: relative;
margin: 0 0 5px 10px;
}
.third_ad_partner {
/*position: relative;
display: block;
float: left;
font-size: 14px;
color: #006621;
margin: 15px 0 5px 10px;
min-height: 25px;
width: auto;*/
position: absolute;
display: block;
min-height: 25px;
font-size: 14px;
color: #006621;
bottom: 5px;
left: 10px;
padding: 0 0 0 24px;
background-image: url("/img/icon/badge.png");
background-position: left;
background-size: 24px 24px;
background-repeat: no-repeat;
}
.third_ad_arch_holder {
position: absolute;
font-size: 13px;
font-weight: bold;
background-color: #3b8d35;
color: white;
z-index: 2!important;
text-align: center;
margin: 7px auto;
padding: 2px;
box-sizing: border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.third_ad_img_super_holder {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 200px;
min-height: 113px;
background-color: white;
}.third_ad_img_holder_no_image {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 143px;
min-height: 90px;
background-color: transparent;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}
.third_ad_img_holder, .home_ad_img_holder {
position: relative;
/*display: block;*/
float: left;
padding: 0;
margin: 0;
min-height: 90px;
background-color: white;
border: solid 1px #e7e7e7;
width: 143px; /* dimenzija kvadrata, možeš menjati */
height: 143px; /* isto kao width */
border-radius: 8px; /* blago zaobljene ivice */
aspect-ratio: 1 / 1; /* uvek kvadrat */
overflow: hidden;
/*background-color: #f0f0f0;*/
display: flex;
align-items: center;
justify-content: center;
}
img.third_ad_img, img.home_ad_img {
/*object-fit: cover;
width: 110px;
height: 110px;*/
/*position: absolute;
max-width: 120px;
max-height: 120px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;*/
width: 100%;
height: 100%;
object-fit: cover;
}
img.third_ad_img_super {
/*object-fit: cover;
width: 110px;
height: 110px;*/
position: absolute;
max-width: 200px;
max-height: 200px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.third_ad_text_holder {
position: relative;
display: inline-block;
float: left;
width: calc(100% - 143px);
min-height: 150px;
padding: 0 15px 5px 10px;
margin: 0;
box-sizing: border-box;
/*background-color: yellow;*/
}.third_ad_super_text_holder {
position: relative;
display: inline-block;
float: left;
width: calc(100% - 200px);
min-height: 113px;
padding: 0 15px 5px 10px;
margin: 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
.third_ad_text_title {
position: relative;
display: block;
float: left;
clear: both;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
padding: 0;
margin: 0!important;
width: 100%;
max-height: 69px;
line-height: 22px;
font-size: 17px;
font-weight: normal;
color: black;
box-sizing: border-box;
/*background-color: #f0b3b3;*/
}
.third_ad_text_title:hover {
text-decoration: underline;
color: #febf00;
}.third_ad_super_text_title {
position: relative;
display: block;
float: left;
clear: both;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
padding: 0;
margin: 0!important;
width: 100%;
max-height: 69px;
line-height: 23px;
font-size: 19px;
font-weight: normal;
color: black;
box-sizing: border-box;
/*background-color: #f0b3b3;*/
}
.third_ad_super_text_title:hover {
text-decoration: underline;
color: #febf00;
}
.third_ad_text_txt {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
font-size: 14px;
line-height: 16px;
max-height: 32px;
margin: 7px 0!important;
color: #777777;
padding: 0;
/*margin: 0;*/
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
}.third_ad_super_text_txt {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
font-size: 14px;
line-height: 16px;
max-height: 112px;
margin: 3px 0!important;
color: #777777;
padding: 0;
/*margin: 0;*/
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
/*background-color: hotpink;*/
}
.third_ad_text_txt:hover {
text-decoration: underline;
text-decoration-color: black;
}
.third_ad_price {
position: absolute;
display: block;
float: left;
left: 10px;
bottom: 45px;
clear: both;
color: #cc0000;
font-weight: bold!important;
font-size: 16px;
width: 100%;
line-height: 20px;
margin-top: 4px;
/*background-color: paleturquoise;*/
}
.third_ad_mute {
display: none;
color: #737373;
font-size: 12px;
font-weight: normal;
}
.third_ad_valuta {
font-size: 12px;
font-weight: normal;
}
.third_ad_loc_holder {
position: absolute;
display: block;
float: left;
left: 10px;
bottom: 7px;
clear: both;
color: black;
font-size: 13px;
height: 15px;
line-height: 15px;
margin-top: 0;
padding: 0;
}
.third_ad_loc_span {
position: relative;
display: block;
float: left;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.third_ad_city_span {
position: relative;
display: block;
float: left;
margin: 0 0 0 3px;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.third_ad_seen {
position: absolute;
display: block;
float: left;
left: 10px;
bottom: 20px;
width: 100%;
margin: 3px 0 2px 0;
font-size: 12px;
line-height: 18px;
color: #8d8d8d;
/*background-color: lavenderblush;*/
}
.third_ad_seen_icon {
position: relative;
display: block;
width: auto;
height: 16px;
padding: 0 5px 0 0;
float: left;
margin: 0!important;
font-size: 12px;
/*background-color: aliceblue;*/
}
/*THIRD PAGINATION*/
.pagdiv {
float: left;
position: relative;
clear: both;
width: 100%;
margin: 20px 0 25px 10px;
text-align: center;
}
ul.pagination{
list-style-type: none;
width: 100%;
margin: auto;
padding: 0;
overflow: hidden;
text-align: center;
}
.pag {
display: inline;
list-style-type: none;
float: left;
color: #71777d;
padding: 7px 15px;
text-align: center;
margin: 0 15px 0 0;
text-align: center;
}
.pag:hover {
color: #111111;
}
.active_pag {
font-weight: normal;
display: inline;
list-style-type: none;
float: left;
color: #111111;
border-bottom: solid 3px #00809d;
padding: 7px 15px;
text-align: center;
margin: 0 15px 0 0;
}
.active_pag:hover {
color: #71777d;
}
.pag_prev {
position: relative;
display: block;
margin: -3px 0 0 0;
height: 30px;
width: 30px;
webkit-transform: rotate(180deg);
transform: rotate(180deg);
background: url("/img/icon/chevron_grey.png");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.pag_prev:hover {
webkit-transform: rotate(180deg);
transform: rotate(180deg);
background: #F5F5F5 url("/img/icon/chevron_dark_grey.png");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.pag_next {
position: relative;
display: block;
margin: -3px 0 0 0;
height: 30px;
width: 30px;
background: url("/img/icon/chevron_grey.png");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.pag_next:hover {
background: #F5F5F5 url("/img/icon/chevron_dark_grey.png");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
/*////////////////////*/
.third_ad_right_column_one {/*****1*****/
position: relative;
display: block;
float: left;
padding: 0!important;
margin: 0!important;
width: 220px;
height: 100px;/*third_ad_div-10*/
box-sizing: border-box;
/*background-color: darkseagreen;*/
}
.third_ad_right_column_two {/*****2*****/
position: relative;
display: block;
float: left;
padding: 0!important;
margin: 0!important;
width: 120px;
height: 100px;/*third_ad_div-10*/
box-sizing: border-box;
/*background-color: yellow;*/
}
.third_ad_right_column_three {/*****3*****/
position: relative;
display: block;
float: right;
padding: 0!important;
margin: 0!important;
width: 110px;
height: 100px;/*third_ad_div-10*/
box-sizing: border-box;
/*background-color: navajowhite;*/
}
/*FOURTH PAGE - ONE AD */
.ad_view_holder {
position: relative;
display: block;
float: left;
margin: 10px 0 0 0!important;
padding: 0 !important;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
/*background-color: azure;*/
}
.fourth_ad_left_top_holder {
display: none;
}
.fourth_ad_left_adv_holder {
display: none;
}
.fourth_ad_sticky_1 {
display: none;
}
.fourth_left_holder {
display: none;
position: relative;
float: left;
min-height: 400px;
width: 100%;
box-sizing: border-box;
/*background-color: azure;*/
}
.fourth_ad_slick_holder {
position: relative;
float: left;
background-color: #f0f0f0;
margin: 0 0 3px 0!important;
width: 100%;
}
.slick-slider {
touch-action: auto !important;
}
.fourth_img_mob {
/*height: 225px;*/
text-align: center; /* align the inline(-block) elements horizontally */
font: 0/0 a; /* remove the gap between inline(-block) elements */
/*background-color: #e7e7e7;*/
width: 100%;
}
/*.fourth_img_mob:before {
!* create a full-height inline block pseudo=element *!
content: ' ';
display: inline-block;
vertical-align: middle; !* vertical alignment of the inline element *!
height: 100%;
}*/
img.fourth_mob_landscape {
max-height: calc(100vw * 0.75);
max-width: calc(100vw - 20px);
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */
font: 16px/1 "Open Sans", sans-serif; /* <-- reset the font property */
}
img.fourth_mob_portrait {
/*max-height: calc(100vw * 0.75);
max-width: calc(100vw * 0.5625);*/
max-height: 100%;
max-width: 100%;
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */
font: 16px/1 "Open Sans", sans-serif; /* <-- reset the font property */
}
img.fourth_mob {
max-height: 100%;
max-width: 100%;
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */
font: 16px/1 "Open Sans", sans-serif; /* <-- reset the font property */
}
.fourth_ad_img_watermark {
position: absolute;
z-index: 2;
margin: 10px 0 0 15px;
}
/*.fourth_ad_slick_holder {
display: table-row;
position: relative;
float: left;
clear: both;
margin: 0;
width: 80%;
background-color: hotpink;
!*border: solid 1px #000000;*!
}
.fourth_ad_slick_holder:before {
content : "";
position: absolute;
left : 0;
right : 0;
top : -5px;
height : 5px;
width : 50%; !* or 100px *!
margin: 0 25% 0 25%;
border-top:5px solid #333333;
}
.fourth_img_mob {
height: 375px;
text-align: center; !* align the inline(-block) elements horizontally *!
font: 0/0 a; !* remove the gap between inline(-block) elements *!
!*background-color: #33333f;*!
width: 100%;
}
.fourth_img_mob:before {
!* create a full-height inline block pseudo=element *!
content: ' ';
display: inline-block;
vertical-align: middle; !* vertical alignment of the inline element *!
height: 100%;
}
img.fourth_mob {
display: inline-block;
vertical-align: middle; !* vertical alignment of the inline element *!
font: 16px/1 Arial sans-serif; !* <-- reset the font property *!
max-height: 100%;
!*max-width: 100%;*!
}*/
.fourth_right_holder {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
margin: 10px 0;
/*background-color: lightsalmon;*/
}
.fourth_ad_central_adv_holder {
display: none;
}
.fourth_ad_mid_holder {
/*position: relative;
display: inline-block;
float: left;
box-sizing: border-box;
margin: 0 0 0 10px;
padding: 0;
width: auto;
height: auto;
background-color: hotpink;*/
}
.fourth_ad_title_holder {
position: relative;
display: block;
float: left;
height: auto;
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 18px;
font-weight: 700;
text-align: center;
margin: 15px auto 0 auto!important;
padding: 0 0 0 10px;
box-sizing: border-box;
/*background-color: fuchsia;*/
}
.fourth_ad_h1 {
display: block;
position: relative;
float: left;
width: auto;
font-size: 22px;
text-align: left;
color: black;
font-weight: normal;
margin: 0!important;
padding: 0 10px;
box-sizing: border-box;
/*background-color: #24f8ff;*/
}
.fourth_ad_path_holder {
color: blue;
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 18px;
font-weight: 700;
text-align: center;
margin: 0 auto 20px auto;
padding: 0;
box-sizing: border-box;
}
.fourth_ad_text_holder {
display: none;
}
.fourth_ad_mob_text_holder {
position: relative;
display: block;
float: left;
width: 100%!important;
height: auto;
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 17px!important;
line-height: 27px!important;
font-weight: normal;
padding: 5px 20px;
margin: 0;
border-top: solid 12px #efefef;
/*border-bottom: solid 12px #efefef;*/
box-sizing: border-box;
/*background-color: yellowgreen;*/
}
.fourth_ad_prev_next_ad_holder {
display: none;
}
.fourth_ad_mob_prev_next_ad_holder {
position: relative;
display: block;
float: left;
width: 100%!important;
height: 50px!important;
font-size: 13px!important;
padding: 5px 10px;
margin: 10px 0;
border-top: solid 12px #efefef;
box-sizing: border-box;
}
.fourth_ad_prev_ad_holder {
position: absolute;
top: 10px;
left: 10px;
height: 30px;
padding: 5px 0 0 20px;
background-image: url("/img/icon/blue_prev.png");
background-position: left;
background-repeat: no-repeat;
background-size: 15px 15px;
}
.fourth_ad_next_ad_holder {
position: absolute;
top: 10px;
right: 10px;
height: 30px;
padding: 5px 20px 0 0;
background-image: url("/img/icon/blue_next.png");
background-position: right;
background-repeat: no-repeat;
background-size: 15px 15px;
}
.fourth_ad_prev_next_ad_a {
font-weight: bold;
color: darkblue!important;
}
.fourth_ad_prev_next_ad_a:hover {
text-decoration: underline;
}
.fourth_ad_price_holder {
display: none;
position: relative;
float: left;
height: auto;
width: 100%;
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 15px;
font-weight: 400;
text-align: center!important;
padding: 0;
margin: 0 0 15px 0;
box-sizing: border-box;
/*background-color: lightblue;*/
}
.fourth_ad_mob_price_holder {
display: block;
position: relative;
float: left;
height: auto;
width: 100%;
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 15px;
font-weight: 400;
text-align: left;
padding: 0;
margin: 15px 0 0 20px;
box-sizing: border-box;
/*background-color: lightblue;*/
}
a.fourth_phone_holder {
display: none;
}
a.fourth_phone_holder:hover {
display: none;
}
.fourth_ad_mob_phone_msg_holder {
position: relative;
display: block;
float: left;
width: 100%;
padding: 15px 0;
margin: 0;
/*background-color: #6b6bff;*/
}
a.fourth_mob_phone_holder {
display: inline-block;
position: relative;
float: left;
clear: both;
width: 60%;
height: 64px;
margin: 0 0 0 3%;
padding: 0;
line-height: 1.9;
text-align: center;
font-weight: bold;
font-size: 15px;
color: black;
border-radius: 8px;
background-color: #fee49a;
border: solid 2px #fee49a;
/*background-color: #2c4761;
border: solid 2px #2c4761;*/
}
a.fourth_mob_phone_holder:hover {
cursor: pointer;
text-decoration: underline;
}
.phone_back {
display: block;
font-size: 14px;
padding: 7px;
margin: 4px 5px -3px 0;
width: 100%;
height: 27px;
background-image: url("/img/icon/phone1.png");
background-position: center;
background-repeat: no-repeat;
background-size: 17px 17px;
}
a.fourth_ad_msg_link, .fourth_ask_holder {
display: none;
}
a.fourth_ad_msg_link:hover, .fourth_ask_holder:hover {
display: none;
}
a.fourth_mob_ad_msg_link, .fourth_mob_ask_holder {
display: inline-block;
position: relative;
float: left;
width: 30%;
height: 64px;
margin: 0 3% 0 3%;
padding: 0;
line-height: 1.9;
color: #2c4761;
text-align: center;
font-weight: bold;
font-size: 15px;
border-radius: 8px;
background-color: #dae8f5;
border: 1px solid #cfedfa;
/*border: 1px solid #81b8d3;*/
/*background: #81b8d3;*/
}
a.fourth_mob_ad_msg_link:hover, .fourth_mob_ask_holder:hover {
cursor: pointer;
text-decoration: underline;
}
.msg_back {
display: block;
font-size: 14px;
padding: 7px;
margin: 4px 5px -2px 0;
width: 100%;
height: 27px;
background-image: url("/img/icon/msg1.png");
background-position: center;
background-repeat: no-repeat;
background-size: 20px 20px;
}
.fourth_price_title_span {
position: relative;
display: none;
/*float: left;*/
font-size: 14px;
text-align: center!important;
color: #aaaaaa;
margin: auto;
/*background-color: coral;*/
}
.fourth_price_mob_title_span {
position: relative;
display: block;
/*float: left;*/
font-size: 14px;
text-align: left;
color: #aaaaaa;
margin: 0;
/*background-color: coral;*/
}
.fourth_price_ad_span {
position: relative;
display: none;
/*float: left;*/
color: #e00000;
font-family: "Open Sans", Arial, sans-serif;
font-size: 22px;
font-weight: bold;
text-align: left;
margin: 0 0 0 5px;
/*background-color: azure;*/
}
.fourth_price_mob_ad_span {
position: relative;
display: block;
/*float: left;*/
color: #e00000;
font-family: "Open Sans", Arial, sans-serif;
font-size: 22px;
font-weight: 500;
text-align: left;
margin: 0;
/*background-color: azure;*/
}
.fourth_ad_location_holder {
position: relative;
display: none;
float: left;
clear: both;
padding: 0!important;
margin: 0 auto 20px auto;
text-align: center;
width: 100%;
height: auto;
box-sizing: border-box;
/*background-color: salmon;*/
}
.fourth_ad_mob_location_holder {
position: relative;
display: block;
float: left;
padding: 0!important;
margin: 0 0 0 10px;
text-align: left;
width: 100%;
height: auto;
box-sizing: border-box;
/*background-color: salmon;*/
}
.fourth_ad_loc_span {
display: none;
}
.fourth_ad_mob_loc_span {
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 14px;
font-weight: 500;
color: #000000;
}
.fourth_ad_arch_holder {
position: relative;
display: block;
/*float: left;*/
background-color: #3b8d35;
color: white;
font-weight: bold;
text-align: center;
clear: both;
margin: 10px auto 15px auto;
padding: 3px;
box-sizing: border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.fourth_mob_ad_username_holder {
position: relative;
display: block;
float: left;
height: auto;
width: 100%!important;
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 15px;
font-weight: 400;
text-align: left;
color: #999999;
padding: 15px 0 20px 20px;
margin:20px 0 0 0;
box-sizing: border-box;
border-top: solid 12px #efefef;
border-bottom: solid 12px #efefef;
}
.fourth_ad_username_holder {
display: none;
}
.fourth_ad_all_ads {
cursor: pointer;
position: relative;
display: block;
float: left;
clear: both;
margin: 0 15px 0 0;
font-size: 16px!important;
color: darkblue!important;
text-decoration: underline;
}
.fourth_ad_all_ads:hover {
text-decoration: underline;
color: blue!important;
}
.fourth_ad_username_title_span {
font-size: 13px;
font-weight: normal;
/*color: #aaaaaa;*/
color: #2c4761;
}
.fourth_ad_loc_title_span {
display: none;
}
.fourth_ad_mob_loc_holder {
position: relative;
display: block;
float: left;
margin: 15px 0!important;
}
.fourth_ad_mob_loc_title_span {
font-size: 14px;
color: #aaaaaa;
}
.fourth_ad_mob_sc_title {
position: relative;
display: block;
float: left;
font-size: 13px;
font-weight: normal;
color: #2c4761;
width: 100%!important;
margin: 5px 10px 0 0;
padding: 20px 0 20px 20px;
border-top: solid 12px #efefef;
box-sizing: border-box;
/*background-color: fuchsia;*/
}
.fourth_ad_mob_sc_title:hover {
background-color: #dae8f5;
}
.fourth_ad_mob_sc_a {
cursor: pointer;
position: relative;
display: block;
width: 100%;
/*float: left;
clear: both;*/
margin: 0!important;
padding: 0!important;
font-size: 16px!important;
color: black!important;
/*background-color: yellow;*/
}
.fourth_ad_mob_txt_title {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
padding: 0;
margin: 10px 0 5px 0;
font-size: 16px!important;
font-weight: bold;
color:darkblue;
/*color: #b30000;*/
/*color: black;*/
/*color: #2c4761;*/
/*background-color:#00A19B;*/
/*border-radius: 8px;*/
}
.fourth_ad_mob_sc_span {
display: inline-block;
margin: 0!important;
padding: 0!important;
font-size: 17px!important;
font-weight: bold;
color: black;
/*color: #88cc00;*/
/*color: #b30000;*/
/*color: #2c4761;*/
/*color: black;*/
}
.fourth_ad_mob_sc_chevron {
position: absolute;
height: 30px;
width: 30px;
right: 20px;
top: 25px;
background-image: url("/img/icon/blue_next.png");
background-repeat: no-repeat;
background-position: center;
}
.fourth_ad_mob_path_title {
position: relative;
display: block;
float: left;
width: 100%;
margin: 5px 0 -5px 10px!important;
padding: 0!important;
font-size: 14px;
font-weight: normal;
color: #000000;
}
.fourth_ad_username_span {
font-family: "Open Sans", Arial, sans-serif;
font-size: 17px;
font-weight: bold;
color: #000000;
}
.fourth_ad_usercity_span {
position: relative;
display: block;
margin: 10px 0;
float: left;
font-family: "Open Sans", Arial, sans-serif;
font-size: 15px;
font-weight: 500;
color: #000000;
}
.fourth_ad_web_link {
cursor: pointer;
display: block;
position: relative;
float: left;
clear: both;
min-width: 100%;
font-size: 15px;
font-weight: bold;
color: #1c6ca1!important;
padding: 0;
margin: 20px 0 20px 10px;
}
.fourth_ad_web_link:hover {
text-decoration: underline;
color: blue!important;
}
.fourth_ad_date_holder {
display: none;
position: relative;
float: left;
height: auto;
width: 100%;
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 15px;
font-weight: 400;
text-align: center;
color: #33333f;
padding: 0;
margin: 0 auto 10px auto;
box-sizing: border-box;
/*background-color: fuchsia;*/
}
.fourth_ad_date_span {}
.galerija_img_div {
position: relative;
float: left;
width: 520px;
height: 390px;
margin: 0 0 1px 0;
padding: 0;
box-sizing: border-box;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
/*border: solid 1px lightgrey;*/
}
.slider {
position: relative;
float: left;
width: 520px;
height: 390px;
overflow: hidden;
/*background-color: yellow;*/
}
img.galerija_img {
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
max-width: 520px;
max-height: 390px;
}
ul.images {
list-style-type: none;
position:relative;
max-width: 520px;
max-height: 390px;
padding: 0;
margin: 0;
}
ul.images li {
position:absolute;
top:0;
left:0;
max-width: 590px;
max-height: 390px;
overflow:hidden ;
padding: 0;
}
.triggers_div {
position: relative;
float: left;
text-align: left;
width: 520px;
height: auto;
padding:0;
margin: 15px 0;
overflow: hidden;
/*border-bottom: solid 1px #d9e3f2;*/
}
.triggers_div:before {
content : "";
position: absolute;
left : 0;
right : 0;
bottom : 0;
height : 5px;
width : 300px; /* or 100px */
margin: 0 200px 0 200px;
}
ul.triggers {
list-style-type: none;
position:relative;
float: left;
margin:0 0 0 -40px;
}
ul.triggers li {
float:left;
margin:0;
cursor:pointer;
padding: 0;
border: solid 3px white;
}
ul.triggers li.active {
background-color:white;
border: solid 3px #febf00;
}
.thumb {
position: relative;
height: 66px;
width: 66px;
margin: 1px;
background-color: #f0f0f0;
}
img.thumb_img {
position: absolute;
max-width: 66px;
max-height: 66px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.control {
background-color: rgba(255,255,255,0.9);
border: solid 1px #767676;
color: #94979b;
cursor: pointer;
height: 76px;
overflow: hidden;
padding: 8px 0 0;
position: absolute;
text-align: center;
top: calc(50% - 38px);
width: 28px;
z-index: 1;
opacity: .8;
filter: alpha(opacity=80);
}
.control:hover {
background: white;
border: solid 1px black;
border-radius: 2px;
opacity: 1;
}
/*.prev {
left:-1px;
}
.next {
right:-1px;
}*/
.gallery-svg {
color: red;
position: absolute;
text-align: center;
top: calc(50% - 7px);
}
img.slide-content {
max-width: 100%!important;
max-width: 100%!important;
}
/* FOURTH AD MESSAGE MODAL*/
.message_box_form {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100vh;
background-color: white;
border-radius: 4px;
padding: 5px;
text-align: left;
z-index: 10!important;
}
.message_modal_content {
position: relative;
display: block;
width: 100%;
max-height: 90%;
padding: 0 15px;
box-sizing: border-box;
border: solid 1px #EEEEEE;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 4px;
overflow-y: scroll!important;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.message_modal_content::-webkit-scrollbar {
display: none;
}
.message_form_logo {
width: 200px;
height: 46px;
}
.message_label_title {
font-size: 14px;
}
.message_label {
position: relative;
display: block;
clear: both;
margin: 0 0 10px 0;
}
.message_form_textarea {
/*display: none;*/
width: 100%;
height: 280px;
margin-bottom: 5px;
border: solid 1px #b3b3b3;
border-radius: 4px;
position: relative;
float: left;
padding: 10px;
text-align: left;
font-family: 'Tahoma', sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
color: #000000;
background-color: white;
}
.message_form_textarea:focus {
outline-color: #feba03!important;
}
.message_form_textarea:hover {
outline-color: #feba03!important;
}
/*SEARCH QUERY PAGE - ADS */
.query_title_div {
position: relative;
display: block;
text-align: left;
width: 100%;
height: auto;
padding: 3px 10px;
}
.query_span {
font-weight: bold;
color: #555555;
font-size: 14px;
}
/*FANCYBOX*/
/*#mainCarousel {
width: 100%;
margin: 0 auto 1rem auto;
--carousel-button-color: #170724;
--carousel-button-bg: #fff;
--carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
--carousel-button-svg-width: 20px;
--carousel-button-svg-height: 20px;
--carousel-button-svg-stroke-width: 2.5;
}
#mainCarousel .carousel__slide {
width: 100%;
padding: 0;
}
#mainCarousel .carousel__button.is-prev {
left: -1.5rem;
}
#mainCarousel .carousel__button.is-next {
right: -1.5rem;
}
#mainCarousel .carousel__button:focus {
outline: none;
box-shadow: 0 0 0 4px #febf00;
}
#thumbCarousel .carousel__slide {
opacity: 0.5;
padding: 0;
margin: 0.25rem;
width: 96px;
height: 64px;
}
#thumbCarousel .carousel__slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
#thumbCarousel .carousel__slide.is-nav-selected {
opacity: 1;
}*/
/*LOGIN PAGE*/
.login_central_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
/*background-color: azure;*/
}
.login_left_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
/*background-color: navajowhite;*/
}
.login_box {
position: relative;
display: block;
float: left;
margin: 0;
padding: 15px 15px 0 15px;
width: 100%;
height: auto;
/*min-height: 100vh;*/
border-top: solid 1px #cdcdcd;
box-sizing: border-box;
background-color: #ffffff;
}
.login_title {
display: block;
width: 100%;
margin: 20px 0 20px 0;
font-family: "Arial Regular", "Arial", sans-serif;
font-weight: bold;
font-size: 22px;
text-align: center;
/*color: #331100;*/
color: #000000;
}
.login_form_holder {
position: relative;
display: block;
width: 100%;
}
.login_subtitle {
color: #ffc001;
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
}
.label {
position: relative;
display: block;
font-size: 13px;
/*float: left;*/
clear: both;
margin: 0 0 3px 0;
}
.big_label {
position: relative;
display: inline-block;
font-size: 15px;
font-weight: bold;
/*float: left;*/
clear: both;
margin: 0 0 3px 0;
}
.line_field_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
height: auto;
margin: 0 0 20px 0!important;
/*-webkit-margin-bottom-collapse: collapse;*/
padding: 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
#email_holder {
margin: 20px 0 0 0;
}
#password_holder {
margin: 5px 0 0 0;
}
.login_field {
height: 40px;
width: 100%;
margin: 0;
border: solid 1px #CBCBCB;
border-radius: 2px;
padding-left: 10px;
padding-right: 10px;
}
.login_field_error {
height: 40px;
width: 100%;
margin: 0;
border: solid 2px red!important;
border-radius: 3px;
padding-left: 10px;
padding-right: 10px;
}
.field_error {
border: solid 2px red!important;
border-radius: 3px;
}
.field_icon {
float: left;
margin-left: -25px;
margin-top: 7px;
position: absolute;
/* z-index: 1; */
}
.form_error_holder {
position: relative;
float: left;
color: red;
font-family: "Arial Regular", "Arial", sans-serif;
font-size: 13px;
margin: 2px 0 0 0;
padding: 0;
box-sizing: border-box;
}
.border_error {
border: solid 1px orangered!important;
}
.reg_aps_link {
position: absolute!important;
right: 20px;
top: -40px;
}
.reg_link {
text-decoration: none;
font-size: 15px;
line-height: 22px;
display: block;
cursor: pointer;
text-align: right;
color: blue!important;
}
.reg_link:hover {
text-decoration: underline;
color: #003580;
}
.reg_link_span {
font-size: 22px;
font-weight: bold;
color: #cc0000;
}
.filter_search_btn {
height: 30px;
width: auto;
margin: 10px auto;
border: solid 1px #737373;
background-color: #737373;
color: #ffffff;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.filter_search_btn:hover {
border: solid 1px #000000;
background-color: #000000;
color: #ffffff;
}
.login_btn {
height: 50px;
width: 100%;
margin: 20px 0;
border: solid 1px rgb(204, 102, 0, 0.6);
background: rgb(255,204,0);
background: linear-gradient(0deg, rgba(255,204,0,1) 1%, rgba(255,240,179,1) 80%);
color: #000000;
font-size: 18px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.login_btn:hover {
border: solid 1px #cc6600;
/*background-color: #000000;*/
color: #331100;
}
.login_right_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 50%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
/*background-color: #ffffff;*/
background-color: powderblue;
}
/*FORGOTTEN PASSWORD PAGE*/
.f_pass_central_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
}
.f_pass_left_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
}
.f_pass_box{
position: relative;
display: block;
float: left;
margin: 0;
padding: 15px 15px 0 15px;
width: 100%;
height: auto;
/*min-height: 100vh;*/
border-top: solid 1px #cdcdcd;
box-sizing: border-box;
background-color: #ffffff;
}
.f_pass_expl {
position: relative;
display: block;
float: left;
width: 100%;
margin: 0 0 15px 0;
padding: 0;
color: black;
font-size: 15px!important;
box-sizing: border-box;
}
/*USER PAGE*/
.user_left_nav_holder {
display: block;
position: relative;
float: left;
text-align: left;
overflow: hidden;
margin: 0!important;
padding: 0!important;
width: 100%;
/*background-color: lightblue;*/
}
ul.user_left_nav_list {
width: auto;
margin: 0!important;
padding: 0!important;
/*background-color: lightgreen;*/
}
.li_user_nav {
list-style-type: none;
}
.a_user_nav,
.a_user_nav:visited {
display: inline!important;
position: relative;
float: left;
width: auto;
margin: 15px 0 0 10px;
padding: 5px;
color: #000000;
text-decoration: none;
line-height: 30px;
font-size: 15px;
border: solid 1px #f2f2f2;
border-radius: 2px;
background-color: #fafafa;
/*background-color: #f0b3b3;*/
}
.a_user_nav:hover {
cursor: pointer;
color: #febf00;
text-decoration: underline;
/*font-weight: 900;*/
}
.user_central_holder {
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0;
padding: 0!important;
width: 100%;
height: auto;
/*background-color: #feba03;*/
}
.user_page_title{
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 10px 0 10px 10px;
padding: 0!important;
font-weight: bold;
color: #777799;
width: 100%;
}
/*USER MN PAGE*/
.user_mn_holder {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
font-size: 18px;
box-sizing: border-box;
border: solid 1px #cbcbcb;
border-radius: 2px;
margin: 10px 0 10px 0;
padding: 0;
/*background-color: lavenderblush;*/
}
.mn_form_inside_holder {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
padding: 20px;
box-sizing: border-box;
}
.mn_filter_holder {
/*display: none;*/
position: relative;
float: left;
clear: both;
width: auto;
height: auto;
margin: 0;
/*background-color: yellow;*/
}
.ch_ad_filter_holder {
display: block;
position: relative;
float: left;
clear: both;
width: auto;
height: auto;
margin: 0;
/*background-color: yellow;*/
}
.mn_select_holder {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
margin: 0 0 20px 0!important;
/*background-color: rgb(0,255,255,0.1);*/
}
.mn_form_line_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
height: auto;
line-height: 25px!important;
font-size: 14px!important;
-webkit-margin-bottom-collapse: collapse;
padding: 0;
margin: 0 0 20px 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
.mn_p_label {
font-size: 18px;
}
.mn_label {
display: block;
position: relative;
margin: 0 0 5px 0;
font-size: 13px;
}
.mn_radio_label{
font-size: 18px!important;
}
.mn_form_field {
display: block;
position: relative;
float: left;
clear: both;
width: 100%;
height: 40px;
font-size: 14px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.mn_form_field:focus {
outline-color: #feba03;
}
.mn_form_field_err {
display: block;
position: relative;
float: left;
clear: both;
width: 90%;
height: 2em;
box-sizing: border-box;
padding: 3px 5px;
margin: 0;
font-size: 18px;
border: solid 2px red;
border-radius: 2px;
}
.mn_form_field_err:focus {
outline-color: #feba03;
}
.mn_form_field:hover {
border: solid 1px #feba03;
border-radius: 2px;
}
#choose_sug_cat,
#choose_sug_sc {
font-weight: bold;
color: dodgerblue;
}
.mn_form_wide_field {
height: 40px;
width: 100%;
margin: 0;
border: solid 1px #CBCBCB;
border-radius: 2px;
padding-left: 10px;
padding-right: 10px;
}
.mn_select {
display: block;
position: relative;
float: left;
clear: both;
width: 300px;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0 0 30px 0;
font-size: 14px;
border: solid 1px #cbcbcb;
border-radius: 2px;
background-color: white!important;
}
.mn_what {
height: 40px;
width: 50%;
margin: 0;
border: solid 1px #CBCBCB;
border-radius: 2px;
padding-left: 10px;
padding-right: 10px;
}
.mn_select:focus,
.mn_what:focus,
.mn_form_wide_field:focus {
outline-color: #feba03;
}
.mn_pass_link {
cursor: pointer;
color: #555555;
font-size: 18px;
}
.mn_email {
color: cornflowerblue;
font-size: 18px;
}
.mn_pass_link:hover {
color: #febf00!important;
}
.line_select_small {
position: relative;
display: inline-block;
float: left;
width: auto;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0 0 0 10px;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.mn_textarea {
/*display: none;*/
width: 100%;
height: 280px;
margin-bottom: 5px;
border: solid 1px #b3b3b3;
border-radius: 4px;
position: relative;
float: left;
padding: 10px;
text-align: left;
font-family: 'Tahoma', sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
color: #000000;
}
.mn_textarea:focus {
outline-color: #feba03!important;
}
.mn_textarea:hover {
outline-color: #feba03!important;
}
/*USER MO PAGE*/
.user_ads_holder {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
margin: 0!important;
box-sizing: border-box;
border-top: solid 1px black;
/*background-color: lavenderblush;*/
}
.user_ad_container {
display: block;
position: relative;
float: left;
width: 100%;
height: 70px;
margin: 0;
padding: 0;
box-sizing: border-box;
border-bottom: solid 1px black;
/*background-color: lightcyan;*/
}
.user_ad_left_container {
display: block;
position: relative;
float: left;
width: 25%;
box-sizing: border-box;
/*background-color: lime;*/
}
.user_ad_image_holder {
display: block;
position: relative;
float: left;
margin: 5px;
width: 80px;
height: 60px;
box-sizing: border-box;
background-color: transparent;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}
.user_ad_img {
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
max-width: 80px;
max-height: 60px;
box-sizing: border-box;
}
.user_ad_second_container {
display: block;
position: absolute;
/*float: left;*/
/*width: 75%;*/
width: calc(99% - 85px);
height: 70px;
margin: 0 0 0 85px;
padding: 0!important;
box-sizing: border-box;
/*background-color: aquamarine;*/
/*border: solid 1px seagreen;*/
}
.user_ad_title {
position: relative;
display: inline-block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block;
float: left;
font-size: 16px;
width: 100%;
line-height: 20px;
white-space: nowrap;
padding: 0 0 0 3px;
box-sizing: border-box;
/*background-color: lavender;*/
}
.a_user_ad_title {
cursor: pointer;
color: black;
text-decoration: none;
}
.user_ad_exp {
position: absolute;
bottom: 5px;
right: 0;
width: auto;
font-size: 14px;
font-weight: 300;
color: #555555;
/*background-color: hotpink;*/
}
.user_ad_buttons_container{
display: block;
position: absolute;
right: 0;
top: 22px;
width: auto;
height: auto;
margin: 0;
padding: 0;
box-sizing: border-box;
/*background-color: #b3b3ff;*/
}
.user_ad_adtion_lholder{
display: inline;
position: relative;
float: left;
margin: 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
.a_user_ad_action_link{
cursor: pointer;
color: black;
text-decoration: none;
font-size: 14px;
padding: 2px 5px;
background-color: #f2f2f2;
border-radius: 4px;
/*background-color: springgreen;*/
}
.a_user_ad_action_link:hover {
color: blue;
}
.user_ad_dlt_btn {
cursor: pointer;
font-size: 14px;
padding: 0;
margin: -10px 0 0 5px!important;
color: #ef0e0e;
border: none !important;
/*border-radius: 2px;*/
background-color: white;
}.user_ad_dlt_btn:hover {
text-decoration: underline;
}
.user_ad_third_container {
display: block;
position: absolute;
left: 0;
bottom: 10px;
width: auto;
height: auto;
margin: 0;
padding: 0 5px;
box-sizing: border-box;
background-color: whitesmoke;
}
.user_ad_price_container {
/*background-color: rosybrown;*/
}
.user_ad_price_span {
position: relative;
display: block;
float: left;
color: #f00000;
font-size: 14px;
font-weight: bold;
/*background-color: azure;*/
}
/*USER GROUPED AD*/
.user_gr_ad_sc_span {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
margin: 0 5px 10px 5px;
color: #00fffe;
font-size: 13px;
font-weight: bold;
}
.user_gr_ad_onebigpro {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
height: auto;
border-bottom: solid 1px #9E9E9E;
margin: 5px 1px 1px 1px;
}
.user_gr_ad_one_holder {
position: relative;
float: left;
width: 100px;
height: 200px;
margin: 5px 0 0 1px;
border: solid 2px #ffffff;
background-color: #ffffff;
}
.user_gr_ad_one_holder:hover {
border: solid 2px #cc0000;
background-color: #F5F5F1
}
.user_gr_img_holder_noimg {
position: relative;
float: left;
height: 80px;
width: 80px;
margin: 9px 9px 9px 9px;
border: solid 1px #33333f;
background-color: white;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}
.user_gr_img_holder {
position: relative;
float: left;
height: 80px;
width: 80px;
margin: 9px 9px 9px 9px;
border: solid 1px #33333f;
background-color: white;
}
.user_gr_img {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-height: 80px;
max-width: 80px;
}
.user_gr_title,
a.a_user_gr_title {
cursor: pointer;
position: relative;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
float: left;
line-height: 15px;
height: 60px;
padding: 0 2px;
margin-bottom: 2px;
font-size: 11px;
}
.user_gr_title:hover,
a.a_user_gr_title:hover {
text-decoration: underline;
color: #cc0000;
}
.user_gr_price_container {
position: relative;
display: block;
float: left;
font-size: 10px;
color: #cc0000;
font-weight: bold;
line-height: 10px;
margin: 2px 0;
padding: 0 0 0 9px;
}
.user_gr_price_span {
font-size: 13px!important;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 85px!important;
}
.user_gr_buttons_container {
position: relative;
display: block;
float: left;
width: 100%;
margin: 0;
padding: 2px;
}
.user_gr_action_holder {
position: relative;
display: block;
float: left;
width: 100%;
margin: 0 0 5px 0;
padding: 0;
}
.a_user_gr_action_link {
position: relative;
display: block;
font-size: 12px;
}
.a_user_gr_action_link:hover {
color: blue;
text-decoration: underline;
}
.user_gr_dlt_btn {
border: none;
background-color: transparent;
font-size: 14px;
padding: 0;
}
.user_gr_dlt_btn:hover {
color: red;
text-decoration: underline;
}
/*USER ADS LIST*/
.user_ads_list_holder {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
margin: 10px 0;
}
.user_ads_list_title{
display: block;
list-style-type: decimal;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 20px;
}
.user_ad_list_link {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.user_ad_list_link:hover {
color: #e00000;
text-decoration: underline;
}
/*end of user ads list*/
.page_mask, .page_mask1 {
background: rgba(0, 0, 0, 0.7);
position: fixed!important;
overflow: hidden;
top: -100px;
right: -100px;
bottom: -100px;
left: -100px;
z-index: 7!important;
}
.alert_box {
position: fixed;
top: 20%;
left: 15%;
right: 15%;
width: 70%;
height: auto;
background-color: #ffffff;
border-radius: 10px;
padding: 20px;
text-align: center;
}
.warning {
font-size: 15px;
color: #000000;
}
.yes_btn {
cursor: pointer;
height: 60px;
width: 80px;
float: right;
margin: 10px 40px 10px 0px;
border: solid 1px #000000;
border-radius: 4px;
background-color: #ffffff;
color: #000000;
font-weight: bold;
box-sizing: border-box;
}
.yes_btn:hover {
cursor: pointer;
border: solid 1px #000000;
background-color: #000000;
color: #ffffff;
}
.no_btn {
height: 60px;
width: 80px;
float: left;
margin: 10px 0 10px 40px;
border: solid 1px #cc0000;
border-radius: 4px;
background-color: #cc0000;
color: #ffffff;
padding: 5px;
box-sizing: border-box;
}
.no_btn:hover {
background-color: #E06666;
border: solid 1px #E06666;
}
a.non {
font-size: 15px;
color: #ffffff;
}
a.non:hover {
color: #ffffff;
text-decoration: none;
}
/* USER PO PAGE*/
.msg_top_title {
display: block;
position: relative;
float: left;
font-weight: bold;
color: #555c66;
width: 100%;
height: 30px;
padding: 10px 0;
margin: 0;
text-align: center;
box-sizing: border-box;
/*background-color: magenta;*/
}
.msg_check_all_holder {
display: block;
position: relative;
float: left;
clear: both;
width: auto;
height: 40px;
margin: 0;
padding: 10px 0 10px 7px;
box-sizing: border-box;
}
.msg_span_del_all {
cursor: pointer;
margin: 0 0 0 15px;
color: #6b6bff;
font-size: 13px;
}
.msg_span_del_all:hover {
text-decoration: underline;
color: #aeaefc;
}
.msg_list_holder {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
box-sizing: border-box;
/*background-color: wheat;*/
}
.msg_link {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
height: auto;
border-top: solid 1px #666666;
}
.msg_empty_span {
display: none;
}
.msg_holder {
display: block;
position: relative;
width: 100%;
height: 50px;
margin: 0;
padding: 0;
box-sizing: border-box;
/*border-bottom: solid 1px red;*/
/*background-color: honeydew;*/
}
.msg_check_holder {
display: block;
position: absolute;
top: 0;
right: 10px;
width: 30px;
height: 50px;
margin: 0;
padding: 15px 0 15px 7px;
box-sizing: border-box;
z-index: 2;
/*border-bottom: solid 1px #555555;*/
/*background-color: yellow;*/
}
.msg_user_holder {
display: block;
position: relative;
float: left;
clear: both;
width: 100%;
height: 50px;
margin: 0;
padding: 10px;
box-sizing: border-box;
/*border-bottom: solid 1px #555555;*/
/*background-color: greenyellow;*/
}
.msg_ad_holder {
display: block;
position: relative;
float: left;
clear: both;
width: 100%;
height: 50px;
margin: 0;
padding: 10px;
box-sizing: border-box;
/*border-bottom: solid 1px #555555;*/
/*background-color: lightgreen;*/
}
.msg_txt_holder {
display: block;
position: relative;
float: left;
clear: both;
width: 100%;
height: 50px;
margin: 0;
padding: 10px;
text-overflow: ellipsis;
box-sizing: border-box;
/*border-bottom: solid 1px #555555;*/
/*background-color: #90E4C1;*/
}
.msg_time_holder {
display: block;
position: relative;
float: right;
width: 67px;
height: 50px;
margin: 0;
padding: 15px 0 0 5px;
font-size: 11px;
box-sizing: border-box;
/*border-bottom: solid 1px #555555;*/
/*background-color: deepskyblue;*/
}
.msg_no_messages {
position: relative;
display: block;
width: 80%;
margin: 10%;
line-height: 40px;
font-weight: bold;
font-size: 25px;
color: #999999;
}
/* USER RA PAGE */
.tread_msg_not_holder{}
.tread_msg_not_name {}
.tread_msg_not_mail {}
.tread_msg_not_phone {}
.tread_holder {
display: block;
position: relative;
float: left;
width: 100%;
max-height: 100vh;
overflow-y: auto;
margin: 0;
padding: 10px;
box-sizing: border-box;
border-radius: 4px;
/*background-color: #feba03;*/
}
.tread_ad_title {
display: block;
position: relative;
float: left;
margin: 0 0 15px 0;
font-size: 15px;
color: #555555;
width: 100%;
padding: 10px;
box-sizing: border-box;
border: solid 1px #f0f0f0;
border-radius: 4px;
/*background-color: #feba03;*/
}
.tread_msg_i_sent {
display: block;
position: relative;
float: right;
clear: both;
width: 70%;
height: auto;
margin: 10px 0;
padding: 10px;
border: solid 1px #f0f0f0;
border-radius: 4px;
box-sizing: border-box;
background-color: white;
}
.tread_msg_you_sent {
display: block;
position: relative;
float: left;
clear: both;
width: 70%;
height: auto;
margin: 10px 0;
padding: 10px;
border: solid 1px #f0f0f0;
border-radius: 4px;
box-sizing: border-box;
background-color: whitesmoke;
}
.tread_from {
display: block;
position: relative;
float: left;
width: 70%;
padding: 5px;
box-sizing: border-box;
border-bottom: solid 1px #cbcbcb;
}
.tread_msg_time {
display: block;
position: relative;
float: right;
text-align: right;
width: 30%;
padding: 5px;
box-sizing: border-box;
border-bottom: solid 1px #cbcbcb;
}
.tread_msg_txt {
display: block;
position: relative;
float: left;
clear: both;
width: 100%;
padding: 5px;
box-sizing: border-box;
}
.tread_new_msg_holder {
display: block;
position: relative;
float: right;
width: 100%;
height: auto;
margin: 15px 0!important;
padding: 0 15px;
box-sizing: border-box;
border: solid 1px #EEEEEE;
/*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
border-radius: 4px;
overflow-y: scroll!important;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.tread_new_msg_holder::-webkit-scrollbar {
display: none;
}
.tread_form_textarea {
display: block;
position: relative;
float: right;
width: 70%;
height: 150px;
margin-bottom: 5px;
border: solid 1px #b3b3b3;
border-radius: 4px;
padding: 10px;
text-align: left;
font-family: 'Tahoma', sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
color: #000000;
}
.tread_form_textarea:focus {
outline-color: #feba03!important;
}
.tread_form_textarea:hover {
outline-color: #feba03!important;
}
.tread_label {
width: 70%;
float: right;
text-align: left;
}
.boldtxt {
font-weight: bold!important;
}
/*NEW AD PAGE*/
.na_central_holder {
/*display: flex;*/
display: block;
align-content: center;
position: relative;
float: left;
overflow: hidden;
margin: 10px 0;
padding: 0!important;
width: 100%!important;
height: auto;
/*background-color: #f1fa8c;*/
}
#fieldset_2,
#fieldset_3,
#fieldset_4 {
display: none;
}
.na_fieldset {
position: relative;
display: block;
height: auto;
width: 100%!important;
float: left;
padding: 20px;
margin: 20px 0;
border: solid 1px #f0f0f0;
border-radius: 4px;
}
.na_pr_next_holder {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
margin: 20px 0;
/*background-color: hotpink;*/
}
.na_next {
position: relative;
display: inline-block;
margin: 0;
padding: 10px 5px;
width: 130px;
height: 40px;
border: solid 1px rgb(8, 38, 66, 0.7);
background: rgb(30,144,255);
background: linear-gradient(0deg, rgba(30,144,255,1) 1%, rgba(208,231,255,1) 80%);
text-align: center;
color: #000000;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.na_next:hover {
border: solid 1px #cc6600;
text-decoration: underline;
color: #331100;
}
.na_prev {
position: relative;
display: inline-block;
margin: 0 25px 0 0;
padding: 10px 5px;
width: 130px;
height: 40px;
border: solid 1px rgb(8, 38, 66, 0.7);
background: rgb(30,144,255);
background: linear-gradient(0deg, rgba(30,144,255,1) 1%, rgba(208,231,255,1) 80%);
text-align: center;
color: #000000;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.na_prev:hover {
border: solid 1px #cc6600;
text-decoration: underline;
color: #331100;
}
.na_box {
display: block;
position: relative;
float: left;
margin: auto;
width: 95%;
/*background-color: hotpink;*/
}
.na_form_holder {
display: block;
position: relative;
float: left;
clear: both;
margin: 0;
width: 100%;
/*background-color: #f0b3b3;*/
}
.na_form_title {
position: relative;
display: inline-block;
float: left;
color: black;
font-size: 18px!important;
}
.na_sug {
position: relative;
display: inline-block;
height: auto;
width: auto;
text-align: center;
padding: 6px;
margin: 0 0 0 10px;
border: solid 1px rgb(204, 102, 0, 0.6);
background: rgb(255,204,0);
background: linear-gradient(0deg, rgba(255,204,0,1) 1%, rgba(255,240,179,1) 80%);
color: #000000;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.na_sug:hover {
border: solid 1px #cc6600;
text-decoration: underline;
color: #331100;
}
.suggested {
cursor: pointer;
}
.na_coose_cat_holder {
position: relative;
display: block;
float: left;
height: auto;
width: 100%;
/*background-color: yellow;*/
}
.na_text_holder {
position: relative!important;
display: block!important;
float: left;
clear: both;
width: 100%;
margin: 0 0 20px 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
.na_form_price_field {
display: block;
position: relative;
float: left;
clear: both;
width: 150px;
height: 40px;
font-size: 18px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.na_form_price_field:focus {
outline-color: #feba03;
}
.na_form_price_field:hover {
border: solid 1px #feba03;
border-radius: 2px;
}
.na_radio_holder {
display: inline-block;
position: relative;
float: left;
width: auto;
height: auto;
padding: 10px 0 0 0;
box-sizing: border-box;
}
.na_nopr_holder {
display: block;
position: relative;
float: left;
width: 100%;
margin: 20px 0 0 0;
}
.na_noprice {
display: block;
position: relative;
float: left;
font-size: 16px;
width: 100%;
margin: 10px 0;
}
.na_select {
display: block;
position: relative;
float: left;
clear: both;
width: 300px;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0;
font-size: 14px;
border: solid 1px #cbcbcb;
border-radius: 2px;
background-color: white!important;
}
.na_select:focus {
outline-color: #feba03;
}
/*.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
width: 90%;
height: 280px;
margin-bottom: 5px;
border: solid 1px #b3b3b3;
border-radius: 4px;
position: relative;
float: left;
padding: 10px;
text-align: left;
font-family: 'Tahoma', sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
color: #000000;
background-color: fuchsia;
}
table.mceLayout, textarea.tinyMCE {
width: 100% !important;
}*/
.new_ad_textarea {
/*display: none;*/
width: 100%;
height: 280px;
margin-bottom: 5px;
border: solid 1px #b3b3b3;
border-radius: 4px;
position: relative;
float: left;
padding: 10px;
text-align: left;
font-family: 'Tahoma', sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
color: #000000;
}
.new_ad_textarea:focus {
outline-color: #feba03!important;
}
.new_ad_textarea:hover {
outline-color: #feba03!important;
}
div.mce-edit-area{
background:#FFF;
filter:none;
padding:10px!important;
}
.line_select_small {
position: relative;
display: inline-block;
float: left;
width: auto;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0 0 0 10px;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.line_select_small:focus {
outline-color: #feba03;
}
.line_select_small:hover {
border: solid 1px #feba03;
border-radius: 2px;
}
/*NEW AD IMAGE UPLAD PAGE*/
.nai_central_holder {
display: block;
align-content: center;
position: relative;
float: left;
overflow: hidden;
margin: 10px 0;
padding: 0!important;
width: 100%;
height: auto;
/*background-color: #f1fa8c;*/
}
.nai_prev_progress_holder {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
/*background-color: yellow;*/
}
.nai_fieldset {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
margin: 0;
border: none!important;
/*background-color: yellow;*/
}
.a_nai_upl_title {
position: relative;
display: block;
float: left;
clear: both;
margin:20px 0!important;
padding: 10px 25px;
width: 100%;
height: 50px;
text-align: center;
border: solid 1px rgb(8, 38, 66, 0.7);
background: rgb(30,144,255);
background: linear-gradient(0deg, rgba(30,144,255,1) 1%, rgba(208,231,255,1) 80%);
text-align: center;
color: #000000;
font-size: 18px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.a_nai_upl_title:hover {
border: solid 1px #cc6600;
text-decoration: underline;
color: #331100;
}
/*multi image upload*/
.preview-images-zone {
width: 100%;
border: 1px solid #ddd;
min-height: 180px;
/* display: flex; */
padding: 5px 5px 0px 5px;
position: relative;
overflow:auto;
}
.preview-images-zone > .preview-image:first-child {
height: 185px;
width: 100%;
position: relative;
}
.preview-images-zone > .preview-image {
height: 90px;
width: 90px;
position: relative;
margin-right: 5px;
float: left;
margin-bottom: 5px;
}
.preview-images-zone > .preview-image > .image-zone {
width: 100%;
height: 100%;
}
.preview-images-zone > .preview-image > .image-zone > img {
width: 100%;
height: 100%;
}
.preview-images-zone > .preview-image > .tools-edit-image {
position: absolute;
z-index: 100;
color: #fff;
bottom: 0;
width: 100%;
text-align: center;
margin-bottom: 10px;
display: none;
}
.preview-images-zone > .preview-image > .image-cancel {
font-size: 18px;
position: absolute;
top: 0;
right: 0;
font-weight: bold;
margin-right: 10px;
cursor: pointer;
display: none;
z-index: 100;
}
.preview-image:hover > .image-zone {
cursor: move;
opacity: .5;
}
.preview-image:hover > .tools-edit-image,
.preview-image:hover > .image-cancel {
display: block;
}
.ui-sortable-helper {
width: 90px !important;
height: 90px !important;
}
.container {
padding-top: 50px;
}
.line_loader_container {
display: none;
position: absolute;
width: 100%;
height: 100%;
background-color: rgb(111,111,111,0.6);
z-index: 100!important;
}
.loader_text {
color: white;
font-weight: bold;
font-size: 22px;
background-color: #e00000;
text-align: center;
}
.loader_line {
/*display: none;*/
width: 80%;
height: 20px;
position: relative;
overflow: hidden;
background-color: #eee;
margin: 150px auto 20px auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.loader_line:before {
content: "";
position: absolute;
left: -50%;
height: 20px;
width: 40%;
background-color: #feba02;
-webkit-animation: lineAnim 1s linear infinite;
-moz-animation: lineAnim 1s linear infinite;
animation: lineAnim 1s linear infinite;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
@keyframes lineAnim {
0% {
left: -40%;
}
50% {
left: 20%;
width: 80%;
}
100% {
left: 100%;
width: 100%;
}
}
/*CHANGE AD PAGE*/
.ch_ad_view_holder { /*central_section*/
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: transparent;
/*background-color: lightyellow;*/
}
.ch_ad_central_holder {
display: block;
align-content: center;
position: relative;
float: left;
overflow: hidden;
margin: 10px;
padding: 0!important;
width: calc(100% - 20px);
height: auto;
/*background-color: #f1fa8c;*/
}
.ch_ad_box {
display: block;
position: relative;
float: left;
margin: auto;
width: 95%;
/*background-color: hotpink;*/
}
.arch_ad_box {
display: block;
position: relative;
float: left;
clear: both;
margin: auto;
width: 95%;
/*background-color: hotpink;*/
}
.arch_ad_title {
display: block;
position: relative;
float: left;
clear: both;
margin: 10px auto;
}
.ch_ad_form_title {
position: relative;
display: inline-block;
float: left;
color: black;
font-size: 18px!important;
}
.ch_ad_sc_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
margin: 0 0 20px 0;
box-sizing: border-box;
/*background-color: magenta;*/
}
.ch_ad_sc_ttile {
line-height: 25px;
}
.ch_ad_sc_span {
font-weight: bold;
}
.ch_ad_sc_name_span {
font-weight: normal;
}
.ch_ad_sc_subtitle {
display: block;
position: relative;
float: left;
margin: 5px 0 0 0;
padding: 5px 0 10px 0;
cursor: pointer;
font-weight: bold;
color: cornflowerblue;
/*background-color: #f0f0f0;*/
}
.ch_ad_sc_subtitle:hover {
text-decoration: underline;
}
.ch_ad_sc_cancel {
display: block;
position: relative;
float: left;
margin: 5px 0 0 0;
padding: 5px 0 10px 0;
cursor: pointer;
font-weight: bold;
color: orangered;
/*background-color: #f0f0f0;*/
}
.ch_ad_sc_cancel:hover {
text-decoration: underline;
}
.ch_ad_sc_inside {
display: none;
position: relative;
float: left;
clear: both;
margin: 10px 0;
padding: 10px;
width: 100%;
min-height: 200px;
border: solid 1px #f0f0f0;
border-radius: 4px;
box-sizing: border-box;
}
/*ON OFF SLIDER*/
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.arch_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.arch_slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .arch_slider {
background-color: #2196F3;
}
input:focus + .arch_slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .arch_slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.arch_slider.round {
border-radius: 34px;
}
.arch_slider.round:before {
border-radius: 50%;
}
/*END OF ON OFF SLIDER*/
.ch_gall_holder {
display: block;
position: relative;
float: left;
clear: both;
width: 100%;
padding: 50px 0 0 0;
margin: 50px 0 0 0;
border-top: solid 1px #aaaaaa;
box-sizing: border-box;
}
.image_select_checkbox {
position: absolute;
width: 160px;
height: 120px;
top: 0;
left: 0;
border: none!important;
background-color: transparent!important;
}
.input_class_checkbox {
position: absolute;
top: 0;
left: 0;
width: 160px;
height: 120px;
border-radius: 4px;
padding: 5px 5px 0 5px;
background-color: transparent;
opacity: 0;
}
.checkbox_cover {
position: absolute;
top: 0;
left: 0;
width: 170px;
height: 130px;
border-radius: 4px;
padding: 5px;
border: solid 1px transparent;
background-color: transparent;
}
.checkbox_cover:hover {
border: solid 1px #26a1da;
background-color: rgb(182,224,243,0.5);
/*background-color: #b8e0f3;*/
}
.checkbox_cover.checked {
background-color: rgb(209, 232, 255, 0.7);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.image_holder {
position: relative;
float: left;
width: 170px;
height: 130px;
margin-right: 15px;
margin-bottom: 20px;
border: solid 1px #b3b3b3;;
border-radius: 4px;
padding: 5px;
background-color: white;
}
.img_gall_preview_div {
position: relative;
float: left;
width: 160px;
height: 120px;
margin: 0;
}
img.img_gall_preview {
position:relative;
display: block;
margin-left:auto;
margin-right:auto;
top:0;
bottom:0;
left:0;
right:0;
max-width: 160px;
max-height: 120px;
}
.select_all {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 20px;
padding: 0;
cursor: pointer;
opacity: 0;
}
.select_all_text {
display: block;
position: relative;
clear: both;
font-size: 18px;
color: #555555;
width: auto;
text-align: left;
height: 20px;
padding: 5px 10px;
cursor: pointer;
}
.select_all_text:hover {
color: #333333;
text-decoration: underline;
}
.x_btn {
position: absolute;
right: 10px;
margin-bottom: 10px;
display: inline-block;
height: 20px;
width: 20px;
padding: 0;
text-align: center;
font-weight: bold;
border: solid 1px #febf00;
background-color: #febf00;
border-radius: 4px;
color: white;
}
.x_btn:hover {
border: solid 1px #ffdf80;
background-color: #ffdf80;
}
.small_save_btn {
height: 30px;
width: 40%;
padding-left: 6px;
padding-right: 6px;
margin: 20px 0;
border: solid 1px #737373;
border-radius: 4px;
background-color: #737373;
color: #ffffff;
font-weight: bold;
cursor: pointer;
}
.save_btn {
height: 50px;
width: 100%;
padding-left: 12px;
padding-right: 12px;
margin: 20px 0;
border: solid 1px #737373;
border-radius: 4px;
background-color: #737373;
color: #ffffff;
font-weight: bold;
cursor: pointer;
}
.save_btn:hover,
.small_save_btn:hover,
.save_btn_cleared:hover,
.save_btn_higher:hover {
background-color: #000000;
border: solid 1px #000000;
}
.save_btn:disabled,
.save_btn[disabled]{
border: 1px solid #f5f5f5;
background-color: #f0f0f0;
color: #cfcfcf;
cursor: default;
}
/*
.ui-sortable-placeholder {
border: 1px dashed black!important;
visibility: visible !important;
background: #eeeeee78 !important;
}
.ui-sortable-placeholder * { visibility: hidden; }
.RearangeBox.dragElemThumbnail{opacity:0.6;}
.RearangeBox {
width: 180px;
height:240px;
padding:10px 5px;
cursor: all-scroll;
float: left;
border: 1px solid #9E9E9E;
font-family: sans-serif;
display: inline-block;
margin: 5px!important;
text-align: center;
color: #673ab7;
background: #ffc107;
!*color: rgb(34, 34, 34);
background: #f3f2f1; *!
}
*/
/*IMAGE LOADER SORTABLE*/
.IMGthumbnail{
max-width:168px;
height:220px;
margin:auto;
background-color: #ececec;
padding:2px;
border:none;
}
.IMGthumbnail img{
max-width:100%;
max-height:100%;
}
.imgThumbContainer{
margin:4px;
border: solid;
display: inline-block;
justify-content: center;
position: relative;
border: 1px solid rgba(0,0,0,0.14);
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}
.imgThumbContainer > .imgName{
text-align:center;
padding: 2px 6px;
margin-top:4px;
font-size:13px;
height: 15px;
overflow: hidden;
}
.imgThumbContainer > .imgRemoveBtn{
position: absolute;
color: #e91e63ba;
right: 2px;
top: 2px;
cursor: pointer;
display: none;
}
.RearangeBox:hover > .imgRemoveBtn{
display: block;
}
/*ALL ADS PAGE*/
.all_ad_view_holder {
display: block;
position: relative;
float: left;
margin-left: auto;
margin-right: auto;
padding: 0;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
/*background-color: lightcyan;*/
}
.a_ad_sc_list_toggler {
cursor: pointer;
position: relative;
display: block;
float: left;
margin: 0 0 20px 20px;
padding: 5px;
font-size: 13px;
color: darkblue;
border: solid 1px darkblue;
border-radius: 10px;
}
.fourth_ad_all_ads_per_sc_list_holder{
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 85%;
/* min-height: 100vh; */
overflow-y: scroll!important;
overflow-x: hidden;
margin: 0;
padding: 0 20px 20px 20px;
box-sizing: border-box;
word-break: keep-all;
background-color: white;
z-index: 10!important;
}
.a_ad_sc_list_close {
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
width: 35px;
height: 35px;
background-color: transparent;
background-image: url("/img/icon/close.png");
background-position: center;
background-repeat: no-repeat;
border-radius: 50%;
}
.a_ad_sc_list_close:hover {
background-image: url("/img/icon/close1.png");
}
.fourth_ad_all_ads_per_pr_title {
position: relative;
display: block;
float: left;
width: auto;
margin: 20px 0 20px 0;
padding: 0;
/*font-weight: bold;*/
font-size: 13px;
color: #002366!important;
/*background-color: #F0F0EE;*/
}
.fourth_ad_all_ads_per_pr_title:hover {
text-decoration: underline;
}
.fourth_ad_all_ads_per_sc_title {
position: relative;
display: block;
margin: 0 0 7px 0;
padding: 0;
font-weight: normal;
font-size: 14px;
color: darkblue;
}
.fourth_ad_all_ads_per_sc_group {
position: relative;
display: block;
/*float: left;*/
clear: both;
margin: 0 0 20px 0!important;
padding: 5px 1px;
line-height: 15px!important;
border-radius: 4px;
background-color: #f0f0f0;
}
.fourth_ad_all_ads_h2 {
margin: 0;
font-weight: normal;
padding: 0;
font-size: unset;
line-height: unset;
}
.fourth_ad_all_ads_a,
.fourth_ad_all_ads_a:visited {
font-size: 12px!important;
font-weight: 400;
line-height: 15px;
color: #000000;
text-overflow: ellipsis!important;
text-decoration: none;
}
.fourth_ad_all_ads_a:hover {
width: auto;
color: #0000cd;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}
.fourth_ad_all_ads_a_active {
font-weight: bold!important;
color: #0000cd!important;
}
.all_ad_left_nav_holder {
position: relative;
display: none;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #8900ff;
}
.all_ad_top_title {
position: relative;
display: block;
float: left;
clear: both;
width: auto;
margin: 0;
padding: 5px 0 15px 15px;
box-sizing: border-box;
}
.all_ad_name {
font-weight: normal;
color: black!important;
font-size: 30px;
margin: 0;
padding: 0;
}
.all_ad_sub {
clear: both;
font-size: 15px;
color: darkblue;
}
.all_ad_right_holder {
display: block;
position: relative;
float: left;
margin: 0;
padding: 0;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
/*background-color: #ffcfb8;*/
}
.all_ad_txt {
display: block;
position: relative;
float: left;
width: 100%;
padding: 15px;
margin: 0 0 15px 0;
text-align: left;
border-top: solid 1px #f0f0f0;
}
.all_ad_web {
cursor: pointer;
display: block;
position: relative;
float: left;
clear: both;
min-width: 100%;
font-size: 15px;
font-weight: bold;
color: #1c6ca1!important;
padding: 0;
margin: 20px 0 0 0;
}
.all_ad_web:hover {
text-decoration: underline;
color: blue!important;
}
/*.a_ad_one_ad_wrapper{
position: relative;
display: block;
float: left;
padding: 10px 0;
margin: 0 10px 0 7px;
width: 100%;
min-height: 90px;
border-bottom: solid 1px #efefef;
!*background-color: lightpink;*!
}*/
/*.a_ad_ad_holder {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 100%;
min-height: 90px;
overflow: hidden;
cursor: pointer;
!*border-radius: 4px;*!
!*background-color: azure;*!
}*/
/*.a_ad_ad_img_holder{
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 120px;
min-height: 90px;
background-color: transparent;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}*/
/*.a_ad_ad_img{
!*object-fit: cover;
width: 110px;
height: 110px;*!
position: absolute;
max-width: 120px;
max-height: 120px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}*/
/*.a_ad_ad_text_holder{
position: relative;
display: inline-block;
float: left;
width: calc(100% - 120px);
min-height: 100px;
padding: 0 15px 5px 10px;
margin: 0;
box-sizing: border-box;
!*background-color: yellow;*!
}*/
/*.a_ad_ad_text_title{
position: relative;
!*display: block;*!
float: left;
clear: both;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
padding: 0;
margin: 0!important;
width: 100%;
max-height: 69px;
line-height: 23px;
font-size: 19px;
font-weight: normal;
color: black;
box-sizing: border-box;
!*background-color: #f0b3b3;*!
}
.a_ad_ad_text_title:hover {
text-decoration: underline;
color: #febf00;
}*/
/*.a_ad_ad_text_txt{
position: relative;
display: block;
float: left;
clear: both;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
font-size: 14px;
line-height: 16px;
max-height: 32px;
margin: 3px 0!important;
color: #777777;
padding: 0;
box-sizing: border-box;
text-overflow: ellipsis;
overflow: hidden;
}
.a_ad_ad_text_txt:hover {
text-decoration: underline;
text-decoration-color: black;
}*/
/*.a_ad_ad_price{
position: relative;
display: block;
float: left;
clear: both;
color: #cc0000;
font-weight: normal;
font-size: 17px;
width: 100%;
line-height: 20px;
margin-top: 4px;
!*background-color: paleturquoise;*!
}
.a_ad_ad_mute{
display: none;
color: #737373;
font-size: 12px;
font-weight: normal;
}
.a_ad_ad_valuta{
font-size: 12px;
font-weight: normal;
}*/
/*.a_ad_ad_loc_holder{
position: relative;
display: block;
float: left;
clear: both;
color: black;
font-size: 13px;
height: 15px;
line-height: 15px;
margin-top: 4px;
padding: 0;
}
.a_ad_ad_loc_span{
position: relative;
display: block;
float: left;
font-size: 12px;
line-height: 18px;
color: #777777;
}*/
/*.all_ad_central_adv_holder {
position: relative;
display: block;
float: left;
margin: 20px 0;
padding: 0!important;
width: 100%;
height: 290px;
background-color: #EEEEEE;
}
.a_ad_ad_city_span{
position: relative;
display: block;
float: left;
margin: 0 0 0 3px;
font-size: 12px;
line-height: 18px;
color: #777777;
}*/
.a_ad_all_ads_holder {
position: relative;
display: block;
/*float: left;*/
margin: auto;
padding: 0;
width: 360px;
border-top: solid 1px #efefef;
box-sizing: border-box;
/*background-color: #feba03;*/
}
.a_ad_one_ad_wrapper{
position: relative;
display: block;
float: left;
padding: 0;
margin: 30px 20px 0 0;
width: 160px;
height: 190px!important;
/*max-width: 33.333%;*/
/*background-color: lightpink;
border: solid 1px #555555;*/
}
.a_ad_ad_holder{
position: relative;
display: block;
float: left;
padding: 0;
margin: 0 10px 10px 0;
width: 160px;
height: 190px!important;
overflow: hidden;
cursor: pointer;
border-radius: 4px;
border: solid 1px #f0f0f0;
/*background-color: azure;*/
}
.a_ad_ad_holder:hover {
/*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
/*box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
}
.a_ad_ad_img_holder{
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 160px;
height: 120px;
background-color: transparent;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}
.a_ad_ad_img{
position: absolute;
max-width: 160px;
max-height: 120px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.a_ad_ad_text_holder{
position: relative;
display: block;
float: left;
width: 160px;
height: 70px;
padding: 5px;
margin: 0;
box-sizing: border-box;
/*background-color: #4287f5;*/
}
.a_ad_ad_text_title{
position: relative;
display: block!important;
float: left;
width: 100%;
max-height: 32px;
line-height: 16px;
font-size: 14px;
/*font-weight: bold;*/
padding: 0;
/*color: #116db4;*/
color: black;
overflow: hidden;
text-overflow: ellipsis;
/*white-space: nowrap;*/
background-color: white;
}
.a_ad_ad_text_title:hover {
text-decoration: underline;
color: #febf00;
}
.a_ad_ad_text_txt{
display: none;
}
.a_ad_ad_price{
position: relative;
display: block;
float: left;
color: #cc0000;
font-size: 15px;
height: 16px;
line-height: 16px;
margin-top: 0;
padding: 0;
font-weight: bold;
/*background-color: #cfffda;*/
}
.a_ad_ad_mute{
color: #737373;
font-size: 12px;
font-weight: normal;
}
.a_ad_ad_valuta{
font-size: 12px;
}
.a_ad_ad_loc_holder{
display: none;
position: absolute;
top: 40px;
left: 5px;
color: black;
margin-top: 4px;
padding: 0;
float: left;
clear: both;
font-size: 13px;
height: 15px;
line-height: 15px;
}
.a_ad_ad_loc_span{
position: relative;
display: block;
float: left;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.a_ad_ad_city_span{
position: relative;
display: block;
float: left;
margin: 0 0 0 3px;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.all_ad_central_adv_holder {
position: relative;
display: block;
float: left;
margin: 30px 0 0 0;
padding: 0!important;
border-radius: 4px;
width: 100%;
height: 290px;
background-color: #EEEEEE;
}
/*INFORMATION PAGES*/
.inf_title {
display: block;
position: relative;
margin: 0 0 25px 25px;
font-weight: bold;
font-size: 22px;
color: #999999;
box-sizing: border-box;
}
/*FOOTER SECTIONS*/
a.back_to_top {
display: none;
width: 30px;
height: 30px;
text-indent: -9999px;
position: fixed;
z-index: 999;
right: 15px;
bottom: 20px;
background: rgba(203, 203, 203, 0.8) url("/img/icon/up-arrow.png") no-repeat center 43%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.footer_holder {
display: block;
position: relative;
float: left;
clear: both;
width: 100%;
min-height: 300px;
box-sizing: border-box;
margin: 0;
padding: 0!important;
border-top: solid 3px #febf00;
background-color: #fafafa;
}
.footer_central_holder {
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
color: black;
font-size: 12px;
padding: 5px;
box-sizing: border-box;
/*background-color: magenta;*/
}
.footer_logo_holder {
display: block;
position: relative;
float: left;
width: 100%;
margin: 25px 0 0 0;
padding: 0 0 0 25px;
box-sizing: border-box;
/*background-color: lime;*/
}
.footer_col_1 {
display: inline-block;
position: relative;
float: left;
margin: 10px 0 0 0;
padding: 0 0 0 25px;
width: 100%;
height: auto;
box-sizing: border-box;
/*background-color: deepskyblue;*/
}
.footer_col_2 {
display: inline-block;
position: relative;
float: left;
margin: 10px 0 0 0;
padding: 0 0 0 25px;
width: 100%;
height: auto;
box-sizing: border-box;
/*background-color: deepskyblue;*/
}
.footer_col_3 {
display: inline-block;
position: relative;
float: left;
margin: 10px 0 25px 0;
padding: 0 0 0 25px;
width: 100%;
height: auto;
box-sizing: border-box;
/*background-color: deepskyblue;*/
}
.footer_link {
display: inline-block;
position: relative;
float: left;
clear: both!important;
margin: 0;
padding: 0;
line-height: 24px;
font-size: 14px;
}
.footer_link:hover {
text-decoration: underline;
font-weight: bold;
color: #febf00;
}
.footer_copy_holder {
display: block;
position: relative;
float: left;
width: 100%;
overflow: hidden!important;
background-color: white;
box-sizing: border-box;
}
.copy {
display: block;
width: auto;
text-align: center;
margin: 15px auto;
color: black;
font-size: 12px;
padding: 5px;
box-sizing: border-box;
/*background-color: #febf00;*/
}
}
/*DESKTOP DESKTOP DESKTOP ////////////////////////////////////////*/
@media only screen and (min-width:801px) {
* {
box-sizing: border-box!important;
/*font-family: 'Roboto', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
a, a:hover, a:visited, a:active {
color: black;
text-decoration: none;
}
img {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
pointer-events: none;
}
html{
box-sizing: border-box!important;
}
input[type=file]::file-selector-button {
height: 30px;
width: auto;
border: solid 1px #737373;
background-color: #737373;
color: #ffffff;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
input[type=file]::file-selector-button:hover {
border: solid 1px #000000;
background-color: #000000;
color: #ffffff;
}
input::placeholder {
color: #cdcdcd;
}
body {
margin: 0!important;
width: 100%;
height: auto;
min-height: 100vh;
/*font-family:Arial, sans-serif;*/
font-size: 15px;
box-sizing: border-box;
/*overflow-x: hidden !important;
overflow-y: scroll !important;*/
}
select {
background-color: white!important;
}
.page {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
margin: 0!important;
padding: 0!important;
/*background-color: aquamarine;*/
}
.color_redish {
color: red!important;
}
.color_darkbluish {
color: darkblue!important;
}
.blue_arrow {
background: url("/img/icon/right-arrow-blue-24.png") 0 2px no-repeat;
background-size: contain;
padding: 0!important;
margin: 0 5px 0 0;
width: 16px;
height: 18px;
position: relative;
display: inline-block;
float: left;
}
/*HEADER*/
header {
margin: 0!important;
padding: 0!important;
}
.header_top {
display: block;
position: relative;
width: 100%;
height: 40px;
border-bottom: solid 1px azure;
background-color: #febf00;
/*background-color: #ebb41e;*/
}
.header_one {
display: none;
position: relative;
width: 100%;
margin: auto;
height: 30px;
border-bottom: solid 1px #f2f2f2;
border-top: solid 1px #f2f2f2;
background-color: #fafafa;
}
.log_reg_holder {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
margin: 0 0 10px 0;
padding: 5px;
text-align: left;
border-radius: 4px;
border: solid 1px #f0f0f0;
background: #ffffff url(/img/icon/user1.png) 10px 15px no-repeat;
background-size: 24px 24px;
}
.a_header_one {
position: relative;
display: block;
margin: auto;
clear: both;
height: auto;
font-weight: bold;
padding: 3px 0 3px 40px;
}
.a_header_one:hover {
text-decoration: underline;
/*border: solid 1px #cc6600;*/
}
.header_one_central_holder {
display: block;
position: relative;
/*width: 100%;*/
margin: auto;
height: 30px;
width: 970px;
}
.header_one_nav_holder {
display: block;
position: absolute;
top: 3px;
left: 10px;
}
.header_one_user_holder {
display: block;
position: absolute;
top: 4px;
right: 10px;
font-size: 13px;
}
.header_mob {
display: none;
}
.header_mob_top_holder {
display: none;
}
.header_two {
display: block;
position: relative;
width: 100%;
height: 70px;
padding: 13px 0;
border-bottom: solid 0.5px #f2f2f2;
background-color: white;
transition: all 0.4s ease;
z-index: 4;
}
.fixed {
position: fixed!important;
top:0;
left:0;
border-bottom: solid 1px #e2e2e2;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
transition: all 0.4s ease;
}
.header_wrapper {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
width: 950px;
height: 40px;
}
.header_logo_holder {
display: block;
position: relative;
float: left;
width: 150px;
height: auto;
padding: 4px 0;
box-sizing: border-box;
transition: all 0.5s ease;
}
.header_mob_back_ad {
display: none;
}
.header_mob_logo_holder {
display: none;
}
.img_header_logo {
width: 150px;
height: 35px;
transition: all 0.5s ease;
}
.img_header_small_logo {
width: 150px;
height: 35px;
transition: all 0.5s ease;
}
.img_mob_header_logo {
display: none;
}
.header_mob_search_holder {
display: none;
}
.header_mob_search_form_div {
display: none;
}
.header_mob_search_box {
display: none;
}
.header_mob_search_form_go {
display: none;
}
.header_mob_user_holder {
display: none;
}
.header_mob_login_holder {
display: none;
}
.header_search_holder {
float: left;
height: 40px;
width: 570px;
margin: 0 0 0 50px;
transition: all 0.5s ease;
}
.header_search_form_div {
position: relative;
height: 38px;
width: 570px;
background-color: white;
border: solid 1px #999999;
border-radius: 4px;
transition: all 0.5s ease;
}
.header_search_box {
position: absolute;
height: 36px;
width: 568px;
background-color: white;
border: solid 1px white;
border-radius: 4px;
outline-color: transparent;
font-family: Tahoma, sans-serif;
font-size: 16px;
padding-left: 10px;
margin: 0;
transition: all 0.5s ease;
}
.header_search_box:focus {
outline-color: #e00000;
}
.header_search_form_go {
position: absolute;
margin: 2px;
height: 32px;
width: 32px;
border: solid 1px #999999;
background: #999999 url(/img/icon/magnifying1.png) 4px 4px no-repeat;
background-size: 20px 20px;
text-indent: -10em;
right: 0;
top: 0;
cursor: pointer;
transition: all 0.5s ease;
}
.header_search_form_go:hover {
border: solid 1px #febf00;
background: #febf00 url(/img/icon/magnifying1.png) 4px 4px no-repeat;
background-size: 20px 20px;
}
.header_mob_a_holder {
display: none;
}
.search_list {
width: auto;
overflow-y: auto;
max-height: 90vh;
background-color: white;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
#choose_cat_manually_title {
cursor: pointer!important;
width: 100%;
position: relative;
display: block;
float: left;
clear: both;
}
#choose_cat_manually_title:hover {
text-decoration: underline;
}
.ul_search_results {
overflow-y: auto;
list-style: none;
margin: 0 auto auto auto;
padding: 15px;
border: solid 1px #f0f0f0;
border-radius: 2px;
}
.li_search_results {
font-size: 13px!important;
line-height: 18px;
height: auto;
margin: 0 0 5px 0;
padding: 0!important;
border-bottom: solid 1px transparent;
/*overflow: hidden!important;
text-overflow: ellipsis!important;*/
}
.li_search_results:hover {
border-bottom: solid 1px #eaeaea;
line-height: 18px;
height: auto;
margin: 0 0 5px 0;
padding: 0!important;
}
.span_search_results {
display: inline-block;
font-size: 13px!important;
/*font-weight: bold;*/
margin-right: 10px;
/*color: #0000cd;*/
color: #e00000;
}
.span_search_cat {
font-size: 13px!important;
}
.li_search_results:hover,
.li_search_results:active {
color: red!important;
font-weight: bold!important;
text-decoration: underline!important;
text-decoration-color: #feba02!important;
}
.a_search_results {
/*display: block;*/
width: 100%!important;
font-size: 13px!important;
}
.a_search_results:hover {
font-weight: bold;
color: #feba02;
}
a.a_header_plus {
cursor: pointer;
position: relative;
display: inline-block;
float: right;
max-width: 250px;
padding: 0 5px!important;
/*margin: 0 0 0 30px;*/
background-color: white;
/*background-color: turquoise;*/
}
.header_plus {
display: inline-block;
position: relative;
float: left;
/*max-width: 200px;*/
height: 35px;
border-radius: 2px;
margin: 2px 0 0 0;
padding: 0;
background: url("/img/icon/plus.png") 9px 10px no-repeat;
background-size: 16px 16px;
background-color: #e00000;
transition: all 0.5s ease;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.header_mob_plus_line {
display: none;
}
.header_plus:hover {
background-color: #ff1515;
}
.header_mob_plus {
display: none;
}
.header_ad_button {
display: block;
padding: 0!important;
margin: 0!important;
}
.header_div_ad_button,
.header_div_ad_button:visited {
display: block;
text-decoration: none;
color: white;
font-size: 13px;
font-weight: bold;
padding: 8px 10px 10px 35px;
transition: all 0.5s ease;
}
.header_div_ad_button:hover {
text-decoration: underline;
}
/*//////////*/
.header_two_scroll {
display: block;
position: relative;
width: 100%;
height: 46px;
padding: 6px 0;
border-bottom: solid 0.5px #f2f2f2;
background-color: white;
transition: all 0.4s ease;
z-index: 3;
}
.header_logo_holder_scroll {
display: block;
position: relative;
float: left;
width: 150px;
height: 35px;
padding: 0!important;
box-sizing: border-box;
transition: all 0.5s ease;
}
.img_header_logo_scroll {
width: 150px;
height: 35px;
/*transition: all 0.4s ease;*/
}
.header_search_holder_scroll {
float: left;
height: 35px;
width: 570px;
margin: 0 0 0 50px;
/*background-color: #f0b3b3;*/
transition: all 0.5s ease;
}
.header_search_form_div_scroll {
position: relative;
height: 33px;
width: 570px;
background-color: white;
border: solid 1px #999999;
border-radius: 4px;
transition: all 0.5s ease;
}
.header_search_box_scroll {
position: absolute;
height: 31px;
width: 568px;
background-color: white;
border: solid 1px white;
border-radius: 4px;
outline-color: transparent;
font-family: Tahoma, sans-serif;
font-size: 16px;
padding-left: 10px;
margin: 0;
transition: all 0.5s ease;
}
.header_search_box_scroll:focus {
outline-color: #e00000;
}
.header_search_form_go_scroll {
position: absolute;
margin: 2px;
height: 27px;
width: 27px;
border: solid 1px #999999;
background: #999999 url(/img/icon/magnifying1.png) 4px 4px no-repeat;
background-size: 20px 20px;
text-indent: -10em;
right: 0;
top: 0;
cursor: pointer;
transition: all 0.5s ease;
}
.header_search_form_go_scroll:hover {
border: solid 1px #febf00;
background: #febf00 url(/img/icon/magnifying1.png) 4px 4px no-repeat;
background-size: 20px 20px;
}
.header_plus_scroll {
display: inline-block;
position: relative;
float: left;
width: auto;
height: 30px;
border-radius: 2px;
padding: 5px 3px 5px 4px;
margin: 1px 0 0 0;
/*background: url("/img/icon/right-arrow-blue-24.png") 20px 6px no-repeat;*/
background: url("/img/icon/plus.png") 20px 6px no-repeat;
background-size: 20px 20px;
background-color: #ff1515;
transition: all 0.5s ease;
}
.header_plus_scroll:hover {
background-color: #fa6464;
}
.header_ad_button_scroll {
display: block;
padding: 0!important;
margin: 0!important;
}
.header_div_ad_button_scroll,
.header_div_ad_button_scroll:visited {
display: block;
text-decoration: none;
color: white;
font-size: 13px;
font-weight: bold;
padding: 0 15px 0 40px;
transition: all 0.5s ease;
}
.header_div_ad_button_scroll:hover {
/*color: black;*/
}
/*////////////*/
/*CENTRAL SECTION ALL PAGES*/
.central_holder { /*between_header_and_footer*/
display: flex;
position: relative;
float: left;
width: 100%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
margin: 0!important;
padding: 0!important;
/*background-color: #f1f1f1;*/
/*background-color: darkmagenta;*/
}
.view_holder { /*central_section*/
position: relative;
display: flex;
margin-left: auto;
margin-right: auto;
width: 970px;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: transparent;
/*background-color: lightyellow;*/
}
/*TOP PATH SORT*/
.top_above_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 854px;
margin: 0 0 5px 0;
padding: 0;
height: 20px;
/*border: solid 1px #f0f0f0;
border-radius: 4px;*/
box-sizing: border-box;
/*background-color: palegreen;*/
}
.ad_top_above_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
margin: 0 0 5px 0;
padding: 0;
/*height: 40px;
border: solid 1px #f0f0f0;
border-radius: 4px;*/
box-sizing: border-box;
/*background-color: palegreen;*/
}
.path_div {
/*display: none;*/
}
.path_mob_div,
.path_ad_mob_div{
display: none;
}
.ad_top_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
margin: 0 0 5px 0;
padding: 0;
/*height: 40px;
border: solid 1px #f0f0f0;
border-radius: 4px;*/
box-sizing: border-box;
/*background-color: palegreen;*/
}
.ad_mob_path_holder {
display: none;
}
.path_chevron {
padding: 0 5px;
font-size: smaller;
}
.top_above_center {
width: 100%;
}
.home_mob_top_divider {
display: none;
}
.home_top_above_line {
position: relative;
display: block;
float: left;
clear: both;
width: auto;
color: #2098d7!important;
font-size: 13px;
margin: 0 0 0 230px;
padding: 0 0 5px 5px;
box-sizing: border-box;
}
.path_holder {
position: relative;
display: block;
float: left;
clear: both;
width: auto;
/*height: 40px;*/
font-size: 12px;
margin: 0!important;
padding: 0 0 5px 5px;
box-sizing: border-box;
/*border: solid 1px #f0f0f0;*/
/*border-radius: 4px;*/
/*background-color: papayawhip;*/
}
.path_link {
color: #2098d7!important;
font-size: inherit;
}
.noselect {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.noselect:focus {
outline: none !important;
}
.drop_holder {
display: block;
position: relative;
float: right;
width: 160px;
height: auto;
padding: 0;
box-sizing: border-box;
z-index: 2;
}
.drop_title {
cursor: pointer;
display: block;
position: relative;
text-align: right;
width: auto;
margin: 0;
padding: 0;
height: 20px;
/*border: solid 1px #f0f0f0;
border-radius: 4px;*/
box-sizing: border-box;
/*background-color: #DD4A68;*/
}
.drop_ul{
display: none;
list-style-type: none;
padding: 10px;
margin: 0;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
/*box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;*/
/*box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;*/
/*box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;*/
/*border: solid 1px #f0f0f0;*/
border-radius: 4px;
box-sizing: border-box;
background-color: white;
}
.drop_li{}
.drop_li:hover{
/* color: #febf00!important;
text-decoration: underline;*/
}
.a_drop {
}
a.a_drop:hover {
color: #febf00!important;
text-decoration: underline!important;
}
/*NOTICES AND MESSAGES*/
.notice_holder {
position: absolute;
width: 500px;
height: auto;
margin: auto;
padding: 20px;
box-sizing: border-box;
border-radius: 15px;
background-color: #fafafa;
top: 0;
left: 0;
right: 0;
z-index: 2;
}
.notice_notice {
position: relative;
float: left;
display: block;
wwidth: 90%;
height: auto;
font-size: 16px;
font-weight: bold;
padding: 15px!important;
text-align: center;
color: black;
background-color: lightcyan;
border-radius: 10px;
}
.notice_success {
position: relative;
float: left;
display: block;
width: 270px;
height: auto;
font-size: 16px!important;
padding: 10px!important;
text-align: center;
color: lightseagreen;
background-color: lightcyan;
border-radius: 10px;
}
.notice_error {
position: relative;
float: left;
display: block;
width: 270px;
height: auto;
padding: 7px 10px 7px 10px;
text-align: left;
color: #ff0066;
background-color: #ffcce0;
border-radius: 10px;
}
/*HOME PAGE*/
.home_view_holder {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
padding: 0 10px;
width: 970px;
height: auto;
min-height: 100vh;
box-sizing: border-box;
z-index: 2!important;
background-color: white;
/*background-color: lightcyan;*/
}
.home_left_holder {
display: block;
position: relative;
float: left;
width: 220px;
margin: 0 10px 10px 0;
padding: 0;
box-sizing: border-box;
/*background-color: #6fa349;*/
}
.home_left_nav_holder {
position: relative;
display: block;
float: left;
clear: both;
overflow: hidden;
padding: 5px;
width: 220px;
border-radius: 4px;
border: solid 1px #f0f0f0;
/*background-color: yellow;*/
}
.home_left_nav_title {
position: relative;
display: block;
overflow: hidden;
margin: 0;
line-height: 40px;
font-size: 16px;
font-style: normal;
color: #e00000;
border-bottom: solid 1px #f0f0f0;
}
.home_mob_k_holder {
display: none;
}
.home_mob_k_line {
display: none;
}
.home_left_nav_list {
position: relative;
display: block;
float: left;
margin: 0;
font-size: 13px;
font-weight: 400;
line-height: 22px;
word-break: break-all;
width: 210px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis!important;
}
.a_home_logo {
display: none;
}
.home_nav_logo_holder {
display: none;
}
.img_home_nav_logo {
display: none;
}
.home_nav_cat_title {
display: none;
}
.a_home_nav,
.a_home_nav:visited {
font-size: 13px;
font-weight: 400;
line-height: 24px;
color: #000000;
text-decoration: none;
}
.a_home_nav:hover {
color: #0000cd;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
.home_nav_back,
.home_nav_border,
.home_nav_arrow_left_holder,
.img_home_nav_arrow_left {
display: none;
}
.home_right_holder {
position: relative;
/*display: none;*/
float: left;
overflow: hidden;
margin: 0;
padding: 0;
width: 720px;
height: auto;
min-height: 100vh;
border-radius: 2px;
box-sizing: border-box;
/*background-color: #ffb86c;*/
/*background-color: #ffcfb8;*/
}
.home_footer_divider,
.home_adv_divider,
.q_adv_footer_divider,
.ad_adv_divider {
display: none;
}
.home_col_holder {
position: relative;
display: block;
float: left;
width: 100%;
padding: 0!important;
margin: 25px 0 5px 0;
border-right: solid 1px #f0f0f0;
box-sizing: border-box;
}
.home_columns {
/*display: block;
position: relative;
float: left;
margin: 0;
padding: 0;
width: auto;
column-count: 2;
column-rule: solid 1px #f0f0f0;*/
display: flex;
align-items: left;
justify-content: left;
flex-direction: row;
flex-wrap: wrap;
flex-flow: row wrap;
align-content: flex-end;
/*background-color: #b3b3ff;*/
}
.home_one_area {
display: inline-block;
position: relative;
float: left;
margin: 0;
padding: 0 20px 20px 0;
width: 33%;
height: auto;
/*-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;*/
box-sizing: border-box;
/*background-color: lightcyan;*/
}
.home_area_title {
display: block;
position: relative;
font-size: 15px;
font-weight: bold;
/*color: #e00000!important;*/
color: #000000!important;
margin: 0 0 3px 0;
border-bottom: solid 1px #CED5DB;
box-sizing: border-box;
}
.home_area_title:hover {
text-decoration: underline;
}
.home_lines_holder {
display: block;
position: relative;
width: 100%;
float: left;
clear: both!important;
margin: 0;
padding: 0;
box-sizing: border-box;
/*background-color: lime;*/
}
.home_area_lines {
display: block;
position: relative;
float: left;
clear: both!important;
width: 100%;
font-size: 13px;
line-height: 18px;
font-weight: 400;
margin: 0;
padding: 2px;
box-sizing: border-box;
/*background-color: bisque;*/
}
.home_area_lines:hover {
text-decoration: underline;
position: absolute;
/*display: block;*/
background-color: white;
width: auto;
min-width: 100%;
padding: 2px;
box-sizing: border-box;
height: auto;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
z-index: 2;
}
.home_area_lines:hover .second_cat_ad_list,
.home_area_lines:hover .second_cat_ad_price_list {
width: fit-content;
height: auto;
min-height: 100%;
z-index: 2!important;
}
.home_area_lines:hover .second_cat_ad_list {
min-width: 100%;
}
.home_dots {
display: block;
position: relative;
float: left;
clear: both;
margin: 0;
}
.home_all_ads_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
width: 100%;
min-height: 50vh;
height: auto;
box-sizing: border-box;
/*background-color: fuchsia;*/
}
.home_one_ad_wrapper {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0 10px 10px 0;
width: 134px;
height: 171px;
/*max-width: 33.333%;*/
/*background-color: lightpink;
border: solid 1px #555555;*/
}
.home_ad_holder {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0 10px 10px 0;
width: 134px;
height: 171px;
overflow: hidden;
cursor: pointer;
border-radius: 4px;
border: solid 1px #f0f0f0;
/*background-color: azure;*/
}
.home_ad_holder:hover {
/*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
/*box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
}
.home_ad_img_holder {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 134px;
height: 101px;
background-color: transparent;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}
img.home_ad_img {
position: absolute;
max-width: 134px;
max-height: 101px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.home_ad_text_holder {
position: relative;
display: block;
float: left;
width: 134px;
height: 70px;
padding: 5px;
margin: 0;
box-sizing: border-box;
/*background-color: #4287f5;*/
}
.home_ad_text_title {
position: relative;
display: block!important;
float: left;
width: 100%;
height: 20px;
line-height: 16px;
font-size: 13px;
font-weight: bold;
padding: 0;
/*color: #116db4;*/
color: black;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-color: white;
}
.home_ad_text_title:hover {
text-decoration: underline;
}
.home_ad_text_txt {
display: none;
}
.home_ad_price {
position: absolute;
display: block;
top: 20px;
left: 5px;
color: #cc0000;
font-size: 15px;
height: 16px;
line-height: 16px;
margin-top: 4px;
padding: 0;
/*background-color: #cfffda;*/
}
.home_ad_mute {
color: #737373;
font-size: 12px;
font-weight: normal;
}
.home_ad_valuta {
font-size: 12px;
}
.home_ad_loc_holder {
position: absolute;
display: block;
top: 40px;
left: 5px;
color: black;
margin-top: 4px;
padding: 0;
float: left;
clear: both;
font-size: 13px;
height: 15px;
line-height: 15px;
}
.home_ad_loc_span {
position: relative;
display: block;
float: left;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.home_ad_city_span {
position: relative;
display: block;
float: left;
margin: 0 0 0 3px;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.home_central_adv_holder {
position: relative;
display: block;
float: left;
margin: 7px 0;
padding: 0!important;
border-radius: 4px;
width: 100%;
height: 220px;
background-color: #EEEEEE;
}
.home_central_mob_adv_holder {
display: none;
}
/*SECOND PAGE*/
.second_view_holder {
position: relative;
display: block;
/*margin-left: auto;
margin-right: auto;*/
padding: 0;
width: 960px;
height: auto;
min-height: 100vh;
box-sizing: border-box;
z-index: 2!important;
background-color: white;
/*background-color: lightcyan;*/
}
.second_left_nav_holder {
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0 10px 10px 0;
padding: 5px;
width: 220px;
min-height: unset;
border-radius: 4px;
border: solid 1px #f0f0f0;
}
.second_nav_arrow_left_holder {
display: block;
position: relative;
float: left;
width: 24px;
height: 24px;
padding: 0;
margin: 0 15px 0 0;
/*background-color: lightblue;*/
}
.second_left_nav_title {
position: relative;
display: block;
margin: 0;
line-height: 40px;
height: 40px;
width: 98%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis!important;
font-size: 16px;
font-weight: normal;
color: #e00000;
border-bottom: solid 1px #f0f0f0;
}
.second_left_nav_list {
/*position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0;
font-size: 13px;
font-weight: 400;
line-height: 22px;
word-break: break-all;*/
position: relative;
display: block;
float: left;
margin: 0;
font-size: 13px;
font-weight: 400;
line-height: 22px;
word-break: break-all;
width: 210px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis!important;
}
.a_second_nav,
.a_second_nav:visited {
font-size: 13px;
font-weight: 400;
line-height: 24px;
color: #000000;
text-overflow: ellipsis!important;
text-decoration: none;
}
.a_second_nav:hover {
width: auto;
color: #0000cd;
font-size: 14px;
font-weight: bold;
text-decoration: underline;
}
.a_second_nav_active {
font-weight: bold!important;
color: #0000cd!important;
}
.second_h2{
margin: 0;
font-weight: normal;
padding: 0;
font-size: unset;
line-height: unset;
}
.second_cat_central_holder {
position: relative;
/*display: none;*/
float: left;
overflow: hidden;
margin: 0;
width: 720px;
height: auto;
background-color: #ffffff;
}
.second_coulumns_holder {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
column-count: 2;
line-height: 25px!important;
}
.a_second_central_cat_list,
.a_second_central_cat_list:visited {
color: #febf00;
text-decoration: underline;
text-decoration-color: #000000;
font-size: 18px;
line-height: 40px!important;
}
.a_second_central_cat_list:hover {
color: #000000;
text-decoration: underline;
text-decoration-color: #000000;
}
.second_cat_line_span {
position: relative;
display: block;
float: left;
width: 100%;
height: 100%;
border-bottom: solid 1px #f0f0f0;
/*background-color: lightgreen;*/
}
.second_cat_line_span:hover {
text-decoration: underline;
}
.second_cat_ad_list {
display: inline-block;
text-align: left;
width: 60%;
height: 100%;
font-size: 13px!important;
overflow: hidden;
white-space: nowrap;
margin: 0!important;
padding: 0!important;
text-overflow: ellipsis!important;
/*background-color: thistle;*/
}
.second_cat_ad_list:hover {
text-decoration: inherit;
text-overflow: unset;
width: 100%;
}
.second_cat_ad_price_list {
display: inline-block;
text-align: right;
width: 40%;
height: 100%;
font-size: 13px;
overflow: hidden;
white-space: nowrap;
margin: 0!important;
padding: 0!important;
text-overflow: ellipsis!important;
/*background-color: yellow;*/
}
.second_cat_ad_price_list:hover {
text-decoration: inherit;
}
/*THIRD PAGE*/
.third_view_holder { /*central_section*/
position: relative;
display: block;
/*margin-left: auto;
margin-right: auto;*/
padding: 0;
width: 880px;
height: auto;
min-height: 100vh;
box-sizing: border-box;
z-index: 2!important;
background-color: white;
/*background-color: lightcyan;*/
}
.third_h1 {
display: block;
}
.third_h2 {
display: block;
padding: 0;
margin: 0 0 15px 0;
font-weight: normal!important;
font-size: 15px;
color: black;
}
.third_a_baner {
padding: 0!important;
margin: 0!important;
}
.third_a_text {
cursor: pointer;
font-weight: bold;
color: #feba02!important;
}
.third_a_text:hover {
text-decoration: underline!important;
text-decoration-color: black!important;
color: #febf00!important;
}
/*.third_article_holder {
position: relative;
display: block;
float: left;
width: 100%;
min-height: 250px;
padding: 10px;
box-sizing: border-box;
!*background-color: plum;*!
}*/
.third_article_holder {
display: -webkit-box;
-webkit-line-clamp: 24; /* broj redova za vidi manje */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: fit-content;
line-height: normal;
padding: 15px 10px 0 10px;
font-size: 14px;
transition: all 0.5s ease;
}
.third_article_holder.expanded {
-webkit-line-clamp: unset; /* uklanja ograničenje */
-webkit-box-orient: unset; /* resetuje orijentaciju */
display: block;
overflow: visible; /* prikaže ceo tekst */
min-height: auto;
}
.toggle_third_article {
position: relative;
display: inline-flex; /* tekst + ikonica u liniji */
align-items: center; /* vertikalno centriraj */
font-size: 14px;
cursor: pointer;
font-weight: bold;
color: blue;
margin-left: 10px; /* leva margina za tekst */
margin-top: 20px;
}
.toggle_third_article::after {
content: "";
display: inline-block;
width: 24px; /* širina ikonice */
height: 24px; /* visina ikonice */
margin-left: 6px; /* razmak od teksta */
background: url("/img/icon/arrow-down-black.png") no-repeat center center;
background-size: contain;
transition: transform 0.3s ease; /* animacija rotacije */
}
.toggle_third_article.expanded::after {
transform: rotate(180deg); /* okreni strelicu nagore */
}
/*SC FV TEXT*/
.dn {
font-size: 15px;
font-weight: bold;
text-align: left;
padding: 20px 0;
}
.dtx {
position: relative;
float: left;
width: 100%;
text-align: left;
/*font-size: 16px;*/
line-height: 1.5;
color: #000;
}
.sdi {
display: block;
position: relative;
width: 100%;
text-align: center;
}
.si img {
display:block;
margin-left:auto;
margin-right:auto;
}
.si_name {
position: absolute;
display:block;
margin-left:30px;
margin-top: -35px;
margin-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
color: #ffffff;
background-color: rgb(0,0,0,0.5);
}
/*STICKY DIVS*/
.left_sticky_1 {
position: relative;
display: block;
clear: both;
float: right;
margin: 30px 0 0 -150px;
width: 300px;
min-height: 600px;
background-color: #EEEEEE;
/*border: solid 3px navy;*/
}
.left_sticky_2 {
position: absolute;
display: block;
width: 100%;
height: 100%;
/*border: solid 3px yellow;*/
}
.left_sticky_3 {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 610px;
/*border: solid 3px red;*/
}
.sticky {
position: -webkit-sticky!important;
position: sticky!important;
top: 50px!important;
}
.right_sticky_1 {
position: absolute;
top: 0;
right: 0;
display: block;
width: 270px;
height: 100%;
background-color: #EEEEEE;
/*border: solid 3px red;*/
}
.right_sticky_2 {
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 0;
height: 610px;
width: 100%;
/*border: solid 3px yellow;*/
}
.right_sticky_home {
position: absolute;
top: 868px;
right: 0;
display: block;
width: 190px;
height: calc(100% - 868px);
background-color: #EEEEEE;
/*border: solid 3px red;*/
}
.right_sticky_home_1 {
position: relative;
display: block;
clear: both;
float: right;
margin: 28px 0 0 -190px;
width: 190px;
min-height: 600px;
background-color: #EEEEEE;
border-radius: 4px;
/*background-color: fuchsia;*/
/*border: solid 3px navy;*/
}
.right_sticky_home_2 {
position: absolute;
display: block;
width: 100%;
height: 100%;
/*border: solid 3px yellow;*/
}
.right_sticky_home_3 {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 610px;
/*border: solid 3px red;*/
}
/*END OF STICKY DIV*/
#filters_mob_form {
display: none!important;
}
.third_left_adv_out{
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
height: 100%!important;
margin:0;
border-radius: 4px;
box-sizing: border-box;
background-color: navy;
}
.third_left_adv_mid {
position: absolute;
top: 10px;
right: 10px;
display: block;
float: left;
width: 350px!important;
height: 100%!important;
margin: 10px 10px 0 -150px;
padding: 10px 0;
border-radius: 4px;
box-sizing: border-box;
background-color: #2276d2;
}
.thrd_left_adv_in {
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 20px 0;
/*background-color: white;*/
height: 700px;
width: 100%;
background-color: powderblue;
/*background-color: #EEEEEE;*/
}
.third_right_adv_out{
position: absolute;
top: 10px;
right: 10px;
display: block;
float: left;
width: 250px!important;
height: 100%;
margin: 10px 0;
padding: 10px 0;
border-radius: 4px;
box-sizing: border-box;
background-color: #fc0345;
}
.third_right_adv_mid {
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 0;
/*background-color: white;*/
height: 700px;
width: 100%;
background-color: #f76516;
}
.thrd_right_adv_in {
/*background-color: #EEEEEE;*/
height: 100%;
background-color: yellow;
}
#results-spinner {
display: none; /* sakriven dok se ne pokrene AJAX */
text-align: center;
margin: 20px 0;
}
.spinner {
margin: 0 auto;
border: 6px solid #f3f3f3;
border-top: 6px solid #3498db;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.third_left_column {
position: relative;
display: inline-block;
float: left;
width: 220px;
min-height: 100vh;
margin: 0;
padding: 0;
box-sizing: border-box;
/*background-color: #b3b3ff;*/
}
.third_left_filter_holder {
display: block;
position: relative;
float: left;
width: 100%;
min-height: 50px;
margin: 0 0 10px 0;
padding: 0;
box-sizing: border-box;
border: solid 1px #f0f0f0;
border-radius: 4px;
background-color: white;
}
.third_mob_back {
display: none;
}
.third_mob_filter_circle,
.third_mob_filters_subcircle,
.third_mob_loc_subcircle {
display: none;
}
.third_mob_filter_title {
display: none;
}
.third_mob_title_span_filter {
display: none;
}
.third_mob_filter_vertical {
display: none;
}
.third_mob_back_span_filter {
display: none;
}
.third_left_filter_title {
display: block;
position: relative;
float: left;
width: 100%;
margin: 0;
padding: 5px;
font-size: 13px;
font-weight: bold;
color: #042940;
box-sizing: border-box;
background-color: #EEEEEE;
}
.third_left_filter_lines_holder {
display: block;
position: relative;
float: left;
width: 100%;
margin: 10px 5px;
padding: 0;
font-size: 13px;
overflow: hidden;
}
.third_filter_fixed_height {
max-height: 360px!important;
}
.third_filter_auto_height {
height: auto!important;
}
.third_left_filter_line {
line-height: 17px;
height: 20px;
width: 85%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis!important;
border-bottom: solid 1px #e3e3e3;
}
.third_filter_checkbox {
bottom: 0;
}
.third_filter_line_span {
font-size: 13px!important;
}
.third_filter_line_span:hover {
text-decoration: underline;
}
.third_filter_num_ads {
position: absolute;
font-size: 12px;
color: #777777;
right: 10px;
}
.third_rem_filters_holder {
display: none;
}
.third_left_filter_toggle {
display: block;
/*position: absolute;*/
cursor: pointer;
bottom: 0;
left: 0;
width: 95%;
height: 40px;
text-align: left;
-webkit-align-content: center;
margin: 0 auto;
padding: 2px;
box-sizing: border-box;
background-color: white;
}
.third_filter_abs {
position: absolute!important;
}
.third_filter_rel {
position: relative!important;
margin: 0;
}
.third_left_span_toggle {
display: block;
position: absolute;
top: 0;
width: 60%;
height: 7px;
margin: 0 20%;
padding: 0!important;
background-color: white;
border-bottom: solid 1px #e3e3e3;
}
.third_left_span_text {
position: absolute;
bottom: 0!important;
left: 9px;
top: 7px;
text-align: left;
height: 20px;
color: #0000cd;
background-color: white;
}
.third_left_span_text:hover{
text-decoration: underline;
}
#filters_show_all{}
#filters_show_less {
display: none;
}
.third_left_nav_holder {
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0 10px 10px 0;
padding: 5px;
width: 220px;
min-height: unset;
border-radius: 4px;
border: solid 1px #f0f0f0;
}
.third_left_nav_title {
position: relative;
display: block;
overflow: hidden;
margin: 0;
line-height: 40px;
font-size: 16px;
font-style: normal;
color: #e00000;
border-bottom: solid 1px #f0f0f0;
}
.third_left_nav_list {
position: relative;
display: block;
float: left;
margin: 0;
font-size: 13px;
font-weight: 400;
line-height: 22px;
word-break: break-all;
width: 210px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis!important;
}
.third_sc_central_holder {
position: relative;
display: inline-block;
float: left;
margin: 0 15px;
padding: 0 !important;
width: 630px;
height: auto;
min-height: 100vh;
border-top: solid 1px #f0f0f0;
box-sizing: border-box;
background-color: #ffffff;
/*background-color: hotpink;*/
}
a.a_third_ad_link {
position: relative;
display: flex;
float: left;
width: auto;
height: auto;
/*background-color: yellow;*/
}
a.a_third_ad_link:hover {
}
.third_one_ad_wrapper {
position: relative;
display: block;
float: left;
width: 615px;
height: auto;
margin: 0 !important;
padding: 7px 5px;
box-sizing: border-box;
border-bottom: solid 1px #efefef;
/*background-color: lightpink;*/
}
.third_one_ad_wrapper_top {
position: relative;
display: block;
float: left;
width: 615px;
height: auto;
margin: 0 0 5px 0;
/*padding: 7px 5px;*/
box-sizing: border-box;
border: solid 2px #fff6c7;
background-color: #fff6c7!important;
}
.third_one_ad_wrapper_super {
position: relative;
display: block;
float: left;
width: 615px;
height: auto;
margin: 0 0 5px 0;
padding: 0!important;
box-sizing: border-box;
border: solid 1px #e0e0e0;
background-color: white;
}
.third_one_ad_wrapper_prem {
position: relative;
display: block;
float: left;
width: 615px;
height: auto;
margin: 0 0 5px 0;
/*padding: 7px 5px;*/
box-sizing: border-box;
border: solid 2px #ebf9ff;
background-color: #ebf9ff!important;
}
.third_ad_holder {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
cursor: pointer;
/*border-radius: 4px;*/
/*background-color: azure;*/
}
.third_ad_holder_top {
position: relative;
display: block;
float: left;
padding: 0;
margin: 7px 5px;
/*width: 100%;*/
width: calc(100% - 5px);
overflow: hidden;
cursor: pointer;
/*border-radius: 4px;*/
background-color: #fff6c7!important;
}
.third_ad_holder_super {
position: relative;
display: block;
float: left;
padding: 0;
margin: 7px 5px;
/*width: 100%;*/
width: calc(100% - 5px);
overflow: hidden;
cursor: pointer;
/*border-radius: 4px;*/
background-color: white;
}
.third_ad_holder_prem {
position: relative;
display: block;
float: left;
padding: 0;
margin: 7px 5px;
/*width: 100%;*/
width: calc(100% - 5px);
overflow: hidden;
cursor: pointer;
/*border-radius: 4px;*/
background-color: #ebf9ff!important;
}
.third_ad_crown {
display: none;
}
.third_ad_crown_top {
display: block;
font-size: 14px;
color: #006621;
position: relative;
margin: 0 0 5px 10px;
}
.third_ad_partner {
position: absolute;
display: block;
min-height: 25px;
font-size: 14px;
color: #006621;
top: 148px;
/*left: 310px;*/
left: 510px;
padding: 0 0 0 24px;
background-image: url("/img/icon/badge.png");
background-position: left;
background-size: 24px 24px;
background-repeat: no-repeat;
}
.third_ad_arch_holder {
position: absolute;
background-color: #3b8d35;
font-size: 12px;
font-weight: bold;
color: white;
z-index: 2!important;
text-align: center;
margin: 7px auto;
padding: 2px;
/*max-width: 100%;*/
box-sizing: border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.third_ad_img_super_holder {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 305px;
min-height: 172px;
border: solid 1px #e7e7e7;
/*border-radius: 4px;*/
background-color: white;
}
.third_ad_img_holder_no_image {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 150px;
min-height: 113px;
border: solid 1px #e7e7e7;
border-radius: 4px;
background-color: transparent;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}
.third_ad_img_holder {
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 120px;
min-height: 113px;
border: solid 1px #e7e7e7;
border-radius: 8px;
background-color: white;
height: 120px; /* isto kao width */
overflow: hidden;
}
img.third_ad_img {
/*position: absolute;
max-width: 144px;
max-height: 108px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;*/
width: 100%;
height: 100%;
object-fit: contain;
}
img.third_ad_img_super {
position: absolute;
max-height: 172px!important;
max-width: 305px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.third_ad_text_holder {
position: relative;
display: inline-block;
float: left;
width: 440px;
min-height: 115px;
padding: 0 15px 5px 10px;
margin: 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
.third_ad_super_text_holder {
position: relative;
display: inline-block;
float: left;
width: 300px;
min-height: 115px;
padding: 0!important;
margin: 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
.third_ad_text_title {
/*text-transform: uppercase;*/
position: relative;
display: inline-block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
float: left;
padding: 0!important;
margin: 0 0 5px 0;
width: 300px;
/*height: 44px;*/
max-height: 39px;
line-height: 20px;
font-size: 16px;
font-weight: 500;
box-sizing: border-box;
cursor: pointer;
color:black;
/*background-color: #f0b3b3;*/
}
.third_ad_text_title:hover {
text-decoration: underline;
}
.third_ad_super_text_title {
/*text-transform: uppercase;*/
position: relative;
display: inline-block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
float: left;
padding: 10px!important;
margin: 0!important;
width: 100%!important;
/*height: 44px;*/
max-height: 70px;
line-height: 20px;
font-size: 16px;
font-weight: bold;
box-sizing: border-box;
cursor: pointer;
color:black;
background-color: #efefef;
}
.third_ad_super_text_title:hover {
text-decoration: underline;
}
.third_ad_text_txt {
position: relative;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
float: left;
padding: 0;
margin: 0;
width: 330px;
max-height: 45px;
line-height: 18px;
font-size: 14px!important;
font-weight: normal;
color: #000000;
box-sizing: border-box;
/*background-color: plum;*/
}
.third_ad_super_text_txt {
position: relative;
display: block;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
float: left;
padding: 10px!important;
margin: 0;
width: 300px;
max-height: 80px;
line-height: 18px;
font-size: 14px!important;
font-weight: normal;
color: #000000;
box-sizing: border-box;
/*background-color: plum;*/
}
.third_ad_text_txt:hover {
text-decoration: underline;
}
.third_ad_super_link {
position: absolute;
display: block;
float: right;
top: 120px;
right: 170px;
color: lightseagreen!important;
/*background-color: peachpuff;*/
}
.third_ad_price {
position: relative;
display: inline-block;
float: right;
text-align: right;
padding: 0!important;
margin: 0!important;
max-width: 120px;
height: auto;
box-sizing: border-box;
color: #cc0000;
font-weight: bold;
font-size: 14px;
/*background-color: fuchsia;*/
}
.third_ad_mute {
display: none;
color: #737373;
font-size: 12px;
font-weight: normal;
}
.third_ad_valuta {
font-weight: bold;
}
.third_ad_sc_holder {
display: block;
position: relative;
float: left;
font-size: 12px;
line-height: 18px;
color: #444444;
/*background-color: goldenrod;*/
}
.third_ad_loc_holder {
position: relative;
display: block;
float: left;
clear: both;
padding: 0!important;
margin: 0!important;
}
.third_ad_loc_span {
position: relative;
display: block;
float: left;
font-size: 12px;
line-height: 18px;
color: #444444;
}
.third_ad_city_span {
position: relative;
display: block;
float: left;
margin: 0 0 0 3px;
font-size: 12px;
line-height: 18px;
color: #eb4034!important;
}
.third_ad_seen {
position: relative;
display: block;
width: 100%;
float: left;
margin: 3px 0;
font-size: 12px;
line-height: 18px;
color: blue;
/*background-color: lavenderblush;*/
}
.third_ad_seen_icon {
position: relative;
display: block;
width: auto;
height: 16px;
padding: 0 5px 0 0;
float: left;
margin: 0!important;
font-size: 12px;
/*background-color: aliceblue;*/
}
/*THIRD PAGINATION*/
.pagdiv {
float: left;
position: relative;
clear: both;
width: 100%;
margin: 0;
text-align: center;
}
ul.pagination {
list-style-type: none;
width: 100%;
margin: auto;
padding: 0;
overflow: hidden;
text-align: center;
}
.pag {
display: inline;
list-style-type: none;
float: left;
color: #71777d;
padding: 7px 15px;
text-align: center;
margin: 0 15px 0 0;
text-align: center;
}
.pag:hover {
color: #111111;
}
.active_pag {
font-weight: normal;
display: inline;
list-style-type: none;
float: left;
color: #111111;
border-bottom: solid 3px #00809d;
padding: 7px 15px;
text-align: center;
margin: 0 15px 0 0;
}
.active_pag:hover {
color: #71777d;
}
.pag_prev {
position: relative;
display: block;
margin: -3px 0 0 0;
height: 30px;
width: 30px;
webkit-transform: rotate(180deg);
transform: rotate(180deg);
background: url("/img/icon/chevron_grey.png");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.pag_prev:hover {
webkit-transform: rotate(180deg);
transform: rotate(180deg);
background: #F5F5F5 url("/img/icon/chevron_dark_grey.png");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.pag_next {
position: relative;
display: block;
margin: -3px 0 0 0;
height: 30px;
width: 30px;
background: url("/img/icon/chevron_grey.png");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.pag_next:hover {
background: #F5F5F5 url("/img/icon/chevron_dark_grey.png");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
/*////////////////////*/
.third_ad_right_column_one {/*****1*****/
position: relative;
display: block;
float: left;
padding: 0!important;
margin: 0!important;
width: 220px;
height: 100px;/*third_ad_div-10*/
box-sizing: border-box;
/*background-color: darkseagreen;*/
}
.third_ad_right_column_two {/*****2*****/
position: relative;
display: block;
float: left;
padding: 0!important;
margin: 0!important;
width: 120px;
height: 100px;/*third_ad_div-10*/
box-sizing: border-box;
/*background-color: yellow;*/
}
.third_ad_right_column_three {/*****3*****/
position: relative;
display: block;
float: right;
padding: 0!important;
margin: 0!important;
width: 110px;
height: 100px;/*third_ad_div-10*/
box-sizing: border-box;
/*background-color: navajowhite;*/
}
/*FOURTH PAGE - ONE AD */
.ad_view_holder {
position: relative;
display: block;
float: right;
margin: 0 0 0 auto;
padding: 10px;
width: 1160px;
height: auto;
min-height: 100vh;
box-sizing: border-box;
/*background-color: turquoise;*/
}
.fourth_ad_left_top_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 230px;
height: auto;
/*background-color: magenta;*/
}
.fourth_ad_left_adv_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 220px;
height: 220px!important;
margin: 0 0 10px 0;
border-radius: 4px;
box-sizing: border-box;
background-color: #EEEEEE;
}
.fourth_ad_sticky_1 {
position: relative;
display: block;
float: right;
width: 340px;
min-height: 800px;
margin: 15px 0 15px 0;
border-radius: 4px;
/*background-color: #EEEEEE;
background-color: darkorchid;*/
}
.fourth_ad_sticky_2 {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.fourth_ad_sticky_3 {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 340px;
/*float: left;
width: 340px;
height: 340px;
margin: 15px 0 15px 0;*/
border-radius: 4px;
background-color: #EEEEEE;
/*background-color: darkorchid;*/
}
.fourth_ad_left_slider_txt_holder {
position: relative;
display: block;
float: left;
width: 520px;
margin: 0;
padding: 0;
box-sizing: border-box;
/*background-color: #cc9ffc;*/
/*background-color: #d7b3fc;*/
/*background-color: #ffb5b6;*/
}
.fourth_left_holder {
position: relative;
display: block;
float: left;
width: 520px;
height: auto;
margin: 0 0 10px 0;
box-sizing: border-box;
/*background-color: hotpink;*/
}
.galerija_img_div {
position: relative;
float: left;
width: 520px;
height: 390px;
margin: 0 0 1px 0;
padding: 0;
box-sizing: border-box;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
/*border: solid 1px lightgrey;*/
}
.slider {
position: relative;
float: left;
width: 520px;
height: 390px;
overflow: hidden;
/*background-color: yellow;*/
}
img.galerija_img {
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
max-width: 520px;
max-height: 390px;
}
ul.images {
list-style-type: none;
position:relative;
max-width: 520px;
max-height: 390px;
padding: 0;
margin: 0;
}
ul.images li {
position:absolute;
top:0;
left:0;
max-width: 590px;
max-height: 390px;
overflow:hidden ;
padding: 0;
}
.triggers_div {
position: relative;
float: left;
text-align: left;
width: 520px;
height: auto;
padding:0;
margin: 15px 0;
overflow: hidden;
/*border-bottom: solid 1px #d9e3f2;*/
}
.triggers_div:before {
content : "";
position: absolute;
left : 0;
right : 0;
bottom : 0;
height : 5px;
width : 300px; /* or 100px */
margin: 0 200px 0 200px;
}
ul.triggers {
list-style-type: none;
position:relative;
float: left;
margin:0 0 0 -40px;
}
ul.triggers li {
float:left;
margin:0;
cursor:pointer;
padding: 0;
border: solid 3px white;
}
ul.triggers li.active {
background-color:white;
border: solid 3px #febf00;
}
.thumb {
position: relative;
height: 66px;
width: 66px;
margin: 1px;
background-color: #f0f0f0;
}
img.thumb_img {
position: absolute;
max-width: 66px;
max-height: 66px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.control {
background-color: rgba(255,255,255,0.9);
border: solid 1px #767676;
color: #94979b;
cursor: pointer;
height: 76px;
overflow: hidden;
padding: 8px 0 0;
position: absolute;
text-align: center;
top: calc(50% - 38px);
width: 28px;
z-index: 1;
opacity: .8;
filter: alpha(opacity=80);
}
.control:hover {
background: white;
border: solid 1px black;
border-radius: 2px;
opacity: 1;
}
/*.prev {
left:-1px;
}
.next {
right:-1px;
}*/
.gallery-svg {
color: red;
position: absolute;
text-align: center;
top: calc(50% - 7px);
}
img.slide-content {
max-width: 100%!important;
max-width: 100%!important;
}
.slick_pro {
display: none;
}
.fourth_ad_slick_holder {
display: none;
}
.fourth_img_mob {
display: none;
}
.fourth_mob {
display: none;
}
.fourth_ad_img_watermark {
display: none;
}
.fourth_ad_mid_holder {
position: relative;
display: inline-block;
float: left;
box-sizing: border-box;
margin: 0 0 0 10px;
padding: 0;
width: auto;
height: auto;
/*background-color: hotpink;*/
}
.fourth_ad_title_holder {
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 25px;
font-weight: 700;
padding-bottom: 20px;
box-sizing: border-box;
/*background-color: darkkhaki;*/
}
.fourth_ad_path_holder {
float: right;
color: blue;
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 14px;
text-align: right;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.fourth_ad_h1 {
display: block;
position: relative;
float: left;
width: 520px;
margin: 0 0 15px 0!important;
font-weight: bold;
font-size: 25px;
color: #333f3f;
text-transform: uppercase;
/*background-color: #24f8ff;*/
}
.fourth_ad_text_holder {
position: relative;
display: block;
/*float: right;*/
clear: both;
width: 520px;
height: auto;
margin: 10px auto!important;
padding: 15px 10px;
font-size: 15px;
border-top: solid 1px lightgrey;
border-bottom: solid 1px lightgrey;
box-sizing: border-box;
/*background-color: yellow;*/
}
.fourth_ad_mob_text_holder {
display: none;
}
.fourth_ad_mob_prev_next_ad_holder {
display: none;
}
.fourth_ad_prev_next_ad_holder {
position: relative;
display: block;
/*float: left;*/
clear: both;
margin: 20px 0!important;
padding: 10px;
height: 50px;
border-radius: 4px;
background-color: #f7f7f7;
}
.fourth_ad_prev_ad_holder {
position: absolute;
top: 10px;
left: 10px;
height: 30px;
padding: 5px 0 0 20px;
background-image: url("/img/icon/blue_prev.png");
background-position: left;
background-repeat: no-repeat;
background-size: 15px 15px;
}
.fourth_ad_next_ad_holder {
position: absolute;
top: 10px;
right: 10px;
height: 30px;
padding: 5px 20px 0 0;
background-image: url("/img/icon/blue_next.png");
background-position: right;
background-repeat: no-repeat;
background-size: 15px 15px;
}
.fourth_ad_prev_next_ad_a {
font-weight: bold;
color: darkblue!important;
}
.fourth_ad_prev_next_ad_a:hover {
text-decoration: underline;
}
.fourth_ad_central_adv_holder {
position: relative;
display: block;
float: left;
clear: both;
margin: 15px 0 15px 0;
width: 520px;
height: 293px;
border-radius: 4px;
background-color: #EEEEEE;
/*background-color: fuchsia;*/
}
.fourth_right_holder {
position: relative;
display: block;
float: left;
width: 340px;
height: auto;
margin: 0 0 0 20px;
padding: 0;
/*background-color: #e8ffb5;*/
}
.fourth_ad_price_holder {
position: relative;
display: block;
/*float: left;*/
height: auto;
width: auto;
margin: 0 50px 5px 0;
box-sizing: border-box;
/*background-color: lightblue;*/
}
.fourth_ad_mob_price_holder {
display: none;
}
.fourth_price_title_span {
position: relative;
display: block;
text-align: right;
/*float: left;*/
font-size: 13px;
color: #666666;
margin: 0;
padding: 0;
/*background-color: #fc7994;*/
}
.fourth_price_mob_title_span {
display: none;
}
.fourth_price_ad_span {
position: relative;
display: block;
text-align: right;
/*float: left;*/
clear: both;
color: red;
line-height: 25px;
font-size: 25px;
font-weight: bold;
margin: 0;
/*background-color: azure;*/
}
.fourth_price_mob_ad_span {
display: none;
}
.fourth_ad_right_inf_holder {
position: relative;
display: block;
float: left;
width: 340px;
height: auto;
margin: 0;
padding: 20px;
background-color: #f7f7f7;
/*background-color: lightgreen;*/
}
.fourth_ad_right_inner_inf_holder {
position: relative;
display: block;
float: left;
clear: both;
max-width: 300px;
min-height: 100%;
margin: 0 auto;
padding: 0;
/*background-color: #da96ff;*/
}
.fourth_ad_arch_holder {
position: relative;
display: inline-block;
/*float: left;*/
background-color: #3b8d35;
color: white;
text-align: center;
font-weight: bold;
/*width: auto;*/
clear: both;
margin: 0 auto 15px auto;
padding: 2px;
box-sizing: border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.fourth_ad_username_holder {
position: relative;
display: block;
/*float: left;*/
height: auto;
width: auto;
font-weight: 400;
color: #33333f;
padding: 0!important;
margin: 0 0 20px 0;
box-sizing: border-box;
/*background-color: lightblue;*/
}
.fourth_mob_ad_username_holder {
display: none;
}
.fourth_ad_all_ads {
cursor: pointer;
position: relative;
display: block;
float: right;
clear: both;
margin: 0;
font-size: 16px!important;
color: darkblue!important;
text-decoration: underline;
}
.fourth_ad_all_ads:hover {
text-decoration: underline;
color: blue!important;
}
.fourth_ad_username_title_span {
position: relative;
display: flex;
width: auto;
/*float: left;*/
font-size: 13px;
color: #000000;
/*background-color: lime;*/
}
.fourth_ad_username_span {
position: relative;
display: block;
clear: both;
/*float: left;*/
width: auto;
color: #000000;
font-family: "Open Sans", Arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin: 0;
/*background-color: magenta;*/
}
.fourth_ad_web_link {
cursor: pointer;
display: block;
position: relative;
float: left;
clear: both;
min-width: 100%;
font-size: 15px;
font-weight: bold;
color: #1c6ca1!important;
padding: 0;
margin: 20px 0 15px 0;
}
.fourth_ad_web_link:hover {
text-decoration: underline;
color: blue!important;
}
.fourth_ad_loc_title_span {
position: relative;
display: block;
width: 100%;
float: left;
font-size: 13px;
color: #000000;
/*background-color: yellow;*/
}
.fourth_ad_mob_loc_holder {
display: none;
}
.fourth_ad_mob_loc_title_span {
display: none;
}
.fourth_ad_mob_sc_title {
display: none;
}
.fourth_phone_holder {
display: block;
position: relative;
/*float: left;*/
clear: both;
width: 300px;
font-size: 19px;
text-align: center;
cursor: pointer;
border: 1px solid #81b8d3;
background: #ccdeec;
color: #333333;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 7px;
box-shadow: inset 0 1px 0 0 #ffffff;
font-weight: 300;
margin: 10px 0 5px 0;
}
.fourth_phone_holder:hover {
cursor: pointer;
text-decoration: underline;
}
.fourth_ad_mob_phone_msg_holder {
display: none;
}
.fourth_mob_phone_holder {
display: none;
}
.phone_back {
display: inline-block;
background: #ffffff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
font-size: 14px;
padding: 5px;
width: 27px;
height: 27px;
background-image: url("/img/icon/phone1.png");
background-position: center;
background-repeat: no-repeat;
background-size: 20px 20px;
}
a.fourth_ad_msg_link {
display: block;
position: relative;
/* float: left; */
width: 300px;
height: auto;
margin: 0 0 20px 0;
font-size: 20px;
color: #666666!important;
text-align: center;
font-weight: bold;
background-color: white;
border: 1px solid #d5d5d5;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 7px;
box-shadow: inset 0 1px 0 0 #ffffff;
}
a.fourth_ad_msg_link:hover {
cursor: pointer;
text-decoration: underline;
background-color: #ccdeec;
}
.fourth_ask_holder {
display: block;
position: relative;
float: left;
width: 300px;
height: auto;
margin: 0 0 20px 0;
font-size: 20px;
color: #666666!important;
text-align: center;
font-weight: bold;
background-color: white;
border: 1px solid #d5d5d5;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
padding: 7px;
box-shadow: inset 0 1px 0 0 #ffffff;
}
.fourth_ask_holder:hover {
cursor: pointer;
text-decoration: underline;
background-color: #ccdeec;
}
.fourth_mob_ask_holder {
display: none;
}
.fourth_ad_location_holder {
position: relative;
display: block;
float: left;
padding: 0!important;
margin: 0 0 20px 0;
width: 100%;
height: auto;
box-sizing: border-box;
/*background-color: salmon;*/
}
.fourth_ad_mob_location_holder {
display: none;
}
.fourth_ad_loc_span {
font-size: 20px;
font-weight: 400;
color: #000000;
}
.fourth_ad_mob_loc_span {
display: none;
}
.fourth_ad_likes_holder {
display: none;
position: relative;
/*float: left;*/
width: auto;
margin: 0 0 0 10px;
padding: 0!important;
box-sizing: border-box;
}
.fourth_ad_like_span {
color: mediumseagreen;
margin: 0 0 0 5px;
}
.fourth_ad_like_span:hover {
color: lightgreen;
cursor: pointer;
text-decoration: underline;
}
.fourth_ad_dislike_span {
margin: 0 0 0 10px;
color: #e10000;
}
.fourth_ad_dislike_span:hover {
color: red;
cursor: pointer;
text-decoration: underline;
}
.fourth_ad_rate_span:hover {
text-decoration: underline;
cursor: pointer;
}
.fourth_ad_date_holder {
position: relative;
display: block;
float: left;
height: auto;
width: 100%;
font-family: OpenSans, "Open Sans", Arial, sans-serif;
font-size: 15px;
font-weight: 400;
color: #33333f;
padding: 10px;
margin: 0!important;
box-sizing: border-box;
}
.fourth_ad_date_span {}
/* FOURTH AD MESSAGE MODAL*/
.message_box_form {
position: absolute;
top: -80px;
bottom: 0;
left:20%;
right: 20%;
width: 60%;
height: 95vh;
background-color: white;
border-radius: 4px;
padding: 10px 10px 0 40px;
text-align: left;
z-index: 10!important;
}
.message_modal_content {
position: relative;
display: block;
width: 100%;
max-height: 90%;
padding: 0 15px;
box-sizing: border-box;
border: solid 1px #EEEEEE;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 4px;
overflow-y: scroll!important;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.message_modal_content::-webkit-scrollbar {
display: none;
}
.message_form_logo {
width: 200px;
height: 46px;
}
.message_label_title {
display: block;
position: relative;
font-size: 14px;
font-weight: bold;
line-height: 18px;
padding: 0 3px;
margin: 10px 0;
background-color: #feba03;
}
.message_label {
position: relative;
display: block;
clear: both;
margin: 0 0 10px 0;
}
.message_form_textarea {
width: 80%;
height: 150px;
margin-bottom: 5px;
border: solid 1px #b3b3b3;
border-radius: 4px;
position: relative;
float: left;
padding: 10px;
text-align: left;
font-family: 'Tahoma', sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
color: #000000;
}
.message_form_textarea:focus {
outline-color: #feba03!important;
}
.message_form_textarea:hover {
outline-color: #feba03!important;
}
/*SEARCH QUERY PAGE - ADS */
.query_title_div {
position: relative;
display: block;
text-align: left;
width: 100%;
height: auto;
font-size: 15px;
color: black;
padding: 3px 10px 20px 240px;
}
.query_span {
font-weight: bold;
color: #555555;
font-size: 14px;
}
/*FANCYBOX*/
/*#mainCarousel {
width: 600px;
margin: 0 auto 1rem auto;
--carousel-button-color: #170724;
--carousel-button-bg: #fff;
--carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
--carousel-button-svg-width: 20px;
--carousel-button-svg-height: 20px;
--carousel-button-svg-stroke-width: 2.5;
}
#mainCarousel .carousel__slide {
width: 100%;
padding: 0;
}
#mainCarousel .carousel__button.is-prev {
left: -1.5rem;
}
#mainCarousel .carousel__button.is-next {
right: -1.5rem;
}
#mainCarousel .carousel__button:focus {
outline: none;
box-shadow: 0 0 0 4px #A78BFA;
}
#thumbCarousel .carousel__slide {
opacity: 0.5;
padding: 0;
margin: 0.25rem;
width: 96px;
height: 64px;
}
#thumbCarousel .carousel__slide img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
#thumbCarousel .carousel__slide.is-nav-selected {
opacity: 1;
}*/
/*LOGIN PAGE*/
.login_central_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 970px;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
/*background-color: azure;*/
}
.login_left_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 50%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
/*background-color: navajowhite;*/
}
.login_box {
position: relative;
display: block;
float: left;
margin: 10px 0;
padding: 15px !important;
width: 400px;
height: auto;
/*min-height: 100vh;*/
border: solid 1px #cdcdcd;
border-radius: 2px;
box-sizing: border-box;
/*background-color: #ffffff;*/
background-color: ghostwhite;
}
.login_title {
display: block;
width: 100%;
margin: 20px 0 20px 0;
font-family: "Arial Regular", "Arial", sans-serif;
font-weight: bold;
font-size: 22px;
text-align: left;
color: #888888;
}
.login_form_holder {
position: relative;
display: block;
width: 100%;
}
.login_subtitle {
color: #ffc001;
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
}
.label {
position: relative;
display: block;
/*float: left;*/
clear: both;
margin: 0 0 3px 0;
}
.big_label {
position: relative;
display: inline-block;
font-size: 15px;
font-weight: bold;
width: auto;
/*float: left;*/
clear: both;
margin: 0 0 3px 0;
}
.line_field_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
height: auto;
-webkit-margin-bottom-collapse: collapse;
padding: 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
#email_holder {
margin: 20px 0 0 0;
}
#password_holder {
margin: 5px 0 0 0;
}
.login_field {
height: 30px;
width: 80%;
margin: 0;
border: solid 1px #CBCBCB;
border-radius: 2px;
padding-left: 10px;
padding-right: 10px;
}
.login_field_error {
height: 30px;
width: 80%;
margin: 0;
border: solid 2px red!important;
border-radius: 3px;
padding-left: 10px;
padding-right: 10px;
}
.field_error {
border: solid 2px red!important;
border-radius: 3px;
}
.field_icon {
float: left;
margin-left: -25px;
margin-top: 7px;
position: absolute;
/* z-index: 1; */
}
.form_error_holder {
position: relative;
float: left;
clear: both;
color: red;
font-family: "Arial Regular", "Arial", sans-serif;
font-size: 13px;
margin: 2px 0 0 0;
padding: 0;
box-sizing: border-box;
}
.border_error {
border: solid 1px orangered!important;
}
.reg_link {
text-decoration: none;
font-size: 16px;
line-height: 22px;
display: block;
cursor: pointer;
text-align: center;
color: #777777;
}
.reg_link:hover {
text-decoration: underline;
color: #003580;
}
.reg_link_span {
font-size: 22px;
font-weight: bold;
color: #cc0000;
}
.filter_search_btn {
height: 30px;
width: 80%;
text-align: center;
margin: 0 10% 10px;
border: solid 1px #737373;
background-color: #737373;
color: #ffffff;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
box-sizing: border-box;
}
.filter_search_btn:hover {
border: solid 1px #000000;
background-color: #000000;
color: #ffffff;
}
/*.login_btn {
height: 30px;
width: 30%;
margin: 20px 35%;
border: solid 1px #737373;
background-color: #737373;
color: #ffffff;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.login_btn:hover {
border: solid 1px #000000;
background-color: #000000;
color: #ffffff;
}*/
.login_btn {
height: 50px;
width: 40%;
margin: 20px 0;
border: solid 1px rgb(204, 102, 0, 0.6);
background: rgb(255,204,0);
background: linear-gradient(0deg, rgba(255,204,0,1) 1%, rgba(255,240,179,1) 80%);
color: #000000;
font-size: 18px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.login_btn:hover {
border: solid 1px #cc6600;
/*background-color: #000000;*/
color: #331100;
}
.login_right_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 50%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
/*background-color: #ffffff;*/
background-color: powderblue;
}
/*FORGOTTEN PASSWORD PAGE*/
.f_pass_central_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 970px;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
}
.f_pass_left_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0 !important;
width: 70%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: #ffffff;
}
.f_pass_box{
position: relative;
display: block;
float: left;
margin: 10px 0;
padding: 15px !important;
width: 400px;
height: auto;
/*min-height: 100vh;*/
border: solid 1px #cdcdcd;
border-radius: 2px;
box-sizing: border-box;
/*background-color: #ffffff;*/
background-color: ghostwhite;
}
.f_pass_expl {
position: relative;
display: block;
float: left;
width: 100%;
margin: 0;
padding: 0;
color: black;
font-size: 15px!important;
box-sizing: border-box;
}
/*USER PAGE*/
.user_view_holder {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
width: 95%;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: transparent;
/*background-color: lightyellow;*/
}
.user_left_nav_holder {
position: relative;
display: inline-block;
float: left;
overflow: hidden;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0!important;
padding: 10px 10px 20px 20px;
width: 250px;
height: auto;
border: solid 1px #f0f0f0;
border-radius: 4px;
background-color: #ffffff;
}
.li_user_nav {
list-style-type: none;
}
ul.user_left_nav_list {
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0;
line-height: 25px;
font-size: 14px;
word-break: break-all;
}
.a_user_nav,
.a_user_nav:visited {
color: #000000;
text-decoration: none;
}
.a_user_nav:hover {
cursor: pointer;
color: #febf00;
text-decoration: underline;
font-weight: 900;
line-height: 22px!important;
}
.user_central_holder {
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0;
padding: 10px;
width: 100%;
height: auto;
/*background-color: #feba03;*/
}
.user_page_title{
margin: 10px 0 10px 10px;
font-size: 16px;
}
/*USER MN PAGE*/
.user_mn_holder {
display: inline-block;
position: relative;
float: left;
width: auto;
height: auto;
box-sizing: border-box;
border: solid 1px #cbcbcb;
border-radius: 2px;
margin: 10px 0 10px 0;
padding: 0;
/*background-color: lavenderblush;*/
}
.mn_form_inside_holder {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
padding: 20px;
box-sizing: border-box;
}
.mn_filter_holder {
/*display: none;*/
position: relative;
float: left;
clear: both;
width: auto;
height: auto;
margin: 0;
/*background-color: yellow;*/
}
.ch_ad_filter_holder {
display: block;
position: relative;
float: left;
clear: both;
width: auto;
height: auto;
margin: 0;
/*background-color: yellow;*/
}
.mn_select_holder {
position: relative;
float: left;
display: block;
margin: 0 0 20px 0;
}
.mn_form_line_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
height: auto;
-webkit-margin-bottom-collapse: collapse;
padding: 0;
margin: 0 0 20px 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
.mn_label {
display: block;
position: relative;
margin: 0 0 5px 0;
font-size: 15px;
}
.mn_form_wide_field {
display: block;
position: relative;
/*float: left;*/
clear: both;
width: 520px;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.mn_what {
display: inline-block;
position: relative;
float: left;
clear: both;
width: 180px;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.mn_what:focus,
.mn_form_wide_field:focus {
outline-color: #feba03;
}
#choose_sug_cat,
#choose_sug_sc {
font-weight: bold;
color: dodgerblue;
}
.mn_form_field {
display: block;
position: relative;
/*float: left;*/
clear: both;
width: 520px;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.mn_form_field:focus {
outline-color: #feba03;
}
.mn_form_field_err {
display: block;
position: relative;
float: left;
clear: both;
width: 220px;
height: 2em;
box-sizing: border-box;
padding: 3px 5px;
margin: 0;
border: solid 2px red;
border-radius: 2px;
}
.mn_form_field_err:focus {
outline-color: #feba03;
}
.mn_form_field:hover {
border: solid 1px #feba03;
border-radius: 2px;
}
.mn_select {
display: block;
position: relative;
float: left;
clear: both;
width: 220px;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0 0 30px 0;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.mn_select:focus {
outline-color: #feba03;
}
.mn_pass_link {
cursor: pointer;
color: #555555;
font-size: 14px;
}
.mn_email {
color: cornflowerblue;
}
.mn_pass_link:hover {
color: #febf00!important;
}
.mn_textarea {
width: 520px;
height: 280px;
margin-bottom: 5px;
border: solid 1px #b3b3b3;
border-radius: 4px;
position: relative;
float: left;
padding: 10px;
text-align: left;
font-family: 'Tahoma', sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
color: #000000;
}
.mn_textarea:focus {
outline-color: #feba03!important;
}
.mn_textarea:hover {
outline-color: #feba03!important;
}
/*USER MO PAGE*/
.user_ads_holder {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
box-sizing: border-box;
border-top: solid 1px black;
/*background-color: lavenderblush;*/
}
.user_ad_container {
display: block;
position: relative;
float: left;
width: 100%;
height: 80px;
margin: 0;
padding: 0;
box-sizing: border-box;
border-bottom: solid 1px black;
/*background-color: lightyellow;*/
}
.user_ad_left_container {
display: block;
position: relative;
float: left;
box-sizing: border-box;
/*background-color: #809fff;*/
}
.user_ad_image_holder {
display: block;
position: relative;
float: left;
margin: 10px 10px 10px 0;
width: 90px;
height: 60px;
box-sizing: border-box;
background-color: transparent;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}
.user_ad_img {
position:absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
max-width: 90px;/*user_ad_image_holder*/
max-height: 60px;/*user_ad_image_holder*/
box-sizing: border-box;
}
.user_ad_second_container {
display: block;
position: relative;
float: left;
width: 450px;
height: 70px;
box-sizing: border-box;
/*background-color: #b3b3ff;*/
}
.user_ad_title {
font-size: 16px;
height: 2em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 10px 10px 10px 0;
box-sizing: border-box;
/*background-color: lightseagreen;*/
}
.a_user_ad_title {
cursor: pointer;
color: black;
text-decoration: none;
}
.user_ad_exp {
position: absolute;
bottom: 0;
left: 0;
width: 180px;
font-size: 12px;
font-weight: 300;
color: #888888;
/*background-color: lime;*/
}
.user_ad_buttons_container{
display: block;
position: absolute;
bottom: 0;
float: left;
width: 300px;
/*height: 50px;*/
margin: 0 0 0 150px;
padding: 0;
box-sizing: border-box;
/*background-color: lightsalmon;*/
}
.user_ad_adtion_lholder{
display: inline;
position: relative;
float: left;
font-size: 13px;
margin: 0 0 0 30px;
box-sizing: border-box;
/*background-color: yellow;*/
}
.a_user_ad_action_link{
cursor: pointer;
color: black;
text-decoration: none;
padding: 3px 10px;
/*background-color: fuchsia;*/
}
.a_user_ad_action_link:hover {
text-decoration: underline;
}
.user_ad_dlt_btn {
cursor: pointer;
border: none!important;
padding: 3px 10px;
margin: -10px 0 0 0!important;
background-color: white;
}.user_ad_dlt_btn:hover {
color: #ef0e0e;
text-decoration: underline;
}
.user_ad_third_container {
display: block;
position: relative;
float: left;
width: 120px;
height: 50px;
margin: 0;
padding: 0;
box-sizing: border-box;
/*background-color: navajowhite;*/
}
.user_ad_price_container {
position: relative;
display: block;
float: left;
text-align: right;
padding: 0 10px 0 0!important;
margin: 0!important;
width: 120px;
height: 40px;
box-sizing: border-box;
/*background-color: rosybrown;*/
}
.user_ad_price_span {
position: relative;
display: block;
float: left;
color: #f00000;
font-size: 14px;
font-weight: bold;
/*background-color: azure;*/
}
/*USER GROUPED AD*/
.user_gr_ad_sc_span {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
margin: 0 0 10px 0;
color: #000000;
background-color: #00ff80;
font-size: 13px;
font-weight: bold;
}
.user_gr_ad_onebigpro {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
height: auto;
border-bottom: solid 1px #000000;
margin: 5px 1px 1px 0;
}
.user_gr_ad_one_holder {
position: relative;
float: left;
width: 100px;
height: 200px;
margin: 5px 0 0 1px;
border: solid 2px #ffffff;
background-color: #ffffff;
}
.user_gr_ad_one_holder:hover {
border: solid 2px #cc0000;
background-color: #F5F5F1
}
.user_gr_img_holder_noimg {
position: relative;
float: left;
height: 80px;
width: 80px;
margin: 9px 9px 9px 9px;
border: solid 1px #33333f;
background-color: white;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}
.user_gr_img_holder {
position: relative;
float: left;
height: 80px;
width: 80px;
margin: 9px 9px 9px 9px;
border: solid 1px #33333f;
background-color: white;
}
.user_gr_img {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-height: 80px;
max-width: 80px;
}
.user_gr_title,
a.a_user_gr_title {
cursor: pointer;
position: relative;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
float: left;
line-height: 15px;
height: 60px;
padding: 0 2px;
margin-bottom: 2px;
font-size: 11px;
}
.user_gr_title:hover,
a.a_user_gr_title:hover {
text-decoration: underline;
color: #cc0000;
}
.user_gr_price_container {
position: relative;
display: block;
float: left;
font-size: 10px;
color: #cc0000;
font-weight: bold;
line-height: 10px;
margin: 2px 0;
padding: 0 0 0 9px;
}
.user_gr_price_span {
font-size: 13px!important;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 85px!important;
}
.user_gr_buttons_container {
position: relative;
display: block;
float: left;
width: 100%;
margin: 0;
padding: 2px;
}
.user_gr_action_holder {
position: relative;
display: block;
float: left;
width: 100%;
margin: 0 0 5px 0;
padding: 0;
}
.a_user_gr_action_link {
position: relative;
display: block;
font-size: 12px;
}
.a_user_gr_action_link:hover {
color: blue;
text-decoration: underline;
}
.user_gr_dlt_btn {
border: none;
background-color: transparent;
font-size: 14px;
padding: 0;
}
.user_gr_dlt_btn:hover {
color: red;
text-decoration: underline;
}
/*USER ADS LIST*/
.user_ads_list_holder {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
margin: 10px 0;
}
.user_ads_list_title{
display: block;
list-style-type: decimal;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 20px;
}
.user_ad_list_link:hover {
color: #e00000;
text-decoration: underline;
}
/*end of user ads list*/
.page_mask, .page_mask1 {
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 7!important;
}
.alert_box {
position: fixed;
top: 20%;
left: 15%;
right: 15%;
width: 70%;
height: auto;
background-color: #ffffff;
border-radius: 10px;
padding: 20px;
text-align: center;
}
.warning {
font-size: 15px;
color: #000000;
}
.yes_btn {
cursor: pointer;
height: 30px;
width: 80px;
float: right;
margin: 10px 40px 10px 0px;
border: solid 1px #000000;
border-radius: 4px;
background-color: #ffffff;
color: #000000;
font-weight: bold;
box-sizing: border-box;
}
.yes_btn:hover {
cursor: pointer;
border: solid 1px #000000;
background-color: #000000;
color: #ffffff;
}
.no_btn {
height: 30px;
width: 80px;
float: left;
margin: 10px 0 10px 40px;
border: solid 1px #cc0000;
border-radius: 4px;
background-color: #cc0000;
color: #ffffff;
padding: 5px;
box-sizing: border-box;
}
.no_btn:hover {
background-color: #E06666;
border: solid 1px #E06666;
}
a.non {
font-size: 15px;
color: #ffffff;
}
a.non:hover {
color: #ffffff;
text-decoration: none;
}
/* USER PO PAGE */
.msg_top_title {
display: block;
position: relative;
float: left;
font-weight: bold;
color: #555c66;
width: 100%;
height: 40px;
padding: 0;
margin: 0;
border-bottom: solid 1px #f0f0f0;
box-sizing: border-box;
/*background-color: magenta;*/
}
.msg_check_all_holder {
display: block;
position: relative;
float: left;
clear: both;
width: auto;
height: 40px;
margin: 0;
padding: 10px 0 10px 7px;
box-sizing: border-box;
}
.msg_span_del_all {
border: none;
background-color: transparent;
cursor: pointer;
margin: 10px 15px;
color: #6b6bff;
font-size: 13px;
}
.msg_span_del_all:hover {
text-decoration: underline;
color: #aeaefc;
}
.msg_list_holder {
display: block;
position: relative;
float: left;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border-bottom: solid 1px #f0f0f0;
box-sizing: border-box;
/*background-color: wheat;*/
}
.msg_link {
}
.msg_empty_span {
position:absolute;
width: 705px;
height:100%;
top:0;
left: 30px;
z-index: 1;
/*background-image: url('empty.gif');*/
/*background-color: lime;*/
}
.msg_holder {
display: block;
position: relative;
width: 735px;
max-width: 100%;
height: 40px;
margin: 0;
padding: 10px 0 10px 7px;
box-sizing: border-box;
border-top: solid 1px #f0f0f0;
/*background-color: honeydew;*/
}
.msg_check_holder {
display: block;
position: relative;
float: left;
width: 30px;
margin: 0;
padding: 0;
box-sizing: border-box;
/*background-color: yellow;*/
}
.msg_user_holder {
display: block;
position: relative;
float: left;
width: 200px;
margin: 0;
padding: 0;
font-size: 13px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
/*background-color: greenyellow;*/
}
.msg_ad_holder {
display: block;
position: relative;
float: left;
width: 200px;
margin: 0;
padding: 0;
font-size: 13px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
/*background-color: lightgreen;*/
}
.msg_txt_holder {
display: block;
position: relative;
float: left;
width: 238px;
height: 15px;
line-height: 15px;
margin: 0;
padding: 0;
font-size: 13px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
/*background-color: #90E4C1;*/
}
.msg_time_holder {
display: block;
position: relative;
float: right;
width: 60px;
margin: 0;
padding: 0;
font-size: 11px;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
/*background-color: deepskyblue;*/
}
.msg_no_messages {
position: relative;
display: block;
width: 80%;
margin: 10%;
line-height: 40px;
font-weight: bold;
font-size: 25px;
color: #999999;
}
/* USER RA PAGE */
.tread_msg_not_holder{
display: block;
position: relative;
float: left;
margin: 0 0 15px 0;
font-size: 15px;
color: #555555;
width: 100%;
padding: 10px;
box-sizing: border-box;
border: solid 1px #f0f0f0;
border-radius: 4px;
/*background-color: #feba03;*/
}
.tread_msg_not_name {
display: block;
border-bottom: solid 1px #feba03;
margin: 0 0 10px 0;
padding: 7px 0;
width: auto;
}
.tread_msg_not_mail {
display: block;
border-bottom: solid 1px #feba03;
margin: 10px 0;
padding: 7px 0;
width: auto;
}
.tread_msg_not_phone {
display: block;
border-bottom: solid 1px #feba03;
margin: 10px 0;
padding: 7px 0;
width: auto;
}
.tread_holder {
display: block;
position: relative;
float: left;
width: 100%;
max-height: 100vh;
overflow-y: auto;
margin: 0;
padding: 10px;
box-sizing: border-box;
border-radius: 4px;
background-color: #feba03;
}
.tread_ad_title {
display: block;
position: relative;
float: left;
margin: 0 0 15px 0;
font-size: 15px;
color: #555555;
width: 100%;
padding: 10px;
box-sizing: border-box;
border: solid 1px #f0f0f0;
border-radius: 4px;
/*background-color: #feba03;*/
}
.tread_msg_i_sent {
display: block;
position: relative;
float: right;
clear: both;
width: 70%;
height: auto;
margin: 10px 0;
padding: 10px;
border: solid 1px #f0f0f0;
border-radius: 4px;
box-sizing: border-box;
background-color: white;
}
.tread_msg_you_sent {
display: block;
position: relative;
float: left;
clear: both;
width: 70%;
height: auto;
margin: 10px 0;
padding: 10px;
border: solid 1px #f0f0f0;
border-radius: 4px;
box-sizing: border-box;
background-color: whitesmoke;
}
.tread_from {
display: block;
position: relative;
float: left;
width: 70%;
padding: 5px;
box-sizing: border-box;
border-bottom: solid 1px #cbcbcb;
}
.tread_msg_time {
display: block;
position: relative;
float: right;
text-align: right;
width: 30%;
padding: 5px;
box-sizing: border-box;
border-bottom: solid 1px #cbcbcb;
}
.tread_msg_txt {
display: block;
position: relative;
float: left;
clear: both;
width: 100%;
padding: 5px;
box-sizing: border-box;
}
.tread_new_msg_holder {
display: block;
position: relative;
float: right;
width: 100%;
height: auto;
margin: 15px 0!important;
padding: 0 15px;
box-sizing: border-box;
border: solid 1px #EEEEEE;
/*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
border-radius: 4px;
overflow-y: scroll!important;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
.tread_new_msg_holder::-webkit-scrollbar {
display: none;
}
.tread_form_textarea {
display: block;
position: relative;
float: right;
width: 70%;
height: 150px;
margin-bottom: 5px;
border: solid 1px #b3b3b3;
border-radius: 4px;
padding: 10px;
text-align: left;
font-family: 'Tahoma', sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
color: #000000;
}
.tread_form_textarea:focus {
outline-color: #feba03!important;
}
.tread_form_textarea:hover {
outline-color: #feba03!important;
}
.tread_label {
width: 70%;
float: right;
text-align: left;
}
.boldtxt {
font-weight: bold!important;
}
/*NEW AD PAGE*/
.na_central_holder {
display: block;
position: relative;
float: left;
overflow: hidden;
margin: 10px 0;
padding: 0 10px 20px 20px;
width: 710px;
height: auto;
/*background-color: #e8ffb5;
background-color: #d6F967;*/
border: solid 1px #f0f0f0;
border-radius: 4px;
background-color: #ffffff;
/*background-color: #f1fa8c;*/
}
#fieldset_2,
#fieldset_3,
#fieldset_4 {
display: none;
}
.na_fieldset {
position: relative;
display: block;
height: auto;
width: 100%;
float: left;
padding: 20px;
margin: 20px 0;
border: solid 1px #f0f0f0;
border-radius: 4px;
}
.na_pr_next_holder {
position: relative;
display: block;
float: left;
width: 80%;
height: auto;
margin: 20px 0;
/*background-color: dodgerblue;*/
}
.na_next {
position: relative;
display: inline-block;
margin: 0;
padding: 10px;
width: 180px;
height: 50px;
border: solid 1px rgb(8, 38, 66, 0.7);
background: rgb(30,144,255);
background: linear-gradient(0deg, rgba(30,144,255,1) 1%, rgba(208,231,255,1) 80%);
text-align: center;
color: #000000;
font-size: 18px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.na_next:hover {
border: solid 1px #cc6600;
text-decoration: underline;
color: #331100;
}
.na_prev {
position: relative;
display: inline-block;
margin: 0 25px 0 0;
padding: 10px;
width: 180px;
height: 50px;
border: solid 1px rgb(8, 38, 66, 0.7);
background: rgb(30,144,255);
background: linear-gradient(0deg, rgba(30,144,255,1) 1%, rgba(208,231,255,1) 80%);
text-align: center;
color: #000000;
font-size: 18px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.na_prev:hover {
border: solid 1px #cc6600;
text-decoration: underline;
color: #331100;
}
.na_form_title {
position: relative;
display: inline-block;
float: left;
width: 100%;
padding: 0 0 20px 0;
font-size: 22px!important;
font-weight: bold;
color: #000000;
border-bottom: solid 1px #f0f0f0;
}
.na_sug {
position: relative;
display: inline-block;
height: auto;
width: auto;
text-align: center;
padding: 9px;
margin: 0 0 0 10px;
float: left;
border: solid 1px rgb(204, 102, 0, 0.6);
background: rgb(255,204,0);
background: linear-gradient(0deg, rgba(255,204,0,1) 1%, rgba(255,240,179,1) 80%);
color: #000000;
font-size: 15px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.na_sug:hover {
border: solid 1px #cc6600;
text-decoration: underline;
color: #331100;
}
.suggested {
cursor: pointer;
}
.na_coose_cat_holder {
position: relative;
display: block;
float: left;
height: auto;
width: 100%;
/*margin: 20px auto auto auto;*/
/*background-color: yellow;*/
}
.na_text_holder {
position: relative!important;
display: block!important;
float: left;
clear: both;
width: 520px!important;
margin: 0 0 20px 0;
box-sizing: border-box;
}
.na_form_price_field {
display: block;
position: relative;
float: left;
clear: both;
width: 150px;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0 0 20px 0;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.na_form_price_field:focus {
outline-color: #feba03;
}
.na_form_price_field:hover {
border: solid 1px #feba03;
border-radius: 2px;
}
.na_radio_holder {
display: inline-block;
position: relative;
float: left;
width: auto;
height: auto;
padding: 10px 0 0 0;
box-sizing: border-box;
}
.na_nopr_holder {
display: block;
position: relative;
float: left;
width: 100%;
margin: 20px 0 0 0;
}
.na_noprice {
display: block;
position: relative;
float: left;
font-size: 16px;
width: 100%;
margin:10px 0;
}
.na_select {
display: block;
position: relative;
float: left;
clear: both;
width: 220px;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.na_select:focus {
outline-color: #feba03;
}
.new_ad_textarea {
width: 520px;
/*height: 300px!important;*/
margin: 0;
border: solid 1px #b3b3b3;
border-radius: 4px;
position: relative;
float: left;
padding: 10px!important;
text-align: left;
font-family: 'Tahoma', sans-serif !important;
font-size: 13px !important;
line-height: 1.6;
}
.new_ad_textarea:focus {
outline-color: #feba03!important;
}
.new_ad_textarea:hover {
outline-color: #feba03!important;
}
div.mce-edit-area{
background:#FFF;
filter:none;
padding:10px!important;
}
.line_select_small {
position: relative;
display: inline-block;
float: left;
width: auto;
height: 40px;
box-sizing: border-box;
padding: 3px 5px;
margin: 0 0 0 10px;
border: solid 1px #cbcbcb;
border-radius: 2px;
}
.line_select_small:focus {
outline-color: #feba03;
}
.line_select_small:hover {
border: solid 1px #feba03;
border-radius: 2px;
}
/*NEW AD IMAGE UPLAD PAGE*/
.nai_central_holder {
display: block;
position: relative;
float: left;
overflow: hidden;
margin: 10px 0;
padding: 0 10px 20px 20px;
width: 710px;
height: auto;
/*background-color: #e8ffb5;
background-color: #d6F967;*/
border: solid 1px #f0f0f0;
border-radius: 4px;
background-color: #ffffff;
/*background-color: #f1fa8c;*/
}
.nai_prev_progress_holder {
position: relative;
display: block;
float: left;
width: 100%;
height: auto;
/*background-color: yellow;*/
}
.nai_fieldset {
border: none!important;
}
.a_nai_upl_title {
position: relative;
display: inline-block;
margin:20px 0!important;
padding: 10px 25px;
width: 40%;
height: 50px;
text-align: center;
border: solid 1px rgb(8, 38, 66, 0.7);
background: rgb(30,144,255);
background: linear-gradient(0deg, rgba(30,144,255,1) 1%, rgba(208,231,255,1) 80%);
text-align: center;
color: #000000;
font-size: 18px;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.a_nai_upl_title:hover {
border: solid 1px #cc6600;
text-decoration: underline;
color: #331100;
}
/*multi image upload*/
.preview-images-zone {
width: 100%;
border: 1px solid #ddd;
min-height: 180px;
/* display: flex; */
padding: 5px 5px 0px 5px;
position: relative;
overflow:auto;
}
.preview-images-zone > .preview-image:first-child {
height: 185px;
width: 185px;
position: relative;
margin-right: 5px;
}
.preview-images-zone > .preview-image {
height: 90px;
width: 90px;
position: relative;
margin-right: 5px;
float: left;
margin-bottom: 5px;
}
.preview-images-zone > .preview-image > .image-zone {
width: 100%;
height: 100%;
}
.preview-images-zone > .preview-image > .image-zone > img {
width: 100%;
height: 100%;
}
.preview-images-zone > .preview-image > .tools-edit-image {
position: absolute;
z-index: 100;
color: #fff;
bottom: 0;
width: 100%;
text-align: center;
margin-bottom: 10px;
display: none;
}
.preview-images-zone > .preview-image > .image-cancel {
font-size: 18px;
position: absolute;
top: 0;
right: 0;
font-weight: bold;
margin-right: 10px;
cursor: pointer;
display: none;
z-index: 100;
}
.preview-image:hover > .image-zone {
cursor: move;
opacity: .5;
}
.preview-image:hover > .tools-edit-image,
.preview-image:hover > .image-cancel {
display: block;
}
.ui-sortable-helper {
width: 90px !important;
height: 90px !important;
}
.container {
padding-top: 50px;
}
.line_loader_container {
display: none;
position: absolute;
width: 100%;
height: 100%;
background-color: rgb(111,111,111,0.6);
z-index: 100!important;
}
.loader_text {
color: white;
font-weight: bold;
font-size: 22px;
text-align: center;
background-color: #e00000;
padding: 15px 0;
}
.loader_line {
/*display: none;*/
width: 500px;
height: 15px;
position: relative;
overflow: hidden;
background-color: #eee;
margin: 50px auto 20px auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.loader_line:before {
content: "";
position: absolute;
left: -50%;
height: 15px;
width: 30%;
background-color: #feba02;
-webkit-animation: lineAnim 1s linear infinite;
-moz-animation: lineAnim 1s linear infinite;
animation: lineAnim 1s linear infinite;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
@keyframes lineAnim {
0% {
left: -40%;
}
50% {
left: 20%;
width: 80%;
}
100% {
left: 100%;
width: 100%;
}
}
/*CHANGE AD PAGE*/
.ch_ad_view_holder {
position: relative;
display: flex;
margin-left: auto;
margin-right: auto;
width: 970px;
height: auto;
min-height: 100vh;
box-sizing: border-box;
background-color: transparent;
/*background-color: lightyellow;*/
}
.ch_ad_central_holder {
display: block;
position: relative;
float: left;
overflow: hidden;
margin: 10px 0;
padding: 0 10px 20px 20px;
width: 710px;
height: auto;
/*background-color: #e8ffb5;
background-color: #d6F967;*/
border: solid 1px #f0f0f0;
border-radius: 4px;
background-color: #ffffff;
/*background-color: #f1fa8c;*/
}
.arch_ad_box {
display: block;
position: relative;
/*float: left;*/
clear: both;
width: 95%;
margin: auto;
}
.arch_ad_title {
display: block;
position: relative;
float: left;
clear: both;
margin: 10px auto;
width: 100%;
}
.ch_ad_form_title {
position: relative;
display: inline-block;
float: left;
width: 100%;
padding: 0 0 20px 0;
font-size: 22px!important;
font-weight: bold;
color: #000000;
border-bottom: solid 1px #f0f0f0;
}
.ch_ad_sc_holder {
position: relative;
display: block;
float: left;
clear: both;
width: 100%;
margin: 0 0 20px 0;
box-sizing: border-box;
/*background-color: magenta;*/
}
.ch_ad_sc_ttile {
line-height: 25px;
}
.ch_ad_sc_span {
font-weight: bold;
}
.ch_ad_sc_name_span {
font-weight: normal;
}
.ch_ad_sc_subtitle {
display: block;
position: relative;
float: left;
margin: 5px 0 0 0;
padding: 5px 0 10px 0;
cursor: pointer;
font-weight: bold;
color: cornflowerblue;
/*background-color: #f0f0f0;*/
}
.ch_ad_sc_subtitle:hover {
text-decoration: underline;
}
.ch_ad_sc_cancel {
display: block;
position: relative;
float: left;
margin: 5px 0 0 0;
padding: 5px 0 10px 0;
cursor: pointer;
font-weight: bold;
color: orangered;
/*background-color: #f0f0f0;*/
}
.ch_ad_sc_cancel:hover {
text-decoration: underline;
}
.ch_ad_sc_inside {
display: none;
position: relative;
float: left;
clear: both;
margin: 10px 0;
padding: 10px;
width: 100%;
min-height: 200px;
border: solid 1px #f0f0f0;
border-radius: 4px;
box-sizing: border-box;
}
/*ON OFF SLIDER*/
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.arch_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.arch_slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .arch_slider {
background-color: #2196F3;
}
input:focus + .arch_slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .arch_slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.arch_slider.round {
border-radius: 34px;
}
.arch_slider.round:before {
border-radius: 50%;
}
/*END OF ON OFF SLIDER*/
.ch_gall_holder {
display: block;
position: relative;
float: left;
width: 100%;
padding: 50px 0 0 0;
margin: 50px 0 0 0;
border-top: solid 1px #aaaaaa;
box-sizing: border-box;
}
.image_select_checkbox {
position: absolute;
width: 160px;
height: 120px;
top: 0;
left: 0;
border: none!important;
background-color: transparent!important;
}
.input_class_checkbox {
position: absolute;
top: 0;
left: 0;
width: 160px;
height: 120px;
border-radius: 4px;
padding: 5px 5px 0 5px;
background-color: transparent;
opacity: 0;
}
.checkbox_cover {
position: absolute;
top: 0;
left: 0;
width: 170px;
height: 130px;
border-radius: 4px;
padding: 5px;
border: solid 1px transparent;
background-color: transparent;
}
.checkbox_cover:hover {
border: solid 1px #26a1da;
background-color: rgb(182,224,243,0.5);
/*background-color: #b8e0f3;*/
}
.checkbox_cover.checked {
background-color: rgb(209, 232, 255, 0.7);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.image_holder {
position: relative;
float: left;
width: 170px;
height: 130px;
margin-right: 15px;
margin-bottom: 20px;
border: solid 1px #b3b3b3;;
border-radius: 4px;
padding: 5px;
background-color: white;
}
.img_gall_preview_div {
position: relative;
float: left;
width: 160px;
height: 120px;
margin: 0;
}
img.img_gall_preview {
position:relative;
display: block;
margin-left:auto;
margin-right:auto;
top:0;
bottom:0;
left:0;
right:0;
max-width: 160px;
max-height: 120px;
}
.select_all {
position: absolute;
top: 0;
left: 0;
width: 90px;
height: 20px;
padding: 0;
cursor: pointer;
opacity: 0;
}
.select_all_text {
display: block;
position: relative;
clear: both;
font-size: 18px;
color: #555555;
width: auto;
text-align: left;
height: 20px;
padding: 5px 10px;
cursor: pointer;
}
.select_all_text:hover {
color: #333333;
text-decoration: underline;
}
.small_save_btn {
height: 30px;
width: auto;
font-size: 12px;
text-align: center;
padding-left: 6px;
padding-right: 6px;
margin: 10px 0 10px 0;
border: solid 1px #737373;
border-radius: 4px;
background-color: #737373;
color: #ffffff;
font-weight: bold;
cursor: pointer;
}
.save_btn {
height: 30px;
width: auto;
padding-left: 12px;
padding-right: 12px;
margin: 10px 0 10px 0;
border: solid 1px #737373;
border-radius: 4px;
background-color: #737373;
color: #ffffff;
font-weight: bold;
cursor: pointer;
}
.save_btn:hover,
.small_save_btn:hover,
.save_btn_cleared:hover,
.save_btn_higher:hover {
background-color: #000000;
border: solid 1px #000000;
}
.save_btn:disabled,
.save_btn[disabled]{
border: 1px solid #f5f5f5;
background-color: #f0f0f0;
color: #cfcfcf;
cursor: default;
}
.x_btn {
position: absolute;
right: 10px;
margin-bottom: 10px;
display: inline-block;
height: 20px;
width: 20px;
padding: 0;
text-align: center;
font-weight: bold;
border: solid 1px #febf00;
background-color: #febf00;
border-radius: 4px;
color: white;
}
.x_btn:hover {
border: solid 1px #ffdf80;
background-color: #ffdf80;
}
.noscroll {
overflow: hidden;
position: fixed;
}
/*
.ui-sortable-placeholder {
border: 1px dashed black!important;
visibility: visible !important;
background: #eeeeee78 !important;
}
.ui-sortable-placeholder * { visibility: hidden; }
.RearangeBox.dragElemThumbnail{opacity:0.6;}
.RearangeBox {
width: 180px;
height:240px;
padding:10px 5px;
cursor: all-scroll;
float: left;
border: 1px solid #9E9E9E;
font-family: sans-serif;
display: inline-block;
margin: 5px!important;
text-align: center;
color: #673ab7;
background: #ffc107;
!*color: rgb(34, 34, 34);
background: #f3f2f1; *!
}
*/
/*IMAGE LOADER SORTABLE*/
.IMGthumbnail{
max-width:168px;
height:220px;
margin:auto;
background-color: #ececec;
padding:2px;
border:none;
}
.IMGthumbnail img{
max-width:100%;
max-height:100%;
}
.imgThumbContainer{
margin:4px;
border: solid;
display: inline-block;
justify-content: center;
position: relative;
border: 1px solid rgba(0,0,0,0.14);
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}
.imgThumbContainer > .imgName{
text-align:center;
padding: 2px 6px;
margin-top:4px;
font-size:13px;
height: 15px;
overflow: hidden;
}
.imgThumbContainer > .imgRemoveBtn{
position: absolute;
color: #e91e63ba;
right: 2px;
top: 2px;
cursor: pointer;
display: none;
}
.RearangeBox:hover > .imgRemoveBtn{
display: block;
}
/*ALL ADS PAGE*/
.all_ad_view_holder {
position: relative;
display: block;
padding: 0 10px;
width: auto;
height: auto;
margin-left: calc((100% - 970px) / 2);
min-height: 100vh;
box-sizing: border-box;
z-index: 2!important;
background-color: white;
/*background-color: lightcyan;*/
}
.a_ad_sc_list_toggler {
display: none;
}
.fourth_ad_all_ads_per_sc_list_holder{
position: relative;
display: block;
float: left;
margin: 15px 0;
padding: 0!important;
/*background-color: #feba03;*/
}
.a_ad_sc_list_close {
display: none;
}
.fourth_ad_all_ads_per_pr_title{
position: relative;
display: block;
margin: 0;
padding: 0;
/*font-weight: bold;*/
font-size: 13px;
color: #002366!important;
}
.fourth_ad_all_ads_per_pr_title:hover {
text-decoration: underline;
}
.fourth_ad_all_ads_per_sc_title {
position: relative;
display: block;
margin: 0 0 7px 0;
padding: 0;
font-weight: normal;
font-size: 14px;
color: darkblue;
}
.fourth_ad_all_ads_per_sc_group {
position: relative;
display: block;
/*float: left;*/
clear: both;
margin: 0 0 20px 0!important;
padding: 5px 1px;
line-height: 15px!important;
border-radius: 4px;
background-color: #f0f0f0;
}
.fourth_ad_all_ads_h2{
margin: 0;
font-weight: normal;
padding: 0;
font-size: unset;
line-height: unset;
}
.fourth_ad_all_ads_a,
.fourth_ad_all_ads_a:visited {
font-size: 12px!important;
font-weight: 400;
line-height: 15px;
color: #000000;
text-overflow: ellipsis!important;
text-decoration: none;
}
.fourth_ad_all_ads_a:hover {
width: auto;
color: #0000cd;
font-size: 13px;
font-weight: bold;
text-decoration: underline;
}
.fourth_ad_all_ads_a_active {
font-weight: bold!important;
color: #0000cd!important;
}
.all_ad_left_nav_holder {
position: relative;
display: block;
float: left;
clear: both;
overflow: hidden;
padding: 5px;
width: 220px;
border-radius: 4px;
border: solid 1px #f0f0f0;
/*background-color: yellow;*/
}
.all_ad_top_title {
position: relative;
display: block;
float: left;
clear: both;
width: auto;
margin: 0 0 0 230px;
padding: 5px 0 10px 10px;
box-sizing: border-box;
}
.all_ad_name {
font-weight: normal;
color: black!important;
font-size: 30px;
margin: 0;
padding: 0;
}
.all_ad_sub {
clear: both;
font-size: 15px;
color: darkblue;
}
.all_ad_right_holder {
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0;
padding: 0;
width: 840px;
height: auto;
min-height: 100vh;
border-radius: 2px;
box-sizing: border-box;
}
.all_ad_txt {
display: block;
position: relative;
float: left;
width: 820px;
font-size: 15px;
padding: 20px 10px;
margin: 0 0 25px 0;
min-height: 100px;
border: solid 1px #f0f0f0;
border-radius: 4px;
}
.all_ad_web {
cursor: pointer;
display: block;
position: relative;
float: left;
clear: both;
min-width: 100%;
font-size: 15px;
font-weight: bold;
color: #1c6ca1!important;
padding: 0;
margin: 20px 0 15px 0;
}
.all_ad_web:hover {
text-decoration: underline;
color: blue!important;
}
.a_ad_all_ads_holder {
position: relative;
display: block;
float: left;
margin: 0;
padding: 0;
width: 100%;
min-height: 50vh;
height: auto;
box-sizing: border-box;
/*background-color: fuchsia;*/
}
.a_ad_one_ad_wrapper{
position: relative;
display: block;
float: left;
padding: 0;
margin: 30px 40px 0 0;
width: 160px;
height: 190px!important;
/*max-width: 33.333%;*/
/*background-color: lightpink;
border: solid 1px #555555;*/
}
.a_ad_ad_holder{
position: relative;
display: block;
float: left;
padding: 0;
margin: 0 10px 10px 0;
width: 160px;
height: 190px!important;
overflow: hidden;
cursor: pointer;
border-radius: 4px;
border: solid 1px #f0f0f0;
/*background-color: azure;*/
}
.a_ad_ad_holder:hover {
/*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
/*box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
}
.a_ad_ad_img_holder{
position: relative;
display: block;
float: left;
padding: 0;
margin: 0;
width: 160px;
height: 120px;
background-color: transparent;
background-image: url("/img/icon/icon_photo.png");
background-position: center;
background-repeat: no-repeat;
}
.a_ad_ad_img{
position: absolute;
max-width: 160px;
max-height: 120px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.a_ad_ad_text_holder{
position: relative;
display: block;
float: left;
width: 160px;
height: 70px;
padding: 5px;
margin: 0;
box-sizing: border-box;
/*background-color: #4287f5;*/
}
.a_ad_ad_text_title{
position: relative;
display: block!important;
float: left;
width: 100%;
max-height: 32px;
line-height: 16px;
font-size: 14px;
/*font-weight: bold;*/
padding: 0;
/*color: #116db4;*/
color: black;
overflow: hidden;
text-overflow: ellipsis;
/*white-space: nowrap;*/
background-color: white;
}
.a_ad_ad_text_title:hover {
text-decoration: underline;
}
.a_ad_ad_text_txt{
display: none;
}
.a_ad_ad_price{
position: relative;
display: block;
float: left;
color: #cc0000;
font-size: 15px;
height: 16px;
line-height: 16px;
margin-top: 0;
padding: 0;
font-weight: bold;
/*background-color: #cfffda;*/
}
.a_ad_ad_mute{
color: #737373;
font-size: 12px;
font-weight: normal;
}
.a_ad_ad_valuta{
font-size: 12px;
}
.a_ad_ad_loc_holder{
display: none;
position: absolute;
top: 40px;
left: 5px;
color: black;
margin-top: 4px;
padding: 0;
float: left;
clear: both;
font-size: 13px;
height: 15px;
line-height: 15px;
}
.a_ad_ad_loc_span{
position: relative;
display: block;
float: left;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.a_ad_ad_city_span{
position: relative;
display: block;
float: left;
margin: 0 0 0 3px;
font-size: 12px;
line-height: 18px;
color: #777777;
}
.all_ad_central_adv_holder {
position: relative;
display: block;
float: left;
margin: 30px 0 0 0;
padding: 0!important;
border-radius: 4px;
width: 100%;
height: 290px;
background-color: #EEEEEE;
}
/*INFORMATION PAGES*/
.inf_title {
display: block;
position: relative;
margin: 0 0 25px 25px;
font-weight: bold;
font-size: 22px;
color: #999999;
box-sizing: border-box;
}
/*FOOTER SECTIONS*/
a.back_to_top {
display: none;
width: 30px;
height: 30px;
text-indent: -9999px;
position: fixed;
z-index: 999;
right: 0;
bottom: 20px;
background: rgba(203, 203, 203, 0.8) url("/img/icon/up-arrow.png") no-repeat center 43%;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.footer_holder {
display: block;
position: relative;
float: left;
clear: both;
width: 100%;
min-height: 300px;
box-sizing: border-box;
margin: 25px 0 0 0!important;
padding: 0!important;
border-top: solid 3px #febf00;
background-color: #fafafa;
}
.footer_central_holder {
display: block;
position: relative;
width: 970px;
min-height: 300px;
margin: 0 auto;
color: black;
font-size: 12px;
padding: 5px;
box-sizing: border-box;
/*background-color: magenta;*/
}
.footer_logo_holder {
display: block;
position: relative;
float: left;
width: 230px;
margin: 25px 0 0 0;
/*background-color: lime;*/
}
.footer_col_1 {
display: block;
position: relative;
float: left;
margin: 50px 0 0 0;
padding: 0 0 0 25px;
width: 220px;
height: 160px;
border-left: solid 1px #999999;
/*background-color: deepskyblue;*/
}
.footer_col_2 {
display: block;
position: relative;
float: left;
margin: 50px 0 0 0;
padding: 0 0 0 25px;
width: 250px;
height: 160px;
border-left: solid 1px #999999;
/*background-color: deepskyblue;*/
}
.footer_col_3 {
display: block;
position: relative;
float: left;
margin: 50px 0 0 0;
padding: 0 0 0 25px;
width: 250px;
height: 160px;
border-left: solid 1px #999999;
/*background-color: deepskyblue;*/
}
.footer_link {
display: block;
position: relative;
float: left;
clear: both!important;
margin: 0;
padding: 0;
line-height: 24px;
font-size: 13px;
}
.footer_link:hover {
text-decoration: underline;
font-weight: bold;
color: #febf00;
}
.footer_copy_holder {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
overflow: hidden!important;
border-top: solid 1px #e0e0e0;
background-color: white;
}
.copy {
display: block;
width: auto;
text-align: center;
margin: 15px auto;
color: black;
font-size: 12px;
padding: 5px;
box-sizing: border-box;
/*background-color: #febf00;*/
}
}