@import "horsen_ver-1.1.css";
@import url('//fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
/* resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top; background:transparent}
body {line-height:1}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
:focus {outline:0}
ins {text-decoration:none}
del {text-decoration:line-through}
table {border-collapse:collapse; border-spacing:0}
html, body{height:100%;}
body{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:14px;
    line-height:20px;
    color:#053909;
    background:#ffffff !important;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {color: #3a723e;}
a:link { text-decoration: none; } 
a:visited {color: #3a723e;}
a:hover {text-decoration: underline;}

@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('../fonts/myriadpro-semibold.woff') format('woff');
}


input, textarea, select{border:1px solid #d4d0c8; border-top-width:2px; border-left-width:2px; border-left-color:#404040; border-top-color:#404040; border-radius:0 !important}

::-moz-selection{color:#fff; background:#696}
::selection{color:#fff; background:#696}

/* h */
h1, h2, h3, h4{padding:0; margin:0; font-weight:normal}
h1{font-size:18px; line-height:28px; font-weight:bold}
h2{font-size:16px; line-height:24px}
h3{font-size:14px; line-height:21px}
h4{font-size:12px; line-height:20px}

h1.gy{height:25px; line-height:24px; margin-bottom:10px; padding:0 10px; color:#e7e5ce; text-transform:uppercase; background:#073908}

#wrapper{margin:0 auto !important}
#wrapper.main{width:590px; text-align:center; overflow:hidden}
#wrapper.main #main-col{font-size:12px !important; line-height:20px}
#wrapper.main a{color:#030}
.clear{ clear: both;}
#wrapper.site{margin:0 auto !important}

/* home header */
#header.main{height:80px; padding:10px 0 0 0 !important; margin-bottom:35px; border-bottom:1px solid #000}

/* sites header */
#header.site{max-width: 1250px; padding: 18px 0 14px; display: flex; margin: 0 auto;font-size:12px !important; border:1px solid #ffffff}

#header.site .hlogo{width:75px; max-width: 186px; height:75px; display:block; flex-grow: 2; background:url(../images/header-logo.png) 0 0 no-repeat}
#header.site .text-logo{ text-align:center; flex-grow: 8; font-family: 'Myriad Pro Semibold', sans-serif;}
#header.site .text-logo a{font-size: 50px; line-height: normal; text-decoration:none; text-transform:lowercase; color:#900}
#header.site .text-logo a span{color:#063808}
#header.site .text-logo p{font-size:14px; margin-top: -4px; text-transform:uppercase; color:#19331a; letter-spacing:4px}

#header.site .refs{
    margin:20px 0 0 0;
    flex-grow: 2;
    text-align:right;
    max-width: 186px;
}
#header.site .refs .auth-block{
    display: inline-block;
    padding-left: 30px;
    background:url(../images/icons/login-svgrepo-com.svg);
    background-position: left center;
    background-repeat: no-repeat;
}
#header.site .refs a{font-size:15px;font-weight:normal;line-height: 19px; margin:0; text-decoration:none; color:#3a3a3a}
#header.site .refs a:hover{background:none; opacity: 0.8;}

/* home menu */
#mainmenu a{line-height:17px; text-decoration:none}

#mainmenu.main ul{height:15px; margin-bottom:30px}
#mainmenu.main ul li{width:25%; text-align:center; padding:0; margin:0; font-size:14px; font-weight:bold; float:left}
#mainmenu.main ul li a{display:inline; color:#030}

#mainmenu.site .top{ background:#c7c795;}

/* sites menu */
#mainmenu.site ul{max-width: 1250px; margin: 0 auto; list-style:none;padding:0;overflow:hidden;}
#mainmenu.site ul li{float:left; padding:0; margin:0; background:none}
#mainmenu.site ul li a{padding: 10px 16px; display:block; font-size:15px; background:none; color:#003300;font-weight:600}
#mainmenu.site ul li a:hover{
    opacity: 0.8;
}
#mainmenu.site .top ul li a{
    padding: 14px 32px 14px;
}
#mainmenu.site .top ul li:first-child a{
    padding-left: 0;
}
#mainmenu.site .top ul li:last-child a{
    padding-right: 0;
}
#mainmenu.site{
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 26px;
}
#mainmenu.site .adv{background:#003300; padding-top: 12px; padding-bottom: 12px;}
#mainmenu.site .adv ul{max-width: 1250px; margin: 0 auto;}
#mainmenu.site .adv ul li a{color:#fff; font-size: 14px;padding: 2px 24px; border-right:1px solid #657c5d}
#mainmenu.site .adv ul li:first-child a{
    padding-left: 0;
}
#mainmenu.site .adv ul li.current.active a{
    opacity: 0.8;
}
#mainmenu.site .adv ul li:last-child a{
    padding-right: 0;
    border-right:0
}

.item-page h1, #category-article h1, #contact-page h1, .category-article h1{
    font-size: 24px;
    font-weight: bold;
    color: #003300;
    margin-top: 0;
    margin-bottom: 9px;
}

/* home sitelists */
#siteslist{text-align:center; font-size:12px; line-height:22px; margin-top:40px}
#siteslist .item{padding:0; margin-bottom:30px}
#siteslist .item p a{font-weight:bold; color:#030}
#siteslist .item .img{width:175px; margin-right:15px; padding-top:5px; overflow:hidden; float:left}
#siteslist .item img{width:175px}
#siteslist .item .ml{margin-left:190px}
.img{
    margin-bottom: 12px;
}
/* sites adverts list on homepage */

.l-item{
    margin: 0 0 20px;
}
.l-item h1{
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #c7c795;
    padding: 7px 12px 7px 16px;
    margin-bottom: 12px;
    background: #003300;
}
.l-item h1 a, .mobile-url a{
    font-weight:600;
    text-decoration:none;
    float:right;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: normal;
    color: #c7c795;
    background-image: url(../images/icons/right-arrow-gold.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 9px auto;
    padding-right: 14px;
    position: relative;
    top: 2px;
}
.l-item h1 a, .l-item h1 a:hover, .l-item h1 a:active, .l-item h1 a:visited{color:#c7c795;}

.l-item .list-image-wrapper a{
    display: block;
    height: 110px;
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.l-item .img{width:145px; height:auto; float:left;}
.l-item img{/*max-width:145px; max-height:110px*/}
.l-item .title{
    max-width: 100%;
    font-size: 18px;
    font-weight:bold;
    line-height:20px;
    color: #003300;
    text-transform:uppercase;
    margin-bottom: 6px;
    padding-right: 60px;
    position: relative;
}
.l-item .title a{
    text-decoration: none;
    font-weight: bold;
    color: #003300;
}

.l-item .title span, .mobile-date-item{
    font-size:11px;
    font-weight: 600;
    line-height: normal;
    color: #868686;
    position:absolute;
    top:0;
    right:0;
    background-image: url(../images/icons/date-bg.svg);
    height: 26px;
    width: 58px;
    background-position: center center;
    background-size: 58px auto;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 4px;
}


.l-item .desc{width:calc(100% - 145px); height:auto; box-sizing: border-box; color: #424242; padding-left:20px; float:left;}
.l-item .meta{font-size:14px; color:#10250e; margin-top:7px}
.l-item .meta p{float:left}
.l-item .meta .price{width:155px; font-weight:bold; color:#10250e}
.l-item .meta .more{float:right}
.l-item .meta .more a{font-size:14px; font-weight:bold; text-decoration:none; text-transform:lowercase; color:#7f7f7f; margin-top:1px; float:right;}
.l-item .meta .more a:hover{color:#900}

/* Item details */

#breadcrumb {
    list-style: none;
    display: flex;
    margin-left: 0;
}
#breadcrumb .icon {
    font-size: 14px;
}
#breadcrumb li {
    flex: 1 auto;
}

#breadcrumb li a {
    color: #003300;
    display: block;
    background: #ececec;
    text-decoration: none;
    position: relative;
    height: 38px;
    line-height: 38px;
    padding: 0 6px 0 28px;
    text-align: left;
    margin-right: 23px;
    font-weight: 600;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: center left 2px;
}

#breadcrumb li a.item-price-label{
    background-image: url(../images/icons/price-label-icon.svg);
    background-size: 20px auto;
}
#breadcrumb li a.item-location-label{
    background-image: url(../images/icons/location-list-icon.svg);
    background-size: 17px auto;
}
#breadcrumb li a.item-details-label{
    background-image: url(../images/icons/details-link-icon.svg);
    background-size: 22px auto;
}

#breadcrumb li:first-child a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-left: 46px;
    background-position: center left 16px;
}
#breadcrumb li:first-child a:before {
    border: none;
}

#breadcrumb li a:before, #breadcrumb li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #ececec;
    border-width: 19px 10px;
    width: 0;
    height: 0;
}
#breadcrumb li a:before {
    left: -20px;
    border-left-color: transparent;
}
#breadcrumb li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #ececec;
}
#breadcrumb li a:hover {
    background-color: #e4e4e4;
}
#breadcrumb li a:hover:before {
    border-color: #e4e4e4;
    border-left-color: transparent;
}
#breadcrumb li a:hover:after {
    border-left-color: #e4e4e4;
}
#breadcrumb li a:active {
    background-color: #e4e4e4;
}
#breadcrumb li a:active:before {
    border-color: #e4e4e4;
    border-left-color: transparent;
}
#breadcrumb li a:active:after {
    border-left-color: #e4e4e4;
}
#breadcrumb li:last-child a{
    padding-left: 36px;
    padding-right: 0;
    margin-right: 10px;
}

/* content */
#content-area{padding-top:10px; max-width: 1250px; margin: 0 auto;}
#content-area #left-col, #content-area #right-col{width:320px; box-sizing: border-box; float:left; padding-right:20px}
#content-area #main-col{max-width:610px; width: 100%; box-sizing: border-box; border: solid 1px #e4e4e4; padding: 15px; background-color: #ffffff; text-align:left; color: #515151; font-size:14px; line-height:21px; float:left}
#content-area #main-col.width{width:100%}
#content-area #right-col{padding-right: 0; padding-left: 20px; float:left}

/* information */
#info-page{}
#info-page .cat-list .item {margin-bottom:10px; font-size:12px}
#info-page .cat-list .item h3.title, #info-page .cat-title{height:20px; padding:0 0 0 12px; color:#e4e8cd; font-size:14px; font-weight:bold; line-height:20px; background:#073908}
#info-page .cat-list .item h3.title a{color:#e4e8cd; text-decoration:none}
#info-page .cat-list .item .entry{padding:10px; margin-top:3px; color:#033d0d; font-size:12px; line-height:20px; background:#e5e5cd;}
#info-page .cat-list .item .entry .more-link, #info-page .articles-list .item .more-link{margin:15px 0 0 0; float:right}
#info-page .cat-list .item .entry .more-link a, #info-page .articles-list .item .more-link a{color:#758d6b; text-decoration:none; text-transform:lowercase}

#info-page .cat-title{height:25px; line-height:25px}
#info-page .articles-list h3.title{height:22px; padding:0 0 0 13px; font-size:14px; font-weight:bold; line-height:25px; color:#003402; background:#e5e5cd}
#info-page .articles-list h3.title a{color:#003402; text-decoration:none}
#info-page .articles-list .item{padding:10px; margin-bottom:20px; border:3px solid #e5e5cd}
#info-page .articles-list .item .entry{color:#000; font-size:12px; line-height:20px}
#info-page .articles-list .item .more-link{font-size:12px; margin:5px 0 0 0;}

#info-page .back-link{height:30px; border-top:1px dotted #8b8b8b; border-bottom:1px dotted #8b8b8b; }
#info-page .back-link a{color:#8b8b8b; text-decoration:none; text-transform:lowercase}
#info-page .back-link a:hover{color:#900}

#info-page .no-articles{font-size:12px}

#info-page .cat-list .articles{margin:3px 0 10px 0}
#info-page .cat-list .articles p{height:25px; line-height:25px; padding-left:10px; font-size:12px; margin-bottom:3px; background:#e5e5cd}
#info-page .cat-list .articles p a{color:#0b340a; text-decoration:none}

#info-page .gline{height:10px; margin-bottom:10px}

/* links */
.links-categories h3{font-weight:bold}
.links-page .links-categories h3, .links-page .cat-head, .links-page .links-list p{height:25px; padding-left:15px; margin-bottom:5px; font-size:14px; line-height:25px; overflow:hidden; background:#e5e5cd}
.links-page .links-categories h3 a, .links-page .links-list p a{text-decoration:none; color:#0b3609}

.links-page .cat-head{font-weight:bold}
.links-page .links-list .l{width:278px; float:left}
.links-page .links-list .r{width:279px; float:right}

/* contact form */
#contact-form{
    padding:15px 20px 16px 16px;
    border: solid 1px #c7c795;
    background-color: #f6f6e8;
    margin-top: 12px;
    border-radius: 4px;
}
#contact-form .form-tbl div .err-msg{
    margin-top: 0;
    padding-left: 150px;
}
#login-form .form-tbl div .err-msg{
    margin-left: 77px;
}
#reset-pass .form-tbl div .err-msg{
    margin-left: 145px;
}

#contact-form h2{
    font-size: 14px;
    font-weight: 600;
    color: #003300;
    margin-bottom: 14px;
}
#contact-form .form-tbl div textarea{height:150px}
#contact-form .fbtn{margin-top: 0; margin-bottom: 10px; float:right}

/* advert article */
.category-article{
    margin-bottom:14px;
}
#contact-form .form-tbl div {
    height: auto;
    margin-bottom: 6px;
    font-size: 12px;
    margin-top: 1px;
    float: none;
    clear: both;
}

.form-tbl div .err-msg {
    font-size: 11px;
    color: red;
    float: none;
    margin-left: 110px;
    clear: both;
}
.category-article ul, .item-page ul{margin-left:15px; list-style-type:disc}

.panel-text {
    padding: 10px;
    background: #e6e5cc;
    color: #003300;}
.panel-text h3{
    font-size: 16px;
    font-weight: bold;
    color: #003300;
    margin-bottom: 6px;
    padding-right: 32px;
}
.panel-text p{font-size:14px; line-height:22px; word-wrap: break-word;}
.panel-text a {color: #3a723e;}
.panel-text a:link { text-decoration: none; } 
.panel-text a:visited {color: #3a723e;}
.panel-text a:hover {text-decoration: underline;}

/* adverts listing */
.htitle.free-ad-title{
    margin-bottom: 10px;
}
.page-listing  .l-item{margin-bottom:15px}

.free-listing .l-item{height:auto; border-bottom: dashed 1px #c7c795; margin:0 0 14px 0; padding:0 0 14px 0 !important; color: #003300;}
.free-listing .l-item p{}
.free-listing .l-item .title{max-width: 100%; font-size:16px !important; margin-bottom:6px !important}
.free-listing .l-item .desc{width:100%; max-width: 90%; color: #003300; padding-left: 0; height:auto; margin:0; float:none; overflow:hidden}
.free-listing .l-item .contacts{margin:0 !important; height:auto !important}
.free-listing .l-item .contacts p{float:left;}
.free-listing .l-item .contacts p.msg{float:right}
.free-listing .l-item .contacts p.msg a, .back-link a.send-msg{
    color: #003300;
    text-decoration:none;
    text-transform:lowercase;
    font-weight: 600;
    background-image: url(../images/icons/mail-send.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 26px auto;
    padding-left: 32px;
}
.free-listing .l-item .contacts p.msg a:hover{opacity: 0.8;}
.free-listing .l-item:last-child{
    margin-bottom: 6px;
}

.no-listing{font-size:12px; margin:0 0 30px 13px}

/* send message box */
.add-msg{height:90px; margin-top:10px; text-align:right; position:relative}
.add-msg textarea{
    width:100%;
    max-width: 100%;
    height:60px;
    margin-bottom:5px;
    resize:none}
.add-msg a{
    display: block;
    padding: 4px 12px;
    text-align:center;
    font-weight: 600;
    text-decoration:none;
    color:#fff;
    background:#003300;
    border-radius: 3px;
    float:right}
.add-msg textarea.err, .im-tbl textarea.err{border:1px solid #900 !important}

/* messages */
.free-listing .l-item .lmsg{font-size:11px !important; margin-top:4px !important}
.l-item .lmsg, .adv-details .lmsg{text-align:center; font-size:11px !important; background:#e6e5cc; padding:3px 10px; margin-top:5px !important}
.l-item .lmsg.msg-quest{padding:0}
.lmsg.msg-quest a{width:100%; height:14px; line-height:14px; display:block; text-decoration:none; text-align:center; color:#003300; padding:2px 0 4px 0;}
.l-item .msg-success{}
.l-item .msg-failed{}

/* filters block */
#fb{
    padding:15px 16px 12px 15px;
    background-color: #f6f6e8;
    border-radius: 4px;
    border: solid 1px #c7c795;
    margin-bottom: 16px;
}
#fb h1{font-size:14px; font-weight: 600; margin-bottom:12px; color:#003300;}
#fb h1 span{color:#003300; float:right; font-size: 13px;}
#fb h1 span b{color:#454545; font-weight: bold;}
#fb div.r{
    width:100%;
    float: left;
}
#fb div.r .reset{
    float: right;
    margin-top: 6px;
}
#fb div.r .reset a{
    font-size: 12px;
    font-weight: 600;
    background-image: url(../images/icons/reset-icon.svg);
    background-position: center left;
    background-size: 15px auto;
    background-repeat: no-repeat;
    color: #003300;
    text-decoration: none;
    padding-left: 21px;
}
#fb div.r select, #fb div.r input,  #fb div.r p{
    float: left;
}

select, input, textarea{
    padding: 6px 12px;
    font-size: 13px;
    color: #515151;
    border: 1px solid #dee5de;
    border-radius: 3px !important;
    max-width: 290px;
    width: 100%;
    margin-bottom: 6px;
    box-sizing: border-box;
}
#contact-form select, #contact-form input, #contact-form textarea{
    max-width: 388px;
}
#contact-form input{
    margin-bottom: 0;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/icons/down-gold-arrow.svg);
    background-position: top 11px right 14px;
    background-size: 10px auto;
    background-repeat: no-repeat;
    padding: 5px 28px 5px 8px;
    min-height: 30px;
    background-color: #ffffff;
}
select::-ms-expand {
    display: none;
}
#fb div.r select.short{width: 25%; margin-left:10px}
#fb div.r input.fprice{box-sizing: border-box; width: 136px; margin-left:10px}
#fb div.r input{}

#fb .r .event-category, #fb .r .event-venue{width:140px; margin-right:10px}
#fb .r .event-venue{margin-right:0}
#fb .r .date-picker{width: 120px; float:right; margin-left:5px}

#fb .fclear{
    width: 290px;
    box-sizing: border-box;
    height:30px;
    line-height: 30px;
    font-size:12px !important;
    color:#00370a;
    position:relative;
    padding:0 0 0 4px;
    overflow:hidden;
    background:#fff;
    border:1px solid #dee5de;
    float:left;
    margin-bottom: 6px;
    border-radius: 3px;
}
#fb .fclear div{height:inherit; position:absolute; top:0; left:12px; right:45px; overflow:hidden; z-index:2;}
#fb .fclear p{width:38px; height:12px; position:absolute; top:9px; right:5px; z-index:1; font-size:11px; line-height:12px; color:#7b9e80; cursor:pointer; background:url(../images/fclear.png) right top no-repeat}

#fb .ed-box{float:right}
#fb .ed-box .fclear{width: 120px}
#fb .et-box .fclear, #fb .ev-box .fclear{width:140px}
#fb .aa-box .fclear, #fb .ah-box .fclear, #fb .ap-box .fclear{
    width: 25%;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #dee5de;
}
.page-listing #fb div.r select.short{
    width: 117px;
    margin-left: 10px;
}
.page-listing #fb .ah-box .fclear, .page-listing #fb .ap-box .fclear, .page-listing #fb .aa-box .fclear{
    width: 117px;
}
.page-listing #fb div.r input.fprice{
    width: 117px;
}

.home-top-text{
    display: block;
    height: 12px;
}
.home-adv{
    height: 18px;
    display: block;
}
.free-ads-body{
    padding: 12px 16px;
    font-weight: 600;
}
.adv-wrapper .panel-text{
    background-color: #e6e6e6;
    border-radius: 4px;
    background-image: url(../images/icons/adv-quotes-icon.png);
    background-position: top 14px right 18px;
    background-size: 28px auto;
    background-repeat: no-repeat;
    padding: 17px 20px 13px 16px;
}
.adv-button .panel-text{
    background: no-repeat;
    padding: 0;
}
.adv-button .panel-text a, .adv-wrapper.one-text-btn .panel-text a.adv-btn-special, .item-page a.adv-btn-special{
    background-color: #990000;
    padding: 10px 13px 10px 46px;
    background-image: url(../images/icons/place-add-icon.svg);
    background-position: center left 11px;
    background-size: 28px auto;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
}
.adv-button .panel-text a:hover{
    opacity: 0.9;
    text-decoration: none;
}
.adv-button .panel-text a span.arrow-btn-part, .adv-wrapper.one-text-btn .panel-text a span.arrow-btn-part, .item-page a.adv-btn-special span.arrow-btn-part{
    color: #ffc6c6;
    padding-right: 20px;
    background-image: url(../images/icons/pink-right-arrow.svg);
    background-position: center right 0;
    background-size: 9px auto;
    background-repeat: no-repeat;
    padding-left: 10px;
    float: right;
}
.adv-button .panel-text a img{
    display: none !important;
}
.adv-wrapper.one-text-btn .panel-text a.adv-btn-special, .item-page a.adv-btn-special{
    display: inline-block;
    background-size: 20px auto;
    padding: 6px 10px 5px 30px;
    margin-top: 8px;
    font-size: 14px;
}
.item-page a.adv-btn-special:hover{
    text-decoration: none;
}
.adv-wrapper.one-text-btn .panel-text a.adv-btn-special span.arrow-btn-part{
    float: left;
}

/* sort bar */
.sort-bar{padding:7px 8px; margin-bottom:10px; font-size:13px; font-weight:600; border-radius: 2px; color:#003300; background:#c7c795}
.sort-bar p{height:15px; line-height:15px; padding:0; margin-top:0; float:left}
.sort-bar p a{
    color:#003300;
    display:block;
    padding:0 20px 0 0;
    background:url(../images/sort-arrows.png) right 5px no-repeat;
    text-decoration:none;
    background-size: 10px 30px;
}
.sort-bar .date, .sort-bar .stud_fee, .sort-bar .price{margin-left:80px; float:right}
.sort-bar .desc a{
    background:url(../images/sort-arrows.png) right -18px no-repeat;
    background-size: 10px 30px;
}

/* adverts details page */
.adv-details h1{height:25px; font-size:14px; font-weight:bold; padding:4px 10px; margin-bottom:10px; line-height:25px; color:#003300; text-transform:uppercase; background:#e6e5cc}
.adv-details .props{
    border-collapse: separate;
    border-spacing: 2px;
    margin: -4px 0 10px 0;
    width: 100%;
}

#create-advert-tab-3 .adv-details .props{
    margin-left: -2px;
}

.adv-details .props.first-props-table{
    margin-bottom: 0;
}
.adv-details .props.horse-props{
    display: none;
}
.adv-details .props td{vertical-align:middle; height:25px; font-size:12px; line-height:14px; color:#003300;}
.adv-details .props td p{font-size:14px !important; line-height: 14px; padding:2px 9px; margin:0; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
.adv-details .props .p{width:108px; font-weight:bold; background:#e5e5cd}
.adv-details .props .p p{width:100px}
.adv-details .props .v{width:178px; background:#f2f2e6}
.adv-details .props .v p{width:150px}
.adv-details .props a{color:#669966; text-decoration:none}
.adv-details .props a:link { text-decoration: none; } 
.adv-details .props a:visited {color: #669966;}
.adv-details .props a:hover {text-decoration: underline;}

.adv-details .desc{font-size:14px; line-height:21px; color:#4c4c4c; overflow:hidden}
.adv-details .back-link a{font-size:14px; color:#003300; text-transform:lowercase; float:left}
.back-link a.send-msg{color:#003300 !important; float:right}
.back-link a.send-msg:hover{color:#003709 !important}

.back-link{height:30px; border-top:1px dotted #8c8e8b; border-bottom:1px dotted #8c8e8b; margin-top:15px; text-align:right}
.back-link a{font-size:14px; line-height:30px; font-weight: 600; text-decoration:none}
.back-link a:hover{color:#3a723e !important}

.adv-details  p.msg{margin-top:10px; font-size:12px; text-align:right; font-weight:bold;}
.adv-details p.msg a{color:#333; text-decoration:none}

/* advert gallery */
.adv-gallery{
    margin: 0 0 15px 0;
    float: left;
    width: 100%;
}
.adv-gallery .main-img{overflow:hidden; height: 430px; padding:0; text-align:center; margin-bottom: 14px;}
.adv-gallery .main-img img{width:auto !important; height:auto !important; max-width:578px !important; max-height:430px !important;}

.adv-gallery ul{ padding:0; margin-left: 0; text-align: center}
.adv-gallery ul li{ margin:0 0 6px 0; width: 80px; height: 60px; background-size: contain; display: inline-block;
    background-position: top center; background-repeat: no-repeat; padding:0; text-align:left; vertical-align:center; overflow:hidden; cursor:pointer}
.adv-gallery ul li img{max-width:89px; display: none !important; max-height:63px; width:auto !important; height:auto !important}

/* user profile */
#ucontent, #upcontent{background:#F6F6E8}
#ucontent .data-tbl, #ucontent .legend-tbl{width:100%; font-size:14px; color:#023c0a}
#ucontent .data-tbl a{text-decoration:none}
#ucontent .data-tbl th, #ucontent .legend-tbl th{font-weight:bold; text-align:left}
#ucontent .data-tbl th, #ucontent .data-tbl td{min-height:25px; background:url(../images/profile-tbl-bg.gif) left bottom repeat-x}
#ucontent .data-tbl tr td{padding:2px 0}
#ucontent .data-tbl .inactive td{color:#73936a}
#ucontent .data-tbl .deleted td{text-decoration:line-through}

#ucontent .im-tbl .readed{font-weight:normal; color:#73936a}
#ucontent .im-tbl .readed a{color:#73936a}
#ucontent .im-tbl .expanded td table{width:100%}
#ucontent .im-tbl .expanded td table tr{font-weight:normal}
#ucontent .im-tbl .expanded td table td{background:none}
#ucontent .im-tbl .expanded td td.mname{width:100px}
#ucontent .im-tbl .expanded td td.mtext div{height:100%; margin:-1px 0; padding:0 6px; background:#f2f2e6}
#ucontent .im-tbl .fbtn{float:right; margin:5px 0}
#ucontent .im-tbl textarea{width:428px; height:45px; padding:5px; font-size:11px; color:#666; border:1px solid #fff; background:#fff; resize:none}


#ucontent #register-form{margin:0; padding:5px 0; background: none; float: left; border: none;}
#ucontent #register-form .req{margin-right:12px}	
#ucontent #register-form .fbtn{margin:0 16px 0 0; font-weight: bold;}
#ucontent #register-form #findbypc, #ucontent #register-form .pcode-text{float:left; margin:0 10px 0 0}
#ucontent #register-form #switch{float:left}

.ui-widget-header{background:#cccc9a}
.ui-tabs{padding:0}
#user-profile .ui-tabs .ui-tabs-nav{padding:0; background-color: #ffffff; border-radius: 0;display: flex;}
#user-profile .ui-tabs .ui-tabs-nav li{top:0; padding:0; margin:0 2px 0 0; border:0; height:30px; background:none}
#user-profile .ui-tabs .ui-tabs-nav li.ui-tabs-selected{
    background-color: #f6f6e8;
}
#user-profile .ui-tabs .ui-tabs-nav li{
    background-color: #c7c795;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
#user-profile #ucontent{
    background-color: #f6f6e8;
}
#user-profile .ui-tabs .ui-tabs-nav li a{
    color:#003300;
    font-weight: 600;
    text-align: left;
    width: auto;
    font-size: 14px;
    font-family: 'Open Sans';
    text-transform:uppercase;
    padding: 6px 23px;
}
#user-profile .ui-tabs .ui-tabs-panel{
    padding: 15px 20px 15px 16px;
}

#user-profile .ui-tabs .ui-tabs-nav li:first-child a{
    padding-left: 16px;
}
.profile-text p{
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #003300;
}
#user-profile #register-form{
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-bottom: dashed 1px #c7c795;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{padding:0; background:#f6f6e8}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color:#003300}
.ui-tabs .ui-tabs-panel{padding:15px 10px}
.ui-corner-all, .ui-tabs li{border:0; border-radius:0}
.ui-widget{color:#003300;}
.ui-widget-content{color:#003300 !important}

#register-form .ui-widget a{
    color: #ffffff;
}
.ui-tabs .ui-tabs-panel{
    background-color: #f6f6e8;
}
.tabs-section .panel-text a:hover{
    text-decoration: none;
    opacity: 0.9;
}
.ui-widget-content a.fbtn-wide{
    color: #ffffff;
}
#ucontent ul li a{width:100%; padding:6px 20px; text-align:center}
#ucontent ul li{}
#ucontent ul li.tab-dirs{border:0}

#user-profile .profile-in-text{margin:20px 0}
#user-profile  .refresh{margin:10px 0 0 0; float:left}
#user-profile  .add-new{margin:10px 0 0 0; float:right}

/* profile tab */
#tab-profile h2{font-weight:600; font-size:14px;}
#tab-profile form{margin-top:15px !important}
#tab-profile .usr-tbl{width:540px}
#tab-profile .usr-tbl div{width: 100%; float: left; margin-bottom:2px}
#tab-profile .usr-tbl div.clr{height:15px}
#tab-profile .usr-tbl div label{width:136px; display:block; padding-top:3px; font-size:14px; float:left}
#tab-profile .usr-tbl div input.short{width:310px}
#tab-profile .usr-tbl div p{padding:2px 5px; color: #515151; font-size:14px; float:left}
#tab-profile .usr-tbl div.check input{width:14px; height:14px; border:1px solid #f2f2e6 !important; padding:0; margin:6px 0 0 0; color:#1c451b; float:left; background:#f2f2e6}
#tab-profile .usr-tbl div.find-address input{/*display:none*/}
#tab-profile .usr-tbl div select{float:left;}
#tab-profile .sep-line{width:540px !important; padding-bottom:12px !important; margin-bottom:10px !important; background: url(../images/profile-tbl-bg.gif) left bottom repeat-x;}
#tab-profile .p-submit{width:100% !important; margin-top:15px}
#tab-profile .pp-submit{margin:15px 0 0 0 !important; float:right}
#tab-profile .fbtn, #user-profile .fbtn{margin:0 !important}

#main-col .ui-widget input, #main-col .ui-widget select, #main-col .ui-widget textarea, #main-col .ui-widget button, #main-col .ui-widget{
    font-family: 'Open Sans';
    font-size: 14px;
}
#main-col .ui-widget{
    padding: 0;
}
.ui-tabs .ui-tabs-nav{
    padding: 0;
}
#ucontent .ui-tabs #register-form{
    border-bottom: dashed 1px #c7c795;
}
#user-profile #register-form.register-second{
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}
#upcontent{
    padding:10px;
    float: left;
    box-sizing: border-box;
    width: 100%;
}
#upcontent .info-msg{font-size:12px; margin-top:10px}

/* status */
#ucontent .data-tbl .status p{width:14px; height:14px; float:left; margin:3px 0 0 0}

#ucontent .legend-tbl{font-size:14px}
#ucontent .legend-tbl p{width:100%; min-height:16px; line-height:16px; margin:1px 0}
#ucontent .legend-tbl .status p{padding:0 0 2px 20px; line-height:11px; background-repeat:no-repeat}

#ucontent .status .icon-new{background-image:url(../images/icon-status-new.png)}
#ucontent .status .icon-published{background-image:url(../images/icon-status-published.png)}
#ucontent .status .icon-awaiting{background-image:url(../images/icon-status-awaiting.png)}
#ucontent .status .icon-pause{background-image:url(../images/icon-status-pause.png)}
#ucontent .status .icon-suspended{background-image:url(../images/icon-status-suspended.png)}
#ucontent .status .icon-rejected{background-image:url(../images/icon-status-rejected.png)}
#ucontent .status .icon-archived{background-image:url(../images/icon-status-archived.png)}
#ucontent .status .icon-new{background-image:url(../images/icon-status-new.png)}

#tab-profile .usr-tbl div.text-label-info{
    margin-bottom: 10px;
}
/* legend */

/* user adverts */
/*#user-adverts h2{height:25px; font-size:14px; font-weight:bold; padding:0 10px; margin-bottom:10px; line-height:25px; color:#00370a; text-transform:uppercase; background:#e6e5cc}/**/
#user-adverts h2{
    color: #c7c795;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 12px 7px 16px;
    margin-bottom:12px;
    line-height:normal;
    background:#00370a;
}
#user-adverts{margin-top:20px}
#user-adverts .l-item{
    margin-bottom:15px;
    border-bottom: dashed 1px #c7c795;
    padding-bottom: 12px;
}


/* banners */
#left-col .banneritem{text-align:left}
.banneritem img{
    max-width: 100%;
}
#right-col .banneritem{text-align:right}
#left-col .banneritem, #right-col .banneritem{height:auto; overflow:hidden; margin-bottom:16px}
#left-col .banneritem img, #right-col .banneritem img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.b-bottom{width:100%; padding:60px 0 20px 0; text-align:center; overflow:hidden}
.b-bottom .banneritem{width:728px; height:auto; max-height:90px; overflow:hidden; margin:0 auto}
.b-bottom img{max-width:940px}

/* forms */
.form-tbl div{height:30px; margin-bottom:0}
.form-tbl div.desc{height:100px}
.form-tbl div label{width:150px; display:block; font-size:14px; float:left}
.form-tbl div .err-msg{
    font-size:12px;
    color:#990000;
    margin-top: -5px;
    margin-left: 0;}

.mobile-carousel-one,.mobile-carousel-sec{
    display: none;
}

.form-tbl .submit-btn{width:70px; font-size:12px; line-height:18px; padding:0 10px; color:#000; border:1px solid #404040; background:#c7c795; cursor:pointer}

.form-tbl-data div{height:20px; margin-bottom:5px}
.form-tbl-data label{width:150px; display:block; font-size:13px; float:left}

.dirs-tbl div label{width:120px}

/* events list */
#create-event-step-4 .events-tbl {margin-bottom: 10px;}
.events-tbl table{width: 100%;}
.events-tbl table{vertical-align:center!important}
.events-tbl .month .htitle{margin: 0 0 8px;}
.events-tbl .week td{color:#003300; background:#e7e7e7;font-size: 14px;font-weight: 600; border-radius: 2px; padding: 4px 8px;}
.events-tbl .nobt td{border-top:0}
.events-tbl td{padding:2px 3px; font-size:13px; font-weight: normal; color:#003300;}
.events-tbl .month td{
    padding: 0;
}
.events-tbl .premium td{padding:5px 3px; border-top:5px solid #fff}
.events-tbl .premium-desc td{border-bottom:5px solid #fff; line-height: 1.5;}
.events-tbl .premium td, .events-tbl .premium-desc td{font-weight:bold; background:#c7c795; color:#003300}
.events-tbl .premium-desc td{font-weight:normal; line-height:18px; padding:0 3px 10px 3px;}
.events-tbl .premium a{color:#003300}
.events-tbl .e-date{width:45px; padding-right: 2px;}
.events-tbl .e-day{width:28px}
.events-tbl .e-cat{width:105px}
/*.events-tbl .e-title{width:242px}/**/
.events-tbl .e-venue{width:128px}
.events-tbl .e-link{width:17px; text-align:right}
.events-tbl .e-link a{
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    margin: 2px 0 0 0;
    cursor: pointer;
    background-image: url(../images/icons/info-icon.svg);
    background-repeat: no-repeat;
}
.events-tbl .e-pre{width:74px}

.events-tbl .premium .e-link a{margin-right:2px;}
.events-tbl .line{padding:0}
.events-tbl .sep{padding:0; height:15px}
.events-tbl .sep p{height:10px; margin-top:10px;}
.events-tbl a{color:#636363}

/* directories */
#add-dir-page .htitle{margin-bottom:20px}
#add-dir-page .email-own{position:relative}
#add-dir-page .email-own .tip{position:absolute; left:148px; top:15px}

/* links */


/* socials feeds */
.facebook-feed{}
.twitter-feed{overflow:hidden}
.twitter-feed .twtr-ft{display:none !important}

/* social footer buttons */
.social-btns{margin:5px 10px 0 0;}
.social-btns .social a{color: #ffffff;}

.social-btns .fb-like{width:131px; overflow:hidden}
.social-btns .tw{width:64px}
.social-btns .twitter-user{font-size:12px; font-weight:bold}

/* social links */
.social-btns {position:relative;}
.social-btns .social{
    display: inline-block;
    position: relative;
    top: -10px;
}
.social-btns .social p{font-size:12px; font-weight:bold; line-height:15px; color:#686868; margin-right:7px; float:left}
.social-btns .social a{width:39px; height:39px; display:block; float:left; margin-right:14px}
.social-btns .social a.fb{background:url(../images/icons/facebook-icon.svg) left top no-repeat}
.social-btns .social a.tw{background:url(../images/icons/twitter-icon.svg) left top no-repeat; margin-right: 0;}


/* homepage text blocks */
.home-text{
    font-size:14px;
    margin-top:25px
}
.home-text h2{
    color: #003300;
}
.home-text p{
    color: #424242;
}
.home-text hr{
    border-top: 1px dashed #dadada;
    border-bottom: 0;
}

/* captcha block */

/* registration form */
#register-form, #reset-form{padding:10px 40px 20px 10px; border-radius: 4px; margin-top:15px; border: solid 1px #c7c795; background:#f6f6e8}
#register-form h3, #reset-form h3{font-size:14px; font-weight:bold; margin-bottom:5px}
#register-form .sub-head{font-size:14px; font-weight:bold}
#register-form .form-note, #reset-form .form-note{color:#607b58; font-size:14px; margin-bottom:12px}
#register-form .form-tbl div, #reset-form .form-tbl div{ margin-bottom: 6px;}
#register-form div label, #reset-form div label{width:184px; font-size:14px; margin-top:1px}
#register-form .req{font-size:14px; color:#b0b192; float:right; margin:10px 0 0 0}
#register-form .fbtn{float:right}
#register-form #recaptcha-form{}
#register-form #recaptcha_table{float:right}
#register-form .agreement{height:15px; font-size:14px; margin-bottom: 10px; line-height:16px; padding:0}
#register-form .agreement input, #register-form .agreement p{float:left; margin:0 6px 0 0}
#register-form .agreement input{width:14px; height:14px; margin-top:2px}
#register-form .clr{height:5px !important; margin:0 !important; overflow:hidden}

#reset-form{padding:10px 10px 20px 10px}
#reset-form div label{width:145px}
#reset-form .fbtn{margin:20px 70px 0 0; float:right}


/* login page */
#login-block{
    padding:10px 10px 15px 10px;
    margin-top:15px;
    font-size:12px;
    color:#617c59;
    border-radius: 4px;
    background:#f6f6e8;
    border: solid 1px #c7c795;
}
#login-block .fbtn{
    color: #fff;
    padding: 5px 15px;
}
#login-block h3{font-size:14px; margin-bottom:5px; font-weight:bold; color:#00370a}
#login-block p{line-height:20px; font-size: 14px;}

#login-block .fleft{width:255px; height:190px; padding-right:20px; position:relative; border-right:1px solid #c2c2a6}
#login-block .fleft a.fbtn{position:absolute; bottom:0; right:17px}

#login-block .fright{width:258px; position:relative}
#login-block .fright .form-tbl{margin-top:10px}
#login-block .fright .form-tbl div{min-height:28px; margin:0; display: inline-block;}
#login-block .fright .form-tbl div label{width:78px; font-size:14px; margin-top:1px; color:#00370a}
#login-block .fright .form-tbl div input{width:172px; height:22px; padding:0 5px; border:1px solid #e0dedf}
#login-block .req{
    font-size:12px;
    color:#b0b192;
    text-align: right;
    margin-bottom: 10px;
    position: relative;
    bottom: -4px;
}
#login-block .reset{color:#748f6c; font-size: 14px; bottom: -5px; position: relative; text-decoration:none; display:block; float:left; left:0;}
#login-block .fbtn{position:relative; right: 0; float: right; bottom:0}
.inner-tabs{
    margin-top: 16px;
}
#login-block .fright .form-tbl div.line-login{
    display: initial;
}
#login-block .line-login p.err-msg{
    font-size: 12px;
    position: relative;
    top: -4px;
}
/* footer */
#footer.main{padding:30px 0 20px 0; font-size:12px; text-align:left}

.footer-inner{
    max-width: 1250px;
    margin: 0 auto;
    text-align: center;
}
#login-block .fright .form-tbl div.line-login{
    display: block;
}
#login-block .fright .form-tbl div.line-login{
    display: initial;
}
#footer.site {padding: 26px 20px 24px; color:#ffffff; font-size:15px; margin-top:40px; background:#003300;}
#footer.site  p.copy{display: inline-block;}
#footer.site  ul.menu{
    display: inline-block;
    line-height: 15px;
    margin-left: 16px;
    margin-top: 3px;
}
#footer.site  ul.menu li{display: inline-block; border-left:1px solid #fff !important}
#footer.site  ul.menu li, #footer ul.menu li a{padding:0; margin:0; border:0; font-size:15px; color:#fff; background:none}
#footer.site  ul.menu li a{margin: 0 16px; text-decoration:none;}

/* ratecard */
#ratecard table{margin:10px 0; border-top:1px solid #fff; border-right:1px solid #fff}
#ratecard table th, #ratecard table td{border-bottom:1px solid #fff; border-left:1px solid #fff; padding:2px 0 2px 10px; font-size:12px; color:#013b08; background:#c7c795}
#ratecard table th{font-weight:bold}
#ratecard table td{color:#013b08; background:#e6e5cc}



/* general elements */
.fbtn, .fbtn-wide, .create-advert-button, .create-event-button, .create-dir-button{
    display: block;
    border: 0;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #003300;
    padding: 6px 36px;
    border-radius: 3px;
    font-size: 13px;
    width: auto;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: normal;
}
.panel-text a.create-advert-button, .panel-text a.create-event-button, .panel-text a.create-dir-button{
    color: #ffffff;
}
.panel-text a.create-advert-button:hover, .panel-text a.create-event-button:hover, .panel-text a.create-dir-button:hover{
    border-top: none
}
.fbtn-wide{}
.refresh .fbtn-wide{
    color: #ffffff;
    font-weight: bold;
}

/* other */
.hide{display:none !important}
.nom{margin:0 !important}
.nop{padding:0 !important}
.nob{border:0 !important}
.nobt{border-top:0 !important}
.fleft{float:left !important}
.fright{float:right !important}
.htitle, #dirs-list .item h3{
    padding:8px 16px;
    font-size:16px;
    margin-bottom: 14px;
    font-weight:bold;
    color: #c7c795;
    background: #003300;
    border-radius: 4px;
}
#dirs-list .item h3{
    margin-bottom: 6px;
}
.sep{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ccc}
.loading{width:100%; height:11px; padding:10px 0; background:url(../images/loading.gif) center center no-repeat}
.notice-msg{font-size:14px; line-height:20px; color:#0A3C09}
.gline{width:100%; height:15px; border-bottom:1px dotted #ccc; margin-bottom:15px}
.bold{font-weight:bold !important}
.nobold{font-weight:normal !important}
.clr{clear:both}
.wait{font-size:14px; color:#979a61 !important; line-height:18px; margin:0 0 0 10px}
.deletePhoto{height:16px; font-size:14px; line-height:18px; color:#979a61 !important; margin:0; display:block; padding:0 0 0 25px; background:url(../images/ok.png) 0 0 no-repeat}
.deletePhoto:hover{color:#023403 !important}
.hidden{display:none}
.visible{display:inline}

/* -- form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/* -- buttons */
#editor-xtd-buttons {padding: 0px;}
.button2-left,.button2-right,.button2-left div,.button2-right div {float: left;}

.pc-short #jform_post_code{width:190px !important}

/* Tooltips */
div.tooltip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px}
div.tooltip h4{padding:0; margin:0; font-size:95%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px}
div.tooltip p{font-size:90%; margin:0}

/* Calendar */
a img.calendar {width:16px; height:16px; margin-left:3px; cursor:pointer; vertical-align:middle}

/* System Messages */
.error{padding:0px; margin-bottom:20px}
.error h2{color:#000 !important; font-size:1.4em !important; text-transform:uppercase; padding:0 0 0 0px !important}

#system-message{margin:0; border-left:0; border-right:0; font-size:12px; line-height:15px}
#system-message dt{font-weight:bold}
#system-message dd{margin:0 0 15px 0; text-indent:0px; padding:0} 
#system-message dd ul{color:#000;	list-style:none; padding:0px}
#system-message dd ul li{line-height:1.5em}
#system-message dt.message{position:absolute; top:-2000px; left:-3000px;}

/* System Standard Messages */
#system-message dd.message ul{padding:5px; border:2px solid #990000; font-weight:normal; color:#990000; background:#e5e5cd}
#system-message dd.message ul li{background:none !important}

/* System Error Messages */
#system-message dt.error{position:absolute; top:-2000px; left:-3000px}
#system-message dd.error ul{padding:5px; border:2px solid #990000; font-weight:normal; color:#990000; background:#e5e5cd}

/* System Notice Messages */
#system-message dt.notice{position:absolute; top:-2000px; left:-3000px}
#system-message dd.notice ul{padding:5px; border:2px solid #990000; font-weight:normal; color:#990000; background:#e5e5cd}


/* Success Standard Messages */

/* System Error Messages */
.success-msg #system-message dd.message ul{padding:5px; border:2px solid #003300; font-weight:normal; color:#003300; background:#e5e5cd}

/* System Error Messages */
.success-msg #system-message dd.error ul{padding:5px; border:2px solid #003300; font-weight:normal; color:#003300; background:#e5e5cd}

/* System Notice Messages */
.success-msg #system-message dd.notice ul{padding:5px; border:2px solid #003300; font-weight:normal; color:#003300; background:#e5e5cd}

.displayNone{
    display: none;
}

/* Mobile menu */

#mobilemenu {
    position: fixed;
    padding-top: 60px;
    top: 0;
    left: -358px;
    background-color: #f6f6e8;
    height: 100%;
    width: 100%;
    max-width: 358px;
    box-shadow: 0 0 3px rgba(42, 42, 42, 0.1);
    z-index: 1000;
    -webkit-transition: .5s;
    transition: .5s;
    display: none;
}
.mobilemenu-wrapper{
    height: 100%;
    overflow: auto;
}
@media screen and (max-width:990px){
    #mobilemenu{
        display: block;
    }
    .site-header__logo, #AccessibleNav{
        display: none;
    }
}

#mobilemenu.active-menu {
    left: 0;
}

#mobilemenu .site-nav__dropdown{
    display: block;
    background: none;
    border: none;
    padding: 0 0 45px 0;
    width: 100%;
    border-bottom: 1px solid #a7a5a6;
    margin-bottom: 33px;
    position: static;
}
#mobilemenu > .mobilemenu-wrapper > .mobilemenu-view > .menu > ul{
    display: block;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
#mobilemenu > .mobilemenu-wrapper > .mobilemenu-view > .menu > ul > li > a{
    font-size: 18px;
    color: #454545;
    padding-left: 0;
    padding-bottom: 12px;
}
#mobilemenu a:active, #mobilemenu a:hover {
    text-decoration: none;
}
#mobilemenu > .mobilemenu-wrapper > .mobilemenu-view > .menu > ul > li.site-nav--has-dropdown > a{
    padding-bottom: 3px;
}

#mobilemenu .icon.icon--wide.icon-chevron-down{
    display: none;
}
#mobilemenu .site-nav{
    margin: 0 20px;
}
#mobilemenu.active-menu .menu-name{
    display: block;
}
#mobilemenu .page-container{
    /*position: fixed;*/
    /*top: 131px;*/
    /*bottom: 0;*/
    /*overflow-y: auto;*/
    width: 100%;
}
#mobilemenu .site-nav li{
    display: block;
}
#mobilemenu ul li ul a.site-nav__link{
    color: #a7a5a6;
    padding-top: 0;
    line-height: 21px;
}

.mobilemenu-wrapper button:focus, .mobilemenu-wrapper a:focus{
    outline: none;
}
.mobilemenu-trigger {
    line-height: 42px;
    position: relative;
    z-index: 10000;
    cursor: pointer;
    display: none;
}
.mobilemenu-trigger button.active-menu{
    padding: 18px 18px;
}
.mobilemenu-trigger button.active-menu span.box {
    height: 12px;
    left: -10px;
    top: 2px;
    width: 38px;
}
.td-mob-hide{
    display: none;
}
#ucontent .im-tbl textarea{
    width: 100%;
    max-width: 100%;
}

@media (max-width:1100px){
    .site-nav li {
        padding-left: 3px;
        padding-right: 3px;
    }
}
@media screen and (max-width: 1024px){
    .item-page img{
        max-width: 100%;
    }
    #fb .ed-box.from-block{
        width: 140px;
    }
    #fb .ed-box.to-block{
        width: calc(100% - 140px);
    }
    #fb .r .ed-box .date-picker{
        width: 100%;
    }
    #fb .r .ed-box.to-block .date-picker{
        max-width: 140px;
        margin-left: 10px;
        float: left;
    }
    #fb .ed-box .fclear{
        margin-left: 0 !important;
        width: 140px;
    }
    #fb .ed-box.to-block .fclear{
        margin-left: 10px !important;
    }
}
@media screen and (max-width: 1020px){
    .site-nav li {
        padding-left: 2px;
        padding-right: 2px;
    }
    .site-nav li:last-child a{
        font-size: 14px;
    }
}
@media (max-width:990px){
    .mobilemenu-trigger {
        display: block;
    }
    #header.site .refs{
        margin: 0;
    }
    .site-nav li a{
        font-size: 15px;
    }
    .site-nav li:last-child a{
        background-color: transparent;
        font-weight: normal;
        font-size: 15px;
    }
    .site-header.home-header .site-nav li.site-nav--active a{
        border: none;
    }
    #mobilemenu > .mobilemenu-wrapper > .mobilemenu-view > .menu > ul > li{
        padding-left: 0;
        padding-right: 0;
    }
    #mobilemenu > .mobilemenu-wrapper > .mobilemenu-view > .menu > ul > li > a{
        background-image: url("../images/icons/right-arrow-gold.svg");
        background-repeat: no-repeat;
        background-size: 8px auto;
        background-position: center right;
        border-bottom: 1px solid #c7c795;
        text-align: left;
        font-weight: normal;
        font-size: 14px;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .mobile-carousel-one,.mobile-carousel-sec{
        display: block;
        margin-bottom: 6px;
    }
    #advert-page .panel-text{
        margin-bottom: 10px;
    }
    #user-profile .ui-tabs .ui-tabs-nav li a{
        padding: 6px 12px;
    }
    .carousel-wrapper{
        padding-left: 14px;
        padding-right: 14px;
    }
    .show-mob.actions-list{
        display: contents !important;
        text-align: right;
    }
    .actions-list .table-actions-ads{
        background: none !important;
    }
    .usr-tbl .website-url p{
        max-width: calc(100% - 140px);
    }
    .usr-tbl .website-url p a{
        word-break: break-all;
    }
}
.owl-carousel .owl-item img{
    height: auto;
}
.owl-dots{
    text-align: center;
}
.owl-dots .owl-dot span{
    border-radius: 50%;
    border: solid 1px #979797;
    background-color: #ffffff;
    height: 10px;
    width: 10px;
    display: inline-block;
    margin: 12px 4px 12px;
}
.owl-dots .owl-dot.active span{
    background-color: #e9e9e9;
}
.mobilemenu-trigger button {
    width: auto;
    height: 100%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    padding: 20px 12px 22px 35px;
    position: relative;
}

.mobilemenu-trigger button span.box {
    display: block;
    position: absolute;
    width: 30px;
    height: 22px;
    margin: auto 0;
    top: 0;
    left: 12px;
    right: 0;
    bottom: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}
.mobilemenu-trigger button span.box span.bar {
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #003300;
    position: absolute;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 8px;
}
.mobilemenu-trigger button span.box span.bar.top {
    top: 2px;
}
.mobilemenu-trigger button span.box span.bar.middle {
    top: 10px;
    margin: 0;
}
.mobilemenu-trigger button span.box span.bar.bottom {
    bottom: 1px;
}
.mobilemenu-trigger button.active-menu span.box span.bar {
    width: 60% !important;
    background-color: #003300;
}

.active-menu .menu-name{
    display: none;
}
.mobilemenu-trigger button.active-menu span.box span.bar.top {
    -webkit-transform: rotate(45deg) translate(2px, 2px);
    transform: rotate(45deg) translate(2px, 2px);
    top: 0;
}
.mobilemenu-trigger button.active-menu span.box span.bar.middle {
    opacity: 0;
}
.mobilemenu-trigger button.active-menu span.box span.bar.bottom {
    -webkit-transform: rotate(-45deg) translate(3px, -3px);
    transform: rotate(-45deg) translate(3px, -3px);
    bottom: 2px;
}
#mobilemenu .mobilemenu-wrapper .mobilemenu-view {
    position: relative;
    z-index: 1;
    padding-bottom: 0;
}
#mobilemenu .mobilemenu-wrapper .menu {
    width: calc(100% - 20px);
    padding-bottom: 0;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}

#header.site .auth-block-mobile a{
    padding-left: 10px;
    line-height: 14px;
    padding-right: 10px;
}
.auth-block-mobile{
    padding-left: 20px;
    background:url(../images/icons/login-svgrepo-com.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-top: 2px;
    padding-bottom: 4px;
    text-align: left;
    margin: 0 20px 20px 20px;
}
.auth-block-mobile a:first-child{
    border-right: 1px solid #cccccc;
}

.show-mob{
    display: none;
}
.mobile-url{
    border-bottom: dotted 1px #cbcbcb;
}
.site a{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
}
.tabs-section textarea{
    min-height: 120px;
}
.mobile-url a{
    background-color: #003300;
    display: block;
    text-align: right;
    font-size: 12px;
    padding: 4px 26px 4px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    float: none;
    background-position: center right 10px;
}
a.red-btn{
    background-color: #990000;
    padding: 6px 14px 6px 14px;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    display: inline-block;
}
a.red-btn:hover{
    text-decoration: none;
    opacity: 0.8;
}
.adv-details .props .v p{
    box-sizing: border-box;
}
#ucontent .im-tbl .fbtn{
    color: #fff;
}
#ucontent .im-tbl .fbtn.im-reply{
    margin-bottom: 4px !important;
}
.create-advert-button.red-submit, .fbtn.red-submit{
    background-color: #990000;
}
.fbtn.red-submit.disabled{
    background-color: #9900007d!important;
}
.red-submit{
    -webkit-appearance:none;
    opactiy: 1
}
.cell.logo-upload-block{
    float: left;
}
.page-listing .l-item {
    border-bottom: dashed 1px #c7c795;
    padding-bottom: 12px;
}
.e-contact{
    width: auto;
    max-width: 100%;
    clear: left;
    float: left;
    margin-bottom: 10px;
    font-weight: 600;
    color: #003300;
    word-wrap: break-word;
}
#user-profile #tab-profile h2{
    color: #003300;
    font-weight: bold;
    font-size: 20px;
}
#user-profile #tab-profile .usr-tbl div p,#user-profile #tab-profile .usr-tbl div label{
    color: #003300;
}
#user-profile #tab-profile .usr-tbl div label{
    font-weight: bold;
}

#create-advert-tab-3-images-container .adv-gallery ul li{
    background-size: contain;
}
#create-advert-form .form-tbl div.main-img{
    height: 327px;
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
    /*select,*/
    /*textarea,*/
    /*input {*/
        /*font-size: 16px;*/
        /*transform-origin: top left;*/
        /*transform: scale(0.8125);*/
    /*}*/
/*}*/
#events-page .events-tbl td{
    font-size: 13px;
}
.website-url p{
    width: calc(100% - 150px);
    word-wrap: break-word;
}

@media screen and (max-width: 1280px) {
    #header.site, #mainmenu.site .top, #mainmenu.site .adv ul, #content-area, .footer-inner{
        padding-left: 20px;
        padding-right: 20px;
    }
    #content-area #left-col, #content-area #right-col{
        width: 260px;
    }
    #content-area #left-col img, #content-area #right-col img{
        max-width: 100%;
    }
    #mainmenu.site .top ul li a {
        padding: 16px 22px 15px;
    }
    #mainmenu.site ul{
        text-align: center;
        display: inline-block;
    }
    #mainmenu.site .adv, #mainmenu.site .top{
        text-align: center;
    }
    #mainmenu.site .adv ul li a{
        padding: 2px 12px;
    }
    #content-area #main-col{
        width: calc(100% - 520px);
    }
    .left-col.dir-subcategory, .right-col.dir-subcategory{
        width: 100%;
    }
    #dirs-list .item .dir-subcategory p{
        height: auto;
    }
    .left-col.dir-subcategory p{
        margin: 2px 2px 2px 0;
    }
    .right-col.dir-subcategory p{
        margin: 2px 0 2px 0px;
    }
    #dirs-list .item .dir-subcategory p a{
        display: block;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    #dirs-list .item .dir-subcategory p a:focus{
        background: none;
        outline: none;

    }
    #user-profile #register-form{
        width: 100%;
    }
    #user-profile .ui-tabs .ui-tabs-nav li{
        flex: 1 1 auto;
    }
    #user-profile .ui-tabs .ui-tabs-nav li a{
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    .ui-helper-clearfix:after{
        font-size: 0;
    }
}
@media screen and (max-width: 1210px) {
    .l-item .desc{
        max-width: calc(100% - 155px);
        margin-left: 0;
        padding-left: 10px;
    }
    #breadcrumb li a{
        display: flex;
        align-items: center;
        line-height: normal;
        font-size: 12px;
    }
    .l-item h1{
        font-size: 14px;
    }
    .l-item h1 a{
        top: 0;
    }
    .l-item .title{
        font-size: 14px;
        margin-bottom: 4px;
    }
}
@media screen and (max-width: 1180px){
    .htitle, #dirs-list .item h3{
        font-size: 14px;
    }
    .page-listing select, .page-listing input {
        max-width: 100%;
        margin-left: 0;
    }
    .page-listing #fb div.r select.short, .page-listing #fb div.r input.fprice{
        width: 100%;
        margin-left: 0;
    }
    .page-listing #fb div.r .reset a{
        position: absolute;
        bottom: 10px;
        right: 20px;
        width: auto;
    }
    .page-listing #fb{
        position: relative;
        padding-bottom: 40px;
    }
    .page-listing #fb .fclear, .page-listing #fb .ah-box .fclear, .page-listing #fb .ap-box .fclear, .page-listing #fb .aa-box .fclear{
        width: 100%;
    }
    .adv-details .props .p{
        width: 20%;
    }
    .adv-details .props .p p{
        width: 100%;
    }
    .adv-details .props .v {
        width: 30%;
    }
    .adv-details .props .v p{
        width: 100%;
    }
    #login-block .fleft, #login-block .fright{
        width: 100%;
        border: none;
        height: auto;
    }
    #login-block .fleft{
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #dadada;
        box-sizing: border-box;
    }
    #login-block .fleft a.fbtn{
        position: static;
        float: left;
        margin-top: 6px;
        margin-bottom: 10px;
    }
    #login-block .req{
        text-align: left;
    }
    #login-block .fbtn{
        float: none;
    }
    #login-block .reset{
        margin-right: 8px;
    }
    #dir-adverts .premium-dirs .contact{
        width: 60%;
    }
    .e-contact{
        width: auto;
        clear: left;
    }
    #login-block .fright .form-tbl div.line-login {
        display: block;
        height: auto;
    }
}
@media screen and (max-width: 1167px) {
    #contact-form .form-tbl div .err-msg{
        padding-left: 0;
    }
    #user-profile .ui-tabs .ui-tabs-nav li a{
        padding: 6px 12px;
        font-size: 13px;
    }
    #tab-profile .usr-tbl{
        width: 100%;
    }
}
@media screen and (max-width: 1120px) {
    #mainmenu.site ul li a{
        font-size: 13px;
    }
    #mainmenu.site .top ul li a{
        padding: 16px 15px 15px;
    }
    #mainmenu.site .adv ul li a{
        font-size: 13px;
        padding: 2px 5px;
    }
    .adv-wrapper.one-text-btn .panel-text a span.arrow-btn-part{
        float: none;
    }
    #register-form .form-tbl div, #reset-form .form-tbl div{
        height: auto;
    }
    #register-form, #reset-form{
        padding-right: 20px;
    }
    #register-form input, #reset-form input{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 1060px) {
    .adv-gallery .main-img img{
       max-width: 100% !important;
    }
    #user-profile .ui-tabs .ui-tabs-nav li a{
        padding: 6px 6px;
    }
}
@media screen and (max-width: 990px) {
    #content-area #left-col, #content-area #right-col{
        display: none;
    }
    #content-area #main-col{
        max-width: 100%;
        width: 100%;
    }
    .l-item .title{
        max-width: 100%;
    }
    .l-item h1 a{
        text-transform: uppercase;
    }
    .l-item .title{
        font-size: 18px;
    }
    #mainmenu.site .adv ul li a{
        border: none;
        font-size: 14px;
    }
    #header.site .refs .auth-block{
        display: none;
    }
    .mobile-burger-icon{
        display: block;
    }
    #mainmenu.site .top{
        display: none;
    }
    #header.site .hlogo{
        height: auto;
    }
    #mainmenu.site .adv{
        overflow: hidden;
        padding-left: 14px;

    }
    #mainmenu.site .adv ul{
        overflow: hidden;
        height: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    #mainmenu.site .adv ul li{
        float: none;
    }
    .show-mob{
        display: block !important;
    }
    .hide-mob{
        display: none !important;
    }
    .mobile-date-item {
        top: auto;
        bottom: 0;
        right: 0;
    }
    .l-item .meta{
        position: relative;
    }
    #breadcrumb li:last-child a{
        padding-right: 58px;
    }
    #breadcrumb{
        display: block;
    }
    #breadcrumb li{
        flex: auto;
        display: inline-block;
    }
    #breadcrumb li a{
        background-color: transparent;
        font-size: 14px;
        margin-right: 10px;
    }
    #breadcrumb li a:hover{
        background-color: transparent;
    }
    #breadcrumb li a:before, #breadcrumb li a:after{
        display: none;
    }
    #breadcrumb li:first-child a{
        background-position: center left 2px;
        padding-left: 32px;
    }
    .free-listing .l-item .contacts{
        float: left;
        width: 100%;
        position: relative;
    }
    .free-listing .l-item .contacts p.msg{
        float: left;
        width: 100%;
        margin-top: 6px;
    }
    .free-listing .mobile-date-item{
        bottom: -6px;
    }
    .page-listing .l-item{
        border-bottom: dashed 1px #c7c795;
        padding-bottom: 6px;
    }
    .sort-bar .date{
        margin-left: 10px;
        margin-right: 20px;
    }
    .sort-bar .price{
        margin-left: 40px;
    }
    #breadcrumb.event-tabs, #breadcrumb.advert-tabs{
        display: none;
    }
    .left-space{
        margin-left: 0;
    }
    #mobilemenu > .mobilemenu-wrapper > .mobilemenu-view > .menu > ul{
        padding-bottom: 0;
    }
    #mobilemenu .site-nav li{
        text-align: center;
    }
    #mobilemenu > .mobilemenu-wrapper > .mobilemenu-view > .menu > ul > li > a, #mobilemenu ul li ul a.site-nav__link{
        padding-right: 0;
        display: block;
    }
    #contact-form .form-tbl div .err-msg{
        padding-left: 150px;
    }
    .b-bottom{
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .b-bottom .banneritem{
        width: 100%;
    }

    #fb .r .date-picker{
        width: 140px;
        margin-left: 0;
    }
    #header.site, #mainmenu.site .top, #content-area, .footer-inner{
        padding-left: 14px;
        padding-right: 14px;
    }
    #header.site .text-logo a{
        font-size: 30px;
    }
    #header.site .text-logo p{
        font-size: 7px;
        margin-top: -8px;
        letter-spacing: 3px;
    }
    #header.site .hlogo{
        background-size: 50px auto;
        width: 50px;
    }
    .create-event-header{
        margin-bottom: 10px;
    }
    #dirs-list .item .dir-subcategory p{
        padding: 6px 10px;
    }
    .adv-gallery ul li{
        width: 18%;
    }
    .adv-gallery ul{
        width: 100%;
    }
    .adv-gallery ul li:nth-child(5n){
        margin-right: 0;
    }
    #ucontent .data-tbl td.table-actions-ads a{
        font-weight: normal;
    }
    #dirs-list .item .dir-subcategory p{
        margin-bottom: 0;
        margin-right: 2px;
    }
}
@media screen and (max-width: 750px) {
    #mobilemenu .mobilemenu-wrapper .mobilemenu-trigger{
        left: 20px;
        top: 16px;
    }
}
@media screen and (max-width: 600px){
    .tabs-section .e-desc{
        width: 100%;
        box-sizing: border-box;
    }
    .events-tbl .premium-desc td.e-desc{
        width: 100%;
        box-sizing: border-box;
    }
    .adv-details .props .p{
        width: 108px;
    }
    .adv-details .special-props-table .props{
        display: none;
    }
    #create-advert-tab-3-premium-table.adv-details .props{
        display: none;
    }
    #create-advert-tab-3-premium-table.adv-details .props.horse-props{
        display: table;
        width: 100%;
    }
    .adv-details .special-props-table .props.horse-props{
        display: table;
        width: 100%;
    }
}
@media screen and (max-width: 460px){
    #mobilemenu{
        max-width: 100%;
        width: 100%;
        left: -460px;
    }
    #mobilemenu.active-menu .menu-name{
        display: none;
    }
    .mobilemenu-wrapper {
        padding-top: 0;
    }
    #mobilemenu .site-nav__dropdown{
        padding: 0 0 25px 0;
        margin-bottom: 24px;
    }
    #register-form .req{
        margin-bottom: 10px;
        float: left;
    }
    .cell.logo-upload-block{
        width: 100%;
    }
}
@media screen and (max-width: 650px) {
    #contact-form input{
        margin-bottom: 2px;
    }
    .form-tbl div label, #contact-form input{
        width: 100%;
    }
    #contact-form .form-tbl div{
        height: auto;
    }
    #contact-form .form-tbl div.desc {
        height: 190px;
    }
    #user-profile .ui-tabs .ui-tabs-nav{
        display: block;
    }
    #user-profile .ui-tabs .ui-tabs-nav li.tab-profile,
    #user-profile .ui-tabs .ui-tabs-nav li.tab-messages,
    #user-profile .ui-tabs .ui-tabs-nav li.tab-adverts{
        width: calc(33.331% - 2px);
        margin-bottom: 3px;
    }
    #user-profile .ui-tabs .ui-tabs-nav li.tab-events,
    #user-profile .ui-tabs .ui-tabs-nav li.tab-dirs{
        width: calc(50% - 2px);
        margin-bottom: 3px;
    }
    #user-profile .ui-tabs .ui-tabs-nav li a{
        border-radius: 2px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }
    #tab-profile .p-submit{
        width: auto !important;
    }
    #tab-profile .usr-tbl {
        width: 100%;
    }
    #contact-form .form-tbl div .err-msg{
        padding-left: 0;
    }
}
@media screen and (max-width: 600px) {
    #content-area #main-col{
        padding: 0;
        border: none;
    }
    .adv-wrapper .panel-text{
        background-size: 20px auto;
        background-position: top 12px right 13px;
    }
    .adv-wrapper.one-text-btn .panel-text a span.arrow-btn-part{
        display: block;
        text-align: right;
    }
    .adv-button .panel-text a{
        background-position: top 9px left 12px;
        font-size: 12px;
        background-size: 24px;
        padding: 10px 11px 8px 40px;
    }
    #mainmenu.site{
        padding-bottom: 30px;
    }
    .home-adv {
        height: 14px;
    }
    .l-item h1{
        padding-left: 14px;
        border-radius: 4px;
    }
    .adv-wrapper .panel-text{
        padding: 17px 16px 10px 14px;
    }
    #breadcrumb li:first-child a{
        background-position: center left 4px;
        padding-left: 36px;
    }
    #breadcrumb li a{
        height: 30px;
    }
    .l-item{
        margin-bottom: 16px;
    }
    .l-item .img{
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
    }
    .l-item .list-image-wrapper a{
        height: 250px;
        margin-bottom: 10px;
    }
    .l-item .desc{
        max-width: 100%;
        margin-left: 0;
        padding-left: 0;
        width: 100%;
    }
    .l-item .title{
        padding-right: 0;
    }
    .panel-text h3{
        font-size: 14px;
        margin-bottom: 2px;
    }
    .l-item img{
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin-bottom: 10px;
    }
    #footer.site a{
        font-size: 13px;
    }
    #footer.site{
        padding: 20px 0;
        font-size: 13px;
    }
    .social-btns .social a{
        width: 25px;
        height: 25px;
    }
    .social-btns .social a.fb, .social-btns .social a.tw{
        background-size: 25px;
    }
    #footer.site p.copy{
        display: block;
        padding-bottom: 4px;
        margin-bottom: 4px;
        padding-top: 6px;
    }
    .social-btns .social {
        top: -3px;
    }
    #footer.site ul.menu li:first-child{
        border: none !important;
    }
    .b-bottom{
        padding: 20px 0 0 0;
    }
    .adv-button .adv-wrapper .panel-text{
        padding: 0;
    }
    .events-tbl tr.premium{
        background-color: #c7c795;
        border: none;
    }
    .events-tbl tr{
        display: block;
        width: 100%;
        clear: both;
        float: left;
        position: relative;
    }
    .events-tbl .e-link a{
        position: absolute;
        top: 3px;
        right: 2px;
    }
    .events-tbl .premium td{
        border: none;
    }
    .events-tbl tr td{
        display: block;
        float: left;
    }
    .events-tbl tr td.e-date {
        width: 60px;
    }
    .events-tbl tr td.e-day {
        width: 50px;
    }
    .events-tbl tr td.e-cat {
        width: calc(100% - 156px);
        text-align: right;
    }
    .events-tbl .week td, .events-tbl .month td{
        float: none;
    }
    .events-tbl .e-venue{
        width: 96%;
        display: block;
    }
    .events-tbl tr{
        border-bottom: dotted 1px #cbcbcb;
    }
    .events-tbl tr.premium-desc{
        border: none;
    }
    .events-tbl tr.month, .events-tbl tr.week{
        border: none;
    }
    .events-tbl .premium-desc td{
        padding-left: 6px;
        padding-bottom: 6px;
        border: none;
    }
    .events-tbl .premium-desc td.e-link{
        display: none;
    }
    .events-tbl .premium td, .events-tbl .premium-desc td{
        font-weight: 600;
    }
    .events-tbl .e-pre{
        display: none;
    }
    .events-tbl .premium td{
        padding-left: 6px;
        padding-bottom: 2px;
    }
    .events-tbl .premium td.e-link{
        padding: 0;
        height: 0;
    }
    .events-tbl .premium td.e-title{
        padding-top: 0;
        padding-bottom: 0;
    }
    .events-tbl tr.premium td.e-cat{
        width: calc(100% - 164px);
    }
    .events-tbl .sep{
        height: 2px;
    }
    #dir-adverts .d-item a{
        word-break: break-all;
    }
    #dir-adverts .premium-dirs .img{
        float: right;
    }
    #dir-adverts .premium-dirs .contact{
        width: 50%;
    }
    .hide-mob-tablet{
        display: none !important;
    }
    .events-tbl tr.premium-desc td.e-desc{
        font-weight: normal;
    }
    #adv-list{
        margin-top: 10px;
    }
}

@media screen and (max-width: 490px) {
    #reset-pass .form-tbl div .err-msg{
        margin-left: 0;
        font-size: 14px;
        margin-top: 0;
    }
    #reset-form .fbtn{
        float: left;
        margin-right: 0;
    }
}
@media screen and (max-width: 460px) {
    #fb{
        position: relative;
        padding: 12px 12px 40px 12px;
    }
    #fb div.r .reset a{
        position: absolute;
        right: 20px;
        bottom: 10px;
    }
    #fb .ed-box:last-child input{
        margin-right: 0;
    }
    table.legend-tbl tr{
        display: block;
    }
    table.legend-tbl tr td{
        display: block;
        width: 100%;
    }
    input{
        padding: 6px 8px;
    }
    .tabs-section input, .tabs-section textarea, .tabs-section select{
        max-width: 100%;
    }

    .adv-gallery .main-img img{
        height: auto !important;
        max-width: 100% !important;
        max-height: 320px !important;
    }
    .adv-gallery ul{
        float: left;
        margin-left: 0;
    }
    .adv-gallery ul li{
        margin-right: 2px;
        margin-left: 2px;
    }
    .adv-gallery .main-img{
        margin-bottom: 10px;
        float: none;
        height: 327px;
    }
    .table-actions-ads a{
        display: inline-block;
        padding-right: 4px;
    }
    .form-tbl div.cell input.file.create-advert-image,
    .form-tbl div.cell input.file.create-dir-image {
        background: #e6e5cc;
        width: 100%;
        border: 1px solid #00370A;
        padding-bottom: 22px;
        display: block;
    }
    #create-advert-photos .cell{
        width: 100%;
    }
    .item-page img{
        max-width: 100%;
    }
    .owl-carousel{
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    #dir-adverts .premium-dirs .img {
        text-align: center;
    }
}
@media screen and (max-width: 430px) {
    #header.site{
        padding-bottom: 10px;
    }
    #header.site .hlogo {
        background-size: 40px auto;
        width: 40px;
    }
    #header.site .text-logo a {
        font-size: 24px;
    }
    #header.site .text-logo p {
        font-size: 6px;
        margin-top: -7px;
        letter-spacing: 2px;
    }
    .mobilemenu-trigger button{
        padding-top: 15px;
    }
    #header.site .refs{
        flex-grow: 1;
    }
    .adv-details .props tr{
        display: block;
        width: 100% !important;
    }
    .adv-details .props .p{
        width: calc(35% - 1px);
        float: left;
        border-top: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
    }
    .adv-details .props .v{
        width: 62%;
        float: left;
        border-top: 1px solid #ffffff;
    }
    .adv-details .props td{
        padding-top: 6px;
        padding-bottom: 1px;
    }
    .adv-gallery ul li{
        background-size: cover;
    }
    .e-contact{
        width: auto;
        clear: left;
    }
}
@media screen and (max-width: 410px) {
    #tab-profile .usr-tbl div.pp-submit label{
        width: 0;
    }
    #user-profile .ui-tabs .ui-tabs-nav li.tab-events{
        width: 40%;
    }
    #user-profile .ui-tabs .ui-tabs-nav li.tab-dirs{
        width: calc(60% - 4px);
    }
    #user-profile .ui-tabs .ui-tabs-nav li a{
        padding: 6px 8px;
    }
    #user-profile .ui-tabs .ui-tabs-nav li:first-child a{
        padding-left: 8px;
    }
    .ui-tabs .note{
        font-size: 14px;
    }
    .ui-tabs .ui-tabs-panel{
        font-size: 14px;
    }
    #tab-profile .usr-tbl div label, #tab-profile .usr-tbl div p{
        font-size: 14px;
    }
    #user-profile .ui-tabs .ui-tabs-panel {
        padding: 10px;
    }
    .ui-tabs-panel .fbtn-wide{
        padding: 6px 18px;
    }
    #ucontent .legend-tbl p{
        height: auto;
        line-height: 16px;
    }
}
@media screen and (max-width: 400px) {
    #register-form .agreement{
        margin-bottom: 10px;
        float: left;
    }
    #register-form .req{
        margin-top: 4px;
    }
    #fb h1 span{
        float: right;
    }
    select{
        max-width: 100%;
    }
    #fb .fclear {
        width: 100%;
    }
    .premium-dirs{
        overflow: hidden;
    }
    .page-listing #fb h1 span{
        float: right;
    }
    #fb .r .event-category, #fb .r .event-venue{
        width: 100%;
        margin-right: 0;
    }
    #fb .et-box .fclear, #fb .ev-box .fclear{
        width: 100%;
    }
    #fb .ed-box{
        width: 100%;
    }
    #fb .ed-box.from-block, #fb .ed-box.to-block{
        width: 100%;
        margin-bottom: 6px;
    }
    #fb .ed-box.to-block .fclear {
        margin-left: 0 !important;
        margin-bottom: 0;
    }
    #fb .r .ed-box.to-block .date-picker{
        max-width: 100%;
        margin: 0;
    }
    #fb .r .date-picker{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }
    #fb .ed-box .fclear{
        width: 100%;
    }
    #main-col .ui-widget input{
        max-width: 100%;
    }
    .lmsg.msg-quest a{
        height: auto;
    }
    .td-mob-hide{
        width: 0;
    }
    #ucontent .im-tbl textarea{
        max-width: 100%;
        width: 100%;
    }
    .td-mob-hide{
        display: none;
    }
    #dir-adverts .premium-dirs .img{
        max-width: 50%;
        padding-left: 10px;
        box-sizing: border-box;
    }
    span.separator-line{
        letter-spacing: -1px;
    }
    .g-recaptcha{
        clear: both;
        margin-bottom: 20px;
    }
    #reset-pass .g-recaptcha{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 359px) {
    .l-item img{
        width: 100%;
    }
    #fb .r .event-category, #fb .r .event-venue{
        width: 100%;
    }
    #fb .r .date-picker{
         width: 100%;
        margin-right: 0;
    }
    #fb .et-box .fclear, #fb .ev-box .fclear {
        width: 100%;
    }
    #fb .ed-box .fclear{
        width: 100%;
    }
    #fb .ed-box{
        width: 100%;
    }
    #header.site, #mainmenu.site .top, #mainmenu.site .adv ul, #content-area, .footer-inner{
        padding-left: 12px;
        padding-right: 12px;
    }
    #mainmenu.site .adv{
        padding-left: 12px;
    }
    #header.site{
        padding-left: 12px;
        padding-right: 12px;
    }
    #mainmenu.site .adv ul{
        padding-left: 0;
        padding-right: 0;
    }
    .sort-bar .price {
        margin-left: 10px;
    }
    #header.site .hlogo {
        background-size: 34px auto;
        width: 34px;
    }
    #header.site .text-logo a {
        font-size: 21px;
    }
    #ucontent .data-tbl td.table-actions-ads a{
        font-size: 13px;
    }
    .g-recaptcha{
        transform: scale(0.85);
        margin-left: -20px;
    }
}
@media screen and (max-width: 330px) {
    .adv-details .props .v{
        width: 61%;
    }
}