
.register-label {text-transform: none;font-size: 16px;}
.register-radio,.about-us-text,.text-terms {font-size: 14px;}

.main-text-boxbig {font-size: 36px;}
.about-us-text {font-style: normal;}

.category-title{padding-left: 0;}
.category-subtitle > a {font-size: 20px;}


.category-content>a>span {
  color: #178b3c;
  font-size: 12px;
}

.category-content>a>span,.first-row-table-text{font-weight: normal;}

.comment-reactions{display:inline-block;height:20px;vertical-align:top;padding-right:10px;white-space:nowrap}
.comment-reactions .reaction{width:20px;height:20px;background:transparent none no-repeat center center;background-size:20px 20px;display:inline-block;margin:0 4px;vertical-align:middle}
.comment-reactions .reaction.reaction-laugh{background-image:url('../img/reactions/laugh.png')}
.comment-reactions .reaction.reaction-cry{background-image:url('../img/reactions/cry.png')}
.comment-reactions .reaction.reaction-openmouth{background-image:url('../img/reactions/openmouth.png')}
.comment-reactions .reaction.reaction-heart{background-image:url('../img/reactions/heart.png')}
.comment-reactions:hover .comment-reaction-popup-container{overflow:visible;height:100px;margin-top:-60px;display:inline-block !important;opacity:1}
.comment-reactions:hover .comment-reaction-popup-container .reaction-item a{transform:translate(0px,0px);opacity:1}
.comment-reactions .comment-reaction-popup-container{height:0;margin-top:0;overflow:hidden;opacity:0;transition:opacity .3s;position:absolute;width:500px;text-align:center;margin-left:-228px}
.comment-reactions .comment-reaction-popup-container .reaction-item a{transform:translate(0px,40px);opacity:0;transition:transform .2s,opacity .2s}
.comment-reactions .comment-reaction-popup-container .reaction-item-0 a{transition-delay:0s}
.comment-reactions .comment-reaction-popup-container .reaction-item-1 a{transition-delay:.05s}
.comment-reactions .comment-reaction-popup-container .reaction-item-2 a{transition-delay:.1s}
.comment-reactions .comment-reaction-popup-container .reaction-item-3 a{transition-delay:.15s}
.comment-reactions .selected-reaction{width:50px;display:inline-block}
.comment-reactions .selected-reaction .reaction-count{line-height:20px;display:inline-block;vertical-align:top}
.comment-reactions .comment-reaction-popup{background-color:rgba(48,48,48,0.9);color:#eee;border-radius:5px 5px 5px 5px;display:inline-block;padding:2px}
.comment-reactions .comment-reaction-popup ul{overflow:hidden;display:block;list-style-type:none;margin:0;padding:0;font-size:90%}
.post-reacted-to .comment-reactions .comment-reaction-popup ul{padding-right:10px;cursor:default}
.comment-reactions .comment-reaction-popup ul li{display:inline-block}
.comment-reactions .comment-reaction-popup ul li .reaction{width:30px;height:30px;background-size:30px 30px;transform:scale(0.8);transition:background-size .2s,transform .2s;padding:4px;-webkit-backface-visibility:hidden}
.comment-reactions .comment-reaction-popup ul li:hover .reaction{width:30px;height:30px;background-size:30px 30px;transform:scale(1)}
.post-reacted-to .comment-reactions .comment-reaction-popup ul li:hover .reaction{transform:scale(0.8)}
.comment-reactions .comment-reaction-popup ul li a{display:inline-block}
.post-reacted-to .comment-reactions .comment-reaction-popup ul li a:hover{cursor:default}
.comment-reactions .comment-reaction-popup ul li span.reaction-count{color:#eee;display:none;vertical-align:middle}
.comment-reactions .comment-reaction-popup:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-top-color:rgba(48,48,48,0.9);border-width:8px;margin-left:-8px;margin-top:-58px}
.user-tag {display: inline-block;line-height: 14px;}
.user-others{font-size: 18px}

.registration-section .map-box 
{
    width: 100%;
    height: 325px;
}

#contact-form .input-group,
.input-group
{
	display: block;
}

.row-no-padding > [class*="col-"],
.row-no-padding > [class*="col-"] > [class*="col-"] 
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#imageBox .image-thumbnail
{
	height: 110px;
	border: 1px solid #dcdcdc;
	margin: 8px 15px;
	background: url('../img/frontend/asset/thumb.png') no-repeat center;
}

#imageBox .image-thumbnail img.img
{
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

#imageBox .uploadBtn
{
	cursor: pointer; 
}

.profile #imageBox
{
	width: 100%;
	display: inline-block;
}

/* Tooltip */

.tooltip-link {
	position: absolute;
    top: 30px;
    right: -35px;
}

.tooltip-link {
    width: 24px;
    height: 24px;
    padding-top: 3px;
    border-radius: 50%;
    background: #48545f;
	color: #ffffff;
    display: block;
    text-align: center;
	font-weight: bold;
}

.tooltip-box {
    position: absolute;
    display: block;
    width: 390px;
    top: -1px;
    left: 141%;
    padding: 20px;
    z-index: 50;
    background: #fff;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-sizing: border-box
}

.tooltip-box::before {
    position: absolute;
    content: ' ';
    display: block;
    width: 0;
    height: 0;
    top: 8px;
    left: -7px;
    z-index: 51;
    border-width: 3.5px 7px 3.5px 0;
    border-style: solid;
    border-color: transparent #178b3c transparent transparent
}

.tooltip-box h1 {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: 'open-sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    line-height: 22px;
    color: #178b3c;
    border-bottom: 1px solid #dcdcdc
}

.tooltip-box p {
    font-family: 'open-sans', sans-serif;
    font-size: 13px;
    font-weight: 300;
    text-align: left;
    line-height: 22px;
    color: #787878
}

.my-banners-form #imageBox .image-thumbnail
{
	margin-left: 0px;
}

#imageBox .image-loading 
{
    background: url('../img/frontend/asset/loader.gif') no-repeat center 40px;
}

.image-thumbnail .remove-image 
{
    margin: 4px 0 0 0;
    float: right;
    opacity: .3;
}

.my-banners .table
{
	margin-top: 15px;
}

.my-banners .my-banners-form
{
	margin-top: 40px;
}


.my-banners .wallet-inline-wrapper
{
	width: 290px;
	text-align: center;
	background-color: #178b3c;
	padding: 30px 0 0;
    margin: 0 15px;
}

.my-banners .wallet-inline-wrapper .title
{
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 14px;
	color: #ffffff;
}

.my-banners .wallet-inline-wrapper hr
{
	width: 190px;
    height: 1px;
    margin: 18px auto;
    opacity: .6;
    border: 0 none;
    background: #fff;
}

.my-banners .wallet-inline-wrapper .balance
{
	font-size: 40px;
	color: #ffffff;
	font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.my-banners .wallet-inline-wrapper .date
{
    width: 100%;
    height: 32px;
    bottom: 0;
    padding-top: 8px;
    background: rgba(0, 0, 0, 0.2);
	color: #ffffff;
	font-size: 13px;
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}


.my-wallet .wallet-inline-wrapper
{
	width: 290px;
	text-align: center;
	background-color: #178b3c;
	padding: 30px 0 0;
    margin: 0 15px;
	height: 200px;
}

.my-wallet .wallet-inline-wrapper .title
{
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 14px;
	color: #ffffff;
}

.my-wallet .wallet-inline-wrapper hr
{
	width: 190px;
    height: 1px;
    margin: 18px auto;
    opacity: .6;
    border: 0 none;
    background: #fff;
}

.my-wallet .wallet-inline-wrapper .balance
{
	font-size: 40px;
	color: #ffffff;
	font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.my-wallet .wallet-inline-wrapper .date
{
    height: 32px;
    bottom: 0;
    padding-top: 8px;
    background: rgba(0, 0, 0, 0.2);
	color: #ffffff;
	font-size: 13px;
	font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
	margin-bottom: 0;
	position: absolute;
    width: 290px;
}

.my-wallet .wallet-inline-wrapper.add-balance
{
	background-color: #ffc000;
}

.my-wallet .wallet-inline-wrapper .new-wallet-amount
{
	float: none;
}

.my-wallet .payments-we-accept
{
	list-style-type: none;
	padding-bottom: 40px;
    display: inline-block;
}

.my-wallet .payments-we-accept li
{
	float: left;
	margin-left: 5px;
    margin-right: 5px;
}

.my-wallet .wallet-blocks
{
	padding-top: 30px;
	padding-bottom: 30px;
}

.my-wallet .wallet-inline-wrapper.self-transfer
{
	width: 455px;
	height: 300px;
	margin: 0 auto;
}

.my-wallet .wallet-inline-wrapper.self-transfer .profile-info
{
	text-align: left;
	padding-left: 30px;
	padding-right: 30px;
}

.my-wallet .wallet-inline-wrapper.self-transfer .profile-info .login-name
{
	color: #ffffff;
	font-size: 12px;
}

.block 
{
    position: relative;
    display: block;
    box-sizing: border-box;
    word-wrap: break-word;
}

.my-wallet-invoice .invoice-header .title
{
	margin-top: 20px;
	color: #48545f;
	font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 30px;
	margin-bottom: 20px;
}

.my-wallet-invoice .invoice-header .subtitle
{
	margin-top: 20px;
	color: #48545f;
	font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 20px;
	margin-bottom: 20px;
}

.my-wallet-invoice .invoice-header .note
{
	margin-top: 20px;
	color: #d56663;
	font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 20px;
	margin-bottom: 20px;
}

.my-wallet-invoice .footer_note
{
	margin-top: 20px;
	color: #d56663;
	font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 20px;
	margin-bottom: 20px;
}

.invoice-box
{
    max-width:900px;
    margin:auto;
    padding:30px;
    border:1px solid #eee;
    box-shadow:0 0 10px rgba(0, 0, 0, .15);
    font-size:16px;
    line-height:24px;
    font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
    color:#555;
}

.invoice-box table
{
    width:100%;
    line-height:inherit;
    text-align:left;
}

.invoice-box table td
{
    padding:5px;
    vertical-align:top;
}

.invoice-box table tr td:nth-child(2)
{
    text-align:right;
}

.invoice-box table tr.top table td
{
    padding-bottom:40px;
}

.invoice-box table tr.top table td.title
{
    font-size:45px;
    line-height:45px;
    color:#333;
}

.invoice-box table tr.information table td
{
    padding-bottom:40px;
}

.invoice-box table tr.heading td
{
    background:#eee;
    border-bottom:1px solid #ddd;
    font-weight:bold;
}

.invoice-box table tr.details td
{
    padding-bottom:20px;
}

.invoice-box table tr.item td
{
    border-bottom:1px solid #eee;
}

.invoice-box table tr.item.last td
{
    border-bottom:none;
}

.invoice-box table tr.total td:nth-child(2)
{
    border-top:2px solid #eee;
    font-weight:bold;
}

.bank-information 
{
    text-align: center;
    font-size: 16px;
}

.bank-logo 
{
    display: block;
    margin-right: auto;
    margin-left: auto;
    cursor: pointer;
}

.category-list
{
	list-style-type: none;
	padding-left: 0px;
	margin-top: 15px;
	margin-bottom: 25px;
}

.category-list li
{
	display: block;
}

.attribute-title
{
	font-size: 18px;
}

.price_overflow
{
	white-space: nowrap;
}

.content-section__single-ad
{
	max-width: 500px;
}

.similar-craftsman-categories .profile-image,
.similar-craftsman-categories .info
{
	float: left;
}

.my-classifieds .table
{
	min-width: 650px;
}

.similar-craftsman-categories .info
{
	margin-left: 15px;
	margin-top: 15px;
}

.classified_images_wrapper
{
	max-width: 500px;
}

.mobile-last-classified-category
{
	padding-left: 20px;
}

.mobile-last-classified-category h2 a
{
	font-size: 18px;
    font-weight: 700;
    color: #333;
	
}

.ads-section-title a
{
	color: #333;
}

.rate-row
{
	color: #178b3c;
}

.rate-row .fa
{
	font-size: 18px;
}

.compare-classifieds .compare-item
{
	padding-left: 0px;
}

.compare-classifieds .compare-item .img
{
	text-align: left;
}

.compare-classifieds .compare-item .img img
{
	width: 100%;
}

.price-row
{
	padding-right: 10px;
}

.thumbnails-row
{
	margin-top: 15px;
	margin-bottom: 10px;
}

.thumbnails-row .item
{
	width: 20%;
	float: left;
	padding-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

.thumbs-up
{
	width: 20px;
	height: 20px;
}

a.vote-for-comment:focus
{
	text-decoration: none;
}

.master-profile-comment--reply
{
	margin-left: 150px;
}

.master-profile-comment--reply-on-reply
{
	margin-left: 250px;
}

.input-group.price-group input.form-control
{
	width: 48%;
	border-radius: 0;
}

.input-group.price-group input.form-control:last-of-type
{
	float: right;
}

.input-group.price-group span
{
    margin-top: 17px;
    display: inline-block;
	margin-top: 17px;
    margin-left: 4px;
}

.secondmenu .invisible-btn
{
    height: 40px;
}

.nopadding
{
	padding: 0 !important;
	margin: 0 !important;
}

/* Tablet */

@media (min-width: 700px) and (max-width: 800px){
	.mainpage-blocks
	{
		min-height: 180px;
	}
	
	.secondmenu .btn-warning
	{
		margin-left: 20px;
	}
	
	.profile .portfolio-images .image-thumbnail
	{
		width: 42%;
	}
	
	.profile .profile-fields .col-md-6
	{
		float: left;
		width: 50%;
		padding-right: 15px;
	}
	
	.advert-content-img .order-type
	{
		display: none;
	}
	
	.breadcrumb-top
	{
		display: none;
	}
}

@media (min-width: 1000px) and (max-width: 1200px){
	.advert-content-img
	{
		width: 22%;
	}
}

@media (min-width: 1200px) {
	.table-responsive
	{
		overflow: initial;
	}
	
}

@media (max-width: 1200px) {
	.login-register
	{
		display: none;
	}
	
	/*.price-row .item-price
	{
		display: none;
	}*/
}

@media (max-width: 1000px) {
	.btn-warning
	{
		margin-left: 0px;
	}
	
}

@media (max-width: 930px) {
	
	.table.visible-xs-block
	{
		display: block !important;
	}
	
}

@media (max-width: 920px) {
	
	.navbar-brand,
	.footer-logo	{
		padding-left: 0px;
	}
}

@media (min-width: 768px) {
	
	.footer-logo {
		margin-left: -15px;
	}
}

@media (min-width: 800px) {
	.slick-slide,
	.classified_images div
	{
	    max-height: 300px;
		overflow: auto;
	}
	
}

@media (max-width: 800px){
	.my-wallet .wallet-balance
	{
		margin-bottom: 25px;
	}
	
	.my-wallet .wallet-inline-wrapper
	{
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	
	.my-wallet .wallet-inline-wrapper .date
	{
		width: 100%;
	}
	
	.my-wallet .wallet-inline-wrapper.self-transfer
	{
		width: 100%;
		height: 350px;
		margin: 0 auto;
	}
	
	#ClassifiedFilterIndexForm
	{
		margin-bottom: 25px;
	}
	
	.blog-nav2
	{
		display: none;
	}
	
	.left-border
	{
		min-height: initial;
	}
	
	.advert-content-img {
		width: 175px !important;
	}
	
}


@media (max-width: 660px){
  .first-row-table-text {font-weight: 500;font-size: 15px;}
  .category-title{padding-left: 10px!important;}
  
	.my-wallet .wallet-inline-wrapper.self-transfer
	{
		width: 100%;
		height: 350px;
	}
	
	.my-wallet .wallet-inline-wrapper
	{
		margin: 0 auto;
	}
	
	.my-banners .wallet-inline-wrapper
	{
		width: 100%;
		margin: 0 auto;
	}
	
	.my-banners .wallet-balance
	{
		margin-top: 25px;
		margin-bottom: 25px;
	}
	
	.my-banners .tooltip-link
	{
		position: initial;
	}
	
	.my-banners #addadvert-text
	{
		font-size: 13px;
	}
	
	.thumbnails-row .item
	{
		width: 33.3333333%;
	}
}

@media (max-width: 670px) {
	
.category-content  {
  font-weight: bold !important;
  overflow: hidden !important;
  padding: .4em 0 .4em .3em !important;
  background-image: url('../img/arr.png');
  background-repeat: no-repeat;
  background-position: right;
}
  li.main  {
    font-size: 18px;
    line-height: 24px;
  }
  .advert-content-img{
    width: 105px !important;
  }
  .advert-content-img img{
    width: 100% !important;
  }
  .advert-content-more, .advert-content-text {
    line-height: 14px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .advert-content-more{
    text-align: right;
    font-size: 12px;
    width: 100px !important;
  }

  .advert-content-text {
    width: 360px;
  }
  
  #imageBox .image-thumbnail
   {
	margin: 0px;
	margin-top: 10px;
  }
	
	.invoice-box table tr.top table td.title img
	{
		width: 100%;
	}
	
  	.invoice-box td
	{
		display: block !important;
		text-align: center;
	}

	.category-content > a 
	{
		font-size: 20px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden !important;
		display: block;
	}
	
	.category-subtitle > a
	{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden !important;
		display: block;
	}
}

@media (min-width: 520px) and (max-width: 930px){
  .classified_images_wrapper
    {
	margin: 0 auto;
  }
  
  	.advert-content-text
	{
		width: 470px;
	}
}

@media (max-width: 500px){
  
  .classified_images_wrapper
    {
	max-width: 450px;
  }
  
}


@media (max-width: 480px){
  .classified_images_wrapper
    {
	max-width: 430px;
  }
}

@media (max-width: 450px){
  .classified_images_wrapper
    {
	max-width: 400px;
  }
  
	.report_comment
	{
	  display: block;
	}
	
	.master-profile-comment--reply
	{
		margin-left: 50px;
	}

	.master-profile-comment--reply-on-reply
	{
		margin-left: 100px;
	}
}

@media (max-width: 414px){
  .classified_images_wrapper
    {
	max-width: 360px;
  }
}

@media (max-width: 400px){
  .classified_images_wrapper
    {
	max-width: 350px;
  }
}

@media (max-width: 375px){
  .classified_images_wrapper
    {
	max-width: 315px;
  }
}

@media (max-width: 360px){
  .classified_images_wrapper
    {
	max-width: 310px;
  }
}

@media (max-width: 350px){
  .classified_images_wrapper
    {
	max-width: 300px;
  }
}

@media (max-width: 340px){
	.comment-date
	{
		display: block;
	}
}

@media (max-width: 320px){
  .classified_images_wrapper
    {
	max-width: 270px;
  }
}