<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none
}
/* XXXXXXXXXXX
 html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	background-color:#FFFFFF;
}
*/
a {
    color: #069
}
a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
a:hover,
a:active {
    outline: 0
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}
#map_canvas img {
    max-width: none
}
button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}
button,
input {
    *overflow: visible;
    line-height: normal
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}
textarea {
    overflow: auto;
    vertical-align: top
}
.has-placeholder {
    position: relative;
    display: block;
    float: left
}
.has-placeholder label {
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: middle;
    color: #646464;
    line-height: 43px;
    height: 100%;
    width: 100%;
    text-decoration: none;
    padding: 0 15px;
    text-shadow: 0 1px 0 #ffffff;
    overflow: hidden
}
textarea {
    background-color: #fff;
    border: solid 1px #bfbfbf;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: inset 0 1px 0 0 #E0E0E0;
    display: inline-block;
    vertical-align: middle;
    color: #646464;
    line-height: 1em;
    text-decoration: none;
    padding: 10px;
    box-shadow: inset 0 1px 0 0 #dfd8d8;
    width: 280px
}
div.select-box-focus {
    outline: 0;
    border: 1px solid #5B9DD9;
    -webkit-box-shadow: 0 0 5px 1px #5B9DD9;
    -moz-box-shadow: 0 0 5px 1px #5B9DD9;
    box-shadow: 0 0 5px 1px #5B9DD9
}
.select-box {
    z-index: 0;
    position: relative;
    display: inline-block;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    width: auto;
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #e0dada));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #e0dada);
    background-image: -moz-linear-gradient(top, #f9f9f9, #e0dada);
    background-image: -ms-linear-gradient(top, #f9f9f9, #e0dada);
    background-image: -o-linear-gradient(top, #f9f9f9, #e0dada);
    background-image: linear-gradient(top, #f9f9f9, #e0dada);
    border: solid 1px #d3d3d3;
    vertical-align: middle;
    color: #fff !important;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    padding: 0px;
    overflow: hidden
}
.select-box .select-box-label {
    height: 16px;
    overflow: hidden;
    display: block;
    line-height: 16px;
    float: left;
    position: absolute;
    top: 0;
    color: #bababa;
    padding: 0px 15px;
    height: 100%;
    color: #646464;
    line-height: 30px;
    text-shadow: 0 1px 0 #ffffff
}
.select-box a:hover {
    text-decoration: none
}
.select-box select {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 30px;
    -webkit-appearance: none;
    z-index: 1003;
    padding-right: 45px
}
.select-box-icon {
    z-index: 0;
    position: absolute;
    right: 13px;
    top: -7px;
    right: 0px;
    height: 100%;
    width: 24px;
    text-decoration: none;
    display: block;
    font-family: "icons";
    color: #404040;
    font-size: 0.8em;
    text-align: left
}
.ui-button {
    background-color: false;
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #c9c9c9));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #c9c9c9);
    background-image: -moz-linear-gradient(top, #f0f0f0, #c9c9c9);
    background-image: -ms-linear-gradient(top, #f0f0f0, #c9c9c9);
    background-image: -o-linear-gradient(top, #f0f0f0, #c9c9c9);
    background-image: linear-gradient(top, #f0f0f0, #c9c9c9);
    border: solid 1px #cacaca;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    color: #5f5f5f !important;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3)
}
input.ui-button,
button.ui-button {
    padding-left: 10px;
    padding-right: 10px
}
.ui-button-main {
    background-color: #35C3D9;
    background-color: #35C3D9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35C3D9), color-stop(100%, #18a7be));
    background-image: -webkit-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -moz-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -ms-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -o-linear-gradient(top, #35C3D9, #18a7be);
    background-image: linear-gradient(top, #35C3D9, #18a7be);
    border: solid 1px #1f91a3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #a0e3ed;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3)
}
a.ui-button {
    line-height: 34px
}
.ui-button-middle {
    height: 36px;
    font-size: 1em;
    line-height: 1em
}
.doublebutton {
    float: right
}
.doublebutton a {
    border: solid 1px #d1d1d1;
    background-color: #f7f7f7;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    height: 16px;
    outline: 0;
    padding: 5px 6px;
    display: block;
    float: left
}
.doublebutton a span {
    text-indent: -9999px;
    float: left;
    width: 16px;
    height: 16px;
    background-image: url(../images/icons.png);
    cursor: pointer
}
.doublebutton .list-button {
    margin-right: -1px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: none
}
.doublebutton .list-button span {
    background-position: -16px -16px
}
.doublebutton .grid-button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none
}
span.active a.grid-button span {
    background-position: -16px 0
}
span.active a.list-button {
    border: solid 1px #d1d1d1;
    background-color: #f7f7f7
}
span.active a.list-button span {
    background-position: 0 -16px
}
.active a.grid-button,
.doublebutton a.list-button {
    background-color: #35C3D9;
    border-color: #23a4b8
}
.alert_form {
    background-color: #f2f2f2;
    padding: 15px 10px
}
.alert_form button {
    width: 100%
}
.alert_form input {
    width: 184px;
    margin-bottom: 12px
}
.form-vertical .control-group {
    clear: both;
    margin-bottom: 10px
}
.form-container .controls input,
.form-container .meta input {
    background-color: #fff;
    border: solid 1px #bfbfbf;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: inset 0 1px 0 0 #E0E0E0;
    display: inline-block;
    vertical-align: middle;
    color: #646464;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #dfd8d8;
    width: 280px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 1em
}
.form-container .ui-drop-files {
    width: 280px;
    padding: 0 10px;
    height: 70px;
    text-align: center;
    font-size: 18px;
    line-height: 70px;
    color: rgba(0, 0, 0, 0.5);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}
.form-container .controls {
    font-size: 1em
}
.form-container .main-button {
    background-color: #35C3D9;
    background-color: #35C3D9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35C3D9), color-stop(100%, #18a7be));
    background-image: -webkit-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -moz-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -ms-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -o-linear-gradient(top, #35C3D9, #18a7be);
    background-image: linear-gradient(top, #35C3D9, #18a7be);
    border: solid 1px #1f91a3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #a0e3ed;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3)
}
.form-container .checkbox input,
input[type="checkbox"],
.form-container .meta input[type="checkbox"],
.form-container .controls input[type="checkbox"],
input[type="radio"],
.form-container .meta input[type="radio"],
.form-container .controls input[type="radio"] {
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-top: -2px;
    padding: 0;
    border: none;
    box-shadow: none
}
.meta_list .meta ul {
    margin: 5px 0 0 0;
    padding: 0;
    list-style: none;
    float: left
}
.meta_list .meta ul li {
    clear: both;
    list-style: none
}
.meta_list .meta ul li label {
    width: auto;
    margin-left: 5px;
    float: none
}
.meta_list .meta input[type="checkbox"] {
    margin-top: 10px
}
.meta_list .meta .cf_date_interval {
    width: 100px
}
.meta_list .meta:after {
    content: "";
    clear: both
}
.form-container .checkbox {
    margin-bottom: 5px
}
.form-container .checkbox label {
    font-size: 0.85em
}
.form-horizontal .actions {
    border-top: solid 1px #eaeaea;
    padding: 10px 10px 15px 155px;
    margin: 0 25px
}
.form-horizontal .actions a {
    font-size: 0.725em
}
.form-horizontal label {
    float: left;
    width: 160px;
    padding-top: 7px;
    text-align: right;
    font-size: 0.85em
}
.form-horizontal .select-box {
    width: 300px
}
.form-horizontal .controls {
    margin-left: 180px;
    line-height: 32px
}
.form-horizontal .controls label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left
}
.form-horizontal .control-group,
.form-horizontal .meta_list .meta {
    clear: both;
    margin-bottom: 10px
}
.form-container-box {
    border: solid 1px #eaeaea;
    margin: 0 auto;
    width: 625px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.form-container-box .header {
    background-color: #f7f7f7;
    padding: 10px 15px;
    margin-bottom: 30px
}
.form-container-box .header h1 {
    margin: 0;
    line-height: 1.2em
}
body.item-post .select-box {
    margin-bottom: 10px
}
#item-post select {
    width: 300px
}
.form-container .photos input {
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    box-shadow: none
}
.photos_div {
    margin-bottom: 20px
}
.form-container .controls #photos a {
    font-size: 12px !important
}

.ui-drop-files {
    box-shadow: none;
    border: 4px dashed rgba(0, 0, 0, 0.2);
    height: 100px;
    background: rgba(0, 0, 0, 0.1)
}
.bordered-box {
    border: solid 1px #eaeaea;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
    font-size: 0.75em
}
.bordered-box h2 {
    font-size: 1.2em;
    margin-top: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold
}
.form-container .photos input {
    width: 100%
}
.form-container .photos img {
    width: 120px
}
.photos_div a {
    display: block
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #35C3D9
}
.hover .arrow-up {
    border-bottom-color: white
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #35C3D9
}
.hover .arrow-down {
    border-top-color: white
}
.arrow-left {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #35C3D9
}
.hover .arrow-left {
    border-right-color: white
}
.arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #35C3D9
}
.hover .arrow-right {
    border-left-color: white
}
.paginate {
    padding: 25px;
    text-align: center;
    clear: both
}
.paginate li {
    display: inline;
    list-style-type: none
}
.paginate a,
.paginate span {
    text-decoration: none;
    margin: 0 1px;
    padding: 5px 10px;
    border: 1px solid #EEE;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.paginate a.previous {
    margin-right: 15px
}
.paginate a.next {
    margin-left: 15px
}
.paginate strong {
    border: 1px solid #EEE;
    color: #F30;
    margin: 0 1px;
    padding: 5px 10px
}
.paginate em {
    border: 1px solid #EEE;
    color: #AAA;
    font-style: normal;
    margin: 0 1px;
    padding: 5px 10px;
    text-decoration: none
}
.paginate em.previous {
    margin-right: 15px
}
.paginate em.next {
    margin-left: 15px
}
.searchPaginationSelected,
.paginate a:hover {
    font-weight: bold;
    background-color: #35C3D9;
    color: white
}
.see_by {
    float: right;
    border: solid 1px #D1D1D1;
    background-color: #F7F7F7;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: default;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    height: 16px;
    outline: 0;
    padding: 5px 6px;
    display: block;
    margin-right: 10px;
    position: relative
}

.see_by label {
    float: right;
    margin: 0;
    padding: 0 18px 0 5px;
    color: #1b7e8d
}
.see_by ul {
    position: absolute;
    right: -1px;
    margin: 22px 0 0;
    padding: 8px 10px;
    list-style: none;
    text-align: right;
    background-color: #35C3D9;
    border: solid 1px #23a4b8;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display: none
}
.see_by ul a {
    font-size: 1em;
    font-weight: 500;
    color: #fff
}
.see_by .arrow-up,
.see_by .arrow-down,
.see_by .arrow-right,
.see_by .arrow-left {
    position: absolute;
    right: 6px;
    top: 11px
}
.arrow-envelope {
    position: absolute;
    right: -1px;
    top: -1px
}
.hover .arrow-envelope {
    background-color: #35C3D9;
    border: solid 1px #23a4b8;
    width: 21px;
    height: 28px;
    border-bottom: none;
    z-index: 3
}
.hover ul {
    display: block
}
.wrapper-flash {
    font-weight: bold
}
.flashmessage {
    font-size: 14px;
    padding: 15px 0;
    width: 100%;
    top: 10px;
    z-index: 999;
    text-align: center;
    color: #ffffff;
    position: relative
}
.flashmessage-warning,
.help-box {
    background-color: #d0a52a;
    border: solid 1px #93741e
}
.flashmessage-error {
    background-color: #c44e20;
    border: solid 1px #873616
}
.flashmessage-ok {
    background-color: #839b44;
    border: solid 1px #4f5e29
}
.flashmessage-info {
    background-color: #30a0ef;
    border: solid 1px #2477b2
}
.help-box {
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin: 10px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.flashmessage .ico-close {
    position: absolute;
    top: 14px;
    right: 17px;
    float: right;
    font-size: 18px;
    line-height: 18px;
    color: white;
    text-shadow: none;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer
}
.flashmessage-error .close {
    color: #B94A48
}
.flashmessage-warning .close {
    color: #C09853
}
.flashmessage-success .close,
.flashmessage-information .close {
    color: #3A87AD
}


@font-face {
    font-family: "icons";
    src: url("../fonts/icons.eot");
    src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#untitledregular") format("svg");
    font-weight: normal;
    font-style: normal
}
html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 100%;
    line-height: 1.125em;
    font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, Verdana, sans-serif;
    color: #404040
}
.icons {
    font-size: 32px;
    line-height: 32px
}
.icons:after {
    display: inline-block;
    font-family: "icons"
}
.ico-search:after {
    content: "s"
}
.ico-menu:after {
    content: "m"
}
.ico-grid:after {
    content: "g"
}
body {
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333
}
/*  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX bgcolor  
.wrapper {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}
#content {
 	padding:0px 10px 0px 10px;
}
   *****************************************XXXXXXXXXXXXXXXXXXXXXXXXXXXX************************* 
#main {
 	padding:15px 0px 0px 10px;
	background-color:#FFFFFF!important;
}
#sidebar {
 	padding:15px 10px 0px 0px;
	background-color:#FFFFFF!important;
}
   *****************************************XXXXXXXXXXXXXXXXXXXXXXXXXXXX************************* */
#responsive-trigger {
    display: none
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
    color: #666;
    letter-spacing: -0.03em;
    line-height: 1em;
    margin-top: 0
}
h1 {
    font-size: 2.0em
}
h2 {
    font-size: 1.7em
}
h3 {
    font-size: 1.5em
}
h4 {
    font-size: 1.3em
}
h5 {
    font-size: 1.15em
}
.clear {
    clear: both
}
body.search #sidebar,
body.user #sidebar {
    float: left;
    width: 210px
}
body.search #main,
body.user #main {
    float: right;
    width: 728px
}
body.search .list-header .actions {
    height: 35px
}
.resp-toogle {
    display: none
}
.title-has-actions {
    border-bottom: solid 1px #eaeaea;
    margin-bottom: 10px
}
.title-has-actions h1,
.title-has-actions h2,
.title-has-actions h3 {
    float: left;
    margin-bottom: 0
}
.title-has-actions a {
    float: left;
    margin-left: 10px;
    font-size: 0.825em;
    line-height: 2em
}
.flashmessage-404 {
    background-color: #FCF8E3;
    border: solid 1px #FBEED5;
    color: #C09853;
    border-radius: 5px;
    font-size: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px 15px;
    margin-top: 25px
}
.flashmessage-404 ul {
    list-style: disc;
    padding: 10px 0px 10px 25px
}
body.not-found .categories h2,
body.not-found .categories h3 {
    float: left;
    width: 25%;
    font-size: 13px;
    font-weight: normal;
    margin: 3px 0
}
body.not-found .categories {
    margin-top: 10px
}
body.not-found fieldset.main {
    padding: 10px 0
}
body.not-found #uniform-sCategory {
    display: none
}
body.not-found h1 {
    font-size: 24px;
    margin-bottom: 20px
}
body.not-found #query {
    background-color: #fff;
    border: solid 1px #bfbfbf;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: inset 0 1px 0 0 #E0E0E0;
    display: inline-block;
    vertical-align: middle;
    color: #646464;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #dfd8d8;
    width: 280px;
    padding: 0 10px;
    height: 34px;
    line-height: 30px;
    font-size: 1em
}

#footer {
    clear: both;
    margin-top: 50px;
    padding-bottom: 30px;
    border-top: solid 1px #eaeaea;
    padding-top: 15px;
    font-size: 0.725em
}
#footer ul {
    float: right
}
#footer a {
    text-decoration: none
}
#footer a:hover {
    text-decoration: underline
}
#footer li {
    display: inline;
    margin-left: 10px
}
.footer-links,
#footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    clear: both
}
.footer-links li {
    float: left;
    width: 31%;
    padding-right: 2%;
    margin-bottom: 5px;
    font-size: 0.725em
}
#footer .resp-toogle .publish {
    padding: 0;
    margin: 15px 0;
    display: block
}
#footer .resp-toogle .publish a {
    background-color: #d94b35;
    background-color: #d94b35;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d94b35), color-stop(100%, #be2e18));
    background-image: -webkit-linear-gradient(top, #d94b35, #be2e18);
    background-image: -moz-linear-gradient(top, #d94b35, #be2e18);
    background-image: -ms-linear-gradient(top, #d94b35, #be2e18);
    background-image: -o-linear-gradient(top, #d94b35, #be2e18);
    background-image: linear-gradient(top, #d94b35, #be2e18);
    border: solid 1px #a3301f;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #edaba0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    font-size: 1.2em;
    padding: 0
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX Permalink - use to edit and share this gradient: colorzilla.com/gradient-editor/#ff5100+0,fd8b00+15,f6c100+51,f4d200+100 */
/* #header {

background: #ff5100; 
background: -moz-linear-gradient(top,  #ff5100 0%, #fd8b00 15%, #f6c100 51%, #f4d200 100%); 
background: -webkit-linear-gradient(top,  #ff5100 0%,#fd8b00 15%,#f6c100 51%,#f4d200 100%); 
background: linear-gradient(to bottom,  #ff5100 0%,#fd8b00 15%,#f6c100 51%,#f4d200 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5100', endColorstr='#f4d200',GradientType=0 ); 

    width: 100%;
    height: auto;
    display: block;
    position: relative;
    padding-bottom: 25px
}*/
#header .wrapper {
    position: relative
}
#header .ads_header {
    width: 728px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px 10px 0px
}
#header #logo {
    color: #fff;
    border: none;
    font-size: 2.7em;
    line-height: 1.5em;
    padding-top: 0px;
    padding-bottom: 8px;
/*	transform : scale(1,1.43);
 -webkit-transform:scale(1,1.43);  Safari and Chrome */
 /*-moz-transform:scale(1,1.43); Firefox */
/*-ms-transform:scale(1,1.43);  IE 9+ */
/*-o-transform:scale(1,1.43);  Opera */
/*
     	-webkit-text-fill-color: #FFFFFF;
        -webkit-text-stroke-color: #000000;
        -webkit-text-stroke-width: 0.5em;
        text-fill-color: #FFFFFF;
        text-stroke-color: #000000;
        text-stroke-width: 0.5em;
        text-shadow: 0em -0.25em #fe6f00, 0.25em 0em #fe6f00, 0em 0.25em #fe6f00, -0.25em 0em #fe6f00; */
}
#header #logo a {
    font-size: 1.5em;
    line-height: 0.8em;
    text-decoration: none;
    color: #fff
}
#header .publish a {
    background-color: #26b5cc;
    background-color: #26b5cc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26b5cc), color-stop(100%, #1592a7));
    background-image: -webkit-linear-gradient(top, #26b5cc, #1592a7);
    background-image: -moz-linear-gradient(top, #26b5cc, #1592a7);
    background-image: -ms-linear-gradient(top, #26b5cc, #1592a7);
    background-image: -o-linear-gradient(top, #26b5cc, #1592a7);
    background-image: linear-gradient(top, #26b5cc, #1592a7);
    border: solid 1px #1b7d8d;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #8bdce9;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3)
}
#header #logo span {
    color: #fff;
    /* font-family: "Osclass";*/
	font-family:Arial, Helvetica, sans-serif;
    font-weight: 100;
    text-decoration: none;
    border: none;
    font-size: 0.8em;
    line-height: 1em;
    display: block
}

#header .nav {
    position: absolute;
    right: 0;
    top: 10px;
    padding: 0;
    margin: 0;
    list-style: none
}
#header .nav li {
    float: left;
    position: relative
}
#header .nav li.search,
#header .nav li.cat {
    display: none
}
#header .nav li a,
#header .nav li span {
    color: white;
    font-size: 0.875em
}
#header .nav li {
    color: white
}
#header .nav li a {
    margin-left: 10px
}
#header .nav li.publish {
    clear: both;
    float: right;
    margin-top: 10px
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.wrapper-flash {
    margin: auto;
}
div.breadcrumb {
    line-height: 1.05em;
    font-size: 0.75em;
    height: auto;
    margin: auto;
    width: auto;
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea
}
ul.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0
}
ul.breadcrumb li {
    float: left;
    padding: 0 2px;
    font-weight: normal
}
.r-list {
    /* display: none; */
    margin: 0px 40px 0 0;
    padding: 0;
    list-style: none
}
.latest_ads {
    padding-top: 25px
}
.latest_ads h1 {
    float: left
}
.latest_ads .actions {
    float: right;
    margin-top: 5px
}
body.home .r-list {
    display: block
}
body.home #main {
    width: 640px;
    float: left;
    margin-top: -20px 40px 0 0
}
.tbl {
    display: block;
    width: 100%
}
div.first_cel ul {
    margin: 0
}
.cell_3 {
    width: 33%;
    float: left
}
.cell_3 ul {
    margin: 0;
    margin-left: 20px
}
.r-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.r-list li .r-list li li {
    float: none;
    width: 100%
}
.r-list li&gt;li:nth-child(4n),
.r-list li .clear {
    clear: both
}
ul.r-list li h1 {
    margin: 25px 0 10px 0;
    padding: 0;
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis
}
ul.r-list li h1 a {
    font-size: 1em
}
ul.r-list li h1 span {
    font-weight: normal
}
ul.r-list li a,
ul.r-list li span {
    text-decoration: none;
    font-size: 0.8125em
}
ul.r-list li ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.list-header {
    margin-bottom: 15px;
    z-index: 3;
    position: relative
}
.listing-card-list {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both
}
.see_more_link {
    clear: both
}
.counter-search {
    float: left;
    line-height: 32px
}
#main h5 {
    margin-bottom: 10px
}
#related-searches {
    padding-top: 25px
}
#related-searches h5 {
    margin-bottom: 10px;
    font-size: 1em
}
.listing-card {
    clear: both;
    padding: 10px 0;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #ECECEC;
    position: relative;
    width: 100%;
    display: table
}
/*XXXXXXXXXXXXXX AJOUT PRO PREMIUM */
 @-webkit-keyframes argh-my-eyes {
    0%   { background-color: #e8b4fe; }
    49% { background-color: #e8b4fe; }
    50% { background-color: #ffc600; }
    99% { background-color: #ffc600; }
    100% { background-color: #e8b4fe; }
  }
  @-moz-keyframes argh-my-eyes {
    0%   { background-color: #e8b4fe; }
    49% { background-color: #e8b4fe; }
    50% { background-color: #ffc600; }
    99% { background-color: #ffc600; }
    100% { background-color: #c3f6fe; }
  }
  @keyframes argh-my-eyes {
    0%   { background-color: #e8b4fe; }
    49% { background-color: #e8b4fe; }
    50% { background-color: #ffc600; }
    99% { background-color: #ffc600; }
    100% { background-color: #e8b4fe; }
  }


.listing-card.listingcardpro	{
background-color:#efbdfc;
margin-bottom:5px;

}
.listing-card.listingcardfirst	{
background-color:#efbdfc;
margin-bottom:5px;
-webkit-animation: argh-my-eyes 2s infinite;
-moz-animation:    argh-my-eyes 2s infinite;
animation:         argh-my-eyes 2s infinite;

}

.listingcardfirst.listing-basicinfo	{

font-size:14px!important;
font-weight:bold;

}

.listing-card.listingcardpremium	{
background-color:#c3f6fe;
margin-bottom:5px;
}
.listing-card.listingcardvf	{
background-color:#f4f0f4;
margin-bottom:5px;
}
.listing-card.listingcardminisite	{
background-color:#baff82;
margin-bottom:5px;

}
.listing-card.listingcardaudio	{
background-color:#c782ff;
margin-bottom:5px;

}

.listing-card .listing-basicinfo,
.listing-card .listing-attributes {
    display: block;
    vertical-align: top;
    width: auto
}
/*DDDDDDDDDDDDDDDDDDDDD*/
.listing-card .listing-basicinfo p { 
font-size:12px; margin:0px;

}
/*FFFFFFFFFFFFFFFFFFFFF*/

.listing-card .listing-attributes {
    width: auto
}
.listing-card .currency-value {
    white-space: nowrap;
    font-weight: bold;
    color: #18681e
}
.listing-card .listing-data {
    display: table-row;
    width: 100%
}
.listing-card .listing-detail {
    width: auto;
    margin-left: 105px
}
.listing-card .listing-cell {
    display: table;
    width: 100%
}
.listing-card .listing-thumb {
    float: left
}
.listing-card .listing-thumb img {
    height: 85px;
    width: 95px
}
.listing-card .listing-attributes {
    font-size: 0.78em;
    color: #474444;
    padding: 4px 0 8px;
    line-height: 1em
}
.listing-card .listing-attributes a {
    color: #474444;
    font-weight: bold
}
.listing-card .listing-attributes a {
    text-decoration: none
}
.listing-card .listing-attributes a:hover {
    text-decoration: underline
}
.premium-list li.listing-card,
li.listing-card.premium {
    background-color: #FCFCD7
}
.listing-grid .last {
    margin-right: 0px
}
.listing-grid .listing-card {
    float: left;
    width: 190px;
    padding: 6px;
    background-color: #FFF;
    border: 1px solid #ECECEC;
    margin: 0 9px 9px 0;
    position: relative;
    display: block;
    clear: none
}
.listing-grid .listing-card .listing-attributes .location {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.listing-grid .listing-card .listing-attributes .location a {
    display: inline
}
.listing-grid .listing-card img {
    width: 100%;
    height: auto;
    float: none
}
.listing-grid .currency-value {
    display: block
}
.listing-grid .listing-detail {
    margin-left: 0
}
.listing-grid .listing-basicinfo,
.listing-grid .listing-data {
    width: 100%;
    display: block
}
.listing-grid .listing-thumb {
    width: 100%
}
.listing-grid .listing-cell {
    display: block
}
.listing-grid .listing-basicinfo p {
    display: none
}
.listing-grid .listing-basicinfo a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block
}
.listing-grid .g-hide {
    display: none
}
body.search .listing-grid .last {
    margin-right: 0px
}
body.search .listing-grid .listing-card {
    width: 161px
}
body.home .listing-grid .first {
    clear: both
}
#sidebar {
    width: 300px;
    float: right
}
#sidebar fieldset {
    margin: 0;
    padding: 0;
    border: none
}
#sidebar h3 {
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 1em
}
#sidebar fieldset {
    padding: 14px 0 16px;
    border-bottom: solid 1px #eaeaea;
    font-size: 0.8125em;
    line-height: 0.8125em
}
#sidebar input {
    vertical-align: bottom
}
#sidebar .input-text,
#sidebar input[type="text"] {
    background-color: #fff;
    border: solid 1px #bfbfbf;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: inset 0 1px 0 0 #E0E0E0;
    display: inline-block;
    vertical-align: middle;
    color: #646464;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #dfd8d8;
    width: 100%;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}
#sidebar ul.category,
#sidebar ul.category ul {
    padding: 0;
    margin: 0;
    list-style: none
}
ul.sidebar-list,
ul.user_menu {
    padding: 0;
    margin: 0;
    list-style: none
}
body.user #sidebar {
    border-right: solid 1px #eaeaea
}
#sidebar ul.category li,
ul.sidebar-list li,
ul.user_menu li {
    padding: 3px 0;
    line-height: 1.15em
}
ul.user_menu li {
    padding: 0 0 12px;
    font-size: 0.8125em;
    line-height: 0.8125em
}
#sidebar ul.category ul {
    padding-left: 15px
}
#sidebar .show-sub a {
    font-weight: bold
}
#sidebar .show-sub li a {
    font-weight: normal
}
#sidebar .price-slice input,
#sidebar .two_input input {
    width: 65px;
    padding: 0 5px;
    margin-right: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
#sidebar .two_input input {
    width: 70px
}
#sidebar .price-slice span {
    margin-right: 0px
}
#sidebar button {
    background-color: #35C3D9;
    background-color: #35C3D9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35C3D9), color-stop(100%, #18a7be));
    background-image: -webkit-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -moz-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -ms-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -o-linear-gradient(top, #35C3D9, #18a7be);
    background-image: linear-gradient(top, #35C3D9, #18a7be);
    border: solid 1px #1f91a3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #a0e3ed;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    line-height: 30px;
    font-size: 0.85em
}
#sidebar .actions {
    padding: 20px 0
}
#sidebar .plugin-hooks h6 {
    margin: 0;
    margin-bottom: 10px;
    line-height: 1em;
    font-size: 1em;
    font-weight: normal;
    /* font-family: "Osclass";*/
	font-family:Arial, Helvetica, sans-serif;
    color: #666
}
#sidebar .plugin-hooks .row {
    margin-bottom: 10px
}
#sidebar .plugin-hooks .row.radio label {
    padding: 4px 0px;
    display: inline-block
}
#sidebar .plugin-hooks .row.radio label input {
    margin-right: 5px
}
#sidebar .select-box {
    width: 100%
}
#sidebar a {
    text-decoration: none
}
#sidebar a:hover {
    text-decoration: underline
}
.widget-box {
    background-color: #f7f7f7;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}
.widget-box h3 {
    margin: 0
}
.widget-box ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.widget-box li a {
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-weight: normal;
    font-size: 0.8125em;
    display: block;
    padding: 4px 5px;
    border-radius: 0px;
    margin: -1px 0;
    position: relative;
    border-bottom: solid 1px #eaeaea;
    border-top: solid 1px #eaeaea
}
.widget-box li li a:hover {
    background-color: #8bdce9;
    border-color: #f7f7f7;
    color: #fff;
    z-index: 2;
    border-radius: 3px
}
body.item #sidebar .widget-box,
body.user-public-profile #sidebar .widget-box {
    padding: 20px
}
body.item #sidebar .form-container .controls input,
body.item #sidebar .form-container .controls textarea,
body.user-public-profile #sidebar .form-container .controls input,
body.user-public-profile #sidebar .form-container .controls textarea {
    width: 238px
}
body.item #sidebar .form-container label,
body.user-public-profile #sidebar .form-container label {
    font-size: 0.75em
}
body.item #contact h2,
body.user-public-profile #contact h2 {
    margin-top: 0px
}
body.item #main,
body.user-public-profile #main {
    width: 640px;
    float: left
}
.item-photos .main-photo {
    width: 100%;
    float: left
}
.item-photos .thumbs {
    float: right;
    width: 79px
}
.item-photos .thumbs img {
    margin-bottom: 12px;
    border: solid 2px #eaeaea
}
.item-header {
    margin-top: -10px;
    background: #f7f7f7;
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 0.875em;
    margin-bottom: 15px;
    font-size: 0.75em
}
.item-header #type_dates {
    float: right
}
.item-header #type_dates em {
    font-style: normal
}
#item_location {
    list-style: none;
    margin: 0;
    padding: 0
}
#item_location li {
    display: inline
}
#description {
    clear: both;
    padding-top: 5px
}
div.mark_as {
    height: 32px;
    width: 100%;
    border: none;
    background: transparent;
    margin-bottom: 15px;
}
.mark_as a {
    width: 100%;
    height: auto;
    display: block;
    top: 0;
    left: 0;
    position: absolute
}
.mark_as .select-box-label {
	width: 100%;
    height: auto;
    display: block;
    border: solid 1px #f2f2f2;
    position: relative;
    float: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	padding:4px;
	background:#f7f7f7; 
	background-image: url(/annonces/images/abuse.png) no-repeat left middle;
}
.similar_ads h2 {
    margin-top: 35px
}
.admin-options {
    font-size: 0.725em
}
.admin-options a {
    margin: 0 5px
}
#comments {
    margin-top: 25px
}
body.item h1 .price {
    font-weight: normal;
    font-size: 24px;
    float: right;
    background-color: #FCF8E3;
    padding: 5px 10px
}
.item #comments h3 {
    font-size: 1em
}
.item #comments {
    clear: both;
    float: left;
    margin-bottom: 35px;
    width: 100%
}
.item #comments .comments_list {
    border-bottom: 1px dotted #DDD;
    margin-bottom: 20px
}
.item #comments .comment {
    background: url(../images/comments_quotes.gif) no-repeat 10px 0;
    margin-bottom: 15px;
    padding: 7px 0 0 60px
}
.item #comments .comment h3 {
    color: #666;
    margin-bottom: 5px
}
.item #comments .comment h3 em {
    color: #888;
    font-size: 12px;
    font-weight: normal
}
.item #comments .comment p {
    color: #878787;
    font-style: italic;
    line-height: 18px
}
.item #comments .pagination {
    text-align: right;
    margin-right: 10px;
    margin-bottom: 15px
}
.item #comments .pagination a {
    border: 1px dotted #AAA;
    padding: 5px 8px
}
.item #comments .pagination a.searchPaginationSelected {
    background-color: #f7f7f7
}
.item #comments .pagination a.searchPaginationNext,
.item #comments a.searchPaginationPrev,
.item #comments .pagination a.searchPaginationFirst,
.item #comments a.searchPaginationLast {
    border: 0px;
    text-decoration: none
}
.item #comments .pagination a.searchPaginationNext:hover,
.item #comments a.searchPaginationPrev:hover,
.item #comments .pagination a.searchPaginationFirst:hover,
.item #comments a.searchPaginationLast:hover {
    background-color: #ffffff
}
.item #comments a:hover {
    background-color: #f7f7f7
}
.DIRECTpaydisplay	{ display:none;	}
@media only screen and (max-width: 740px) {
	
    .wrapper,
    #footer {
        padding-left: 10px;
        padding-right: 10px;
        width: auto
    }
    .has-placeholder {
        float: none
    }
    div#main,
    body.home #main,
    body.search #main,
    body.user #main,
    body.item #main,
    body.user-public-profile #main {
        width: auto;
        float: none;
        clear: both
    }
    #responsive-trigger {
        display: block
    }
    #sidebar {
        width: 100%
    }
    #header {
        padding-bottom: 0px
    }
    #footer {
        text-align: center
    }
    #footer ul {
        float: none;
        font-size: 1.15em;
        margin-bottom: 15px
    }
    .flashmessage {
        padding: 15px 40px 15px 15px;
        width: auto
    }
    .contact_button a {
        margin-bottom: 10px
    }
    #header {
        height: auto;
        margin-bottom: 20px
    }
    #header #logo {
        font-size: 1.7em;
        letter-spacing: -0.07em;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: 10px
    }
    #header #logo span {
        display: none
    }
    #header .wrapper {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        position: relative
    }

    #header .nav {
        top: 0;
        height: 100%;
        vertical-align: middle
    }
    #header .nav li {
        height: 100%
    }
    #header .nav li a {
        height: 100%;
        padding: 0 15px;
        background-color: #23a4b8;
        color: #000;
        display: table;
        border-left: solid 1px #1b7e8d;
        font-size: 30px;
        margin-left: 0
    }
    #header .nav li.active a,
    #header .nav li a:hover {
        background-color: #1b7e8d;
        color: #fff
    }
    #header .nav li .icons:after {
        display: table-cell;
        vertical-align: middle
    }
    #header .nav li {
        display: none
    }
    #header .nav li.search,
    #header .nav li.cat {
        display: block
    }
    body.item #sidebar .widget-box {
        padding: 20px
    }
    body.item #sidebar .form-container .controls input,
    body.item #sidebar .form-container .controls textarea {
        width: 238px
    }
    body.item #sidebar .form-container label {
        font-size: 0.75em
    }
    body.item #contact h2 {
        margin-top: 0px
    }
    .alert_form {
        background-color: transparent
    }
    .form-container .controls input,
    #sidebar .input-text {
        height: 32px
    }
    input[type="checkbox"] {
        width: auto;
        height: auto
    }
    textarea,
    body.item #sidebar .form-container .controls input,
    body.item #sidebar .form-container .controls textarea,
    .form-container .controls input,
    #sidebar .input-text,
    button,
    .ui-button {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    ul.r-list {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        list-style: none;
        border: none;
        background-color: transparent;
        text-shadow: none
    }
    ul.r-list:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }
    ul.r-list li {
        position: relative;
        margin-bottom: 5px;
        margin-right: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    ul.r-list&gt;li:nth-child(2n) {
        padding-left: 5px
    }
    ul.r-list&gt;li:nth-child(odd) {
        clear: both
    }
    .r-list&gt;li.clear,
    .r-list&gt;li:nth-child(4n) {
        clear: none
    }
    ul.r-list li a.sub-category {
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        font-weight: bold;
        display: inline-block;
        padding: 10px;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
        font-size: 0.8em;
        border-color: #eaeaea;
        color: #069;
        background-color: #f7f7f7;
        text-shadow: 0 1px 1px #fff
    }
    ul.r-list li h1 {
        text-decoration: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        font-weight: bold;
        display: inline-block;
        padding: 10px;
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
        border-color: #eaeaea;
        color: #069;
        background-color: #f7f7f7;
        text-shadow: 0 1px 1px #fff
    }
    ul.r-list li h1 {
        margin: 0
    }
    ul.r-list li span {
        display: none
    }
    ul.r-list li ul {
        -webkit-transition: opacity 1s ease-out;
        opacity: 0;
        height: 0;
        overflow: hidden
    }
    ul.r-list li.active h1,
    ul.r-list li.active a {
        background-color: #35C3D9;
        color: #000;
        border-color: #23a4b8;
        text-shadow: 0 1px 1px #23a4b8
    }
    ul.r-list li span.collapse {
        width: 16px;
        height: 16px;
        margin-right: 10px;
        display: inline-block
    }
    ul.r-list li.active ul {
        opacity: 1;
        height: auto;
        margin: 0;
        padding: 5px 0 0 0;
        margin-bottom: 5px
    }
    ul.r-list li.active ul li {
        padding: 0
    }
    ul.r-list li.active ul li a {
        border-color: #eaeaea;
        color: #069;
        background-color: #f7f7f7;
        text-shadow: 0 1px 1px #fff;
        font-size: 0.82em
    }
    ul.r-list li ul li {
        float: none;
        width: 100%
    }
    div.cell_3:nth-child(2n) {
        margin: 0 1%;
        width: 31%
    }
    .select-box {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .select-box select {
        width: 100%
    }
    body.item-post #footer .resp-toogle {
        display: none
    }
    body.display-cat .r-list {
        display: block
    }
    body.display-search .main-search,
    body.home .main-search {
        display: table
    }
    body.display-search #header,
    body.home #header {
        margin-bottom: 80px
    }
    .resp-toogle {
        display: block
    }
    body.display-filters div#sidebar {
        display: block
    }
    .show-filters-btn {
        display: inline-block;
        border: solid 1px #d1d1d1;
        background-color: #f7f7f7;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        cursor: pointer;
        font-size: 1em;
        line-height: 16px;
        font-weight: bold;
        text-align: center;
        white-space: nowrap;
        height: 16px;
        outline: 0;
        padding: 5px 6px;
        text-decoration: none;
        color: #9e9e9e
    }
    .form-container-box {
        width: auto
    }
    .form-container .checkbox {
        margin-bottom: 15px
    }
    .form-container .checkbox input {
        width: auto
    }
    .form-horizontal .actions {
        margin: 0;
        padding-left: 0px;
        padding-right: 0px
    }
    .form-horizontal label {
        float: none;
        width: 100%;
        font-size: 0.85em
    }
    .form-horizontal .controls {
        width: auto;
        margin-left: 0
    }
    body.item-post .select-box {
        margin-bottom: 10px
    }
    #item-post select {
        width: 100%
    }
    .form-horizontal .select-box {
        width: 100%
    }
    .listing-grid .listing-card,
    body.search .listing-grid .listing-card {
        width: 32%;
        padding: 0%;
        border: 0;
        margin: 1%
    }
    .listing-grid .listing-detail {
        border: solid 1px #ECECEC
    }
    .listing-grid .listing-thumb {
        float: none
    }
    .listing-grid .listing-thumb img {
        height: auto;
        width: 92%;
        margin: 4%;
        float: left
    }
    .listing-grid .listing-cell {
        display: block;
        width: 92%;
        padding: 4%
    }
    .listing-grid .listing-basicinfo p {
        display: none
    }
    .listing-grid .listing-basicinfo a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        display: block
    }
    .listing-grid .listing-card:nth-child(3n),
    body.search .listing-card:nth-child(3n) {
        margin-right: 0%
    }
    .listing-grid .listing-card:nth-child(3n+1),
    body.search .listing-grid .listing-card:nth-child(3n+1) {
        margin-left: 0%;
        clear: both
    }
    body.not-found .categories h2,
    body.not-found .categories h3 {
        float: none;
        width: 100%
    }
    body.item #sidebar,
    body.user-public-profile #sidebar {
        margin-top: 20px
    }
    .item-photos .thumbs {
        float: none;
        margin-top: 10px;
        width: 100%;
        clear: both
    }
    .item-photos .main-photo {
        width: 100%;
        float: none
    }
    .item-photos .main-photo img {
        width: 100%
    }
    body.search #sidebar,
    body.user #sidebar {
        width: auto;
        float: none;
        margin-bottom: 40px
    }
    body.search #content {
        position: relative;
        padding-top: 100px
    }
    body.user #sidebar {
        margin-top: 15px
    }
    body.search .list-header {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        height: 80px
    }
    body.search #sidebar,
    body.user #sidebar {
        display: none;
        background-color: #f7f7f7;
        border: solid 1px #eaeaea;
        padding: 10px 15px 5px;
        width: auto;
        float: none;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
    body.search #content h1 {
        display: block;
        margin: 0;
        font-size: 1.5em
    }
    .resp-wrapper {
        padding: 0 10px
    }
    body.search .list-header .actions {
        padding: 10px 0;
        clear: both
    }
    body.display-filters .show-filters-btn {
        background-color: #35C3D9;
        border-color: #23a4b8;
        color: white
    }
    #header .ads_header {
        display: none
    }
}
@media only screen and (max-width: 640px) {
    body .item-header #type_dates {
        float: none
    }
    body div.cell_3,
    body div.cell_3:nth-child(2n) {
        margin: 0;
        width: 100%
    }
}
@media only screen and (max-width: 480px) {
    ul.r-list li {
        float: none;
        width: 100%
    }
    ul.r-list&gt;li:nth-child(2n),
    body.search ul.r-list&gt;li:nth-child(2n) {
        padding-left: 0px
    }
    .listing-grid .listing-card,
    body.search .listing-grid .listing-card {
        width: 49%;
        clear: none
    }
    .listing-grid .listing-card:nth-child(2n),
    body.search .listing-grid .listing-card:nth-child(2n) {
        margin-right: 0%;
        margin-left: 1%;
        clear: none
    }
    .listing-grid .listing-card:nth-child(2n+1),
    body.search .listing-grid .listing-card:nth-child(2n+1) {
        margin-left: 0%;
        margin-right: 1%;
        clear: both !important
    }
    body.home .listing-grid .first {
        clear: none
    }
}
#plugin-hook .row {
    clear: both;
    margin-bottom: 10px
}
#plugin-hook .row label {
    margin-right: 20px
}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}











#share-box {position: relative;float:right;}
.btnShare{
float:left;
padding: 10px; 
margin-left:10px;
cursor: pointer;
} 
.btnFacebook {background: #7AA2FE;}
.btnTwitter {background: #00DEFF;}
.btnGoogle {background: #2ab200;}
.txt-content {clear:both;padding-top: 5px;}
.txt-share{color: #FFFFFF; font-size:25px; padding-left:0px;}
.btnShare a:link{text-decoration:none;}
@media screen and (max-width: 1024px) {
	.DIRECTpaydisplay	{ display: inline;	}
	.btnShare {	
	float: left;	
	padding: 15px; 
	cursor: pointer; 
	border-radius:5px;
	} 
	.txt-share{}	
}


.AjaxSendSuccess {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.AjaxSendError {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.AjaxSendHideForm {
  visibility: hidden;
}
#publishsidebar a {
    background-color: #26b5cc;
    background-color: #26b5cc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26b5cc), color-stop(100%, #1592a7));
    background-image: -webkit-linear-gradient(top, #26b5cc, #1592a7);
    background-image: -moz-linear-gradient(top, #26b5cc, #1592a7);
    background-image: -ms-linear-gradient(top, #26b5cc, #1592a7);
    background-image: -o-linear-gradient(top, #26b5cc, #1592a7);
    background-image: linear-gradient(top, #26b5cc, #1592a7);
    border: solid 1px #1b7d8d;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: block;
    vertical-align: middle;
    color: #fff !important;
    line-height: 43px;
    text-decoration: none;
	text-align:center;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #8bdce9;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3)
}


.ilinkbutton {
    display: block;
    margin: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:    0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);
    -moz-box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);
    box-shadow: 0 8px 0 #c5376d, 0 15px 20px rgba(0, 0, 0, .35);
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    font-size: 30px;
    color: #fff;
	text-decoration:none;
}

.ilinkbutton span {
    display: block;
    padding: 10px 15px;
    background-color: #ec528d;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(338, 90%, 80%, .8)), to(hsla(338, 90%, 70%, .2)));
    background-image: -webkit-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -moz-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    background-image: -o-linear-gradient(hsla(338, 90%, 80%, .8), hsla(338, 90%, 70%, .2));
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    font-family: 'Pacifico', Arial, sans-serif;
    line-height: 1;
	text-decoration:none;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .7);
    -webkit-transition: background-color .2s ease-in-out, -webkit-transform .1s ease-in-out;
    -moz-transition: background-color .2s ease-in-out, -moz-transform .1s ease-in-out;
    -o-transition: background-color .2s ease-in-out, -o-transform .1s ease-in-out;
    transition: background-color .2s ease-in-out, transform .1s ease-in-out;
}

.ilinkbutton:hover span {
    background-color: #ec6a9c;
    text-shadow: 0 -1px 1px rgba(175, 49, 95, .9), 0 0 5px rgba(255, 255, 255, .8);
}

.ilinkbutton:active, .button:focus {
    -webkit-box-shadow:    0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);
    box-shadow:    0 8px 0 #c5376d, 0 12px 10px rgba(0, 0, 0, .3);
}

.ilinkbutton:active span {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
}	
	
		.mainnavansseacrh	{
	 max-width: 950px;
	 margin:auto;
	 padding-right:10px;


						}
	
		.main-search {
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #c9c9c9));
    background-image: -webkit-linear-gradient(top, #f0f0f0, #c9c9c9);
    background-image: -moz-linear-gradient(top, #f0f0f0, #c9c9c9);
    background-image: -ms-linear-gradient(top, #f0f0f0, #c9c9c9);
    background-image: -o-linear-gradient(top, #f0f0f0, #c9c9c9);
    background-image: linear-gradient(top, #f0f0f0, #c9c9c9);
    padding: 6px;
    height: 46px;
    border: solid 1px #989393;
    margin: 0;
    box-shadow: inset 0px 1px 1px 0px #fff, 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	max-width: 100%;
    margin: 0px;

    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	

}
	

	


	input.gsc-search-button {
border-color: #000000;
background-color: #cecece!important;
background-image: none;
height:46px!important;
margin:0px!important;
}

	@media screen and (max-width 800px) {

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {	margin:0px!important;	background-color: #f6f6f6;	border: solid 1px #bfbfbf;	border-top-left-radius: 3px;	border-top-right-radius: 3px;	border-bottom-left-radius: 3px;	border-bottom-right-radius: 3px;	border-top-left-radius: 3px;	border-bottom-left-radius: 3px;	border-top-right-radius: 3px;	border-bottom-right-radius: 3px;	box-shadow: inset 0 1px 0 0 #E0E0E0;	display: inline-block;	vertical-align: middle;	color: #646464;	line-height: 43px;	text-decoration: none;	padding: 0 15px;	box-shadow: inset 0 1px 0 0 #d6cece;	height: 43px;	}

}

	@media screen and (max-width 1024px) {

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {	margin:0px!important;	background-color: #f6f6f6;	border: solid 1px #bfbfbf;	border-top-left-radius: 3px;	border-top-right-radius: 3px;	border-bottom-left-radius: 3px;	border-bottom-right-radius: 3px;	border-top-left-radius: 3px;	border-bottom-left-radius: 3px;	border-top-right-radius: 3px;	border-bottom-right-radius: 3px;	box-shadow: inset 0 1px 0 0 #E0E0E0;	display: inline-block;	vertical-align: middle;	color: #646464;	line-height: 43px;	text-decoration: none;	padding: 0 15px;	box-shadow: inset 0 1px 0 0 #d6cece;	height: 43px;	width:520px;	}

}
	@media screen and (min-width 1024px) {

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {	margin:0px!important;	background-color: #f6f6f6;	border: solid 1px #bfbfbf;	border-top-left-radius: 3px;	border-top-right-radius: 3px;	border-bottom-left-radius: 3px;	border-bottom-right-radius: 3px;	border-top-left-radius: 3px;	border-bottom-left-radius: 3px;	border-top-right-radius: 3px;	border-bottom-right-radius: 3px;	box-shadow: inset 0 1px 0 0 #E0E0E0;	display: inline-block;	vertical-align: middle;	color: #646464;	line-height: 43px;	text-decoration: none;	padding: 0 15px;	box-shadow: inset 0 1px 0 0 #d6cece;	height: 43px;	width:680px;	}

}
	input.gsc-search-button:hover, input.gsc-search-button:focus {
border-color: #ffffff;
background-color: #ffffff!important;
background-image: none;
height:46px!important;
margin:0px!important;
}

.main-search button {
    background-color: #35C3D9;
    background-color: #35C3D9;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #35C3D9), color-stop(100%, #18a7be));
    background-image: -webkit-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -moz-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -ms-linear-gradient(top, #35C3D9, #18a7be);
    background-image: -o-linear-gradient(top, #35C3D9, #18a7be);
    background-image: linear-gradient(top, #35C3D9, #18a7be);
    border: solid 1px #1f91a3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #a0e3ed;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    height: 43px;
}




.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 0px 0px 0px 15px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	margin-left:10px;
	margin-top:0px;
	width:140px;
	padding:6px 6px 6px 15px;
	background: #fff url(../../../../images/icon-menu.png) no-repeat 10px 17px;
	height: 50px;
	
    background-color: #f0f0f0;
    border: solid 1px #cacaca;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    
    vertical-align: middle;
    color: #5f5f5f !important;
    line-height: 43px;
    text-decoration: none;
    padding: 0 15px;
    box-shadow: inset 0 1px 0 0 #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3)
	
	
	
	
	
	
	
	
	
	
	
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #e9e9e9;
}

.dropdown {
	height: 46px;
	width:140px;
	margin:0px;
	padding-right:5px;

}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 140px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
	margin-left:-60px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	margin-left:10px;
}

.dropdown a:hover {background-color: #fe5900; color:#FFFFFF;}

.show {display:block;}
	
	
	
.photorecord	{	
    width: 115px;
    overflow: hidden;
    height: 190px;
	text-align:center;
    float: left;
	margin:5px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.photorecord .delete	{ background-color:#FF2D2D; padding:3px; color:#FFFFFF;	}
.photorecord .alaune	{ background-color:#66CC00; margin-left:5px; color:#FFFFFF;		padding:3px}
	
.tphotorecord img	{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    border-radius: 3px;
}
	

.IfadsAccountAdList	{ font-family:Arial, Helvetica, sans-serif;
					}
.IfadsAccountAdList h4	{ margin:20px 0px 0px 0px; background-color:#a2aca3; color:#FFFFFF; padding:10px; 	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}					
@media only screen and (max-width: 380px) {
   .IfadsAccountAdList .adactive	{	width:95%;	padding:4px;	background-color:#bbff63;	border:1px solid #999999;	-webkit-border-radius: 6px;	-moz-border-radius: 6px;	border-radius: 6px;	text-align:center;	font-size:12px;	margin:10px 0px 0px 0px;	}	
.IfadsAccountAdList .adinactive	{	width:95%;	padding:4px;	background-color:#a4a1a1;	border:1px solid #999999;	-webkit-border-radius: 6px;	-moz-border-radius: 6px;	border-radius: 6px;		text-align:center;	font-size:12px;	margin:10px 0px 0px 0px;	}
.IfadsAccountAdList .photo {	max-height: 100px;	min-height: 100px;	overflow:hidden;	}							
.IfadsAccountAdList .photo img	{	width:100%;	border-radius: 3px;					}	

}
@media only screen and (min-width: 380px) {
 .IfadsAccountAdList .adactive	{	width:30%;	min-width:180px;	padding:4px;	background-color:#bbff63;	border:1px solid #999999;	-webkit-border-radius: 6px;	-moz-border-radius: 6px;	border-radius: 6px;	float:left;	height:320px;	overflow:hidden;	text-align:center;	font-size:12px;	margin:10px 5px 0px 0px;	}	
.IfadsAccountAdList .adinactive	{	width:30%;	min-width:180px;	padding:4px;	background-color:#a4a1a1;	border:1px solid #999999;	-webkit-border-radius: 6px;	-moz-border-radius: 6px;	border-radius: 6px;	float:left;	height:320px;	overflow:hidden;	text-align:center;	font-size:12px;	margin:10px 5px 0px 0px;	}
.IfadsAccountAdList .photo {	max-height: 100px;	min-height: 100px;	overflow:hidden;	}							
.IfadsAccountAdList .photo img	{	width:100%;	border-radius: 3px;					}	
}					
					
					
.xoverlay {
  position: relative;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 1);
  opacity: .4;
}

.xoverlay:hover:after {	opacity: 0;	}

.IfadsAccountAdList .Btt { height:20px;	border-radius: 2px;	padding:4px 4px; color:#FFFFFF; text-align:left;	margin:3px 2px 0px 0px;	float:left;		}	
.IfadsAccountAdList .Btt a { color:#FFFFFF; text-decoration:none; font-weight:normal; font-size:12px;	}	
.IfadsAccountAdList .Dis	{ background:#999999; color:#CCCCCC; font-size:12px; font-weight:normal; }
.IfadsAccountAdList .Verif	{ background:#84049f;}
.IfadsAccountAdList .Del	{ background:#D20000;}	
.IfadsAccountAdList .Upt	{ background:#1f971f; }
.IfadsAccountAdList .Vid	{ background:#ff5a00;	}	
.IfadsAccountAdList .Edit	{ background:#006600;	}	
.IfadsAccountAdList .Prt	{ background:#04849f;	}	
.IfadsAccountAdList .Prem	{ background:#02386f;	}	
.IfadsAccountAdList .Oudt	{ background:#ff354d;	}		
.IfadsAccountAdList .First	{ background:#ff354d; }	

.IfadsAccountAdList .Maps	{ background:#b61186	}	
.IfadsAccountAdList .CalMg	{ background:#ff3a7b; }	
.IfadsAccountAdList .CalAc	{ background:#b4b4b4; }	
.IfadsAccountAdList .Homess	{ background:#875bf9;  }	
.IfadsAccountAdList .HomeAss	{background:#b4b4b4;	}	

.BlinkFirst{
    animation:BLKFRTS 1.2s infinite;
}

@keyframes BLKFRTS{
    0%{     color: #e9d600;    }
    49%{    color: #cecece; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #e9d600;    }
}





.IfadsAccountAdList .subject { max-height:40px; overflow:hidden;  }	
.IfadsAccountAdList .subject a { color:#000066; text-decoration:none;	}					

.see_by select {
    float: left;
	   background: transparent;

		 border:none;
	   
	      z-index:80;
	   
}


   
.filterslect	{
width:100%;
padding:4px;
border:1px solid #666666;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
				}   
   
.filterslect option:checked   {
background-color:#1baac1;
color:#FFFFFF;
				}  	
				
.fa {

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
/*
.fa-lg {

}	
			
.fa-caret-right {
  	background: url(../../../../images/arrowright.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.fa-caret-down {
  	background: url(../../../../images/arrowdown.png);
    background-size: 20px 16px;
    background-repeat: no-repeat;
}		
*/


/***FIRST STYLE THE BUTTON***/
input#bigSubmitbutton {
width:100%;
background: #3e9cbf; /*the colour of the button*/
padding: 8px 14px 10px; /*apply some padding inside the button*/
border:1px solid #3e9cbf; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:1.5em;
font-family:Oswald, sans-serif; /*Oswald is available from www.google.com/webfonts/specimen/Oswald*/
letter-spacing:.1em;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #fff;
/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
input#bigSubmitbutton:hover, input#bigSubmitbutton:focus {
color:#dfe7ea;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
}
.cancelfilter	{ 	background:#1baac1 url(../../../../images/cancelfilter.png) no-repeat right center;  background-color:#1baac1; padding:10px; width:90%; color:#FFFFFF; text-decoration:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display:block;	}
.hiddensscat { display:none;	}
/*# sourceMappingURL=main.css.map */


.ifTransferhidden	{ display:none;}

#noticeoverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  z-index: 2;
  cursor: pointer;
}

#textnotice{
  position: absolute;
  top: 50%;
  left: 50%;
	text-align: center;
  font-size: 30px;
  line-height:normal;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}


		.IfadsAccountOptionsList	{		}
        .IfadsAccountOptionsList .optionbox {
            width: 75px;
            height: 35px;
			padding: 0px;
            float:left;
            top: 20px;
            right: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            font-family: Arial, sans-serif;
            font-size: 9px;
            text-align: center;
            line-height: 10px;
            border-radius: 2px;
			margin: 3px;
			border: 1px solid #A1A1A1;
			font-weight:normal;
	
        }
		 .IfadsAccountOptionsList .active {
            
               background-color:#ffffff;
            color: #000000;
	
        }
		.IfadsAccountOptionsList .expired {
            
            background-color:#dedede;
            color: #6d6d6d;
	
        }
		.IfadsAccountOptionsList .expiring {
        
    animation: expiringoption 2s ease-in-out infinite;
    opacity: 1;
			 background-color:#f9998d;
	
        }
.IfadsAccountOptionsList .future {
      background-color:#96fffe;
            color: #006564;  
    animation: expiringoption 1s ease-in-out infinite;
    opacity: 1;
	
        }
	@keyframes expiringoption {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1;
  }
}
		
		.optionbox .options {
			width: 100%;
			font-weight: bold;
			font-size: 9px;
			line-height: 12px;
        }
		.optionbox .option100 {
            background-color:#ffae00;
            color: #FFFFFF;
			
        }
		.optionbox .option110 {
            background-color:#0cba10;
            color: #FFFFFF;
			
        }
		.optionbox .option77 {
            background-color:#594205;
            color: #FFFFFF;
			
        }
		.optionbox .option55 {
            background-color:#e11bcc;
            color: #FFFFFF;
			
        }
		.optionbox .option97 {
            background-color:#f6ff00;
            color: #8a4400;
			
        }
		
			.optionbox .option81 {
            background-color:#00a3bd;
            color: #FFFFFF;
			
        }
			.optionbox .option22 {
            background-color:#dfed00;
            color: #767d02;
			
        }

		



.blinking {

    animation: opacity 2s ease-in-out infinite;
    opacity: 1;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1;
  }
}

.IfAdsButCollection	{	border-radius:6px;	cursor:pointer;	font-family:Arial;	font-size:17px;	font-weight:bold;	padding:6px 24px;	text-decoration:none;	display:inline-block;	}
.IfAdsButCollection:active	{	position:relative;	top:1px;	}
.IfAdsButCollRED {	box-shadow:inset 0px 1px 0px 0px #f29c93;	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);	background-color:#fe1a00;	border:1px solid #d83526;
	color:#ffffff;	text-shadow:0px 1px 0px #b23e35;	}
.IfAdsButCollRED:hover {	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);	background-color:#ce0100;	}

.IfAdsButCollGREEN { box-shadow:inset 0px 1px 0px 0px #a4e271;	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);	background-color:#89c403;	border:1px solid #74b807;
	color:#ffffff;	text-shadow:0px 1px 0px #528009;	}
.IfAdsButCollGREEN:hover {	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);	background-color:#77a809;	}

.IfAdsButCollGREENLEMON {
    box-shadow: 0px 1px 0px 0px #E0FFE0;
    background: linear-gradient(to bottom, #32CD32 5%, #228B22 100%);
    background-color: #32CD32;
    border: 1px solid #228B22;
    color: #ffffff;
    text-shadow: 0px -1px 0px #5b6178;
}
.IfAdsButCollGREENLEMON:hover {
    background: linear-gradient(to bottom, #228B22 5%, #32CD32 100%);
    background-color: #228B22;
}
.IfAdsButCollCHARTREUSE {
    box-shadow: 0px 1px 0px 0px #E6FFE6;
    background: linear-gradient(to bottom, #7FFF00 5%, #66CC00 100%);
    background-color: #7FFF00;
    border: 1px solid #66CC00;
    color: #ffffff;
    text-shadow: 0px -1px 0px #5b6178;
}
.IfAdsButCollCHARTREUSE:hover {
    background: linear-gradient(to bottom, #66CC00 5%, #7FFF00 100%);
    background-color: #66CC00;
}

.IfAdsButCollPINK {	box-shadow:inset 0px 1px 0px 0px #fbafe3;	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);	background-color:#ff5bb0;	border:1px solid #ee1eb5;	color:#ffffff;	text-shadow:0px 1px 0px #c70067;	}
.IfAdsButCollPINK:hover {	background:linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);	background-color:#ef027d;	}

.IfAdsButCollBLUE {	box-shadow: 0px 1px 0px 0px #f0f7fa;	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);	background-color:#33bdef;	border:1px solid #057fd0;	color:#ffffff;	text-shadow:0px -1px 0px #5b6178;	}
.IfAdsButCollBLUE:hover {	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);	background-color:#019ad2;	}

.IfAdsButCollPURPLE {
    box-shadow: 0px 1px 0px 0px #E6E6FA;
    background: linear-gradient(to bottom, #800080 5%, #4B0082 100%);
    background-color: #800080;
    border: 1px solid #4B0082;
    color: #ffffff;
    text-shadow: 0px -1px 0px #5b6178;
}
.IfAdsButCollPURPLE:hover {
    background: linear-gradient(to bottom, #4B0082 5%, #800080 100%);
    background-color: #4B0082;
}
.IfAdsButCollORANGE {
    box-shadow: 0px 1px 0px 0px #FFE6CC;
    background: linear-gradient(to bottom, #FF6200 5%, #CC4E00 100%);
    background-color: #FF6200;
    border: 1px solid #CC4E00;
    color: #ffffff;
    text-shadow: 0px -1px 0px #5b6178;
}
.IfAdsButCollORANGE:hover {
    background: linear-gradient(to bottom, #CC4E00 5%, #FF6200 100%);
    background-color: #CC4E00;
}

.IfAdsButCollYELLOW {	box-shadow:inset 0px 1px 0px 0px #fff6af;	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);	background-color:#ffec64;	border:1px solid #ffaa22;	color:#333333;	text-shadow:0px 1px 0px #ffee66;	}
.IfAdsButCollYELLOW:hover {	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);	background-color:#ffab23;	} 

.IfAdsButCollBROWN {
    box-shadow: 0px 1px 0px 0px #F5F0E1;
    background: linear-gradient(to bottom, #8B4513 5%, #5C4033 100%);
    background-color: #8B4513;
    border: 1px solid #5C4033;
    color: #ffffff;
    text-shadow: 0px -1px 0px #5b6178;
}
.IfAdsButCollBROWN:hover {
    background: linear-gradient(to bottom, #5C4033 5%, #8B4513 100%);
    background-color: #5C4033;
}
.IfAdsButCollSILVER {
    box-shadow: 0px 1px 0px 0px #E8ECEF;
    background: linear-gradient(to bottom, #C0C0C0 5%, #A9A9A9 100%);
    background-color: #C0C0C0;
    border: 1px solid #A9A9A9;
    color: #333333;
    text-shadow: 0px -1px 0px #5b6178;
}
.IfAdsButCollSILVER:hover {
    background: linear-gradient(to bottom, #A9A9A9 5%, #C0C0C0 100%);
    background-color: #A9A9A9;
}

.IfAdsButCollGOLD {
    box-shadow: 0px 1px 0px 0px #FFF8DC;
    background: linear-gradient(to bottom, #FFD700 5%, #DAA520 100%);
    background-color: #FFD700;
    border: 1px solid #DAA520;
    color: #333333;
    text-shadow: 0px -1px 0px #5b6178;
}
.IfAdsButCollGOLD:hover {
    background: linear-gradient(to bottom, #DAA520 5%, #FFD700 100%);
    background-color: #DAA520;
}

.IfAdsButCollGrey {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.IfAdsButCollGrey:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}

.blinkingexpire	{	animation: expiringoption 2s ease-in-out infinite; opacity: 1; background-color:#f9998d;	}
					
/* ANNONCES AUDIO */
#audiocontrols {	display: flex;	margin-top: 2rem;	}
.audiobutton {	flex-grow: 1;	height: 3rem;	min-width: 2rem;	border: none;	border-radius: 0.15rem;	background: #0072a7;	margin-left: 2px;	box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);	cursor: pointer;	display: flex;	justify-content: center;	align-items: center;	color:#ffffff;	font-size: 14px;	}
.audiobutton:hover, .audiobutton:focus {	outline: none;	background: #0072a7;	}
.audiobutton::-moz-focus-inner {	border: 0;	}
.audiobutton:active {	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);	line-height: 3rem;	}
.audiobutton:disabled {	pointer-events: none;	background:#717171;	}
.audiobutton:first-child {	 margin-left: 0;	}
.offset-md-2 audio {	display: block;	width: 100%;	margin-top: 0.2rem;	}
#formats {	margin-top: 0.5rem;	font-size: 80%;	}
#myProgress {	width: 100%;	background-color: grey;	}
#myBar {	width: 1%;	height: 30px;	  background-color: green;	}
#formats{	font-size: 14px;	}
.addaudiohidden{	display:none;	}

/* MENU DROPDOWN */
.useron	{ color:#aa2b54;	}
.useroff	{ color:#004f75;	}
.userlogout	{	color:#FF0000;	}
.ifadbxMN		{	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px;	width:60px; height:60px;	padding:12px; text-align:center;	font-weight:bold;	font-size:12px;	float:left;	margin-right:5px;	margin-bottom:5px;	}
.ifadbxMN i		{	font-size:26px;	}	

.ifadbxMFid	{ color:#da9fb2; background-color:#aa2b54;	animation: 1s infinite alternate ease-out breathing-color--dark;	}
@keyframes breathing-color--dark {
    from	{	background-color:#aa2b54;	}
    to	{	background-color:#da9fb2;	}
}
.ifadbxMSB	{ color:#000000; background-color:#FFFFFF; 	}
.ifadbxMAlt	{ color:#84049f; background-color:#e35fff; 	}
.ifadbxMRev	{ color:#c65423; background-color:#ffc1a6; 	}
.ifadbxMWm	{ color:#336600; background-color:#cccc00; 	}
.ifadbxMMya	{ color:#9bcfff; background-color:#006acc; 	}
.ifadbxMAud	{ color:#72ff63; background-color:#0d8f00; 	}
.ifadbxMVid	{ color:#ebe8e8; background-color:#7d7d7d; 	}
.ifadbxMCha	{ color:#ffc8c8; background-color:#b80000; 	}
.ifadbxMInf	{ color:#ff6600; background-color:#3e3e3e; 	}
.ifadbxMMS	{ color:#ffe777; background-color:#ff6600; 	}
.ifadbxMPub	{ color:#067088; background-color:#9fcfda; 	}
.ifadbxMSho	{ color:#ff8377; background-color:#ff0055; 	}
.ifadbxMPub	{ color:#067088; background-color:#9fcfda; 	}
.ifadbxMMyO	{ color:#ffffff; background-color:#84049f; 	}
.ifadbxMBMK	{ color:#912f83; background-color:#ffa5ff; 	}
.ifadbxMLib	{ color:#0e3f15; background-color:#50dc64; 	}
.ifadbxMIx	{ color:#ff8400; background-color:#ffd200; 	}

.ifadComment	{ border-bottom: 4px solid #A82952; border-radius: 10px; background-color:rgba(255, 255, 255, 0.2); padding:15px; margin-bottom:10px; 	}
.ifadComZone	{ display:none;	}
.ifadComDZone	{ display:block;	}
.Ttverified {   color:	#D5AD6D; /*if no support for background-clip*/
font-weight:bold;
	background: -webkit-linear-gradient(transparent, transparent),
             -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.ifadforlib	{  float: left; text-align:center; letter-spacing: 3px; font-size:16px; margin-right:7px; margin-bottom:7px; padding:5px; background-color:#333333; color:#FFFFFF; width:106px; height:106px; overflow:hidden;	}
.notificationbardiv {
  padding: 0px 20px 5px 0px;
 text-align: right;

}
.notificationbar {
  background-color: #e2e5e9;
  color: #000000;
  text-decoration: none;
  padding: 10px 10px;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  margin-right: 9px;
}

.notificationbar:hover {
  background: #ffffff;
}

.notificationbar .badge {
  position: absolute;
  top: -5px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background: red;
  color: white;
	font-size: 12px;
}


.Inside-overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.Inside-overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 25px;
}


.Inside-overlay-close {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
padding: 8px;
  font-size: 45px;
	display: block;
}
.Inside-overlay-close a:link, .Inside-overlay-close a:visited {
  text-decoration: none !important;
  color: #ffaf00 !important;
  transition: 0.3s !important;
}
.Inside-overlay-close a:hover, .Inside-overlay-close a:focus {
   color: #f1f1f1 !important;
}



/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 182, 193, 0.5); /* Rose pÃ¢le transparent */
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 50px;
  height: 50px;
  margin-top: -0.5em;

  border: 15px solid #FFB6C1; /* Rose clair */
  border-radius: 100%;
  border-bottom-color: transparent;
  -webkit-animation: spinner 1s linear 0s infinite;
  animation: spinner 1s linear 0s infinite;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.Notif-div {
    position: relative; /* Pour positionner les enfants */
    padding: 10px 10px 10px 44px; /* Espace pour l'icÃ´ne Ã&nbsp; gauche */
    border-radius: 12px; /* Coins arrondis */
    font-size: 16px; /* Taille de police lisible */
    font-family: 'Arial', sans-serif; /* Police par dÃ©faut */
    width: 90%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Ombre lÃ©gÃ¨re */
    line-height: 20px; /* Hauteur de ligne pour centrage vertical */
	margin-top:15px;
}
.Notif-div .content {
	display: inline-block; /* Permet l'alignement avec l'icÃ´ne */
    vertical-align: middle; /* Centre verticalement par rapport Ã&nbsp; la ligne */
	width: 100%;
	padding-left:10px;
}
.Notif-div .actions {
	float: right;
	font-size: 24px;	
}
















.Notif-div .round-button {
    position: relative; /* Pour positionner l'icÃ´ne */
    width: 35px; /* Taille du bouton rond */
    height: 35px; /* Taille Ã©gale pour un cercle */
    background-color: #87CEEB; /* Bleu ciel */
    border: 2px solid #4682B4; /* Bordure bleu plus foncÃ© */
    border-radius: 50%; /* Rend le bouton totalement rond */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Ombre lÃ©gÃ¨re */
    cursor: pointer; /* Curseur pointeur */
    padding: 0; /* Pas de padding */
    overflow: hidden; /* Ã‰vite tout dÃ©bordement */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Animations fluides */
	margin-right:5px;
}

/* Style de l'icÃ´ne Font Awesome */
.Notif-div .round-button .lk {
    position: absolute;
    top: 50%; /* Centre verticalement */
    left: 50%; /* Centre horizontalement */
    transform: translate(-50%, -50%); /* Ajuste pour un centrage prÃ©cis */
    font-size: 20px; /* Taille de l'icÃ´ne */
    color: #ffffff; /* IcÃ´ne blanche */
}

/* Effet au survol */
.Notif-div .round-button:hover {
    background-color: #4682B4; /* Bleu plus foncÃ© */
    transform: translateY(-2px); /* LÃ©ger soulÃ¨vement */
}

/* Effet au clic */
.Notif-div .round-button:active {
    transform: translateY(0); /* Retour Ã&nbsp; la position initiale */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* Ombre rÃ©duite */
}

/* Style pour dÃ©sactivÃ© */
.Notif-div .round-button:disabled {
    background-color: #cccccc;
    border-color: #999999;
    cursor: not-allowed;
    box-shadow: none;
}

.Notif-div .round-button:disabled .lk {
    color: #666666; /* IcÃ´ne grisÃ©e */
}


























.Notif-div .emot { position: absolute;
    left: 16px; /* Position Ã&nbsp; gauche */
    top: 50%; /* CentrÃ© verticalement */
    transform: translateY(-50%); /* Ajuste pour un centrage prÃ©cis */
    font-size: 24px; /* Taille de l'icÃ´ne */ }

.Notif-Greendiv {   background-color: #4CAF50; color: #ffffff; }
.Notif-Greendiv .emot { color: #124e00; }
.Notif-Reddiv {    background-color: #ffb5bc; color: #da0015; }
.Notif-Reddiv .emot { color: #a70008; }
.Notif-Bluediv {   background-color: #8ad7f3; color: #ffffff; }
.Notif-Bluediv .emot { color: #007ca9; }
.Notif-Orangediv {    background-color: #ffa200; color: #da0015; }
.Notif-Orangediv .emot { color: #d96100; }
.Notif-Greydiv {    background-color: #d5d5d5; color: #6e6e6e; }
.Notif-Greydiv .emot { color: #6e6e6e; }



.Notif-div .content .Notbut {
  padding: 3px 7px;
  border-radius: 6px;
  border: none;
	text-decoration: none;
  color: #fff;
		white-space: nowrap;
  background: linear-gradient(180deg, #4B91F7 0%, #367AF6 100%);
   background-origin: border-box;
  box-shadow: 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

/* Ajustements pour mobile */
@media screen and (max-width: 600px) {
    .Notif-div {	 font-size: 14px; /* Police plus petite */
        padding: 12px 12px 12px 36px; /* Espace ajustÃ© pour l'icÃ´ne */
        line-height: 20px; /* Hauteur de ligne rÃ©duite */    } 
    .Notif-div .emot { font-size: 20px; left: 12px; /* Ajustement pour mobile */	   }
}




.userstatus {
    position: relative; /* Pour positionner l'icÃ´ne */
    display: inline-block; /* Permet un cercle sans affecter le flux */
    width: 40px; /* DiamÃ¨tre du cercle */
    height: 40px; /* DiamÃ¨tre du cercle */
    border-radius: 50%; /* Cercle parfait */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Ombre lÃ©gÃ¨re */
    overflow: hidden; /* Ã‰vite tout dÃ©bordement */
}

/* Style de l'icÃ´ne Font Awesome */
.userstatus .ut {
    position: absolute;
    top: 50%; /* Centre verticalement */
    left: 50%; /* Centre horizontalement */
    transform: translate(-50%, -50%); /* Ajuste pour centrage prÃ©cis */
    font-size: 20px; /* Taille de l'icÃ´ne adaptÃ©e au cercle */
    color: #ffffff; /* IcÃ´ne blanche */
}


.headers-buttons {	float:right; border-radius:6px;	cursor:pointer;	font-family:Arial;		font-weight:bold;		text-decoration:none;	display:inline-block;	}
.headers-buttons:active	{	position:relative;	top:1px;	}
.hd-butAccount {	width:135px; padding:4px 4px; font-size:16px; box-shadow: 0px 1px 0px 0px #f0f7fa;	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);	background-color:#33bdef;	border:1px solid #057fd0;	color:#ffffff;	text-shadow:0px -1px 0px #5b6178;	}
.hd-butAccount:hover {	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);	background-color:#019ad2;	}
.hd-butCancel {	width:200px; padding:4px 4px; font-size:16px; box-shadow:inset 0px 1px 0px 0px #fff6af;	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);	background-color:#ffec64;	border:1px solid #ffaa22;	color:#333333;	text-shadow:0px 1px 0px #ffee66;	}
.hd-butCancel:hover {	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);	background-color:#ffab23;	}


.hd-butMyOpt {	width:135px; padding:4px 4px; font-size:16px; box-shadow: 0px 1px 0px 0px #FFE6CC;
    background: linear-gradient(to bottom, #FF6200 5%, #CC4E00 100%);
    background-color: #FF6200;
    border: 1px solid #CC4E00;
    color: #ffffff;
    text-shadow: 0px -1px 0px #5b6178;	}
.hd-butMyOpt:hover {	background: linear-gradient(to bottom, #CC4E00 5%, #FF6200 100%);
    background-color: #CC4E00;	}

.overlay-listvids	{
	width: 100%;
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.overlay-listvids .imgvid	{
	border:2px solid #ffaf00; 
	filter: brightness(43%);
}
.overlay-listvids .imgvid:hover	{
    filter: brightness(100%);
    transition: filter 0.25s ease;
	border:2px solid #ffffff; 
}

.UsersNear a:link{
    opacity: 1;
	color: #c600ff;
        }
.UsersNear500 a:link{
    animation: NearMe 0.3s ease-in-out infinite;
    opacity: 1;
	color: #00ff26;
        }
.UsersNear1000 a:link{
    animation: NearMe 0.6s ease-in-out infinite;
    opacity: 1;
	color: #ccff00;
        }
.UsersNear2500 {
    animation: NearMe 0.9s ease-in-out infinite;
    opacity: 1;
	color: #ffea00;
        }
.UsersNear5000 {
    animation: NearMe 1.2s ease-in-out infinite;
    opacity: 1;
	color: #ff9000;
        }
.UsersNear10000 {
    animation: NearMe 1.5s ease-in-out infinite;
    opacity: 1;
	color: #ff4200;
        }

@keyframes NearMe {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0
  }

  100% {
    opacity: 1;
  }
}


</pre></body></html>