@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
html, body { margin: 0; padding: 0; font-family: verdana,arial,tahoma; text-align: center; height: 100%; }

.content-wrapper { max-width:1366px; text-align: left; position: relative; margin: 0 auto; }
.cat-header { font-family: 'Roboto Condensed', sans-serif; font-size: 40px; color: #ffffff; position: absolute; top: -60px; right: 2%; font-weight: normal; margin: 0; padding: 0; }

.more-info-text { font-size: 14px; width: 90%; padding: 30px; margin: 0 auto; color: #6c6c6c; display: none; }
.more-info-text img { float: left; margin: 0px 55px 0 15px; }
.more-info-text b { color: #606060; }
.more-info-text ul { list-style-type:none; padding-left: 15px; }

.trims-cats { display: inline-block; width: 23%; text-align: left; }
.trims-cats-text { font-size: 20px; margin: 10px 0 10px 20px; color: #2e2e2e; }
.trims-cats .cats-list { list-style: none; padding: 0; margin: 0; }
.trims-cats .cats-list a{ text-decoration: none; color: #565656; }
.trims-cats .cats-list li{ font-size: 17px; color: #565656; padding: 5px 5px 5px 20px; cursor: pointer; }
.trims-cats .cats-list .cat-root { background: #dbe9e9; margin-bottom: 1px;}
.trims-cats .cats-list .cat-root span{ font-size: 13px; }
.trims-cats .cats-list .subcats-list { list-style: none; padding: 0; margin: 0; }
.trims-cats .cats-list .subcats-list li { padding-left: 35px; background: #ffffff; }
.trims-cats .cats-list .subcats-list span{ font-size: 13px; }
.trims-cats .cats-list li:hover { background: #a9cbcb; }
.trims-cats .ads-sticky { width: 310px; margin: 10px auto auto 5px; text-align: center; }

.trims-data { display: inline-block; width: 72%; vertical-align: top; box-sizing: border-box; }
.trims-data .cats-nav-order { width: 100%; margin: 10px 0px 10px 20px; height: 17px; }
.trims-data .cats-nav-order .cats-nav { font-size: 17px; color: #292929; float: left; }
.trims-data .cats-nav-order .cats-nav ol{ list-style-type:none; display: inline; height: 20px; margin: 0; padding: 0; }
.trims-data .cats-nav-order .cats-nav li{ display: inline; }
.trims-data .cats-nav-order a{ color: #292929; }
.trims-data .cats-nav-order .cats-order { float: right; font-size: 14px; color: #4d4d4d; height: 22px; line-height: 22px; vertical-align: middle; }
.trims-data .cats-nav-order .cats-order a{ color: #4d4d4d; }
.trims-data .cats-nav-order .more-info { float: right; font-size: 14px; color: #4d4d4d; height: 22px; line-height: 22px; text-decoration: underline; margin-right: 40px; cursor: pointer; }

.trims-data #content-loader { margin: 40px auto; background: url('/img/design/preloader.gif') no-repeat center; height: 32px; width: 32px; }
.trims-data .trims-list { width: 100%; margin: 15px 0 20px 20px; visibility: hidden; }
.trims-data .trims-list .trims-list-item { position: relative; margin: 5px; }
.trims-data .trims-list .social-buttons { padding: 0; margin-top: -40px; text-align: center; width: 100%; visibility: hidden; }

.trims-data .ads { width: 100%; margin: 15px auto 10px auto; }
.trims-data .ads .ads-1 { width: 100%; height: auto; margin: 0px 0px 10px 0px; }
.trims-data .ads .ads-2 { width: 100%; height: auto; }
.ads-3 { margin: 0 auto; width: 95%; } 

.trims-data .show-more { border: 1px solid #cce6e6; width: 100%; text-align:center; margin: 12px 0 12px 0; padding: 3px; height: 18px; cursor: pointer; display: none; }
.trims-data .show-more #pager { text-decoration:none; color:#006666; font-size:15px; cursor:pointer; }
.trims-data .show-more:hover { border: 1px solid #94c5c5; }
.trims-data .show-more-preloader { display: none; width: 100%; margin: 12px 0 12px 0; padding: 3px; text-align:center;}

.trimr-desc { width: 100%; font-size: 12px; color: #999999; padding: 60px 60px 0px 60px; box-sizing: border-box; display: inline-block;}
.trimr-desc h2 { font-weight: bold; font-size: 12px; padding: 0; margin: 0;}

@media screen and (max-width: 1365px){
	.trims-cats .ads-sticky { display: none; }
}
@media screen and (max-width: 1024px){
	.cat-header { font-size: 30px; top: -50px; }
	.trims-cats { position: absolute; z-index: 100; width: 30%; margin-top: 40px; display: none; }
	.trims-cats .cats-list .cat-root { margin-bottom: 0px; }
	.trims-cats-text { display: none; }
	
	.trims-data { width: 95%; margin: 0 auto; display: block; }
	.trims-data .cats-nav-order { padding-right: 20px; box-sizing: border-box; margin-left: 0px; }
	.trims-data .cats-nav-order .cats-nav { font-size: 15px; }
	.trims-data .cats-nav-order .more-info { display: none; }
	.trims-data .trims-list { margin-left: 0px; }
	.trims-data .trims-list .social-buttons { display: none; } 
}

@media screen and (max-width: 720px){
	.cat-header { color: #292929; font-size: 20px; position: static; text-align: left; margin: 20px auto 5px auto; width: 95%; }
	.trims-cats { width: 100%; margin-top: 0px; }
	
	.trims-data { position: relative; }
	.trims-data .cats-nav-order { padding: 0; width: 95%; margin: 0; }
	.trims-data .cats-nav-order .cats-nav { color: #ffffff; float: none; position: absolute; top: -75px;  }
	.trims-data .cats-nav-order .cats-nav a{ color: #ffffff; }
	.trims-data .cats-nav-order .cats-order { float: left; }
	.trims-data .trims-list { margin: 15px 0 0 0px; }

	.trimr-desc { padding: 60px 20px 20px 20px; }
}

@media screen and (max-width: 480px){
}