@-webkit-keyframes passing { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }
  50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
  100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } }

@keyframes passing { 0% { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; }
  50% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
  100% { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; } }

@-webkit-keyframes passingY { 0% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
  50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
  100% { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } }

@keyframes passingY { 0% { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; }
  50% { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
  100% { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); opacity: 0; } }

.oneline { display: block; word-wrap: break-word; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/* ************************************************************************************************
								Categories Page Styles
************************************************************************************************ */
.content_scene_cat { border-top: 5px solid #3f3f3f; color: #d7d7d7; line-height: 19px; margin: 0 0 26px 0; }
.content_scene_cat .content_scene_cat_bg { padding: 18px 10px 10px 42px; background-color: #464646 !important; }
@media (max-width: 1199px) { .content_scene_cat .content_scene_cat_bg { padding: 10px 10px 10px 15px; } }
.content_scene_cat span.category-name { font: 600 42px/51px "Open Sans", sans-serif; color: white; margin-bottom: 12px; }
@media (max-width: 1199px) { .content_scene_cat span.category-name { font-size: 25px; line-height: 30px; } }
.content_scene_cat p { margin-bottom: 0; }
.content_scene_cat a { color: white; }
.content_scene_cat a:hover { text-decoration: underline; }
.content_scene_cat .content_scene { color: #777777; }
.content_scene_cat .content_scene .cat_desc { padding-top: 20px; }
.content_scene_cat .content_scene .cat_desc a { color: #777777; }
.content_scene_cat .content_scene .cat_desc a:hover { color: #515151; }

/* ************************************************************************************************
									Sub Categories Styles
************************************************************************************************ */
#subcategories { border-top: 1px solid #e1e1e1; padding: 15px 0 0px 0; }
#subcategories p.subcategory-heading { font-weight: bold; color: #333333; margin: 0 0 15px 0; }
#subcategories ul { margin: 0 0 0 -20px; }
#subcategories ul li { float: left; width: 145px; margin: 0 0 13px 33px; text-align: center; height: 202px; }
#subcategories ul li .subcategory-image { padding: 0 0 8px 0; }
#subcategories ul li .subcategory-image a { display: block; padding: 9px; border: 1px solid #e1e1e1; }
#subcategories ul li .subcategory-image a img { max-width: 100%; vertical-align: top; }
#subcategories ul li .subcategory-name { font: 600 18px/22px "Open Sans", sans-serif; color: #555454; text-transform: uppercase; }
#subcategories ul li .subcategory-name:hover { color: #515151; }
#subcategories ul li .cat_desc { display: none; }
#subcategories ul li:hover .subcategory-image a { border: 5px solid #3f3f3f; padding: 5px; }

.content_scene_cat_bg { position: relative; }
.content_scene_cat_bg .cat_heading { position: absolute; top: 35%; left: 0; width: 100%; text-align: center; }
.content_scene_cat_bg .cat_heading .cat-name-heading { display: inline-block; border: 1px solid #3f3f3f; color: #3f3f3f; font-size: 19px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; padding: 2px 23px 0; line-height: 39px; }
