main.cat                { padding: 90px 0 0 0; }

.category-abovetitle    { font-size: 13px; line-height: 19px; font-weight: 700; color:#6aa509; text-transform:none; letter-spacing: 0; text-transform: uppercase; }
.category-abovetitle a  { font-size: inherit; }

.tax-center_topic_parent                    { padding: 0 0 60px 0; border-bottom:1px solid rgb(198,198,198); z-index: 99; }
.tax-center_topic_parent .inner             { position: relative; overflow: visible; }
.tax-center_topic_parent .inner:after       { content: ""; display: table; clear: both; }

.tax-center_topic_parent .desktoptop        { float:none; width:540px; }
.tax-center_topic_parent .desktoptop.alltop { float:none; width:100%; }
.tax-center_topic_parent a.parenttopiclink  { text-transform: uppercase; }
.tax-center_topic_parent h1                 { font-size: 30px; text-transform: uppercase; letter-spacing: normal; text-align: left; color:rgb(84,84,84); font-weight: 900; }
.tax-center_topic_parent .desktoptop p      { font-size: 15px; color:#767676; padding:15px 0;  }
.tax-center_topic_parent p.desc             { font-size: 15px; color:#767676; padding:15px 0;  }

.tax-center_topic_parent .desktoptop nav     { display:block; padding: 20px 0 0 0; }
.tax-center_topic_parent .desktoptop nav a   { font-size: 14px; color:#15a4aa; padding-right: 20px; text-transform: uppercase; vertical-align: top; }
.tax-center_topic_parent .desktoptop nav a:hover   { color:#189397; }


.tax-center_topic_parent aside              { position: absolute; width:320px; height:46px; right:60px; top:0; z-index: 999; border-radius:0; background-color: rgb(255,255,255); border:1px solid rgb(255,255,255); }

.tax-center_topic_parent aside .subsnav               { width:100%; height:46px; z-index: 999; border-radius:0; background-color: rgb(255,255,255); border:1px solid rgb(255,255,255); overflow: hidden; cursor: pointer; }
.tax-center_topic_parent aside .subsnav .glow         { border-radius:0; }
.tax-center_topic_parent aside .subsnav.open          { height:46px; overflow: visible; }
.tax-center_topic_parent aside .subsnav.open .glow    { display:block; border-radius:5px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); background-color: rgb(255,255,255); padding: 0 0 5px 0; }
.tax-center_topic_parent aside .subsnav h3            { display:block; width:100%; height:auto; line-height:20px; font-size: 14px; color:rgb(84,84,84); font-weight: 700; text-align: left; text-transform:none; margin: 0; padding: 11px 11px 11px 12px; border-bottom:2px solid rgb(118,118,118); cursor: pointer; }
.tax-center_topic_parent aside .subsnav.open h3       { border-bottom: 2px solid rgb(255,255,255); }
.tax-center_topic_parent aside .subsnav h3 svg        { display:block; position: absolute; top: 17px; right: 12px; transform: rotate(0deg); transition-duration: 0.5s; }
.tax-center_topic_parent aside .subsnav.open h3 svg   { transform: rotate(90deg); }

.tax-center_topic_parent aside .subsnav a             { display:block; color:rgb(84,84,84); text-transform: none; padding: 8px 8px 8px 12px; margin: 0; font-size: 14px; line-height: 16px; font-weight: 400; }
.tax-center_topic_parent aside .subsnav a.special     { background-color: rgb(106,165,9); color:rgb(255,255,255); text-align: center; border-radius:18px; padding: 0; width: 90%; height:35px; line-height: 35px; margin:10px auto; font-weight:700; }

.tax-center_topic_parent aside .subsnav a:hover, .tax-center_topic_parent .subsnav a:focus, .tax-center_topic_parent .subsnav a:active   { background-color: rgb(241,241,241); font-weight: 700; }
.tax-center_topic_parent aside .subsnav a.special:hover, .tax-center_topic_parent .subsnav a.special:focus, .tax-center_topic_parent .subsnav a.special:active   { opacity: 0.9; background-color: rgb(106,165,9); color:rgb(255,255,255); font-weight:700; }

.tax-center_topic_parent aside .subsnav .navlist  { display:block; position: relative; background-color: rgb(255,255,255); border-radius:5px; }

.tax-center_topic_parent aside .subsnav.mk a::before  { content: "IMG"; display: inline-block; width:30px; height:30px; background-color:#15a4aa; margin: 0 10px 0 0; color:#fff; text-align: center; line-height:30px; border-radius:15px; font-size:11px; font-weight:900; }
.tax-center_topic_parent aside .subsnav.mk a.img::before  { content: "IMG"; background-color:#6ca320; }
.tax-center_topic_parent aside .subsnav.mk a.vid::before  { content: "VID"; background-color:#eb605c; }
.tax-center_topic_parent aside .subsnav.mk a.aud::before  { content: "AUD"; background-color:#8a5fb5; }
.tax-center_topic_parent aside .subsnav.mk a.logo::before  { content: "LOGO"; background-color:#23a4a9; font-size:8px; }
.tax-center_topic_parent aside .subsnav.mk a.doc::before  { content: "DOC"; background-color:#1a9eea; }

.atn-filters                        { position: relative; width: 520px; }
.atn-filters .subsnav.first         { position: absolute; width: 300px; top:0; right:220px; text-align: left; }
.atn-filters .subsnav.second        { position: absolute; width: 200px; top:0; right:0; text-align: left; }

.atn-filters .subsnav               { width:250px; height:46px; z-index: 999; background-color: rgb(255,255,255); border:1px solid rgb(255,255,255); overflow: hidden; }
.atn-filters .subsnav .glow         { border-radius:0;}
.atn-filters .subsnav.open          { height:46px; overflow: visible; }
.atn-filters .subsnav.open .glow    { display:block; border-radius:5px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); background-color: rgb(255,255,255); padding: 0 0 5px 0; }
.atn-filters .subsnav.open h3       { border-bottom: 2px solid rgb(255,255,255);}
.atn-filters .subsnav h3            { display:block; width:100%; height:auto; line-height:20px; font-size: 14px; color:rgb(84,84,84); font-weight: 700; text-align: left; text-transform:none; margin: 0; padding: 11px 11px 11px 12px; border-bottom:2px solid rgb(118,118,118); cursor: pointer; }
.atn-filters .subsnav h3 svg        { display:block; position: absolute; top: 17px; right: 12px; transform: rotate(90deg); transition-duration: 0.5s; }
.atn-filters .subsnav.open h3 svg   { transform: rotate(0deg); }

.atn-filters .subsnav a             { display:block; color:rgb(84,84,84); text-transform: none; padding: 8px 8px 8px 12px; margin: 0; font-size: 14px; line-height: 16px; font-weight: 400; }
.atn-filters .subsnav a.special     { background-color: rgb(106,165,9); color:rgb(255,255,255); text-align: center; border-radius:18px; padding: 0; width: 90%; height:35px; line-height: 35px; margin:10px auto; }

.atn-filters .subsnav a:hover, .tax-center_topic_parent .subsnav a:focus, .tax-center_topic_parent .subsnav a:active   { background-color: rgb(241,241,241); font-weight: 700; }
.atn-filters .subsnav a.special:hover, .tax-center_topic_parent .subsnav a.special:focus, .tax-center_topic_parent .subsnav a.special:active   { opacity: 0.9; background-color: rgb(106,165,9); color:rgb(255,255,255); font-weight: 400; }

.atn-filters .subsnav .navlist  { display:block; position: relative; background-color: rgb(255,255,255); border-radius:5px; }

a.tic-button            { display:block; font-size: 13px; color:rgb(84,84,84); width:132px; border:2px solid rgb(214,214,214); line-height: 31px; height:35px; border-radius:19px; text-align:center; float:right; margin:0 0 0 18px; }
a.tic-button:hover      { background-color: rgb(214,214,214); color:rgb(84,84,84); }
a.tic-button.on         { background-color: rgba(84,84,84, 1); color:rgb(255,255,255); border:2px solid rgba(84,84,84, 1); }
a.tic-button.on:hover   { background-color: rgba(84,84,84, 0.9); color:rgb(255,255,255); border:2px solid rgba(84,84,84, 1); }


@media only screen and (max-width: 767px) {

  main.cat                { padding: 30px 0 0 0; }
  
  .tax-center_topic_parent                    { padding: 0 0 30px 0; }
  .tax-center_topic_parent .desktoptop        { float:none; width:100%; }
  .tax-center_topic_parent .desktoptop.alltop { float:none; width:100%; }

  .tax-center_topic_parent aside              { position: relative; left:0; width:100%; height:auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

  .tax-center_topic_parent aside .subsnav.open    { height:auto; overflow: visible; }
  
  .atn-filters                        { position: relative; width: 100%; }
  .atn-filters .subsnav h3            { font-size: 13px; }
  .atn-filters .subsnav.first         { position: relative; width: 100%; top:auto; right:auto; text-align: left; }
  .atn-filters .subsnav.second        { position: relative; width: 100%; top:auto; right:auto; text-align: left; }
  
  .atn-filters .subsnav.open          { height:auto; overflow: visible; }
	
}
/* tablet vertical */
@media only screen and (min-width: 768px) and (max-width: 989px) {
	
  main.cat                { padding: 60px 0 0 0; }
  
  .tax-center_topic_parent                    { padding: 0 0 40px 0; }
  .tax-center_topic_parent .desktoptop        { float:none; width:100%; }
  .tax-center_topic_parent .desktoptop.alltop { float:none; width:100%; }

  .tax-center_topic_parent aside              { position: relative; left:0; width:100%; height:auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  
  .tax-center_topic_parent aside .subsnav.open    { height:auto; overflow: visible; }

  .tax-center_topic_parent .subsnav a         { display:inline-block; vertical-align: top; width:33%; }
  .tax-center_topic_parent .subsnav a.special { display:block; width: 90%; }
  
}
/* desktop 1024 */
@media only screen and (min-width: 990px) and (max-width: 1279px) {
	
  main.cat                { padding: 60px 0 0 0; }
  
  .tax-center_topic_parent .desktoptop        { float:none; width:500px; }
  .tax-center_topic_parent .desktoptop.alltop { float:none; width:100%; }
  
}