body {
  color: #000;
  font-family: 'Roboto', sans-serif !important;
  font-size: 14px;
  line-height: inherit; }
body *:not(.not-animate) {
  outline: none;
  transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transition-property: all !important;
  -webkit-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -webkit-transition-property: all !important;
  -moz-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -moz-transition-property: all !important;
  -o-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -o-transition-property: all !important;
  -ms-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -ms-transition-property: all !important; }
body a {
  color: inherit; }
body a:hover {
  color: inherit;
  text-decoration: none; }
body h1, body h2, body h3, body h4, body h5, body h6 {
  margin: 0; }
body p {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
  color: #000 !important; }
body .tooltip {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important; }
body .btn-resume {
  margin-left: 3px;
  font-size: 13px;
  color: #006eae;
  text-decoration: underline !important; }
body .btn-resume:hover {
  color: #003978; }
body .loading-element {
  text-indent: -9999px;
  overflow: hidden;
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important; }
body .loading-element::after {
  content: '';
  width: 16px;
  height: 11px;
  background-image: url("/assets/img/loading-form.gif");
  opacity: 1;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  -moz-transform: translateX(-50%) translateY(-50%) !important;
  -o-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important; }
body .loading-element * {
  opacity: 0; }

.main-container {
  background-color: #f3f3f3; }
.main-container .mobile-console-area {
  padding: 10px;
  font-size: 14px;
  font-weight: 600;
  background-color: #f1f1f1;
  box-shadow: 0 0 7px 0 #999 !important;
  -webkit-box-shadow: 0 0 7px 0 #999 !important;
  -moz-box-shadow: 0 0 7px 0 #999 !important;
  -o-box-shadow: 0 0 7px 0 #999 !important;
  -ms-box-shadow: 0 0 7px 0 #999 !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999; }

.page-container {
  min-height: 90vh;
  padding-top: 15px;
  padding-bottom: 0;
  background-color: #fff;
  position: relative; }
.page-container .page-title {
  display: block;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 800;
  line-height: 28px; }
.page-container .page-title.sub {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 24px; }
.page-container .page-title + .count {
  display: inline-block;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 30px;
  color: #666; }
.page-container .page-title + .count i {
  color: #444; }
.page-container .page-top-space.large {
  margin-top: 40px; }
.page-container .page-top-space.medium {
  margin-top: 30px; }

header {
  position: relative;
  background: #ffd300;
  background: -moz-linear-gradient(left, #ffd300 0%, #ffac00 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #ffd300), color-stop(100%, #ffac00));
  background: -webkit-linear-gradient(left, #ffd300 0%, #ffac00 100%);
  background: -o-linear-gradient(left, #ffd300 0%, #ffac00 100%);
  background: -ms-linear-gradient(left, #ffd300 0%, #ffac00 100%);
  background: linear-gradient(to right, #ffd300 0%, #ffac00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd300', endColorstr='#ffac00', GradientType=1 ); }
header .header-container {
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
  position: relative; }
header .header-container .sidebar-menu-button {
  width: 28px;
  margin-top: 5px;
  position: absolute;
  left: -28px;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }
header .header-container .sidebar-menu-button span {
  display: block;
  width: 100%;
  height: 3px;
  margin-top: 3px;
  background-color: #231f20;
  opacity: 1; }
header .header-container .sidebar-menu-button span.top {
  margin-top: 0; }
.main-container.sidebar-menu-opened header .sidebar-menu-button .top {
  -webkit-transform: rotate(45deg) translate3d(3.5px, 3.5px, 0);
  -khtml-transform: rotate(45deg) translate3d(3.5px, 3.5px, 0);
  -moz-transform: rotate(45deg) translate3d(3.5px, 3.5px, 0);
  -ms-transform: rotate(45deg) translate3d(3.5px, 3.5px, 0);
  -o-transform: rotate(45deg) translate3d(3.5px, 3.5px, 0);
  transform: rotate(45deg) translate3d(3.5px, 3.5px, 0); }
.main-container.sidebar-menu-opened header .sidebar-menu-button .middle {
  opacity: 0; }
.main-container.sidebar-menu-opened header .sidebar-menu-button .bottom {
  margin-top: 1px;
  -webkit-transform: rotate(-45deg) translate3d(3.5px, -3.5px, 0);
  -khtml-transform: rotate(-45deg) translate3d(3.5px, -3.5px, 0);
  -moz-transform: rotate(-45deg) translate3d(3.5px, -3.5px, 0);
  -ms-transform: rotate(-45deg) translate3d(3.5px, -3.5px, 0);
  -o-transform: rotate(-45deg) translate3d(3.5px, -3.5px, 0);
  transform: rotate(-45deg) translate3d(3.5px, -3.5px, 0); }
header .header-container .logo {
  display: inline-block;
  width: auto;
  height: 70px;
  margin-right: 30px;
  padding: 5px 0;
  float: left; }
header .header-container .logo img {
  display: block;
  height: 100%; }
header .header-container .menu {
  margin-top: 10px;
  float: left;
  opacity: 1;
  position: relative; }
header .header-container .menu ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none; }
header .header-container .menu ul li {
  float: left; }
header .header-container .menu ul li a {
  display: block;
  height: 60px;
  padding: 0 15px;
  color: inherit; }
header .header-container .menu ul li .arrow {
  display: none; }
header .header-container .menu ul li.active, header .header-container .menu ul li.hover {
  background-color: #fff;
  text-decoration: none;
  position: relative;
  z-index: 20; }
header .header-container .menu ul li.hover {
  background-color: #f7f7f7; }
header .header-container .menu ul li .sub-menu-container {
  display: none; }
header .header-container .menu .line {
  width: 0px;
  height: 5px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  transition: 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transition-property: all !important;
  -webkit-transition: 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -webkit-transition-property: all !important;
  -moz-transition: 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -moz-transition-property: all !important;
  -o-transition: 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -o-transition-property: all !important;
  -ms-transition: 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -ms-transition-property: all !important; }
header.search-opened .menu {
  opacity: 0; }
header .header-container .search {
  width: 100px;
  height: 52px;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 10px;
  right: 130px;
  z-index: 30;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transition-property: width, background-color !important;
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -webkit-transition-property: width, background-color !important;
  -moz-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -moz-transition-property: width, background-color !important;
  -o-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -o-transition-property: width, background-color !important;
  -ms-transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -ms-transition-property: width, background-color !important; }
header .header-container .search input {
  display: none;
  width: 100%;
  height: 100%;
  padding: 0 10px 0 40px;
  font-weight: 500;
  background: transparent;
  border: 0; }
header .header-container .search input::-webkit-input-placeholder {
  /* Edge */
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: #333; }
header .header-container .search input::-moz-input-placeholder {
  /* Edge */
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: #333; }
header .header-container .search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: #333; }
header .header-container .search input::placeholder {
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: #333; }
header .header-container .search .btn-search {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  color: inherit;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0; }
header .header-container .search .btn-close {
  display: none;
  margin: 0;
  line-height: 50px;
  color: inherit;
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 40; }
header.search-opened .search {
  width: 823px;
  border-color: #464646;
  background-color: white;
  right: 140px; }
header.search-opened .search input {
  display: block; }
header.search-opened .search .btn-search {
  width: 40px;
  text-align: left; }
header.search-opened .search .btn-search .text {
  display: none; }
header.search-opened .search .btn-close {
  display: block; }
header .header-container .account {
  margin-top: 10px;
  position: relative;
  float: right; }
header .header-container .account .header-button {
  padding: 0 12px;
  color: inherit;
  border: 1px solid #ffbb00;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  -ms-border-radius: 5px !important; }
header .header-container .account .header-button:hover {
  color: #000;
  background-color: #fff; }
header .header-container .account .header-button .btn-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }
header .header-container .account .account-menu {
  display: none;
  width: 150%;
  padding: 10px 8px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -o-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-top-right-radius: 0 !important;
  position: absolute;
  top: 51px;
  right: 0;
  z-index: 900; }
header .header-container .account .account-menu a {
  display: block;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 400;
  line-height: 32px;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  -ms-border-radius: 4px !important; }
header .header-container .account .account-menu a i {
  width: 15px;
  margin-right: 5px;
  font-size: 13px;
  color: #333;
  text-align: center; }
header .header-container .account .account-menu a:hover {
  background-color: #f1f1f1; }
header .header-container .account.account-menu-opened .header-button {
  border: 1px solid #ccc;
  border-bottom-color: #fff;
  background-color: #fff;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  position: relative;
  z-index: 910; }
header .header-container .account.account-menu-opened .account-menu {
  display: block; }
header .header-container .header-button {
  display: block;
  font-size: 0;
  position: relative; }
header .header-container .header-button i {
  display: inline-block;
  margin-right: 5px;
  font-size: 20px;
  vertical-align: middle; }
header .header-container .header-button .img {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important; }
header .header-container .header-button .img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  -moz-transform: translateX(-50%) translateY(-50%) !important;
  -o-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important; }
header .header-container .header-button .text {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  vertical-align: middle; }
header .header-container .header-button .text.text-mask-char {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60px; }
header .sub-menu-container {
  display: none;
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #ccc;
  background-color: #fff; }
header .sub-menu-container.active {
  display: block; }
header .sub-menu-container.hover {
  display: block;
  background-color: #f7f7f7;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 800; }
header .sub-menu-container.top100 {
  bottom: auto;
  top: 100%; }
header .sub-menu-container .container {
  padding: 0 0 0 132px; }
header .sub-menu-container .container ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
header .sub-menu-container .container ul li {
  margin-right: 5px;
  float: left; }
header .sub-menu-container .container ul li a {
  display: block;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 34px;
  color: inherit;
  position: relative; }
header .sub-menu-container .container ul li a:after {
  content: '';
  width: 100%;
  height: 0;
  background: #444;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transition-property: all !important;
  -webkit-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -webkit-transition-property: all !important;
  -moz-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -moz-transition-property: all !important;
  -o-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -o-transition-property: all !important;
  -ms-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -ms-transition-property: all !important; }
header .sub-menu-container .container ul li a:hover:after, header .sub-menu-container .container ul li a.active:after {
  height: 3px; }
header .sub-menu-container .container ul li a.active:after {
  background: #000; }
.main-container.header-shortened {
  padding-top: 104px; }
.main-container.header-shortened header {
  width: 100%;
  position: fixed;
  top: -68px;
  left: 0;
  z-index: 1000;
  transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transition-property: all !important;
  -webkit-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -webkit-transition-property: all !important;
  -moz-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -moz-transition-property: all !important;
  -o-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -o-transition-property: all !important;
  -ms-transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -ms-transition-property: all !important; }
.main-container.header-shortened header .header-container {
  font-size: 14px;
  font-weight: 600;
  line-height: 40px; }
.main-container.header-shortened header .header-container .sidebar-menu-button {
  width: 20px;
  margin-top: 2px;
  left: -20px; }
.main-container.header-shortened header .header-container .sidebar-menu-button span {
  height: 2px;
  margin-top: 2px; }
.main-container.sidebar-menu-opened.header-shortened header .sidebar-menu-button span {
  width: 90%; }
.main-container.sidebar-menu-opened.header-shortened header .sidebar-menu-button span.bottom {
  margin-top: 4px; }
.main-container.header-shortened header .header-container .logo {
  height: 42px;
  margin-right: 15px;
  padding: 2px 0; }
.main-container.header-shortened header .header-container .menu {
  margin-top: 2px; }
.main-container.header-shortened header .header-container .menu ul li a {
  height: 40px;
  padding: 0 8px; }
.main-container.header-shortened header .header-container .menu ul li.active a {
  padding: 0 14px; }
.main-container.header-shortened header .header-container .menu .line {
  height: 3px; }
.main-container.header-shortened header .header-container .search {
  height: 32px;
  top: 5px;
  right: 125px; }
.main-container.header-shortened header .header-container .search .btn-search {
  font-size: 0;
  line-height: 32px; }
.main-container.header-shortened header .header-container .search .btn-close {
  line-height: 30px; }
.main-container.header-shortened header.search-opened .search {
  width: 886px;
  right: 135px; }
.main-container.header-shortened header.search-opened .search .header-button i {
  font-size: 16px; }
.main-container.header-shortened header .header-container .account {
  margin-top: 4px; }
.main-container.header-shortened header .header-container .account .header-button {
  line-height: 32px; }
.main-container.header-shortened header .header-container .account a {
  line-height: 32px; }
.main-container.header-shortened header .header-container .account .account-menu {
  top: 33px; }
.main-container.header-shortened header .header-container .header-button .text {
  font-size: 14px; }
.main-container.header-shortened header .sub-menu-container {
  height: 26px; }
.main-container.header-shortened header .sub-menu-container ul li a {
  font-size: 12px;
  line-height: 26px; }
.main-container.header-shortened header .sub-menu-container ul li a:hover:after, .main-container.header-shortened header .sub-menu-container ul li a.active:after {
  height: 2px; }

.main-container.header-fixed header {
  top: 0; }

sidebarmenu {
  width: 400px;
  height: 100%;
  color: #333;
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 999; }
.main-container.sidebar-menu-opened sidebarmenu {
  left: 0; }
sidebarmenu .top {
  padding: 5px 20px;
  position: relative; }
sidebarmenu .top .logo {
  display: inline-block;
  width: auto;
  height: 55px; }
sidebarmenu .top .logo img {
  display: block;
  width: auto;
  height: 100%; }
sidebarmenu .top .btn-close {
  font-size: 18px;
  color: inherit;
  position: absolute;
  right: 20px;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }
sidebarmenu .section {
  border-top: 1px solid #ddd; }
sidebarmenu .section ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
sidebarmenu .section ul li {
  font-size: 14px;
  line-height: 36px; }
sidebarmenu .section ul li a {
  display: block;
  padding: 0 20px;
  color: inherit;
  border-bottom: 1px solid #efefef; }
sidebarmenu .section ul li a.active, sidebarmenu .section ul li a:hover {
  color: #006eae;
  background-color: #eaeaea; }
sidebarmenu .section.section-social-links .social-media-links {
  text-align: center; }
sidebarmenu .section.section-social-links .social-media-links a {
  display: inline-block;
  width: 50px;
  font-size: 16px;
  line-height: 50px;
  color: #444;
  text-align: center;
  background-color: #ddd;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  margin: 0 10px; }
sidebarmenu .section.section-social-links .social-media-links a.facebook:hover {
  color: #005ec4; }
sidebarmenu .section.section-social-links .social-media-links a.twitter:hover {
  color: #00aced; }
sidebarmenu .section.section-social-links .social-media-links a.instagram:hover {
  color: #e02a18; }
sidebarmenu .section.section-mobile-platforms li, sidebarmenu .section.section-copyright li {
  padding: 0 20px;
  font-size: 14px;
  line-height: 30px; }
sidebarmenu .section.section-mobile-platforms li a, sidebarmenu .section.section-copyright li a {
  display: inline-block;
  padding: 0;
  text-align: center; }
sidebarmenu .section.section-mobile-platforms li.info-development, sidebarmenu .section.section-copyright li.info-development {
  padding: 7px 20px;
  background-color: #eaeaea; }
sidebarmenu .section.section-more-space {
  padding: 30px 0; }

.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1; }
.main-container.sidebar-menu-opened .overlay {
  opacity: 1;
  cursor: pointer;
  z-index: 980; }

.box-list {
  font-size: 0; }
.box-list.infinite-scrollable-list {
  padding-bottom: 40px; }
.box-list .box {
  position: relative;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  /*transition-delay: 0.15s !important;*/ }
.box-list .box.box-model-1 {
  margin-bottom: 15px; }
.box-list .box.box-model-1 .top {
  overflow: hidden;
  position: relative; }
.box-list .box.box-model-1 .top img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important; }
.box-list .box.box-model-1 .top .content-type {
  padding: 0 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: #000;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 20; }
.box-list .box.box-model-1 .bottom {
  height: 50px;
  position: relative; }
.box-list .box.box-model-1 .bottom .title {
  display: block;
  padding-top: 3px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px; }
.box-list .box.box-model-1 .category-items {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 20; }
.box-list .box.box-model-1 .category-items a {
  display: block;
  margin: 0 4px 4px 0;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  font-weight: 600;
  line-height: 11px;
  color: #000;
  float: left; }
.box-list .box.box-model-1 .category-items a:hover {
  background-color: rgba(255, 255, 255, 0.9); }
.box-list .box.box-model-1 .button-yellow {
  display: none;
  width: 90%;
  height: 30px;
  font-size: 16px;
  font-weight: 600;
  color: #000;
  text-align: center;
  line-height: 30px;
  background-color: rgba(255, 211, 0, 0.7);
  border-radius: 0;
  position: absolute;
  left: 5%;
  bottom: 60px;
  z-index: 20; }
.box-list .box.box-model-1 .button-yellow:hover {
  background-color: #ffd300; }
.box-list .box.box-model-1 .dark {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10; }
.box-list .box.box-model-1 .dark.dark-model-1 {
  width: 100%;
  height: 100%;
  background-color: #000c19;
  opacity: 0; }
.box-list .box.box-model-1 .dark.dark-model-2 {
  width: 100%;
  height: 30%;
  background: rgba(0, 12, 25, 0);
  background: -moz-linear-gradient(top, rgba(0, 12, 25, 0) 0%, rgba(0, 12, 25, 0.9) 100%);
  background: -webkit-gradient(top, bottom, color-stop(0%, rgba(0, 12, 25, 0)), color-stop(100%, rgba(0, 12, 25, 0.9)));
  background: -webkit-linear-gradient(top, rgba(0, 12, 25, 0) 0%, rgba(0, 12, 25, 0.9) 100%);
  background: -o-linear-gradient(top, rgba(0, 12, 25, 0) 0%, rgba(0, 12, 25, 0.9) 100%);
  background: -ms-linear-gradient(top, rgba(0, 12, 25, 0) 0%, rgba(0, 12, 25, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(0, 12, 25, 0) 0%, rgba(0, 12, 25, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 12, 25, 0)', endColorstr='rgba(0, 12, 25, 0.9)', GradientType=1 ); }
.box-list .box.box-model-1:hover .top .content-type {
  background-color: rgba(255, 255, 255, 0.8); }
.box-list .box.box-model-1:hover .top .dark.dark-model-1 {
  opacity: .4; }
.box-list .box.box-model-1:hover .top .dark.dark-model-2 {
  width: 100%;
  height: 35%; }
.box-list .box.box-model-1:hover .category-items, .box-list .box.box-model-1:hover .button-yellow {
  display: block; }
.box-list .box.box-model-2 {
  margin-bottom: 10px; }
.box-list .box.box-model-2 img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important; }
.box-list .box.box-model-2 .bottom {
  padding: 12px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20; }
.box-list .box.box-model-2 .bottom .content-type {
  color: #ffd300;
  border: 1px solid #444;
  background-color: rgba(0, 0, 0, 0.5); }
.box-list .box.box-model-2 .bottom .title {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  color: #fff; }
.box-list .box.box-model-2 .dark {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 60%;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-gradient(top, bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='black', GradientType=1 ); }
.box-list .box.box-model-2:hover {
                /*.bottom {
                    .content-type {
                        background-color: rgba(255, 211, 0,.8);
                    }
                }

                .button-play {
                    background-color: rgba(0,0,0,.6);

                    i {
                        opacity: .7;
                    }
                }

                .dark {
                    height: 70%;
                }*/ }
.box-list .box.box-model-3 {
  margin-bottom: 15px; }
.box-list .box.box-model-3 .top {
  height: 170px; }
.box-list .box.box-model-3 .top > .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }
.box-list .box.box-model-3 .top > .img img {
  max-height: 100%;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  -moz-transform: translateX(-50%) translateY(-50%) !important;
  -o-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important; }
.box-list .box.box-model-3 .top .image-group {
  height: 100%;
  background-color: #f3f3f3;
  overflow: hidden;
  position: relative; }
.box-list .box.box-model-3 .top .image-group .img {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0; }
.box-list .box.box-model-3 .top .image-group .img img {
  width: auto;
  height: 100%;
  position: relative;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important; }
.box-list .box.box-model-3 .top .image-group .img.first {
  left: -5%;
  z-index: 30; }
.box-list .box.box-model-3 .top .image-group .img.second {
  left: 25%;
  z-index: 20; }
.box-list .box.box-model-3 .top .image-group .img.second img {
  filter: brightness(0.8); }
.box-list .box.box-model-3 .top .image-group .img.third {
  right: -10%;
  z-index: 10; }
.box-list .box.box-model-3 .top .image-group .img.third img {
  filter: brightness(0.6); }
.box-list .box.box-model-3 .top .image-group .img.first, .box-list .box.box-model-3 .top .image-group .img.second {
  /*border-right: 1px solid #ddd;*/
  /*@include box-shadow(0px 0 8px 4px #000);
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;*/ }
.box-list .box.box-model-3 .bottom {
  height: 50px;
  position: relative; }
.box-list .box.box-model-3 .bottom .title {
  display: block;
  padding-top: 3px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px; }
.box-list .box.box-model-4 {
  height: 125px;
  margin-bottom: 10px;
  background-color: #fff; }
.box-list .box.box-model-4 .left {
  display: inline-block;
  width: 175px;
  height: 100%;
  margin-right: 10px;
  background-color: #eaeaea;
  overflow: hidden;
  vertical-align: top;
  position: relative; }
.box-list .box.box-model-4 .left img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  position: relative;
  z-index: 10;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  -moz-transform: translateX(-50%) translateY(-50%) !important;
  -o-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important; }
.box-list .box.box-model-4 .right {
  display: inline-block;
  width: calc(100% - 210px);
  height: 100%;
  vertical-align: top; }
.box-list .box.box-model-4 .right .date {
  margin-left: 5px;
  font-size: 14px;
  color: #333; }
.box-list .box.box-model-4 .right .title {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px; }
.box-list .box.box-model-4 .right .description {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }
.box-list .box.box-small .bottom {
  height: 30px; }
.box-list .box.box-small .bottom .title {
  padding-top: 3px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px; }
.box-list .box.column {
  display: inline-block;
  vertical-align: top; }
.box-list .box .box-item.content-type {
  display: inline-block;
  margin-bottom: 3px;
  padding: 0 6px;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  color: #000;
  background-color: #ffd300;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  -ms-border-radius: 4px !important; }
.box-list .box .box-item.button-play {
  width: 50px;
  height: 50px;
  font-size: 14px;
  color: #ffd300;
  border: 1px solid #ffd300;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 20;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  -moz-transform: translateX(-50%) translateY(-50%) !important;
  -o-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important; }
.box-list .box .box-item.button-play i {
  display: block;
  text-align: center;
  line-height: 48px;
  position: relative;
  left: 1px; }
.box-list .box .box-item.button-remove {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 12px;
  color: #000;
  background: #ffd300;
  text-align: center;
  position: absolute;
  top: -14px;
  left: -4px;
  z-index: 50;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -o-border-radius: 50% !important;
  -ms-border-radius: 50% !important; }
.box-list .box .box-item.button-remove i {
  line-height: 26px; }
.box-list .box .box-item.button-remove:hover {
  background: #ffc300; }
.box-list .box:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  z-index: 100; }
.box-list .box:hover .box-item.button-play {
  background: rgba(0, 0, 0, 0.5); }

.accordion-container .section {
  margin-bottom: 12px;
  padding: 12px;
  background-color: #f7f7f7;
  overflow: hidden; }
.accordion-container .section .title {
  display: block;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 600; }
.accordion-container .section .title a {
  display: inline-block;
  margin-right: 5px; }
.accordion-container .section .title a.btn-open {
  display: none; }
.accordion-container .section.closed {
  height: 42px; }
.accordion-container .section.closed .title a.btn-open {
  display: inline-block; }
.accordion-container .section.closed .title a.btn-close {
  display: none; }

.ad-area {
  max-width: 100%;
  margin: auto;
  position: relative;
  overflow: hidden; }
.ad-area.size-970x90 {
  width: 970px;
  height: 90px; }
.ad-area.size-728x90 {
  width: 728px;
  height: 90px; }
.ad-area img {
  display: block;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  -moz-transform: translateX(-50%) translateY(-50%) !important;
  -o-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important; }

.all-list-page-link {
  display: block;
  height: 100%;
  background-color: #ffbb00;
  text-align: center;
    /*i {
        font-size: 42px;
        color: #000;
    }

    span {
        display: block;
        width: 100%;
        margin-top: 15px;
        padding: 0 12px;
        font-size: 21px;
        font-weight: 900;
        color: #000;
        text-align: center;
    }*/ }
.all-list-page-link img {
  opacity: 0; }
.all-list-page-link .content {
  width: 100%;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  -moz-transform: translateX(-50%) translateY(-50%) !important;
  -o-transform: translateX(-50%) translateY(-50%) !important;
  -ms-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important; }
.all-list-page-link .content i {
  font-size: 26px;
  color: #000; }
.all-list-page-link .content span {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  font-weight: 900;
  line-height: 22px;
  color: #000;
  text-align: center; }
.all-list-page-link:hover {
  background-color: #ffa400; }

.category-items {
  margin-bottom: 5px; }
.category-items .list a {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 0 8px;
  border: 0;
  background-color: rgba(77, 95, 113, 0.1);
  color: #0c2948;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-transform: unset;
  float: left; }
.category-items .list a.active, .category-items .list a:hover {
  color: #001327;
  background-color: rgba(77, 95, 113, 0.2); }

.record-head-container {
  height: 40px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #f7f7f7;
  border-left: 3px solid #ddd; }
.record-head-container .head-item {
  display: inline-block;
  margin-right: 10px;
  font-size: 0; }
.record-head-container .head-item.author {
  margin-left: -5px;
  position: relative;
  top: -5px; }
.record-head-container .head-item.author a {
  display: block;
  width: 100%;
  height: 100%; }
.record-head-container .head-item.author .img {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  overflow: hidden; }
.record-head-container .head-item.author .img img {
  display: block;
  max-width: 100%;
  max-height: 100%; }
.record-head-container .head-item.author .name {
  display: inline-block;
  margin-left: 5px;
  padding-top: 2px;
  vertical-align: middle; }
.record-head-container .head-item.author .name span {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #006eae; }
.record-head-container .head-item.author .name span a:hover {
  color: #006eae; }
.record-head-container .head-item.author .name label {
  margin: 0;
  font-size: 11px;
  line-height: 14px;
  font-weight: 500;
  color: #333; }
.record-head-container .head-item.date {
  color: #666; }
.record-head-container .head-item.date i {
  display: inline-block;
  margin-right: 4px;
  font-size: 14px; }
.record-head-container .head-item.date span {
  display: inline-block;
  font-size: 12px;
  font-weight: 500; }
.record-head-container .head-item.actions {
  vertical-align: middle; }
.record-head-container .head-item.actions > div > a {
  display: inline-block;
  height: 30px;
  margin-right: 5px;
  padding: 0 12px 0 30px;
  border: 1px solid #ddd;
  line-height: 30px;
  text-align: center;
  position: relative;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -o-border-radius: 6px !important;
  -ms-border-radius: 6px !important; }
.record-head-container .head-item.actions > div > a:hover {
  background-color: #ffc300;
  border: 1px solid #ffc300; }
.record-head-container .head-item.actions > div > a .icon {
  font-size: 14px;
  line-height: 10px;
  position: absolute;
  left: 12px;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }
.record-head-container .head-item.actions > div > a span {
  display: block;
  font-size: 12px;
  line-height: 10px;
  text-align: left;
  position: relative;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }
.record-head-container .head-item.actions .favorite {
  display: inline-block;
  vertical-align: middle; }
.record-head-container .head-item.actions .favorite .btn-favorite.remove {
  display: none; }
.record-head-container .head-item.actions .favorite.added .btn-favorite.add {
  display: none; }
.record-head-container .head-item.actions .favorite.added .btn-favorite.remove {
  display: block; }
.record-head-container .head-item.actions .memberlist {
  display: inline-block;
  vertical-align: middle; }
.record-head-container .head-item.actions .memberlist .btn-memberlist.remove {
  display: none; }
.record-head-container .head-item.actions .memberlist.added .btn-memberlist.add {
  display: none; }
.record-head-container .head-item.actions .memberlist.added .btn-memberlist.remove {
  display: block; }
.record-head-container .head-item.actions .rating {
  display: inline-block;
  margin-right: 5px;
  padding: 0 12px;
  border: 1px solid #ddd;
  font-size: 0;
  text-align: center;
  position: relative;
  vertical-align: middle;
  border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  -o-border-radius: 6px !important;
  -ms-border-radius: 6px !important; }
.record-head-container .head-item.actions .rating span {
  display: inline-block;
  margin-right: 4px;
  font-size: 12px;
  line-height: 28px;
  vertical-align: middle; }
.record-head-container .head-item.actions .rating .star-items {
  display: inline-block;
  font-size: 0;
  vertical-align: middle; }
.record-head-container .head-item.actions .rating .star-items .star-item-group {
  display: inline-block;
  margin-right: 2px;
  font-size: 0; }
.record-head-container .head-item.actions .rating .star-items .star-item-group:last-child {
  margin-right: 0; }
.record-head-container .head-item.actions .rating .star-items .star-item-group .star-item {
  display: inline-block;
  font-size: 18px;
  line-height: 28px;
  color: #ccc;
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important; }
.record-head-container .head-item.actions .rating .star-items .star-item-group .star-item.active {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items .star-item-group .star-item.passive {
  color: #ccc !important; }
.record-head-container .head-item.actions .rating .star-items .star-item-group .star-item:last-child {
  position: relative;
  left: -0.5px; }
.record-head-container .head-item.actions .rating .star-items .star-item-group .star-item i {
  display: block;
  line-height: 28px; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-1 .star-item-group:nth-child(1) .star-item:nth-child(1) {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-2 .star-item-group:nth-child(1) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-2 .star-item-group:nth-child(1) .star-item:nth-child(2) {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-3 .star-item-group:nth-child(1) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-3 .star-item-group:nth-child(1) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-3 .star-item-group:nth-child(2) .star-item:nth-child(1) {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-4 .star-item-group:nth-child(1) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-4 .star-item-group:nth-child(1) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-4 .star-item-group:nth-child(2) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-4 .star-item-group:nth-child(2) .star-item:nth-child(2) {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-5 .star-item-group:nth-child(1) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-5 .star-item-group:nth-child(1) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-5 .star-item-group:nth-child(2) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-5 .star-item-group:nth-child(2) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-5 .star-item-group:nth-child(3) .star-item:nth-child(1) {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-6 .star-item-group:nth-child(1) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-6 .star-item-group:nth-child(1) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-6 .star-item-group:nth-child(2) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-6 .star-item-group:nth-child(2) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-6 .star-item-group:nth-child(3) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-6 .star-item-group:nth-child(3) .star-item:nth-child(2) {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-7 .star-item-group:nth-child(1) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-7 .star-item-group:nth-child(1) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-7 .star-item-group:nth-child(2) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-7 .star-item-group:nth-child(2) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-7 .star-item-group:nth-child(3) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-7 .star-item-group:nth-child(3) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-7 .star-item-group:nth-child(4) .star-item:nth-child(1) {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-8 .star-item-group:nth-child(1) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-8 .star-item-group:nth-child(1) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-8 .star-item-group:nth-child(2) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-8 .star-item-group:nth-child(2) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-8 .star-item-group:nth-child(3) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-8 .star-item-group:nth-child(3) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-8 .star-item-group:nth-child(4) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-8 .star-item-group:nth-child(4) .star-item:nth-child(2) {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-9 .star-item-group:nth-child(1) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-9 .star-item-group:nth-child(1) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-9 .star-item-group:nth-child(2) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-9 .star-item-group:nth-child(2) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-9 .star-item-group:nth-child(3) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-9 .star-item-group:nth-child(3) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-9 .star-item-group:nth-child(4) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-9 .star-item-group:nth-child(4) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-9 .star-item-group:nth-child(5) .star-item:nth-child(1) {
  color: #000; }
.record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(1) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(1) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(2) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(2) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(3) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(3) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(4) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(4) .star-item:nth-child(2), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(5) .star-item:nth-child(1), .record-head-container .head-item.actions .rating .star-items.star-items-rated.rate-10 .star-item-group:nth-child(5) .star-item:nth-child(2) {
  color: #000; }
.record-head-container .head-item.actions .rating .btn-remove-rating {
  display: inline-block;
  height: auto;
  margin: 0 -4px 0 6px;
  padding: 0;
  vertical-align: middle;
  font-size: 16px;
  line-height: 28px;
  border: 0;
  position: relative;
  top: 1px; }
.record-head-container .head-item.actions .rating .btn-remove-rating:hover {
  background-color: transparent; }
.record-head-container .head-item + .head-item {
  padding-left: 10px;
  border-left: 1px solid #e6e6e6; }

.breadcrumb-container {
  margin-bottom: 2px;
  font-size: 0; }
.breadcrumb-container * {
  display: inline-block;
  margin: 0 2px;
  font-size: 12px;
  color: #0c2948;
  line-height: 15px; }
.breadcrumb-container a, .breadcrumb-container span {
  font-weight: 400;
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important; }
.breadcrumb-container a:hover {
  font-weight: 500;
  color: #000; }
.breadcrumb-container i {
  font-size: 9px;
  color: #54677a; }

.sidebar-content-area {
  /*margin-top: -25px;*/
  padding: 0 0 0 15px; }
.sidebar-content-area > .title {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 18px; }
.sidebar-content-area .sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }
.sidebar-content-area .sidebar ul li {
  height: 75px;
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 7px 0 #999 !important;
  -webkit-box-shadow: 0 0 7px 0 #999 !important;
  -moz-box-shadow: 0 0 7px 0 #999 !important;
  -o-box-shadow: 0 0 7px 0 #999 !important;
  -ms-box-shadow: 0 0 7px 0 #999 !important; }
.sidebar-content-area .sidebar ul li:hover {
  box-shadow: 0 0 12px 1px #999 !important;
  -webkit-box-shadow: 0 0 12px 1px #999 !important;
  -moz-box-shadow: 0 0 12px 1px #999 !important;
  -o-box-shadow: 0 0 12px 1px #999 !important;
  -ms-box-shadow: 0 0 12px 1px #999 !important; }
.sidebar-content-area .sidebar ul li:hover .content .title {
  color: #006eae; }
.sidebar-content-area .sidebar ul li .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100; }
.sidebar-content-area .sidebar ul li .img {
  display: block;
  width: 110px;
  height: 75px;
  background-color: rgba(0, 0, 0, 0.05);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0; }
.sidebar-content-area .sidebar ul li .img img {
  width: auto;
  height: 100%;
  position: relative;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important; }
.sidebar-content-area .sidebar ul li .content {
  padding: 8px 10px 10px 120px; }
.sidebar-content-area .sidebar ul li .content .title {
  font-size: 13px;
  font-weight: 600;
  line-height: 13px; }
.sidebar-content-area .sidebar ul li .content .item-text-sub {
  display: block;
  font-size: 12px;
  color: #2e3135;
  font-weight: 400;
  line-height: 16px; }
.sidebar-content-area .sidebar ul li .content .item-type-list {
  line-height: 16px; }
.sidebar-content-area .sidebar ul li .content .item-type-list .item-type {
  font-size: 12px;
  color: #006eae;
  position: relative;
  z-index: 200;
  float: left;
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important; }
.sidebar-content-area .sidebar ul li .content .item-type-list .item-type:hover {
  font-weight: 500;
  color: #003978; }
.sidebar-content-area .sidebar ul li .content .item-type-list span {
  margin-right: 2px;
  font-size: 13px;
  float: left; }
.sidebar-content-area .sidebar.image-type-poster ul li {
  height: 100px; }
.sidebar-content-area .sidebar.image-type-poster ul li .img {
  width: 70px;
  height: 100px; }
.sidebar-content-area .sidebar.image-type-poster ul li .content {
  padding: 8px 10px 10px 80px; }
.tabbed-movie-page .sidebar-content-area {
  margin-top: 0; }

.sticky-sidebar {
  will-change: min-height; }
.sticky-sidebar .sticky-sidebar-inner {
  position: relative;
  transform: translate(0, 0);
  transform: translate3d(0, 0, 0);
  will-change: position, transform; }

.row-with-adsidebar .content-column {
  width: calc(100% - 315px);
  margin-right: 15px;
  float: left; }
.row-with-adsidebar .ad-sidebar {
  width: 300px;
  float: left; }
.row-with-adsidebar .ad-sidebar .sticky-sidebar-inner {
  padding-bottom: 15px; }

.tab-menu-container {
  height: 60px;
  margin-bottom: 15px;
  border-bottom: 1px solid #999;
  position: relative; }
.tab-menu-container .tab-menu-inner-container {
  overflow-x: auto;
  overflow-y: visible; }
.tab-menu-container .tab-menu-inner-container .tab-menu-items .tab-menu-item {
  height: 54px;
  margin-right: 5px;
  padding: 0 24px;
  font-size: 16px;
  font-weight: 600;
  line-height: 54px;
  color: #363940;
  background-color: #ececec;
  text-align: center;
  float: left; }
.tab-menu-container .tab-menu-inner-container .tab-menu-items .tab-menu-item * {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit; }
.tab-menu-container .tab-menu-inner-container .tab-menu-items .tab-menu-item span {
  margin-left: 4px;
  font-size: 13px; }
.tab-menu-container .tab-menu-inner-container .tab-menu-items .tab-menu-item.active {
  height: 60px;
  line-height: 52px;
  color: #000;
  border: 1px solid #999;
  border-bottom: 0;
  background-color: #fff;
  position: relative;
  z-index: 20; }
.tab-menu-container .tab-menu-inner-container .tab-menu-items .tab-menu-item:hover {
  background-color: #e4e4e4; }
.tab-menu-container .tab-menu-inner-container .tab-menu-items .tab-menu-item:hover.active {
  background-color: #fff; }
.tab-menu-container .tab-menu-inner-container .tab-menu-items .tab-menu-item:last-child {
  margin-right: 0; }
.tab-menu-container .tab-menu-inner-container .tab-menu-items .tab-menu-item img {
  display: block;
  height: 38px;
  margin-top: 9px; }
.tab-menu-container .tab-menu-inner-container .tab-menu-items:after {
  content: '.';
  width: 30px;
  height: 100%;
  text-indent: -9999px;
  float: left; }
.tab-menu-container .tab-menu-inner-container:after {
  content: '';
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255, 255, 255, 0)', endColorstr='white', GradientType=1 ); }
.tab-menu-container.tab-menu-model-2 {
  margin-bottom: 0;
  border-bottom: 0; }
.tab-menu-container.tab-menu-model-2 .tab-menu-inner-container .tab-menu-items .tab-menu-item {
  background-color: #fff;
  border: 1px solid #ddd;
  line-height: 52px; }
.tab-menu-container.tab-menu-model-2 .tab-menu-inner-container .tab-menu-items .tab-menu-item:hover {
  background-color: #f1f1f1; }
.tab-menu-container.tab-menu-model-2 .tab-menu-inner-container .tab-menu-items .tab-menu-item.active {
  background-color: #eaeaea;
  border: 0;
  line-height: 54px; }
.movie-tab-summary + .tab-menu-container.tab-menu-container {
  margin: 50px 0 15px;
  padding-left: 76px; }
.tab-menu-container.small {
  height: 46px; }
.tab-menu-container.small .tab-menu-inner-container .tab-menu-items .tab-menu-item {
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 38px; }
.tab-menu-container.small .tab-menu-inner-container .tab-menu-items .tab-menu-item.active {
  line-height: 40px; }

.movie-pages-summary-container {
  position: relative; }
.movie-pages-summary-container .movie-tab-summary {
  position: absolute;
  left: 0;
  bottom: 6px; }
.movie-pages-summary-container .movie-tab-summary .poster {
  width: 70px;
  height: 100px;
  position: absolute;
  left: 0;
  bottom: 0; }
.movie-pages-summary-container .movie-tab-summary .poster img {
  display: block;
  width: 100%;
  height: 100%; }
.movie-pages-summary-container .movie-tab-summary .title {
  margin: 0 0 65px 80px;
  font-size: 24px;
  font-weight: 800;
  line-height: 18px; }

.swiper-container .swiper-button.swiper-button-model-1 {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ffd300;
  top: 40%;
  box-shadow: 0px 0px 10px #000 !important;
  -webkit-box-shadow: 0px 0px 10px #000 !important;
  -moz-box-shadow: 0px 0px 10px #000 !important;
  -o-box-shadow: 0px 0px 10px #000 !important;
  -ms-box-shadow: 0px 0px 10px #000 !important; }
.swiper-container .swiper-button.swiper-button-model-1 i {
  display: block;
  font-size: 20px;
  color: #000;
  line-height: 70px;
  text-align: center; }
.swiper-container .swiper-button.swiper-button-model-1.swiper-button-prev {
  left: -38px;
  padding-left: 30px; }
.swiper-container .swiper-button.swiper-button-model-1.swiper-button-next {
  right: -38px;
  padding-right: 30px; }
.swiper-container .swiper-button.swiper-button-model-1.swiper-button-disabled {
  pointer-events: auto; }
.swiper-container .swiper-button.swiper-button-model-1:hover {
  background: #dcb600;
  box-shadow: 0px 0px 20px #000 !important;
  -webkit-box-shadow: 0px 0px 20px #000 !important;
  -moz-box-shadow: 0px 0px 20px #000 !important;
  -o-box-shadow: 0px 0px 20px #000 !important;
  -ms-box-shadow: 0px 0px 20px #000 !important; }
.swiper-container .swiper-button.swiper-button-model-2 {
  width: 75px;
  height: 100%;
  margin: 0;
  background-image: none;
  opacity: 1;
  position: absolute;
  top: 0; }
.swiper-container .swiper-button.swiper-button-model-2 i {
  font-size: 24px;
  color: #dcb600;
  position: relative;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }
.swiper-container .swiper-button.swiper-button-model-2.swiper-button-prev {
  padding-left: 15px;
  text-align: left;
  left: 0;
  background: black;
  background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='black', endColorstr='rgba(0, 0, 0, 0)', GradientType=1 ); }
.swiper-container .swiper-button.swiper-button-model-2.swiper-button-next {
  padding-right: 15px;
  text-align: right;
  right: 0;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='black', GradientType=1 ); }
.swiper-container .swiper-button.swiper-button-model-2.swiper-button-disabled {
  opacity: 0; }
.swiper-container .swiper-button.swiper-button-model-2:hover {
  width: 100px; }
.swiper-container .swiper-button.swiper-button-model-2:hover i {
  color: #e9c30c; }
.swiper-container .swiper-pagination.swiper-pagination-bullets {
  font-size: 0;
  bottom: 5px; }
.swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 20px;
  height: 3px;
  margin: 0 2px;
  line-height: 3px;
  border-radius: 0;
  background-color: #ffd300;
  opacity: .6; }
.swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 40px;
  opacity: 1; }

.photo-gallery-container > * {
  opacity: 0; }
.photo-gallery-container > .gridzyContainer {
  opacity: 1; }
.photo-gallery-container a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
.photo-gallery-container a img {
  display: block;
  width: 100%;
  height: 100%; }
.photo-gallery-container a .content-item {
  color: #ddd;
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0; }
.photo-gallery-container a .content-item.title {
  width: 100%;
  padding: 12px 60px 12px 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  z-index: 20; }
.photo-gallery-container a .content-item.rate {
  font-size: 13px;
  font-weight: 500;
  left: auto;
  right: 12px;
  bottom: 12px;
  z-index: 20; }
.photo-gallery-container a .content-item.rate i {
  margin-right: 3px;
  font-size: 14px;
  position: relative;
  top: 1px; }
.photo-gallery-container a .content-item.dark {
  width: 100%;
  height: 80%;
  z-index: 10;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-gradient(top, bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0, 0, 0, 0)', endColorstr='black', GradientType=1 ); }
.photo-gallery-container a:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  z-index: 100; }
.photo-gallery-container a:hover .content-item {
  opacity: 1; }

.member-page-container {
  padding: 30px;
  background-color: #f1f1f1; }

.screen-complete {
  padding: 20px;
  text-align: center; }
.screen-complete .icon {
  font-size: 90px;
  color: #ffbb00; }
.screen-complete .icon i {
  padding: 3px;
  border: 4px solid #dedede;
  border-radius: 50%; }
.screen-complete .message {
  margin-top: 15px; }
.screen-complete .message .title {
  font-size: 28px;
  font-weight: 900;
  color: #ffbb00; }
.screen-complete .message .description {
  margin-top: 15px;
  font-size: 18px;
  margin-top: 10px;
  display: block;
  line-height: 24px; }
.screen-complete .action {
  margin-top: 15px; }
.screen-complete .action a {
  display: block;
  margin: auto;
  width: 35%;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  -ms-border-radius: 4px !important; }

.form-groups.member-form {
  width: 500px;
  max-width: 100%;
  margin: auto;
  padding: 30px;
  background-color: #fff; }
.form-groups.member-form .captcha-area {
  display: none; }
.form-groups.member-form .captcha-area.active {
  display: block; }
.form-groups .form-header {
  margin-bottom: 15px;
  font-size: 0; }
.form-groups .form-header .title {
  display: inline-block;
  width: 80%;
  font-size: 26px;
  font-weight: 700;
  line-height: 28px; }
.form-groups .form-header .btn-close {
  display: inline-block;
  width: 20%;
  font-size: 22px;
  text-align: right; }
.form-groups .form-group {
  margin: 0 0 20px 0; }
.form-groups .form-group.alert {
  padding: 0; }
.form-groups .form-group.alert .form-control.alert {
  margin-bottom: 0;
  color: #d01b1b;
  border-color: #d01b1b; }
.form-groups .error-message {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  color: #d01b1b; }
.form-groups > .error-message, .form-groups .error-message-backend {
  display: block;
  margin: 0 0 10px 0;
  font-size: 14px;
  color: #d01b1b; }
.form-groups .captcha-area .grecaptcha.alert {
  padding: 0;
  margin-bottom: 5px;
  color: #d01b1b;
  border: 1px solid #d01b1b; }
.form-groups .captcha-area .error-message {
  display: block;
  clear: both; }
.page-form .form-groups {
  margin-top: 30px;
  background-color: #f3f3f3; }
.page-form .form-groups .form-header .btn-close {
  display: none; }

.social-buttons {
  font-size: 0; }
.social-buttons a {
  display: inline-block;
  width: calc(33.3% - 1px);
  height: 34px;
  margin-right: 1px;
  font-size: 16px;
  line-height: 34px;
  color: #fff;
  text-align: center; }
.social-buttons a.facebook {
  background-color: #3f609c; }
.social-buttons a.facebook:hover {
  background-color: #284b8a; }
.social-buttons a.twitter {
  background-color: #50a2e1; }
.social-buttons a.twitter:hover {
  background-color: #3990d3; }
.social-buttons a.google-plus {
  background-color: #df4a32; }
.social-buttons a.google-plus:hover {
  background-color: #d33a21; }
.social-buttons a:last-child {
  width: 33.3%;
  margin-right: 0; }

.boxoffice-container {
  height: 100%;
  overflow: auto; }
.boxoffice-container table {
  width: 100%;
  height: 100%;
  min-width: 795px;
  text-align: center;
  border: 1px solid #ddd; }
.boxoffice-container table thead tr td {
  padding: 8px 6px;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  background-color: #fff;
  text-align: center;
  text-decoration: underline; }
.boxoffice-container table thead tr td:first-child {
  width: 300px; }
.boxoffice-container table tbody tr td {
  padding: 3px 6px;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #eaeaea; }
.boxoffice-container table tbody tr td:nth-child(2n+1) {
  background-color: #f9f9f9; }
.boxoffice-container table tbody tr td.cover {
  padding-right: 30px;
  position: relative; }
.boxoffice-container table tbody tr td.cover .number {
  width: 24px;
  height: 24px;
  padding-left: 4px;
  font-size: 12px;
  line-height: 22px;
  color: #000;
  background-color: #ffd300;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom-left-radius: 20px; }
.boxoffice-container table tbody tr td img {
  display: block;
  height: 50px;
  margin-right: 5px; }
.boxoffice-container table tbody tr td a {
  display: block;
  line-height: 18px;
  color: #006eae; }
.boxoffice-container table tbody tr td a.link-movie {
  font-weight: 600; }
.boxoffice-container table tbody tr td a.link-fragment {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-decoration: underline; }
.boxoffice-container table tbody tr td .span-distributor {
  font-size: 12px;
  font-weight: 500;
  color: #000; }
.boxoffice-container table tbody tr td strong {
  font-size: 14px;
  color: #30404f; }
.boxoffice-container table tbody tr:last-child td {
  border-bottom: 0; }
.tabbed-content-slider-container .boxoffice-container table {
  border: 0; }

.message-area {
  width: 100%;
  margin: 10px 0;
  padding: 15px;
  font-size: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  position: relative; }
.message-area .icon {
  display: inline-block;
  font-size: 54px;
  line-height: 54px;
  color: #ccc;
  vertical-align: middle; }
.message-area .content {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle; }
.message-area .content .title {
  display: block;
  font-size: 18px;
  font-weight: 600; }
.message-area .content .description {
  display: block;
  margin-top: 5px;
  font-size: 15px; }

/*# sourceMappingURL=main.css.map */