#ads-not-logedin {
    clear: both;
    background-color: #FFD5D5;
    padding: 20px;
    border: 1px solid rgb(250, 147, 147);
    font-size: 19px;
    line-height: 22px;
}
#ads-form {
	font-size: 16px;
	width: 100%;
        position: relative;
}

#ads-form input,#ads-form textarea {
	display: block;
	width: 270px;
	padding: 5px 7px;
        margin-bottom: 5px;
        border: 1px solid #bbb;
}
.error{
    border: 2px solid red;
}
#ads-form textarea {
    width: 98%;
    resize-x: none;
}


#ads-form fieldset {
	border: none;
	padding: 5px 0;
        width: 100%;
        clear: both;
}

#ads-form > fieldset > input[type=submit]#send-ads {
        position: relative;
        width: 70px;
        border-radius: 4px;
        border: none;
        background-color: #F3F3F3;
        background-image: none;
        margin: 0 2%;
        color: #727171;
        float: right;
        clear: both;
        box-shadow: 0 3px 0 #aaa ,inset 0 0 7px #C0C0C0;
}
#ads-form > fieldset > input[type=submit]#send-ads:hover{
    background-color: #F7F7F7;
    box-shadow: 0 3px 0 #aaa ,inset 0 0 5px #C0C0C0;
}
#ads-form > fieldset > input[type=submit]#send-ads:active {
        top: 2px;
        box-shadow: 0 1px 0 #aaa ,inset 0 0 7px #C0C0C0;
}

fieldset > input#ads-confirm {
    display: inline-block;
    margin-bottom: 0;
    height: 50px;
    font-size: 25px;
    width: 150px;
}

#ads-seach-form > fieldset {
    border: 0;
    padding: 0;
    margin-bottom: 50px;
}
#ads-seach-form > fieldset > legend {
    margin-bottom: 15px;
    font-size: 120%;
}
#search-by-city {
    display: block;
    width: 100%;
}
#ads-seach-form>fieldset.search-field {
    position: relative;
    width: 95%;
    height: 50px;    
    background: white;    
    border: 1px solid #aaa;
    overflow: hidden;
    display: inline-block;
}
.search-field input {
        box-sizing: border-box;
        position: absolute;
        height: 50px;
        padding: 5px 7px;       
        top:0;
        border: none;
        border-radius: 0;
}


#ads-search,
#ads-search:hover,
#ads-search:active,
#ads-search:focus
{
    outline: none;
    font-size: 18px;
    color: #666;
    line-height: 50px;
    width: 70%;
    left: 0;
    background: transparent;
    background-image: none;
    background-color: transparent;
    border: 0;
}
#ads-search-in-category {
    padding: 5px 10px;
    width: 150px;    
    border: 1px solid #aaa;
}

#ads-min-price,
#ads-max-price,
#search-by-city {
    padding: 5px 10px;
    border: 1px solid #aaa;
}

input#ads-search-button {
    width: 30%;
    left: 70%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: transparent transparent #c7c7c7 transparent;    
    font-size: 20px;
    font-family: arial,sans-serif;
    cursor: pointer;
    border-radius: 0;
}
#ads-form  #plupload-browse-button {
    width: 120px;   
    display: inline-block;
}
#progressbar {
    display: block;
    background-color: rgba(7, 87, 207, 0);
    height: .5em;
    width: 60%;
    border: 0;
    border-radius: 0;   
}
#progressbar .ui-progressbar-value {
     background-color: rgba(7, 87, 207, 1);
     border-radius: 0;
}
#ads-navigation {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
#ads-navigation li{
    margin: 0;
    padding: 0;
}
fieldset > img.ads-captcha {
    display: inline;
    vertical-align: bottom;   
}
.ads-page-content {
    padding: 10px;
    min-height: 300px;
    position: relative;
    width: 100%;
}

.ads-single,
.ads-category-item {
    width: 100%;
    min-height: 138px;
    position: relative;    
    clear: both;
    overflow: auto;
    padding: 5px 0;
    margin-bottom: 5px;
}


.ads-single h1,
.ads-single h2,
.ads-single h3,
.ads-single h4,
.ads-single h5,
.ads-category-item h1,
.ads-category-item h2,
.ads-category-item h3,
.ads-category-item h4,
.ads-category-item h5{
    margin: 0 0 10px 0;
}
.ads-single h1, .ads-category-item h { font-size: 200%;}
.ads-single h2, .ads-category-item h2 { font-size: 180% }
.ads-single h3, .ads-category-item h3 { font-size: 160% }
.ads-single h4, .ads-category-item h4 { font-size: 140% }
.ads-single h5, .ads-category-item h5 { font-size: 120% }

.ads-single h2,
.ads-category-item h2 {
    background-color: #eee;
    padding: 5px 0; 
}

.ads-category-item {
    min-height: 114px;
    padding: 0;
    margin-bottom: 0;
}
.ads-category-item table,
.ads-category-item td {
    border: none;
    border-collapse: initial;
}
.ads-category-item > table {
    border-style: solid;
    border-width: 1px 0;
    border-color: #ccc;
    padding: 5px 0;
    margin-bottom: 5px;
    width: 100%;
    min-height: 114px;
}

.ads-category-item > table td.description {
    padding: 0 5px;
}
.ads-edit-post {
    margin-left: 10px;
}
.ads-category-item .ads-edit-post a {
    color: #4482ff!important;
}

#ads-page-content img.adthumb {
    padding: 0;
    vertical-align: text-top;
}


.ads-category-item td,
.ads-category-item th {
    padding: 0;
    text-align: left;
}
.ads-category-item th {
    line-height: 20px;
}
.ads-category-item td.description {
    width: 58%;
}
table[id^=ads-category-item-content-], table[id^=ads-category-item-content-] * {
    border: none;
}
table[id^=ads-category-item-content-] {
    border-bottom: 1px solid #bbb;
}
.adtitle {
    cursor: pointer;
}

.ads-info dl,
.ads-info dt,
.ads-info dd
{
	margin: 0;
	padding: 0;
}

.ads-info dt,
.ads-info dd {
	float:left;
	width: 48%;
	margin-right: 1%;
}
td.ads-info {
    font-size: 76%;
    text-transform: uppercase;
    color: #3C74C7;
}

dt.ads-price{
	margin-top: 20px;
}
dt.ads-price+dd {
	float: none;
	color: orange;
	font-weight: bold;
	font-size: 150%;
	display: block;
}
td.ads-price {
    vertical-align: top;
    font-size: 215%;
    font-weight: bold;
    color: orange;
    width: 25%;
}

dt.ads-price+dd:after {
	margin-left: 5px;	
	content: "€"
}


.ads-menu,
.ads-categories{
    margin: 0!important;
    padding: 0;
    clear: both;
    width: 100%;
    min-height: 50px;
}

.ads-menu li,
.ads-categories li {
    float: left; 
    list-style: none;
    margin: 0 3px 30px 0!important;
}
.ads-menu li a,
.ads-categories li a,
.ads-categories li a:visited {
    display: block;
    text-decoration: none;
    color: #009cee;
    min-width: 100px;
    height: 34px;
    text-align: center;
    padding: 5px 7px;
}

.ads-categories li {
    background-color: #333;
}
.ads-categories  li a,
.ads-categories li a:visited {
    color: #fff;
}

.ads-nav-item {
    float: left;
    width: 20px;
    height: 20px;
    background-color: #ccc;
    text-align: center;
    line-height: 20px;
    margin-right: 3px;
    margin-left: 0;
}

.clearfix {
    clear: both;
    display: block;
    height: 50px;
}

[class^=col]{
	float: left;
	margin-right: 2%;
	box-sizing: border-box;
}
[class^=col]:last-child {
	margin-right: 0;
}
.col-10 {
    width: 8%;
}
.col-20 {
    width: 18%;
}
.col-30 {
    width: 28%;
}
.col-40 {
    width: 38%;
}
.col-50 {
    width: 48%;
}
.col-60 {
    width: 58%;
}
.col-70 {
    width: 68%;
}
.col-80 {
    width: 78%;
}
.col-90 {
    width: 88%;
}
.col-100 {
    width: 100%;
}

#ads-loader {
	width: 100px;
	height: 50px;
	position: relative;
	margin: 100px auto;
}

#ads-loader .stick {
	width: 50px;
	height: 6px;
	position: absolute;
	top: 23px;
}

#ads-loader .left {
	left: 3px;

	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);

	-webkit-animation: left 1.7s infinite;
	-moz-animation: left 1.7s infinite;
	-ms-animation: left 1.7s infinite;
	-o-animation: left 1.7s infinite;
	animation: left 1.7s infinite;
}

#ads-loader .right {
	right: 3px;

	-webkit-animation: right 1.7s infinite;
	-moz-animation: right 1.7s infinite;
	-ms-animation: right 1.7s infinite;
	-o-animation: right 1.7s infinite;
	animation: right 1.7s infinite;
}

#ads-loader .right span,
#ads-loader .left span {
	width: 6px;
	height: 6px;
	background: #000;
	border-radius: 3px;
	display: block;
}


@keyframes "left" {
 from {
    -webkit-transform: rotate(180deg) scale(1);
   	-moz-transform: rotate(180deg) scale(1);
   	-o-transform: rotate(180deg) scale(1);
   	-ms-transform: rotate(180deg) scale(1);
   	transform: rotate(180deg) scale(1);
 }
 50% {
    -webkit-transform: rotate(540deg) scale(1.5);
   	-moz-transform: rotate(540deg) scale(1.5);
   	-o-transform: rotate(540deg) scale(1.5);
   	-ms-transform: rotate(540deg) scale(1.5);
   	transform: rotate(540deg) scale(1.5);
 }
 to {
    -webkit-transform: rotate(540deg) scale(1);
   	-moz-transform: rotate(540deg) scale(1);
   	-o-transform: rotate(540deg) scale(1);
   	-ms-transform: rotate(540deg) scale(1);
   	transform: rotate(540deg) scale(1);
 }

}

@-moz-keyframes left {
 from {
   -moz-transform: rotate(180deg) scale(1);
   transform: rotate(180deg) scale(1);
 }
 50% {
   -moz-transform: rotate(540deg) scale(1.5);
   transform: rotate(540deg) scale(1.5);
 }
 to {
   -moz-transform: rotate(540deg) scale(1);
   transform: rotate(540deg) scale(1);
 }

}

@-webkit-keyframes "left" {
 from {
   -webkit-transform: rotate(180deg) scale(1);
   transform: rotate(180deg) scale(1);
 }
 50% {
   -webkit-transform: rotate(540deg) scale(1.5);
   transform: rotate(540deg) scale(1.5);
 }
 to {
   -webkit-transform: rotate(540deg) scale(1);
   transform: rotate(540deg) scale(1);
 }

}

@-ms-keyframes "left" {
 from {
   -ms-transform: rotate(180deg) scale(1);
   transform: rotate(180deg) scale(1);
 }
 50% {
   -ms-transform: rotate(540deg) scale(1.5);
   transform: rotate(540deg) scale(1.5);
 }
 to {
   -ms-transform: rotate(540deg) scale(1);
   transform: rotate(540deg) scale(1);
 }

}

@-o-keyframes "left" {
 from {
   -o-transform: rotate(180deg) scale(1);
   transform: rotate(180deg) scale(1);
 }
 50% {
   -o-transform: rotate(540deg) scale(1.5);
   transform: rotate(540deg) scale(1.5);
 }
 to {
   -o-transform: rotate(540deg) scale(1);
   transform: rotate(540deg) scale(1);
 }

}

@keyframes "right" {
 from {
    -webkit-transform: rotate(0deg) scale(1.5);
   	-moz-transform: rotate(0deg) scale(1.5);
   	-o-transform: rotate(0deg) scale(1.5);
   	-ms-transform: rotate(0deg) scale(1.5);
   	transform: rotate(0deg) scale(1.5);
 }
 50% {
    -webkit-transform: rotate(0deg) scale(1);
   	-moz-transform: rotate(0deg) scale(1);
   	-o-transform: rotate(0deg) scale(1);
   	-ms-transform: rotate(0deg) scale(1);
   	transform: rotate(0deg) scale(1);
 }
 to {
    -webkit-transform: rotate(-360deg) scale(1.5);
   	-moz-transform: rotate(-360deg) scale(1.5);
   	-o-transform: rotate(-360deg) scale(1.5);
   	-ms-transform: rotate(-360deg) scale(1.5);
   	transform: rotate(-360deg) scale(1.5);
 }

}

@-moz-keyframes right {
 from {
   -moz-transform: rotate(0deg) scale(1.5);
   transform: rotate(0deg) scale(1.5);
 }
 50% {
   -moz-transform: rotate(0deg) scale(1);
   transform: rotate(0deg) scale(1);
 }
 to {
   -moz-transform: rotate(-360deg) scale(1.5);
   transform: rotate(-360deg) scale(1.5);
 }

}

@-webkit-keyframes "right" {
 from {
   -webkit-transform: rotate(0deg) scale(1.5);
   transform: rotate(0deg) scale(1.5);
 }
 50% {
   -webkit-transform: rotate(0deg) scale(1);
   transform: rotate(0deg) scale(1);
 }
 to {
   -webkit-transform: rotate(-360deg) scale(1.5);
   transform: rotate(-360deg) scale(1.5);
 }

}

@-ms-keyframes "right" {
 from {
   -ms-transform: rotate(0deg) scale(1.5);
   transform: rotate(0deg) scale(1.5);
 }
 50% {
   -ms-transform: rotate(0deg) scale(1);
   transform: rotate(0deg) scale(1);
 }
 to {
   -ms-transform: rotate(-360deg) scale(1.5);
   transform: rotate(-360deg) scale(1.5);
 }

}

@-o-keyframes "right" {
 from {
   -o-transform: rotate(0deg) scale(1.5);
   transform: rotate(0deg) scale(1.5);
 }
 50% {
   -o-transform: rotate(0deg) scale(1);
   transform: rotate(0deg) scale(1);
 }
 to {
   -o-transform: rotate(-360deg) scale(1.5);
   transform: rotate(-360deg) scale(1.5);
 }

}

#test {
    -webkit-animation: jump 3s linear 1s infinite alternate forwards;
    -o-animation: jump 3s linear 1s infinite alternate forwards;
    animation: jump 3s linear 1s infinite alternate forwards;
}