/* ========================================================================== */
/* Base / Layout                                                              */
/* ========================================================================== */

html { position: relative; min-height: 100%; }
body { padding-top: 70px; margin-bottom: 60px; }
.container { width: 100%; max-width: 1300px; }
textarea { resize: none; }
.clearfix_10 { clear: both; margin-bottom: 10px; }
.height_10 { height: 10px; margin-top: 5px; }
.ancor { padding-top: 52px; margin-top: -52px; }

a { outline: none !important; }

.ad-container { margin: 20px 0 20px 0; text-align: center; display: block; clear: both; float: none; }

/* ========================================================================== */
/* App Card                                                                   */
/* ========================================================================== */

.app-card-cont { margin-bottom: 15px; padding: 0 5px; }
.app-card {
  display: block;
  padding: 5px;
  border: 1px solid #eee;
  border-radius: 10px;
  background-color: #f9f9f9;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.3s ease-in-out;
  text-decoration: none;
  color: #333;
}
.app-card:hover { box-shadow: 0 4px 8px rgba(0,0,0,0.2); text-decoration: none; }
.app-icon { margin-top: 10px; object-fit: cover; }
.app-info { padding: 4px; }
.app-title {
  display: block;
  font-weight: bold;
  font-size: 14px;
  margin: 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.app-description {
  min-height: 69px;
  font-size: 12px;
  color: #666;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ========================================================================== */
/* Product Card                                                               */
/* ========================================================================== */

.mainrow { display: flex; flex-wrap: wrap; margin: 0 -5px; }
.mainrow .col-xs-4,
.mainrow .col-sm-2,
.mainrow .col-md-2 { display: flex; padding: 5px; }

.product-card {
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #F9F9F9;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.product-card:hover { transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); text-decoration: none; }
.product-card img { width: 100%; height: auto; object-fit: cover; margin: 0; border-radius: 8px 8px 0 0; }
.product-card p.title {
  font-size: 1.1em;
  font-weight: 600;
  color: #333;
  margin: 10px 0 5px 0;
  padding: 0 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-card .description {
  font-size: 0.9em;
  color: #555;
  margin: 5px 10px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .product-card .description { display: none; }
}
.product-card .price-block { padding: 5px; }
.product-card .price-row { display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 5px; }
.product-card .price-row .old-price { text-decoration: line-through; font-weight: bold; color: #999; }
.product-card .new-price { font-size: 1.5em; color: #FF4500; font-weight: bold; }
.product-card .label-danger { background-color: #FFD700; color: #000; font-size: 0.8em; padding: 3px 6px; border-radius: 3px; }

/* ========================================================================== */
/* Collection Card                                                            */
/* ========================================================================== */

.collection-card-cont { margin-bottom: 15px; padding: 0 5px; }
.collection-card {
  display: block; /* Note: overridden by flex below */
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #f9f9f9;
  text-decoration: none;
  color: #333;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: box-shadow 0.3s ease-in-out;
}
.collection-card:hover { box-shadow: 0 5px 10px rgba(0,0,0,0.15); text-decoration: none; }
.media-left { margin-right: 15px; }
.collection-icon { object-fit: cover; border-radius: 50%; width: 64px; height: 64px; }
.collection-info { flex: 1; }
.collection-title { font-weight: bold; font-size: 15px; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.collection-description {
  font-size: 13px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* ========================================================================== */
/* Collection Single-App Card                                                 */
/* ========================================================================== */

.collection-full-width {
  padding: 15px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  margin-top: 15px;
  margin-bottom: 15px;
}
.collection-header { color: #333; margin-bottom: 15px; }
.app-preview { text-decoration: none; color: #333; display: block; text-align: center; margin-bottom: 10px; }
.app-preview img { max-width: 100%; border-radius: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.app-name {
  display: block;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.view-more { display: block; text-align: center; margin-top: 10px; }

/* ========================================================================== */
/* Timer                                                                      */
/* ========================================================================== */

.timer {
  margin-bottom: 15px;
  padding: 20px 5px 20px 5px;
  border: 1px solid #eee;
  border-radius: 10px;
  background-color: #d4edda;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  overflow: hidden;
  position: relative;
  transition: box-shadow 0.3s ease-in-out;
  color: #333;
  text-align: center;
  font-size: 20px;
}
.hidden { display: none; }
#countdown {
  color: white;
  background-color: #28a745;
  border-radius: 50%;
  padding: 8px 16px;
  display: inline-block;
  font-weight: bold;
}

/* ========================================================================== */
/* Page Title                                                                 */
/* ========================================================================== */

.page_icon { margin: 0 15px 0 10px; vertical-align: middle; width: 45px; height: 45px; }
.page_title { margin-bottom: 10px; display: flex; align-items: center; }
.page_title h1 { font-size: 180%; margin: 0; padding: 0; }

/* ========================================================================== */
/* Soft Title                                                                 */
/* ========================================================================== */

.soft_icon { margin: 10px auto; }
.soft_title { margin-bottom: 5px; }
.soft_title h1 { font-size: 180%; margin: 0; }
#rating {
  margin-top: 7px;
  margin-left: -2px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_title_bottom { margin-top: 3px; display: flex; justify-content: center; align-items: center; }
div.vote-wrap { overflow: hidden; height: 30px; }
div.vote-block { position: relative; }
div.vote-hover { float: left; cursor: pointer; }
div.vote-stars { position: absolute; left: 0; top: 0; }
div.vote-active { position: absolute; left: 0; top: 0; }
div.vote-result { color: #ADADAD; font-size: 13px; margin-top: 2px; padding-left: 95px; }
div.vote-success { clear: both; color: #ADADAD; font-size: 12px; height: 20px; margin: -5px 0 0 5px; }

@media (min-width: 768px) {
  .soft_icon { margin: 0 5px 0 5px; float: left; margin-top: 7px; width: 60px; height: 60px; }
  .soft_name { padding-left: 20px; }
  .soft_title h1 { padding-top: 11px; text-align: left; }
  .soft_title #rating,
  .page_title_bottom { text-align: left; justify-content: flex-start; }
}
@media (max-width: 767px) {
  .soft_icon { width: 150px; height: 150px; margin: 8px 0 5px 0; }
  .soft_title h1 { text-align: center; padding-top: 10px; justify-content: center; }
  .soft_title #rating,
  .page_title_bottom { text-align: center; justify-content: center; }
  div.vote-result { color: #606060; font-size: 14px; }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .soft_name { padding-left: 45px; }
}

/* ========================================================================== */
/* Forms                                                                      */
/* ========================================================================== */

.help-block { margin-top: -2px; margin-bottom: 5px !important; }
.error_block { height: 10px; margin-top: 5px; }
.input-hidden { display: none; }
.btn-gray { background-color: #DDDDDD; color: #3A3A3A; }
.btn-gray:hover { background-color: #949699; color: white; }

/* ========================================================================== */
/* Login                                                                      */
/* ========================================================================== */

.login-or { position: relative; font-size: 18px; color: #aaa; margin: 20px 0; padding: 10px 0; }
.span-or {
  display: block;
  position: absolute;
  left: 50%;
  top: -2px;
  margin-left: -25px;
  background-color: #fff;
  width: 50px;
  text-align: center;
}
.hr-or { background-color: #cdcdcd; height: 1px; margin: 0 !important; }

/* ========================================================================== */
/* Top Panel                                                                  */
/* ========================================================================== */

.logo { background: url(../images/logo.png) no-repeat center/cover; width: 200px; height: 24px; overflow: hidden; margin-top: -2px; }
.navbar-fixed-top .dropdown-menu { min-width: 0px; }
.navbar-default { background-color: #f1f1f1; border-color: #ADADAD; }
.search { padding: 0 6px !important; }
.modal-open[style="padding-right: 17px;"] .navbar-fixed-top,
.modal-open[style="padding-right: 17px;"] .navbar-fixed-bottom { padding-right: 17px; }
.user-avatar { width: 19px; height: 19px; margin-right: 5px; vertical-align: -4px; }
.big-icon { margin-right: 5px; font-size: 19px; vertical-align: -3px; }
.full-text { display: none; }
@media (max-width: 767px) {
  .full-text { display: inline; }
  .short-text { display: none; }
}

/* ========================================================================== */
/* Lists                                                                      */
/* ========================================================================== */

.list-group-item img { margin-right: 10px; }
.list-group a { color: #1688ad; }
.list-group a:hover { color: #23527C; text-decoration: underline; }
.list-overflow-hidden a { overflow: hidden; height: 36px; }

/* ========================================================================== */
/* Sidebar                                                                    */
/* ========================================================================== */

.sidebar-block-header { position: relative; font-size: 130%; font-weight: 500; margin-bottom: 5px; }
.all-link { position: absolute; font-size: 60%; right: 0; top: 55%; transform: translateY(-50%); padding: 0 15px; }
.sidebar-lgi { border: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar-lgi:nth-child(odd) { background-color: #F1F1F1; }
.sidebar-lgi img { margin-right: 10px; }

/* ========================================================================== */
/* Mainpage                                                                   */
/* ========================================================================== */

.jumbotron { padding: 5px 20px !important; margin: 0 -8px 15px -8px !important; background-color: #f8f8f8; }
.jumbotron h1 { font-size: 18px; margin-top: 15px; }
.jumbotron p { font-size: 14px; font-weight: 400; }
.main_prog_wrapper .titleimg { height: 100%; float: left; margin-right: 10px; }
.main_prog_wrapper .maincat_left { height: 100%; overflow: hidden; }
.main_prog_wrapper .maincat_left .title h2 { font-size: 180%; margin: 2px 0 2px 0; }
.main_prog_wrapper .maincat_left .title p { font-size: 100%; }

/* ========================================================================== */
/* Inside Page                                                                */
/* ========================================================================== */

.page_content { margin-top: 15px; }

/* ========================================================================== */
/* Category Page                                                              */
/* ========================================================================== */

.category_prog_wrapper .titleimg { height: 100%; float: left; margin-right: 10px; }
.category_prog_wrapper .list-group-item { padding: 5px 5px 35px; }
.category_prog_wrapper h2 { font-size: 105%; text-transform: uppercase; }
.category_prog_wrapper .cat-nav { margin: 10px 0 0 -40px; }
.category_prog_wrapper .cat-nav li { float: left; padding-bottom: 10px; list-style: outside none none; margin-right: 15px; }
.category_prog_wrapper .cat-nav li h3 { margin: -5px 0 0 0; display: inline-block; text-transform: uppercase; font-size: 90%; }

/* ========================================================================== */
/* Subcategory Page                                                           */
/* ========================================================================== */

.subcat-list { margin-bottom: 0px; }
.subcat-list .list-group-item { padding: 5px 15px; margin: 0 -15px; }

/* ========================================================================== */
/* Program Page                                                               */
/* ========================================================================== */

.app_icon { margin: 0 10px 0 10px } /* Note: different naming from .app-icon kept intact */
.expandable { margin-bottom: 20px; }
.med_add { margin: 5px 0 20px 0; }
.btn-download { margin: -5px 0 6px 0; white-space: normal !important; }
.btn-download h2 { font-size: 130%; margin: 0; }

.button-windows { color: #fff; background-color: #0678D3; border-color: #0678D3; }
.button-windows:hover,
.button-windows:focus { color: #fff; background-color: #045BA9; border-color: #045BA9; }
.button-windows:active,
.button-windows.active { color: #fff; background-color: #034F93; border-color: #034F93; }
.button-windows.selected { color: #fff; background-color: #045BA9; border-color: #045BA9; }

.button-mac { color: #fff; background-color: #4D66CB; border-color: #4D66CB; }
.button-mac:hover,
.button-mac:focus { color: #fff; background-color: #3D549E; border-color: #3D549E; }
.button-mac:active,
.button-mac.active { color: #fff; background-color: #293B73; border-color: #293B73; }
.button-mac.selected { color: #fff; background-color: #3D549E; border-color: #3D549E; }

.mobapp h2 { font-size: 140%; }
.mid_ad { padding-left: 0; }
.linkad { margin: 15px 0 15px 0; }

.similar-programs .list-group-item { padding: 5px 15px; }
.similar-programs .more-software { padding: 6px 50px; height: auto; }

.hp-links { text-decoration: none !important; }
.hp-links span { border-bottom: 1px dotted #1688ad; }

/* ========================================================================== */
/* Comments                                                                   */
/* ========================================================================== */

.comheader { font-size: 160%; margin: 0; margin-bottom: 10px; padding-top: 4px; }
.commentlist .comment { zoom: 1; padding: 10px 0 0; }
.comment_bl { padding: 0 0 10px; }
.comment .comment-meta { overflow: hidden; margin-bottom: 5px; padding: 2px; }
.comment .comment-meta span { margin-right: 5px; }
.comment .comment-meta .fn { font-size: 14px; font-weight: 700; color: #333; }
.comment .comment-meta .data { font-size: 12px; text-decoration: none; color: #666; }
.comment .comment-body { overflow: hidden; word-wrap: break-word; min-height: 40px; }
.comment-marginleft { margin-left: 25px; }
.commentsaction { margin-bottom: 5px; margin-top: -7px; font-size: 14px; }
.empty-star { color: #aaa; margin: 0 1px; font-size: 1.2em }
.filled-star { color: #fde16d; -webkit-text-stroke: 1px #777; margin: 0 1px; font-size: 1.2em }
.avatar { width: 30px; height: 30px; border-radius: 40%; margin-right: 5px; }

.comment_clearfix { margin-bottom: 15px; }
.hVeWiu { padding-bottom: 0px !important; }
.dhFa-Df { margin-bottom: 10px !important; }

/* ========================================================================== */
/* Star Rating (plugin styles)                                                */
/* ========================================================================== */

.rating-loading { width: 25px; height: 25px; font-size: 0; color: #fff; background: url(../images/loading.gif) top left no-repeat; border: none }
.rating-container .rating-stars { position: relative; cursor: pointer; vertical-align: middle; display: inline-block; overflow: hidden; white-space: nowrap }
.rating-container .rating-input { position: absolute; cursor: pointer; width: 100%; height: 1px; bottom: 0; left: 0; font-size: 1px; border: none; background: 0 0; padding: 0; margin: 0 }
.rating-disabled .rating-input,
.rating-disabled .rating-stars { cursor: not-allowed }
.rating-container .star { display: inline-block; margin: 0 3px; text-align: center }
.rating-container .empty-stars { color: #aaa }
.rating-container .filled-stars { position: absolute; left: 0; top: 0; margin: auto; color: #fde16d; white-space: nowrap; overflow: hidden; -webkit-text-stroke: 1px #777; text-shadow: 1px 1px #999 }
.rating-rtl { float: right }
.rating-animate .filled-stars { transition: width .25s ease; -o-transition: width .25s ease; -moz-transition: width .25s ease; -webkit-transition: width .25s ease }
.rating-rtl .filled-stars { left: auto; right: 0; -moz-transform: matrix(-1,0,0,1,0,0) translate3d(0,0,0); -webkit-transform: matrix(-1,0,0,1,0,0) translate3d(0,0,0); -o-transform: matrix(-1,0,0,1,0,0) translate3d(0,0,0); transform: matrix(-1,0,0,1,0,0) translate3d(0,0,0) }
.rating-rtl.is-star .filled-stars { right: .06em }
.rating-rtl.is-heart .empty-stars { margin-right: .07em }
.rating-lg { font-size: 3.91em }
.rating-md { font-size: 3.13em }
.rating-sm { font-size: 2.5em }
.rating-xs { font-size: 2em }
.rating-xl { font-size: 4.89em }
.rating-container .clear-rating { color: #aaa; cursor: not-allowed; display: inline-block; vertical-align: middle; font-size: 60%; padding-right: 5px }
.clear-rating-active { cursor: pointer !important }
.clear-rating-active:hover { color: #843534 }
.rating-container .caption { color: #999; display: inline-block; vertical-align: middle; font-size: 60%; margin-top: -.6em; margin-left: 5px; margin-right: 0 }
.rating-rtl .caption { margin-right: 5px; margin-left: 0 }
@media print { .rating-container .clear-rating { display: none } }

/* ========================================================================== */
/* All Updates                                                                */
/* ========================================================================== */

.update_item { margin: 10px 0 0 10px }
.update_item .update_date { font-size: 12px; font-style: italic; color: #7A7A7A; margin: 20px 0 -5px 40px; }
.update_item img { margin-right: 10px; }
.update_item .update_data { margin: 0 0 0 40px; }
.news_data ul { margin: 0 0 20px 15px; }
.news_data p { margin: 0 0 5px 40px; }

/* ========================================================================== */
/* Footer                                                                     */
/* ========================================================================== */

.footer { width: 100%; border-top: 1px solid #E5E5E5; padding-top: 10px; text-align: center; margin-bottom: -50px; }
.footer p { color: #333; }

/* ========================================================================== */
/* Fancybox (vendor block kept intact; consider extracting to separate file)  */
/* ========================================================================== */

body.compensate-for-scrollbar { overflow: hidden }
.fancybox-active { height: auto }
.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden }
.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992 }
.fancybox-container * { box-sizing: border-box }
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 }
.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto }
.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47,0,.74,.71) }
.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22,.61,.36,1) }
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997 }
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible }
.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.fancybox-toolbar { right: 0; top: 0 }
.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994 }
.fancybox-is-open .fancybox-stage { overflow: hidden }
.fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994 }
.fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0 }
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous { display: block }
.fancybox-slide--image { overflow: hidden; padding: 44px 0 }
.fancybox-slide--image:before { display: none }
.fancybox-slide--html { padding: 6px }
.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle }
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(.5,0,.14,1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out }
.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in }
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content { cursor: grab }
.fancybox-is-grabbing .fancybox-content { cursor: grabbing }
.fancybox-container [data-selectable=true] { cursor: text }
.fancybox-image,
.fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% }
.fancybox-spaceball { z-index: 1 }
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100% }
.fancybox-slide--video .fancybox-content { background: #000 }
.fancybox-slide--map .fancybox-content { background: #e5e3df }
.fancybox-slide--iframe .fancybox-content { background: #fff }
.fancybox-iframe,
.fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% }
.fancybox-iframe { left: 0; position: absolute; top: 0 }
.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% }
.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 }
.fancybox-button { background: rgba(30,30,30,.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px }
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited { color: #ccc }
.fancybox-button:hover { color: #fff }
.fancybox-button:focus { outline: none }
.fancybox-button.fancybox-focus { outline: 1px dotted }
.fancybox-button[disabled],
.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none }
.fancybox-button div { height: 100% }
.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100% }
.fancybox-button svg path { fill: currentColor; stroke-width: 0 }
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) { display: none }
.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998 }
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401 }
.fancybox-close-small:hover { color: #fff; opacity: 1 }
.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0 }
.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden }
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none }
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px }
.fancybox-navigation .fancybox-button div { padding: 7px }
.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px }
.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right) }
.fancybox-caption {
  background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding:max(0px)) {
  .fancybox-caption { padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left)) }
}
.fancybox-caption--separate { margin-top: -50px }
.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all }
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited { color: #ccc; text-decoration: none }
.fancybox-caption a:hover { color: #fff; text-decoration: underline }
.fancybox-loading { animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999 }
@keyframes a { to { transform: rotate(1turn) } }
.fancybox-animated { transition-timing-function: cubic-bezier(0,0,.25,1) }
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%,0,0) }
.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%,0,0) }
.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0) }
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19,1,.22,1) }
.fancybox-fx-fade.fancybox-slide--current { opacity: 1 }
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5,1.5,1.5) }
.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5,.5,.5) }
.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1) }
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn) }
.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn) }
.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg) }
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0,0,0) translate3d(-100%,0,0) }
.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0,0,0) translate3d(100%,0,0) }
.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0) }
.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%,0,0) scale(.1) skew(-10deg) }
.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%,0,0) scale(.1) skew(10deg) }
.fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) }

@media (max-height: 576px) {
  .fancybox-slide { padding-left: 6px; padding-right: 6px }
  .fancybox-slide--image { padding: 6px 0 }
  .fancybox-close-small { right: -6px }
  .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px }
  .fancybox-caption { padding-left: 12px; padding-right: 12px }
  @supports (padding:max(0px)) {
    .fancybox-caption {
      padding-left: max(12px,env(safe-area-inset-left));
      padding-right: max(12px,env(safe-area-inset-right));
    }
  }
}
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center }
.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px }
.fancybox-share p { margin: 0; padding: 0 }
.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap }
.fancybox-share__button:link,
.fancybox-share__button:visited { color: #fff }
.fancybox-share__button:hover { text-decoration: none }
.fancybox-share__button--fb { background: #3b5998 }
.fancybox-share__button--fb:hover { background: #344e86 }
.fancybox-share__button--pt { background: #bd081d }
.fancybox-share__button--pt:hover { background: #aa0719 }
.fancybox-share__button--tw { background: #1da1f2 }
.fancybox-share__button--tw:hover { background: #0d95e8 }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px }
.fancybox-share__button svg path { fill: #fff }
.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100% }
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; width: 212px; z-index: 99995 }
.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden }
.fancybox-show-thumbs .fancybox-thumbs { display: block }
.fancybox-show-thumbs .fancybox-inner { right: 212px }
.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,.3) }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px }
.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0,0,0,.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px }
.fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25,.46,.45,.94); z-index: 99991 }
.fancybox-thumbs__list a:focus:before { opacity: .5 }
.fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1 }
@media (max-width: 576px) {
  .fancybox-thumbs { width: 110px }
  .fancybox-show-thumbs .fancybox-inner { right: 110px }
  .fancybox-thumbs__list a { max-width: calc(100% - 10px) }
}