@charset "UTF-8";
/*
    Include all style in site need for develop
*/
/**
 * Table of Contents:
01 body style
02 reset style
03 style menu humberger
04 style menu
05 style header 01
06 style header 02
07 style header 03
08 style footer 01
09 style footer 02
10 style footer 03
11 style sidebar
12 style sidebar 02
13 style form
14 style form comment
15 style page history
16 style page film 01
17 style page film 02
18 style page video
19 style page service
20 style page film detail
21 style page contact 01
22 style page contact 02
23 style page blog 01
24 style page blog 02
25 style page blog 03
26 style page about
27 style page detail blog 01
28 style page detail blog 02
29 style page home blog
30 style page 404
31 style shortcode timeline
32 style shortcode testimonial
33 style shortcode countdown
34 style shortcode service
35 style shortcode winning
36 style shortcode partner
37 style shortcode morefilm
38 style shortcode blog
39 style shortcode crew
40 style shortcode discover
41 style shortcode event
42 style shortcode film 02
43 style shortcode gallery
44 style shortcode pagination
45 style shortcode social
47 style shortcode visio
48 style shortcode director
49 style shortcode team list
50 style shortcode section blog 02
51 style shortcode instagram

 -------------------------------*/
/*Font PlayfairDisplay*/
@font-face {
  font-family: 'font awesome';
  src: url("../fonts/lato-bold-webfont.eot");
  src: url("../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.ttf") format("truetype"), url("../fonts/lato-bold-webfont.svg") format("svg"); }

@font-face {
  font-family: 'pb-bold';
  src: url("../fonts/brandon/Brandon_bld.eot");
  src: local("☺"), url("../fonts/brandon/Brandon_bld.woff") format("woff"), url("../fonts/brandon/Brandon_bld.ttf") format("truetype"), url("../fonts/brandon/Brandon_bld.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/** Generated by FG **/
@font-face {
  font-family: 'pb-regular';
  src: url("../fonts/brandon/Brandon_reg.eot");
  src: local("☺"), url("../fonts/brandon/Brandon_reg.woff") format("woff"), url("../fonts/brandon/Brandon_reg.ttf") format("truetype"), url("../fonts/brandon/Brandon_reg.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Font Brandon*/
@font-face {
  font-family: 'Film-icon';
  src: url("../fonts/Film-icon.eot?rufg47");
  src: url("../fonts/Film-icon.eot?rufg47#iefix") format("embedded-opentype"), url("../fonts/Film-icon.ttf?rufg47") format("truetype"), url("../fonts/Film-icon.woff?rufg47") format("woff"), url("../fonts/Film-icon.svg?rufg47#Film-icon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="be-"], [class*=" be-"] {
  font-family: 'Film-icon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.be-1be:before {
  content: "\e900"; }

.be-2be:before {
  content: "\e901"; }

.be-3be:before {
  content: "\e902"; }

.be-4be:before {
  content: "\e903"; }

.be-5be:before {
  content: "\e904"; }

.be-6be:before {
  content: "\e905"; }

.be-7be:before {
  content: "\e906"; }

.be-8be:before {
  content: "\e907"; }

.be-9be:before {
  content: "\e908"; }

.be-10be:before {
  content: "\e909"; }

.be-11be:before {
  content: "\e90a"; }

.be-12be:before {
  content: "\e90b"; }

.be-13be:before {
  content: "\e90c"; }

.be-14be:before {
  content: "\e90d"; }

.be-15be:before {
  content: "\e90e"; }

.be-16be:before {
  content: "\e90f"; }

.be-17be:before {
  content: "\e910"; }

.be-18be:before {
  content: "\e911"; }

.be-19be:before {
  content: "\e912"; }

.be-20be:before {
  content: "\e913"; }

.be-21be:before {
  content: "\e914"; }

.be-22be:before {
  content: "\e915"; }

.be-23be:before {
  content: "\e916"; }

.be-24be:before {
  content: "\e917"; }

.be-25be:before {
  content: "\e918"; }

.be-26be:before {
  content: "\e919"; }

.be-27be:before {
  content: "\e91a"; }

.be-28be:before {
  content: "\e91b"; }

.be-29be:before {
  content: "\e91c"; }

.be-30be:before {
  content: "\e91d"; }

.be-31be:before {
  content: "\e91e"; }

.be-32be:before {
  content: "\e91f"; }

.be-33be:before {
  content: "\e920"; }

.be-34be:before {
  content: "\e921"; }

.be-35be:before {
  content: "\e922"; }

.be-36be:before {
  content: "\e923"; }

.be-37be:before {
  content: "\e924"; }

.be-38be:before {
  content: "\e925"; }

.be-39be:before {
  content: "\e926"; }

.be-40be:before {
  content: "\e927"; }

.be-41be:before {
  content: "\e928"; }

.be-42be:before {
  content: "\e929"; }

.be-43be:before {
  content: "\e92a"; }

.be-44be:before {
  content: "\e92b"; }

.be-45be:before {
  content: "\e92c"; }

.be-46be:before {
  content: "\e92d"; }

/*
01 body style
*/
body {
  font-family: "pb-bold";
  font-size: 16px;
  overflow-x: hidden !important;
  color: rgba(0, 0, 0, 0.5); }

.pagination {
  width: 100%;
  text-align: center; }

ul, ol {
  padding: 0;
  margin: 0; }

a {
  text-decoration: none !important; }

.notes {
  font-family: "pb-regular";
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.5); }

.fl-title-small2 {
  font-size: 0.875em;
  letter-spacing: 8px; }

.vision-box2 {
  margin: 45px 0; }
  @media only screen and (max-width: 767px) {
    .vision-box2 {
      margin: 10px 0; } }

.header-fl-blog {
  padding: 30px 0; }

.bg-header-blog {
  background: transparent; }

.dff-container {
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 85px 0; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .dff-container {
      padding: 30px 0; } }
  @media only screen and (max-width: 767px) {
    .dff-container {
      padding: 20px 0; } }
  .dff-container .dff-text {
    font-family: "Playfair Display", serif;
    font-weight: 900;
    color: #000;
    font-size: 2.5em; }
    @media only screen and (max-width: 767px) {
      .dff-container .dff-text {
        font-size: 1.5625em; } }
  .dff-container .view-more {
    position: relative;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }
    @media only screen and (min-width: 768px) {
      .dff-container .view-more {
        top: -9px;
        left: 35px; } }
    @media only screen and (max-width: 767px) {
      .dff-container .view-more {
        left: 5px;
        top: -5px; } }
    .dff-container .view-more a {
      font-size: 0.625em; }
      @media only screen and (min-width: 768px) {
        .dff-container .view-more a {
          height: 40px;
          line-height: 40px; } }
    .dff-container .view-more:hover {
      background: #000; }
      .dff-container .view-more:hover a {
        color: #fff; }

.not-found-data {
  padding: 20px 0;
  font-size: 20px;
  text-align: center;
  width: 100%; }

.not-search-form {
  width: 200px;
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  border-radius: 20px; }
  .not-search-form .s-input {
    border: none; }
    .not-search-form .s-input:hover, .not-search-form .s-input:focus {
      outline: none; }
    .not-search-form .s-input:-webkit-placeholder, .not-search-form .s-input:-moz-placeholder {
      font-size: 14px; }

.container-box ul, .container-box ol, .content-post ul, .content-post ol, .comment-message ul, .comment-message ol {
  padding-left: 30px; }

/*
02 reset style
*/
section {
  width: 100%;
  display: block;
  clear: both; }

/*
======== Padding ========
*/
caption {
  padding-left: 12px; }

.nopadding {
  padding: 0 !important;
  margin: 0 !important; }

.nopadding-left {
  padding-left: 0 !important; }

.nopadding-right {
  padding-right: 0 !important; }

.transition-none {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important; }

/*
======== style for title ===========
*/
.vc_row[data-vc-full-width] {
  overflow: initial !important; }

.vc_row {
  display: table;
  margin: 0 !important; }

.wpb_button, .wpb_content_element, .wpb_row, ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0 !important; }

.no-img-fl {
  margin-top: 100px; }

.fl-title {
  position: relative;
  text-align: center;
  z-index: 2; }
  @media only screen and (max-width: 767px) {
    .fl-title {
      margin-bottom: 10px; } }
  .fl-title .fl-title-small {
    color: rgba(0, 0, 0, 0.5);
    letter-spacing: 9px; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .fl-title .fl-title-small {
        letter-spacing: 7px; } }
    @media only screen and (max-width: 767px) {
      .fl-title .fl-title-small {
        letter-spacing: 3px;
        font-size: 0.6875em; } }
  .fl-title .fl-title-big {
    color: #000;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 5.625em;
    margin-bottom: -50px;
    margin-top: -15px; }
    @media (max-width: 1024px) and (min-width: 992px) {
      .fl-title .fl-title-big {
        font-size: 4.375em;
        margin-bottom: -40px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .fl-title .fl-title-big {
        font-size: 3.125em;
        margin-bottom: -30px; } }
    @media only screen and (max-width: 767px) {
      .fl-title .fl-title-big {
        font-size: 1.875em;
        margin-bottom: 10px;
        margin-top: 0; } }
    @media (max-width: 320px) {
      .fl-title .fl-title-big {
        font-size: 1.5625em; } }

.nopadding-left2 {
  padding-left: 5px !important; }

.nopadding {
  padding: 0 !important;
  margin: 0 !important; }

.padding1 {
  padding: 20px 0 0 30px; }
  @media only screen and (max-width: 767px) {
    .padding1 {
      padding: 0; } }

.padding2 {
  padding: 20px 0;
  letter-spacing: 2px; }

.padding3 {
  padding: 20px; }

.padding5 {
  padding: 40px; }

.padding-top {
  padding-top: 50px; }

@media only screen and (min-width: 768px) {
  .center {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); } }

.textleft {
  text-align: left; }

.centertxt {
  width: 100%;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .centertxt {
      margin: 20px 0 30px 0; } }

.title-box {
  text-transform: uppercase;
  letter-spacing: 1px; }

.box-center {
  position: relative;
  text-align: center;
  overflow: visible;
  z-index: 2; }

.box-top {
  position: relative;
  bottom: -24px;
  z-index: 99; }

.title-post2 {
  font-size: 14px !important;
  font-weight: 700 !important; }

.title-bold {
  font-family: "Playfair Display", serif;
  color: #000;
  font-weight: 700;
  line-height: 1em; }
  @media only screen and (min-width: 1170px) {
    .title-bold {
      font-size: 5.625em; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .title-bold {
      font-size: 4.375em; } }
  @media only screen and (max-width: 767px) {
    .title-bold {
      font-size: 50px; } }
  @media (max-width: 320px) {
    .title-bold {
      font-size: 30PX; } }

.title-white {
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-family: "pb-bold"; }
  @media only screen and (min-width: 768px) {
    .title-white {
      font-size: 0.75em;
      letter-spacing: 5px; } }
  @media only screen and (max-width: 767px) {
    .title-white {
      font-size: 0.625em;
      letter-spacing: 2px;
      color: rgba(0, 0, 0, 0.5); } }
  .title-white a {
    color: rgba(255, 255, 255, 0.5); }
    @media only screen and (min-width: 768px) {
      .title-white a:hover a {
        color: rgba(0, 0, 0, 0.5); } }
    @media only screen and (max-width: 767px) {
      .title-white a {
        color: rgba(0, 0, 0, 0.5); } }

.title-bold-white {
  color: rgba(255, 255, 255, 0.5);
  color: #fff;
  font-family: "Playfair Display", serif;
  font-weight: 700; }
  @media only screen and (min-width: 1170px) {
    .title-bold-white {
      padding: 0px 0 10px 0;
      font-size: 1.875em; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .title-bold-white {
      padding: 5px 0 10px 0;
      font-size: 1.5625em; } }
  @media only screen and (max-width: 767px) {
    .title-bold-white {
      font-size: 1.375em;
      color: rgba(0, 0, 0, 0.5); } }
  @media (max-width: 320px) {
    .title-bold-white {
      font-size: 1em;
      padding: 0 5px 0 0; } }

.title-post {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.9);
  font-size: 18px; }
  @media (max-width: 1024px) and (min-width: 992px) {
    .title-post {
      font-size: 16px; } }

.img-black {
  background: #000; }
  .img-black img {
    width: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out; }

.more {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  font-family: "pb-bold";
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 10px; }
  @media only screen and (min-width: 500px) {
    .more {
      padding: 15px 25px; } }
  @media only screen and (max-width: 1024px) {
    .more {
      padding: 10px 15px; } }
  .more a {
    height: 40px;
    line-height: 40px;
    color: rgba(0, 0, 0, 0.6); }
    @media (max-width: 1024px) and (min-width: 768px) {
      .more a {
        height: 35px;
        line-height: 35px; } }
    @media only screen and (max-width: 767px) {
      .more a {
        line-height: 30px;
        height: 30px; } }
  .more i {
    padding-left: 10px;
    color: rgba(0, 0, 0, 0.4); }
  .more:hover, .more:active {
    color: #fff;
    background: #000; }
    .more:hover a, .more:active a {
      color: #fff !important; }
    .more:hover i, .more:active i {
      color: #fff; }

.more-white {
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  font-family: "pb-bold";
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 13px 20px 13px 25px;
  font-size: 10px;
  display: inline-block;
  line-height: 0;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5); }
  @media (max-width: 1024px) and (min-width: 768px) {
    .more-white {
      padding: 10px 15px 10px 20px;
      font-size: 9px;
      font-family: "pb-regular"; } }
  @media only screen and (max-width: 767px) {
    .more-white {
      padding: 8px 10px 8px 15px;
      font-size: 8px;
      background: #000;
      border: none; } }
  .more-white i {
    padding-left: 6px;
    color: rgba(255, 255, 255, 0.7); }
  @media only screen and (min-width: 768px) {
    .more-white:hover, .more-white:active {
      background: #fff;
      color: #000; } }
  @media only screen and (min-width: 768px) {
    .more-white:hover i, .more-white:active i {
      color: #fff; } }

.desc-more {
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-style: italic;
  color: rgba(0, 0, 0, 0.7);
  font-size: 18px; }

.black, .black1 {
  color: #000 !important;
  letter-spacing: 2px !important; }

.view-flim {
  margin-left: 30px;
  margin-top: 30px;
  position: absolute; }

.title-gray {
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  font-family: "pb-bold"; }
  @media only screen and (min-width: 768px) {
    .title-gray {
      letter-spacing: 9px; } }
  @media only screen and (max-width: 767px) {
    .title-gray {
      letter-spacing: 3px;
      font-size: 12px; } }
  @media (max-width: 320px) {
    .title-gray {
      font-size: 12px;
      letter-spacing: 2px; } }

.gray-desc {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
  line-height: 1.7em;
  font-family: "pb-regular"; }
  @media only screen and (max-width: 767px) {
    .gray-desc {
      line-height: 1.5em;
      font-size: 0.8125em; } }

.white-desc {
  color: rgba(255, 255, 255, 0.5);
  font-family: "pb-regular"; }
  @media only screen and (min-width: 1170px) {
    .white-desc {
      line-height: 1.7em; } }
  @media only screen and (min-width: 500px) {
    .white-desc {
      font-size: 0.875em; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .white-desc {
      line-height: 1.5em; } }
  @media only screen and (max-width: 767px) {
    .white-desc {
      font-size: 0.8125em;
      color: rgba(0, 0, 0, 0.7); } }

.container-awards {
  padding: 30px 0 50px 0;
  overflow: overlay; }

.container-awards1 {
  padding: 35px 0 30px 0;
  overflow: overlay; }

.name {
  letter-spacing: 1px; }

.name1 {
  font-style: normal !important;
  letter-spacing: 0px !important; }

.title-desc {
  color: #000;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: 20px;
  padding: 15px 0; }
  @media only screen and (max-width: 767px) {
    .title-desc {
      padding: 5px 0; } }

.copyright {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4); }
  .copyright a {
    color: rgba(0, 0, 0, 0.4); }

a:hover, a:focus, a:active {
  text-decoration: none !important; }

/*no-img*/
.no-img {
  width: 10% !important;
  height: 10px; }

.no-img-title {
  width: 100% !important;
  position: relative;
  transform: translateX(10%) translateY(-10%); }

/*no-img*/
.txtletter {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-weight: 700;
  font-style: italic;
  color: #000;
  padding: 25px 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .txtletter {
      font-size: 20px; } }

.desc {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 5em;
  line-height: 1.5em;
  color: #000; }
  @media (max-width: 767px) and (min-width: 500px) {
    .desc {
      padding-top: 50px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .desc {
      padding-top: 50px; } }
  @media only screen and (max-width: 1024px) {
    .desc {
      padding-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .desc {
      font-size: 14px; } }

/*search not found*/
.s-not-found {
  text-align: center;
  color: #000; }
  .s-not-found a {
    color: rgba(0, 0, 0, 0.5); }
    .s-not-found a:hover {
      color: #000; }

/*
03 style menu humberger
*/
#wrapper.toggled {
  padding-left: 220px; }
  #wrapper.toggled #humber {
    width: 220px;
    display: table;
    padding-right: 20px; }
  #wrapper.toggled #page-content-wrapper {
    position: relative; }

#humber {
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  height: 100%;
  left: 220px;
  margin-left: -220px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 0;
  z-index: 1000;
  background: #fff;
  padding: 40px 0 0 0; }

#humber::-webkit-scrollbar {
  display: none; }

.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 220px; }

.sidebar-nav li a, .sidebar-nav li.open a {
  text-align: right;
  font-family: "pb-bold";
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 0.875em; }
  .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus, .sidebar-nav li.open a:hover {
    background-color: transparent;
    color: #000 !important;
    text-decoration: none; }

.sidebar-nav li .dropdown-menu, .sidebar-nav li.open .dropdown-menu {
  width: 100%; }

.hamburger {
  background: transparent;
  border: none;
  display: block;
  margin-left: 15px;
  position: absolute;
  width: 14px;
  z-index: 999;
  margin: 46px 0 0 50px;
  padding: 11px 8px; }
  .hamburger:hover, .hamburger:focus, .hamburger:active {
    outline: none; }

.hamb-relate, .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {
  background-color: rgba(255, 255, 255, 0.7); }

.hamburger.is-closed .hamb-top {
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  top: 4px; }

.hamburger.is-closed .hamb-middle {
  margin-top: -2px;
  top: 50%; }

.hamburger.is-closed .hamb-bottom {
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  bottom: 5px; }

.hamb-relate2, .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%; }

.hamb-relate3, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-bottom {
  margin-top: -1px;
  top: 50%; }

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }

.hamburger.is-open .hamb-middle {
  background-color: transparent;
  display: none; }

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }

.header-black .hamburger.is-closed .hamb-top, .header-black .hamburger.is-closed .hamb-middle, .header-black .hamburger.is-closed .hamb-bottom {
  background: rgba(0, 0, 0, 0.5); }

.header-black .hamburger.is-open .hamb-top, .header-black .hamburger.is-open .hamb-bottom {
  background: rgba(0, 0, 0, 0.5); }

.header-white .hamburger.is-closed .hamb-top, .header-white .hamburger.is-closed .hamb-middle, .header-white .hamburger.is-closed .hamb-bottom {
  background: rgba(255, 255, 255, 0.5); }

.header-white .hamburger.is-open .hamb-top, .header-white .hamburger.is-open .hamb-bottom {
  background: rgba(255, 255, 255, 0.5); }

.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5); }

#humber ul li:active > ul {
  display: block; }

#humber ul li a:focus > ul {
  display: block; }

#humber ul {
  list-style: none;
  position: relative;
  float: right;
  margin: 0;
  padding: 0; }
  #humber ul li {
    padding: 5px 10px;
    position: relative;
    margin: 0;
    line-height: 30px;
    letter-spacing: 1px;
    overflow: hidden; }
    #humber ul li i {
      position: absolute;
      color: rgba(0, 0, 0, 0.6);
      left: 40px;
      top: 12px; }
    #humber ul li a:hover, #humber ul li a:focus, #humber ul li a:active {
      background: none; }
    #humber ul li ul {
      display: none;
      position: relative;
      top: 100%;
      left: 0;
      padding: 0;
      margin-left: -40px; }
      #humber ul li ul li {
        height: auto;
        text-align: right; }
        #humber ul li ul li:first-child a {
          padding-top: 23px; }
        #humber ul li ul li:last-child a {
          padding-bottom: 23px; }
      #humber ul li ul a {
        line-height: 120%; }
      #humber ul li ul li {
        float: none;
        width: 200px;
        letter-spacing: 1px; }
        #humber ul li ul li a {
          border: none; }
      #humber ul li ul ul {
        top: 0;
        display: none; }

/*
04 style menu
*/
.fl-menu-blog {
  padding-top: 20px; }
  .fl-menu-blog .navbar-right li {
    display: inline-block;
    font-size: 12px; }
    .fl-menu-blog .navbar-right li a {
      font-family: "pb-bold";
      text-transform: uppercase;
      font-size: 14px;
      padding: 0 30px; }
      .fl-menu-blog .navbar-right li a:hover {
        background: none; }
    .fl-menu-blog .navbar-right li select {
      border: 0;
      outline: none;
      background: transparent; }
  .fl-menu-blog .nav-color a {
    color: rgba(0, 0, 0, 0.5); }
    .fl-menu-blog .nav-color a:hover {
      color: #000; }
  .fl-menu-blog .nav-color2 a {
    color: rgba(255, 255, 255, 0.5); }
    .fl-menu-blog .nav-color2 a:hover {
      color: #fff; }
  .fl-menu-blog .nav-color2 select {
    color: rgba(255, 255, 255, 0.5); }

.stick-scroll {
  position: fixed !important;
  top: 0;
  width: 100%;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out; }

/*
05 style header 01
*/
/*= header =*/
header {
  height: 120px;
  position: relative;
  z-index: 3; }

.header-black .toggle-nav {
  color: rgba(0, 0, 0, 0.5) !important; }
  .header-black .toggle-nav:hover, .header-black .toggle-nav:active, .header-black .toggle-nav:focus {
    color: #000 !important; }

.fl-main-menu {
  position: relative;
  display: block; }
  .fl-main-menu .slide-flim {
    position: relative;
    margin-top: -120px; }
    .fl-main-menu .slide-flim img {
      object-fit: cover; }

.menu-default {
  width: 100%;
  display: table;
  height: 120px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .menu-default {
      padding: 0 15px; } }
  .menu-default .logo-main, .menu-default .header-flim3 .top-header .humber-flim, .header-flim3 .top-header .menu-default .humber-flim {
    float: left;
    width: auto;
    line-height: 120px;
    position: relative;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .menu-default .logo-main, .menu-default .header-flim3 .top-header .humber-flim, .header-flim3 .top-header .menu-default .humber-flim {
        z-index: 8; } }
  .menu-default #primary_nav_wrap {
    float: right; }
  .menu-default .close-menu {
    display: none;
    position: fixed;
    z-index: 15;
    top: 40px;
    right: -100%;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    cursor: pointer; }

.menu-olay {
  display: none;
  width: 100%;
  position: absolute;
  height: 100vh;
  z-index: 11;
  background: rgba(0, 0, 0, 0.7);
  position: fixed; }

@media only screen and (max-width: 1024px) {
  #primary_nav_wrap {
    position: relative; } }

#primary_nav_wrap ul.active-pro {
  right: 0 !important;
  transition: right 0.7s;
  -webkit-transition: right 0.7s;
  -moz-transition: right 0.7s; }

#primary_nav_wrap ul.active-menu-default {
  float: right;
  padding-right: 25px; }
  @media only screen and (max-width: 1024px) {
    #primary_nav_wrap ul.active-menu-default {
      right: -100%;
      width: 220px;
      background: #fff;
      height: 100vh;
      z-index: 12;
      position: fixed;
      text-align: left;
      padding: 20px 20px 30px 20px;
      overflow-x: hidden;
      transition: right 0.5s;
      -webkit-transition: right 0.5s;
      -moz-transition: right 0.5s; } }
  #primary_nav_wrap ul.active-menu-default > li {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 15px 12px;
    list-style: none; }
    @media only screen and (max-width: 1024px) {
      #primary_nav_wrap ul.active-menu-default > li {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
        left: 15px; } }
    #primary_nav_wrap ul.active-menu-default > li a {
      padding: 5px 15px;
      border-left: 2px solid transparent;
      border-right: 2px solid transparent;
      font-size: 12px;
      text-transform: uppercase; }
      #primary_nav_wrap ul.active-menu-default > li a:hover, #primary_nav_wrap ul.active-menu-default > li a:focus, #primary_nav_wrap ul.active-menu-default > li a:active {
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
        background: none; }
      @media only screen and (max-width: 1024px) {
        #primary_nav_wrap ul.active-menu-default > li a {
          color: #000;
          padding: 0;
          font-size: 11px; } }
    #primary_nav_wrap ul.active-menu-default > li:hover ul {
      display: block; }
  #primary_nav_wrap ul.active-menu-default ul {
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    background: #fff;
    width: 200px;
    padding: 0 0 20px 0;
    top: 100%;
    z-index: 3; }
    @media only screen and (max-width: 1024px) {
      #primary_nav_wrap ul.active-menu-default ul {
        padding: 0; } }
    @media only screen and (max-width: 1024px) {
      #primary_nav_wrap ul.active-menu-default ul {
        position: inherit;
        display: block;
        width: 100%; } }
    #primary_nav_wrap ul.active-menu-default ul li {
      width: 100%;
      text-align: center;
      padding: 10px 0 0 5px;
      list-style: none;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        #primary_nav_wrap ul.active-menu-default ul li {
          text-align: left;
          padding: 5px 0 0 0;
          margin-bottom: 0; } }
      #primary_nav_wrap ul.active-menu-default ul li a {
        display: block; }
        @media only screen and (max-width: 1024px) {
          #primary_nav_wrap ul.active-menu-default ul li a {
            color: rgba(0, 0, 0, 0.5) !important; } }
      #primary_nav_wrap ul.active-menu-default ul li:hover ul {
        display: block !important;
        left: 300px; }
        @media only screen and (max-width: 1024px) {
          #primary_nav_wrap ul.active-menu-default ul li:hover ul {
            left: 90px; } }
      #primary_nav_wrap ul.active-menu-default ul li:hover > a {
        color: #000; }
      #primary_nav_wrap ul.active-menu-default ul li ul {
        top: 0;
        left: 0;
        display: none !important;
        padding: 0 0 10px 0; }
        @media only screen and (max-width: 1024px) {
          #primary_nav_wrap ul.active-menu-default ul li ul {
            position: relative;
            display: block !important;
            left: 90px;
            padding: 0; } }

@media only screen and (max-width: 1024px) {
  .toggle-nav {
    position: absolute;
    right: 0;
    line-height: 60px;
    color: rgba(255, 255, 255, 0.5) !important;
    line-height: 120px; } }
  @media only screen and (max-width: 1024px) and (max-width: 780px) {
    .toggle-nav {
      right: 15px; } }
  @media only screen and (max-width: 1024px) and (max-width: 767px) {
    .toggle-nav {
      right: 5px; } }

@media only screen and (max-width: 1024px) {
    .toggle-nav:hover, .toggle-nav:active {
      color: #fff !important; } }

/*End menu responsive*/
.header-white .menu ul li a {
  color: rgba(255, 255, 255, 0.7); }
  @media only screen and (max-width: 1024px) {
    .header-white .menu ul li a {
      color: rgba(0, 0, 0, 0.5); } }
  .header-white .menu ul li a:hover {
    color: #fff; }

.header-white .menu ul .sub-menu {
  -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
  padding-bottom: 10px !important; }
  @media only screen and (max-width: 1024px) {
    .header-white .menu ul .sub-menu {
      box-shadow: none; } }
  .header-white .menu ul .sub-menu li a {
    color: rgba(0, 0, 0, 0.5) !important; }
    .header-white .menu ul .sub-menu li a:hover {
      color: #000 !important; }

.header-white .logo-main .logo-in-black, .header-white .header-flim3 .top-header .humber-flim .logo-in-black, .header-flim3 .top-header .header-white .humber-flim .logo-in-black {
  display: none; }

.header-white .logo-main .logo-in-white, .header-white .header-flim3 .top-header .humber-flim .logo-in-white, .header-flim3 .top-header .header-white .humber-flim .logo-in-white {
  display: block; }

.logo-main, .header-flim3 .top-header .humber-flim {
  z-index: 9999; }

.header-black #primary_nav_wrap ul li a {
  color: rgba(0, 0, 0, 0.5); }
  .header-black #primary_nav_wrap ul li a:hover {
    color: #000; }
  @media only screen and (max-width: 1024px) {
    .header-black #primary_nav_wrap ul li a {
      color: rgba(0, 0, 0, 0.9); } }

.header-black #primary_nav_wrap ul li:hover .sub-menu {
  -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2); }
  @media only screen and (max-width: 1024px) {
    .header-black #primary_nav_wrap ul li:hover .sub-menu {
      box-shadow: none; } }

.header-black .logo-main .logo-in-black, .header-black .header-flim3 .top-header .humber-flim .logo-in-black, .header-flim3 .top-header .header-black .humber-flim .logo-in-black {
  display: block; }

.header-black .logo-main .logo-in-white, .header-black .header-flim3 .top-header .humber-flim .logo-in-white, .header-flim3 .top-header .header-black .humber-flim .logo-in-white {
  display: none; }

.header-black .searchbox-humber .sb-icon-search {
  color: rgba(0, 0, 0, 0.7); }

.header-black .searchbox .sb-icon-search {
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  pointer-events: auto; }

.sb-search-open .sb-icon-search {
  color: rgba(255, 255, 255, 0.7) !important; }

.sb-search-open .fl-close {
  display: block !important; }

/* ======= Search =======*/
.bg-fl-search {
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  transition: width 0.5s;
  width: 0;
  float: right;
  position: absolute;
  right: 0;
  z-index: 9; }

.fl-search-active {
  width: 100%;
  height: 121px;
  background: #000;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .fl-search-active .fl-close {
    opacity: 1; }

.searchbox {
  position: relative;
  /* Open state */ }
  .searchbox .fl-search {
    position: absolute;
    right: 0px;
    top: 17px; }
    @media only screen and (max-width: 1024px) {
      .searchbox .fl-search {
        right: 30px;
        top: 50px; } }
  .searchbox .sb-search-input {
    border: none;
    outline: none;
    display: none;
    height: 40px;
    margin: 0;
    z-index: 10;
    padding: 0px 40px 20px 20px;
    font-family: "pb-regular";
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    background: transparent; }
  .searchbox .sb-search-input {
    position: absolute;
    right: 40px;
    -webkit-transition: width 0.7s ease-in-out;
    -moz-transition: width 0.7s ease-in-out;
    transition: width 0.7s ease-in-out; }
  .searchbox .sb-search-submit {
    color: transparent;
    border: none;
    outline: none;
    z-index: -1; }
  .searchbox .sb-icon-search {
    color: rgba(255, 255, 255, 0.6);
    z-index: 9;
    background: transparent; }
  .searchbox .fl-search.sb-search-open,
  .searchbox .no-js .sb-search {
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: #000; }
  .searchbox .fl-search.sb-search-open .sb-search-input {
    display: block; }
  .searchbox .fl-search.sb-search-open .fl-close {
    opacity: 1; }
  .searchbox .fl-search.sb-search-open .sb-icon-search, .searchbox .fl-search.sb-search-open .sb-search-submit {
    right: 12px;
    position: absolute;
    padding-right: 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
  .searchbox .fl-close {
    position: absolute;
    color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    font-size: 1.875em;
    cursor: pointer;
    font-family: "pb-regular";
    z-index: 9;
    right: -14px;
    top: -14px; }

.searchbox-humber {
  /* Open state */ }
  .searchbox-humber .fl-search {
    position: absolute;
    right: 80px;
    top: 50px; }
  .searchbox-humber .sb-search-input {
    border: none;
    outline: none;
    display: none;
    height: 40px;
    margin: 0;
    z-index: 10;
    padding: 8px 40px 20px 20px;
    font-family: "pb-regular";
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    background: transparent; }
  .searchbox-humber .sb-icon-search,
  .searchbox-humber .sb-search-submit {
    display: block;
    position: absolute;
    cursor: pointer;
    -webkit-transition: width 0.7s ease-in-out;
    -moz-transition: width 0.7s ease-in-out;
    transition: width 0.7s ease-in-out; }
  .searchbox-humber .sb-search-input {
    position: absolute;
    right: 40px;
    -webkit-transition: width 0.7s ease-in-out;
    -moz-transition: width 0.7s ease-in-out;
    transition: width 0.7s ease-in-out; }
  .searchbox-humber .sb-search-submit {
    color: transparent;
    border: none;
    outline: none;
    z-index: -1; }
  .searchbox-humber .sb-icon-search {
    color: #fff;
    z-index: 90;
    background: transparent; }
  .searchbox-humber .fl-search.sb-search-open,
  .searchbox-humber .no-js .sb-search {
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: #000; }
  .searchbox-humber .fl-search.sb-search-open .sb-search-input {
    display: block; }
  .searchbox-humber .fl-search.sb-search-open .fl-close {
    opacity: 1; }
  .searchbox-humber .fl-search.sb-search-open .sb-icon-search, .searchbox-humber .fl-search.sb-search-open .sb-search-submit {
    right: 12px;
    position: absolute;
    padding-right: 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.2); }
  .searchbox-humber .fl-close {
    display: none;
    position: absolute;
    color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    font-size: 1.875em;
    cursor: pointer;
    font-family: "pb-regular";
    z-index: 9;
    right: -12px;
    top: -14px; }

/** menu style2**/
/**
 * @since 1.0.9
 * @author Binjuhor
 */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .logo-main a, .header-flim3 .top-header .humber-flim a {
    display: none; } }

.logo-main a.retina-logo, .header-flim3 .top-header .humber-flim a.retina-logo {
  display: none; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .logo-main a.retina-logo, .header-flim3 .top-header .humber-flim a.retina-logo {
      display: block; } }

/*
06 style header 02
*/
/*= header 02=*/
.navbar-brand {
  padding: 0 15px;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: center;
  margin: auto;
  top: 30px;
  height: 0; }
  .navbar-brand .logo-in-black, .navbar-brand .logo-in-white {
    height: 0; }
  .navbar-brand img {
    vertical-align: middle; }

/* end header */
.top-header {
  position: relative; }
  .top-header .menu-style2 {
    padding-top: 35px; }
    @media only screen and (max-width: 1024px) {
      .top-header .menu-style2 {
        width: 200px;
        position: fixed;
        right: -100%;
        background: #fff;
        height: 100vh;
        z-index: 11;
        overflow-x: hidden;
        -webkit-transition: right 0.7s ease;
        -moz-transition: right 0.7s ease;
        transition: right 0.7s ease; } }
  .top-header .active-pro {
    right: 0 !important;
    -webkit-transition: right 0.5s ease;
    -moz-transition: right 0.5s ease;
    transition: right 0.5s ease; }
  .top-header .logo-main, .header-flim3 .top-header .humber-flim {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .top-header ul.active-menu-type2 li {
    list-style: none;
    display: inline-block;
    padding: 0 5px;
    position: relative; }
    @media only screen and (max-width: 1024px) {
      .top-header ul.active-menu-type2 li {
        width: 100%; } }
    .top-header ul.active-menu-type2 li a {
      height: 50px;
      line-height: 50px;
      border-left: 2px solid transparent;
      border-right: 2px solid transparent;
      padding: 0 20px;
      text-transform: uppercase;
      font-size: 0.75em; }
      @media only screen and (max-width: 1024px) {
        .top-header ul.active-menu-type2 li a {
          line-height: 35px; } }
      .top-header ul.active-menu-type2 li a:hover {
        border-left: 2px solid #fff;
        border-right: 2px solid #fff; }
      @media only screen and (max-width: 1024px) {
        .top-header ul.active-menu-type2 li a {
          color: #000; } }
    .top-header ul.active-menu-type2 li i {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.5);
      position: absolute;
      right: 30px;
      top: 10px; }
      .top-header ul.active-menu-type2 li i:hover, .top-header ul.active-menu-type2 li i:active, .top-header ul.active-menu-type2 li i:focus {
        color: #000; }
    @media only screen and (min-width: 1024px) {
      .top-header ul.active-menu-type2 li:hover ul {
        display: block; } }
    .top-header ul.active-menu-type2 li ul {
      display: none;
      position: absolute;
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      background: #fff;
      width: 200px;
      z-index: 5;
      -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
      padding: 10px 0 30px 0; }
      @media only screen and (max-width: 1024px) {
        .top-header ul.active-menu-type2 li ul {
          position: inherit;
          box-shadow: none;
          transform: none;
          left: 0;
          padding: 0;
          width: 100%; } }
      .top-header ul.active-menu-type2 li ul li {
        width: 100%;
        text-align: center;
        height: 40px;
        line-height: 40px;
        list-style: none; }
        @media only screen and (max-width: 1024px) {
          .top-header ul.active-menu-type2 li ul li {
            text-align: left; } }
        .top-header ul.active-menu-type2 li ul li a {
          color: rgba(0, 0, 0, 0.5); }
        .top-header ul.active-menu-type2 li ul li:hover a {
          color: #000; }
        @media only screen and (min-width: 1025px) {
          .top-header ul.active-menu-type2 li ul li:hover ul {
            display: block !important; } }
        @media only screen and (min-width: 1025px) {
          .top-header ul.active-menu-type2 li ul li ul {
            left: 300px;
            display: none !important;
            top: 0;
            padding: 0; }
            .top-header ul.active-menu-type2 li ul li ul li a {
              color: rgba(0, 0, 0, 0.5); }
            .top-header ul.active-menu-type2 li ul li ul li:hover a {
              color: #000; } }
        @media only screen and (max-width: 1024px) {
          .top-header ul.active-menu-type2 li ul li ul {
            top: -10px;
            left: 15px; } }
  .top-header ul.fl-menu-left {
    float: left; }
    @media only screen and (max-width: 1024px) {
      .top-header ul.fl-menu-left {
        float: none; } }
  .top-header ul.fl-menu-right {
    float: right;
    margin-right: 30px; }
    @media only screen and (max-width: 1024px) {
      .top-header ul.fl-menu-right {
        float: none;
        margin-right: 0; } }

/*
07 style header 03
*/
/*header -03 header-flim-blog4*/
.header-flim-blog4 {
  height: 120px; }

.menu-top3 {
  width: 100%;
  margin-top: 30px; }
  .menu-top3 .logo1 {
    padding: 0; }
  .menu-top3 .menu {
    padding: 0;
    text-transform: uppercase; }
    .menu-top3 .menu ul li {
      list-style: none;
      font-size: 12px;
      font-family: "pb-bold";
      padding: 0 14px;
      list-style-type: none;
      float: left; }
      .menu-top3 .menu ul li:last-child {
        padding-right: 0; }
    .menu-top3 .menu ul ul.sub-menu {
      -webkit-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.2);
      padding-bottom: 10px !important; }

.logo {
  position: absolute;
  float: left;
  z-index: 10; }

.lg-home3 {
  margin: 0 0 0 100px;
  padding-top: 30px; }

#wrapper {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.home3 {
  padding: 30px; }

.slide3 {
  width: 100%;
  display: block; }
  .slide3 img {
    width: 100%;
    height: auto; }

/*
08 style footer 01
*/
.f-home1 {
  padding-top: 150px; }
  .f-home1 .btn-default {
    left: -25px; }
  @media only screen and (min-width: 1170px) {
    .f-home1 .ft-subcri2 .control-form {
      width: 300px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .f-home1 .ft-subcri2 .control-form {
      width: 240px !important; } }
  @media (max-width: 320px) {
    .f-home1 .ft-subcri2 .control-form {
      width: 230px !important; } }

footer {
  font-family: "pb-bold";
  font-size: 16px;
  float: left;
  width: 100%;
  height: auto; }
  footer .top-footer {
    padding-bottom: 150px; }
    footer .top-footer .cover-item .centertxt {
      padding: 5px 110px; }
      footer .top-footer .cover-item .centertxt .title-bold-white {
        padding: 12px 0; }
    footer .top-footer .cover-item .white-desc {
      line-height: 1.6em; }
    footer .top-footer .cover-item img {
      width: 100%;
      height: auto; }
  footer .bottom-footer {
    float: left;
    width: 100%;
    margin: 100px 0 0px 0; }
    @media only screen and (max-width: 767px) {
      footer .bottom-footer {
        margin: 50px 0 0 0; } }
    footer .bottom-footer .copyright {
      float: right;
      font-size: 12px;
      color: rgba(0, 0, 0, 0.4); }
      footer .bottom-footer .copyright a {
        color: rgba(0, 0, 0, 0.4); }

.subcribe .ft-subcri2 {
  margin: 0 auto;
  padding: 10px 0; }
  @media only screen and (min-width: 1170px) {
    .subcribe .ft-subcri2 {
      width: 27%; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .subcribe .ft-subcri2 {
      width: 38%; } }
  @media only screen and (max-width: 1024px) {
    .subcribe .ft-subcri2 {
      padding: 0px; } }
  .subcribe .ft-subcri2 input::-webkit-input-placeholder {
    letter-spacing: 2px;
    width: 100%; }

.ft-subcri2 {
  padding: 10px 65px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease; }
  .ft-subcri2 #beau-subcribe {
    padding: 5px 0;
    display: inline-flex; }
  .ft-subcri2 .control-form {
    border: none;
    text-align: center;
    color: rgba(0, 0, 0, 0.4);
    letter-spacing: 2px;
    background: transparent;
    box-shadow: none;
    line-height: 25px; }
    @media only screen and (min-width: 768px) {
      .ft-subcri2 .control-form {
        width: 340px; } }
    @media only screen and (max-width: 767px) {
      .ft-subcri2 .control-form {
        width: 250px; } }
    @media only screen and (max-width: 1024px) {
      .ft-subcri2 .control-form {
        line-height: 22px; } }
    .ft-subcri2 .control-form:focus {
      border: none;
      box-shadow: none;
      outline: 0;
      background: transparent; }
    .ft-subcri2 .control-form:active {
      border: none;
      box-shadow: none;
      outline: 0; }
    .ft-subcri2 .control-form::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.5);
      letter-spacing: 5px;
      font-family: "pb-bold";
      font-size: 14px; }
      @media only screen and (max-width: 767px) {
        .ft-subcri2 .control-form::-webkit-input-placeholder {
          font-size: 12px;
          letter-spacing: 3px; } }
      @media only screen and (min-width: 1170px) {
        .ft-subcri2 .control-form::-webkit-input-placeholder {
          display: none; } }
      @media only screen and (max-width: 1024px) {
        .ft-subcri2 .control-form::-webkit-input-placeholder {
          font-size: 10px; } }
  .ft-subcri2 .btn-default {
    background: transparent;
    position: relative;
    border: none;
    z-index: 1; }
    @media only screen and (max-width: 1024px) {
      .ft-subcri2 .btn-default {
        padding-left: 0;
        left: -10px; } }
  .ft-subcri2:hover {
    background-color: #000; }
    .ft-subcri2:hover .control-form, .ft-subcri2:hover .btn-default {
      color: #fff; }
    .ft-subcri2:hover .control-form::-webkit-input-placeholder {
      color: #fff; }
    .ft-subcri2:hover .control-form:active::-webkit-input-placeholder, .ft-subcri2:hover .control-form:focus::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.4); }

/*footer*/
.text-copyright {
  font-size: 14px;
  font-family: "pb-regular"; }

/*end footer*/
/*
09 style footer 02
*/
@media only screen and (max-width: 767px) {
  .footer-landing {
    padding: 0 15px;
    margin-top: 100px; } }

.footer-landing .bottom-footer {
  width: 100%;
  height: 50px;
  display: table; }
  .footer-landing .bottom-footer .landing-social-author {
    float: left; }
    .footer-landing .bottom-footer .landing-social-author ul.list-social {
      margin: 0;
      padding: 0; }
      .footer-landing .bottom-footer .landing-social-author ul.list-social li {
        display: inline;
        padding: 0 10px;
        list-style: none; }
        .footer-landing .bottom-footer .landing-social-author ul.list-social li a {
          color: rgba(0, 0, 0, 0.5); }
        .footer-landing .bottom-footer .landing-social-author ul.list-social li:hover a {
          color: #000; }
  .footer-landing .bottom-footer .copyright {
    float: right;
    text-align: right; }
  @media only screen and (min-width: 768px) {
    .footer-landing .bottom-footer .landing-social-author, .footer-landing .bottom-footer .copyright {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .footer-landing .bottom-footer .landing-social-author, .footer-landing .bottom-footer .copyright {
      width: 100%;
      text-align: center;
      margin-bottom: 20px; } }

.subcribe {
  text-align: center; }

.footer-landing2 #subcribe {
  padding: 235px 0 120px 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .footer-landing2 #subcribe {
      padding: 50px 0; } }
  .footer-landing2 #subcribe .ft-subcri2 {
    width: 100%;
    padding: 40px 70px;
    background: rgba(0, 0, 0, 0.1);
    border: none; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .footer-landing2 #subcribe .ft-subcri2 {
        padding: 20px 50px; } }
    @media only screen and (max-width: 767px) {
      .footer-landing2 #subcribe .ft-subcri2 {
        padding: 10px 0; } }
    .footer-landing2 #subcribe .ft-subcri2:hover, .footer-landing2 #subcribe .ft-subcri2:focus, .footer-landing2 #subcribe .ft-subcri2:active {
      background: #000; }
    .footer-landing2 #subcribe .ft-subcri2 .control-form {
      line-height: 30px; }

.footer-landing2 .footer-widget {
  margin-bottom: 100px;
  color: rgba(0, 0, 0, 0.5);
  font-family: "pb-regular"; }
  @media only screen and (max-width: 767px) {
    .footer-landing2 .footer-widget {
      margin-bottom: 50px; } }
  .footer-landing2 .footer-widget li {
    list-style: none; }
  .footer-landing2 .footer-widget .widget-title {
    font-size: 1em;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 40px;
    font-family: "pb-bold";
    text-align: center; }
  .footer-landing2 .footer-widget .menu {
    text-align: center; }
    .footer-landing2 .footer-widget .menu li {
      margin-bottom: 5px;
      list-style: none; }
      .footer-landing2 .footer-widget .menu li a {
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5);
        font-family: "pb-regular";
        font-weight: 400;
        line-height: 1.7em; }
        .footer-landing2 .footer-widget .menu li a:hover {
          color: #000; }
  .footer-landing2 .footer-widget .list-social {
    margin-top: 10px; }
    .footer-landing2 .footer-widget .list-social li {
      display: inline;
      padding: 0 10px; }
      .footer-landing2 .footer-widget .list-social li a {
        color: rgba(0, 0, 0, 0.5); }
        .footer-landing2 .footer-widget .list-social li a:hover {
          color: #000; }

.footer-landing2 .copyright {
  padding-bottom: 50px; }

.footer-widget {
  text-align: center;
  padding: 0 15px; }
  .footer-widget .fl-search .fl-close, .footer-widget .fl-search .sb-icon-search {
    display: none; }
  .footer-widget .fl-search .sb-search-input {
    padding: 5px 10px;
    outline: none;
    width: 100%; }

/*
10 style footer 03
*/
/* Footer type3*/
.fl-footer {
  padding-top: 120px;
  background: #000;
  color: rgba(255, 255, 255, 0.7);
  font-family: "pb-regular";
  font-size: 16px; }
  @media only screen and (max-width: 767px) {
    .fl-footer {
      padding: 50px 15px 0 15px; } }
  .fl-footer ul li {
    list-style: none;
    padding: 5px 0; }
    .fl-footer ul li a {
      color: rgba(255, 255, 255, 0.4); }
      .fl-footer ul li a:hover, .fl-footer ul li a:active, .fl-footer ul li a:focus {
        color: #fff;
        text-decoration: none; }

.fl-footer .copyright {
  text-align: center;
  padding: 35px 0 50px 0;
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.875em; }
  .fl-footer .copyright a {
    color: rgba(255, 255, 255, 0.3); }

.fl-footer .subcribe-message {
  text-align: center; }

.ft-subcri-box {
  width: 100%;
  padding: 35px 0 29px 0;
  border: 1px solid #1c1c1c;
  display: table;
  color: rgba(255, 255, 255, 0.3); }
  @media (max-width: 1024px) and (min-width: 768px) {
    .ft-subcri-box {
      padding: 25px 0 20px 0; } }
  @media only screen and (max-width: 767px) {
    .ft-subcri-box {
      padding: 15px 0 13px 0; } }
  .ft-subcri-box #beau-subcribe {
    display: inline-flex;
    width: 100%; }
  .ft-subcri-box .ft-subcri {
    width: 25%;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .ft-subcri-box .ft-subcri {
        width: 250px; } }
    .ft-subcri-box .ft-subcri .control-form {
      width: 100%;
      background-color: transparent;
      border: 0;
      color: rgba(255, 255, 255, 0.4);
      letter-spacing: 2px;
      font-family: "pb-bold";
      outline: 0; }
      @media only screen and (max-width: 767px) {
        .ft-subcri-box .ft-subcri .control-form {
          font-size: 0.8125em; } }
      .ft-subcri-box .ft-subcri .control-form::-webkit-input-placeholder {
        color: #4d4d4d;
        line-height: 20px;
        letter-spacing: 2px;
        font-size: 0.875em;
        font-family: "pb-bold"; }
        @media only screen and (max-width: 767px) {
          .ft-subcri-box .ft-subcri .control-form::-webkit-input-placeholder {
            font-size: 0.8125em; } }
      .ft-subcri-box .ft-subcri .control-form:active::-webkit-input-placeholder, .ft-subcri-box .ft-subcri .control-form:focus::-webkit-input-placeholder {
        color: rgba(0, 0, 0, 0.5); }
  .ft-subcri-box .input-group-btn, .ft-subcri-box .btn {
    background: transparent;
    border: none;
    outline: 0;
    margin-top: -1px; }
    .ft-subcri-box .input-group-btn i, .ft-subcri-box .btn i {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.3); }
  .ft-subcri-box:hover {
    background: #fff; }
    .ft-subcri-box:hover .control-form {
      color: black; }
    .ft-subcri-box:hover .input-group-btn i, .ft-subcri-box:hover .btn i {
      font-size: 16px;
      color: rgba(0, 0, 0, 0.8); }

/*style widget footer home3*/
.fl-footer3 .footer-widget {
  margin-bottom: 50px;
  font-family: "pb-regular";
  color: rgba(255, 255, 255, 0.5); }
  @media only screen and (max-width: 767px) {
    .fl-footer3 .footer-widget {
      text-align: center; } }
  .fl-footer3 .footer-widget .widget-title {
    font-size: 16px;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    margin-bottom: 40px;
    font-family: "pb-bold"; }
  .fl-footer3 .footer-widget .menu li {
    list-style: none; }
    .fl-footer3 .footer-widget .menu li:hover a {
      color: #fff; }
    .fl-footer3 .footer-widget .menu li a {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.3);
      transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out; }
  .fl-footer3 .footer-widget .list-social {
    margin-top: 10px; }
    .fl-footer3 .footer-widget .list-social li {
      list-style: none;
      display: inline;
      padding-right: 20px; }
      .fl-footer3 .footer-widget .list-social li a {
        color: rgba(255, 255, 255, 0.5); }
        .fl-footer3 .footer-widget .list-social li a:hover {
          color: #fff; }

/**********Footer type 4******/
.f-type4 {
  padding-top: 150px; }
  .f-type4 .footer-social {
    text-align: center; }
    .f-type4 .footer-social .list-social {
      margin-top: 40px; }
      .f-type4 .footer-social .list-social li {
        display: inline;
        padding: 0 10px; }
        .f-type4 .footer-social .list-social li a {
          color: rgba(0, 0, 0, 0.5); }
          .f-type4 .footer-social .list-social li a:hover {
            color: #000; }
  .f-type4 .copyright {
    text-align: center;
    margin: 40px 0 50px 0; }

/*
11 style sidebar
*/
.right-content, .left-sidebar {
  padding-top: 50px; }
  @media only screen and (max-width: 767px) {
    .right-content, .left-sidebar {
      padding-top: 30px; } }

.right-content {
  padding-right: 30px; }
  @media only screen and (max-width: 1024px) {
    .right-content {
      padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    .right-content {
      padding-right: 20px; } }

.left-sidebar {
  border-left: 1px solid rgba(0, 0, 0, 0.1); }

.sidebar {
  padding: 0 15px 0 25px; }
  @media only screen and (max-width: 1024px) {
    .sidebar {
      padding: 0 0 0 20px; } }

.relate-post li:first-child {
  padding-top: 0;
  display: table; }

.relate-post .img-post {
  height: 120px;
  overflow: hidden;
  padding: 0; }
  @media only screen and (max-width: 1024px) {
    .relate-post .img-post {
      height: 100px; } }

.relate-post .titlemore {
  padding-left: 20px; }
  .relate-post .titlemore p span {
    padding-right: 10px; }
    .relate-post .titlemore p span:last-child {
      padding-right: 0; }

.relate-post li {
  font-size: 0.875em;
  color: rgba(0, 0, 0, 0.5);
  display: table;
  padding: 25px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%; }
  .relate-post li img {
    width: 100%;
    height: 100%; }
  .relate-post li .relate-title {
    padding-top: 10px;
    font-size: 12px; }
    .relate-post li .relate-title a {
      color: rgba(0, 0, 0, 0.4); }
      .relate-post li .relate-title a:hover {
        color: #000; }
  .relate-post li .status span {
    font-size: 0.875em; }
  .relate-post li h3 {
    font-size: 16px;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    margin: -5px 0 5px 0;
    line-height: 1.2em; }
    .relate-post li h3 a {
      color: rgba(0, 0, 0, 0.5); }
  .relate-post li:hover h3 a {
    color: #000; }

.category-post-widget .category_post ul {
  margin: 0 important;
  padding: 0 !important; }
  .category-post-widget .category_post ul li {
    position: relative;
    width: 100%;
    margin-bottom: 5px; }

/*
12 style sidebar 02
*/
.temblog-sidebar {
  background-color: #FDFDFD;
  background-repeat: repeat-x;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 50% 0%, 0% 100%, from(#FDFDFD), to(#F1F1F1));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #F1F1F1, #FDFDFD);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #F1F1F1, #FDFDFD);
  /* IE 10 */
  background: -ms-linear-gradient(top, #F1F1F1, #FDFDFD);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #F1F1F1, #FDFDFD);
  width: 24%;
  margin-left: 1%; }

.side-bar {
  color: rgba(0, 0, 0, 0.6);
  height: auto; }
  .side-bar .about-title-sidebar .black {
    color: rgba(0, 0, 0, 0.7) !important;
    font-weight: 400 !important;
    text-align: center; }
  .side-bar .right-widget:first-child .widget-title {
    margin-top: 0; }
  .side-bar .widget-title {
    margin-bottom: 25px !important;
    margin-top: 125px; }
    @media only screen and (max-width: 1024px) {
      .side-bar .widget-title {
        margin-top: 90px;
        font-size: 15px; } }
    @media (max-width: 1500px) and (min-width: 1170px) {
      .side-bar .widget-title {
        font-size: 20px; } }

.about-d .list-social a {
  padding: 0px 6px; }

.about-d .ft-subcri3 {
  padding: 6px 20px 0px 0px !important; }
  .about-d .ft-subcri3 .input-group-btn:last-child > .btn, .about-d .ft-subcri3 .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -40px;
    margin-top: -5px;
    font-size: 12px; }
  .about-d .ft-subcri3 input::-webkit-input-placeholder {
    font-size: 11px;
    margin-top: 5px;
    letter-spacing: 2px; }

.about {
  padding: 104px 15% 105px 10%; }
  @media (max-width: 1024px) and (min-width: 992px) {
    .about {
      padding: 54px 30px 100px 30px; } }
  .about .right-widget .subcribe .list-social li {
    display: inline;
    margin: 0 10px; }
    @media only screen and (max-width: 1024px) {
      .about .right-widget .subcribe .list-social li {
        margin: 0 5px;
        font-size: 14px; } }
    .about .right-widget .subcribe .list-social li a {
      color: rgba(0, 0, 0, 0.5); }
      .about .right-widget .subcribe .list-social li a:hover {
        color: #000; }
  .about .line-height {
    line-height: 1.5em !important;
    text-align: center; }
    @media (max-width: 1024px) and (min-width: 992px) {
      .about .line-height {
        font-size: 0.8125em; } }
  .about img {
    width: 100%; }
  .about .subcribe .padding3 {
    padding-top: 40px; }
  .about .subcribe .ft-subcri2 {
    margin: 0 auto;
    width: 55%;
    padding: 10px 12px 8px 5px; }
    .about .subcribe .ft-subcri2 input {
      width: 100% !important; }
  .about .name-bloger {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
    text-align: center;
    margin-top: -34px; }
    @media only screen and (max-width: 1024px) {
      .about .name-bloger {
        font-size: 25px;
        margin-top: 10px; } }
  .about .latest {
    margin: 75px 0 130px 0; }
    .about .latest .title-gray {
      padding-bottom: 20px; }
    .about .latest .post-latest-item {
      padding: 20px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
      .about .latest .post-latest-item:after {
        content: '';
        clear: both;
        display: table; }
    .about .latest .title-post {
      line-height: 1.3; }
  .about .letter {
    width: 50%;
    margin: 0 auto; }
    .about .letter input {
      width: 100px; }

.recent-comment .black {
  padding-bottom: 16px; }

.recent-comment .recent-item {
  padding: 15px 0;
  list-style: none; }
  .recent-comment .recent-item .gray-desc {
    line-height: 1.3em; }
    @media (max-width: 1024px) and (min-width: 992px) {
      .recent-comment .recent-item .gray-desc {
        font-size: 13px; } }
  .recent-comment .recent-item .info {
    padding: 9px 0; }
  .recent-comment .recent-item b {
    color: #000; }

.archives .title-gray {
  padding-bottom: 20px; }

.archives ul {
  padding: 15px; }
  .archives ul li {
    font-size: 8px;
    color: rgba(0, 0, 0, 0.3);
    line-height: 2.2; }

.archives a {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4); }
  .archives a:hover {
    color: #000; }

.right-widget .right-widget-content .sb-search-input {
  width: 100%;
  padding: 5px 15px;
  border-color: rgba(0, 0, 0, 0.1);
  outline: none; }

.right-widget .right-widget-content .sb-icon-search, .right-widget .right-widget-content .fl-close {
  display: none; }

.right-widget .right-widget-content .tagcloud a {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  padding: 0 10px;
  margin: 6px 0;
  float: left;
  border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .right-widget .right-widget-content .tagcloud a:hover {
    color: #000; }
  .right-widget .right-widget-content .tagcloud a:first-child {
    border: none;
    padding-left: 0; }

.right-widget .right-widget-content .recent-comment .recent-item {
  padding: 15px 0; }

.right-widget .right-widget-content .recent-comment .info {
  padding: 6px 0; }

.right-widget .right-widget-content .recent-comment b {
  color: #000; }

.right-widget .right-widget-content ol {
  list-style: list; }
  .right-widget .right-widget-content ol .post-latest-item {
    display: table;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%; }
    .right-widget .right-widget-content ol .post-latest-item .img-post {
      overflow: hidden; }
    .right-widget .right-widget-content ol .post-latest-item .title-side-bar {
      padding-left: 20px; }
      @media only screen and (max-width: 1024px) {
        .right-widget .right-widget-content ol .post-latest-item .title-side-bar {
          padding-left: 0;
          text-align: center; } }
      .right-widget .right-widget-content ol .post-latest-item .title-side-bar .title-post {
        line-height: 1.3em;
        font-size: 1em; }
        .right-widget .right-widget-content ol .post-latest-item .title-side-bar .title-post a {
          color: #000; }
          .right-widget .right-widget-content ol .post-latest-item .title-side-bar .title-post a:hover {
            color: rgba(0, 0, 0, 0.8); }
    .right-widget .right-widget-content ol .post-latest-item .info {
      padding: 5px 0;
      font-size: 0.75em; }
      @media only screen and (max-width: 1024px) {
        .right-widget .right-widget-content ol .post-latest-item .info {
          margin: 0 auto;
          margin-top: 5px; } }
    .right-widget .right-widget-content ol .post-latest-item img {
      width: 100%;
      height: auto;
      min-height: 82px; }

.right-widget .right-widget-content > ul {
  padding: 0 15px; }
  .right-widget .right-widget-content > ul li {
    color: rgba(0, 0, 0, 0.3);
    line-height: 2.2em; }

.right-widget .right-widget-content a {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4); }
  .right-widget .right-widget-content a:hover {
    color: #000; }

.side-no-padding .about, .side-no-padding .sidebar-content {
  padding: 0 10% 105px 10%; }
  @media only screen and (max-width: 1024px) {
    .side-no-padding .about .widget-title, .side-no-padding .sidebar-content .widget-title {
      font-size: 16px; } }

/*
13 style form
*/
/*
14 style form comment
*/
.beau-comment {
  margin-top: 70px; }
  .beau-comment .comment-reply-title {
    margin-top: 0; }
  @media only screen and (max-width: 1024px) {
    .beau-comment {
      margin: 0; } }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .beau-comment {
      margin: 0; }
      .beau-comment .title-comment {
        font-size: 14px; }
      .beau-comment #title_reply {
        font-size: 16px; } }
  .beau-comment .title-comment, .beau-comment #title_reply {
    font-size: 20px;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .beau-comment .title-comment, .beau-comment #title_reply {
        font-size: 16px; } }
  .beau-comment #title_reply {
    margin-top: 100px;
    margin-bottom: 20px; }
  .beau-comment .sm-is-login .message {
    width: 100%; }
  .beau-comment .sm-is-login #submit {
    left: auto !important;
    right: 0;
    top: 200px !important; }
  .beau-comment .sm-is-login textarea {
    width: 100%; }

.detail-video-post .right-content {
  padding: 70px 40px 0 0; }
  @media only screen and (max-width: 1024px) {
    .detail-video-post .right-content {
      padding: 30px 0 0 0; } }
  .detail-video-post .right-content .detail-view {
    margin-bottom: 100px; }
    @media only screen and (max-width: 767px) {
      .detail-video-post .right-content .detail-view {
        margin-bottom: 50px; } }

@media only screen and (max-width: 767px) {
  .detail-video-post {
    padding: 0 30px; } }

@media only screen and (min-width: 300px) and (max-width: 500px) {
  .detail-video-post .right-content {
    padding-top: 0; } }

.comment-form li {
  list-style: none; }

.form-comment {
  font-size: 0.875em;
  font-family: "pb-regular";
  color: rgba(0, 0, 0, 0.5);
  padding-right: 40px; }
  @media only screen and (max-width: 767px) {
    .form-comment {
      padding: 0; } }
  .form-comment input[type="text"], .form-comment textarea {
    width: 94%;
    padding: 15px 15px;
    outline: none;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 767px) {
      .form-comment input[type="text"], .form-comment textarea {
        width: 100%;
        font-size: 12px;
        padding: 10px; } }
    .form-comment input[type="text"]:hover, .form-comment input[type="text"]:active, .form-comment input[type="text"]:focus, .form-comment textarea:hover, .form-comment textarea:active, .form-comment textarea:focus {
      border: 1px solid rgba(0, 0, 0, 0.7); }
  .form-comment .btn-default {
    font-weight: 700;
    width: 100%;
    padding: 10px 15px;
    background: #000;
    border-radius: 0;
    color: #fff;
    font-family: "pb-bold";
    letter-spacing: 3px;
    font-size: 0.75em; }
    .form-comment .btn-default:hover {
      background: #000;
      color: #fff; }
  .form-comment .text-area {
    height: 180px; }
  .form-comment .beau-contact {
    margin-top: 30px; }
  @media only screen and (min-width: 768px) {
    .form-comment .form-submit {
      position: relative; } }
  @media only screen and (max-width: 767px) {
    .form-comment .form-submit {
      text-align: center; } }
  .form-comment .form-submit #submit {
    left: 0;
    background: #000;
    border-radius: 0;
    color: #fff;
    font-family: "pb-bold";
    letter-spacing: 3px;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
    outline: none; }
    @media only screen and (min-width: 768px) {
      .form-comment .form-submit #submit {
        width: 47%;
        position: absolute;
        top: 175px;
        padding: 14px 14px; } }
    @media only screen and (max-width: 767px) {
      .form-comment .form-submit #submit {
        height: 30px;
        font-size: 10px;
        line-height: 30px;
        padding: 0 20px; } }

.notes {
  font-family: "pb-regular";
  line-height: 1.5em;
  color: rgba(0, 0, 0, 0.7); }

.d-social2 {
  margin: 35px 0; }
  .d-social2 span {
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.1);
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 5px;
    margin-right: 8px; }
    .d-social2 span a {
      color: rgba(0, 0, 0, 0.5); }
    .d-social2 span:hover {
      background: #000; }
      .d-social2 span:hover a {
        color: rgba(255, 255, 255, 0.9); }

.left-input {
  padding-right: 25px; }

/*
=================== Import style page =============
*/
/*
15 style page history
*/
.title-time {
  padding: 0;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: #000; }
  @media only screen and (min-width: 1170px) {
    .title-time {
      font-size: 50px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .title-time {
      font-size: 1.875em; } }

.timeline-item {
  margin: 150px 0 200px 0; }
  .timeline-item .timline-history .title-gray {
    line-height: 1;
    font-weight: 400; }
  .timeline-item .timline-history .title-1 {
    padding: 30px 0 50px 0; }

.timeline-page-box {
  position: relative; }
  @media only screen and (min-width: 768px) {
    .timeline-page-box:before {
      left: 49.99%;
      content: "";
      position: absolute;
      width: 1px;
      height: 100%;
      background: rgba(0, 0, 0, 0.1); } }

.timeline-box {
  position: relative;
  width: 100%;
  padding: 0 50px; }
  @media only screen and (max-width: 767px) {
    .timeline-box {
      padding: 0 15px; } }
  .timeline-box .d-content, .timeline-box .d-even, .timeline-box .d-img {
    margin-top: 20px; }
  .timeline-box li {
    display: table;
    position: relative;
    width: 100%;
    padding-bottom: 140px; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .timeline-box li {
        padding-bottom: 50px; } }
    @media only screen and (max-width: 767px) {
      .timeline-box li {
        padding-bottom: 30px; } }
    .timeline-box li .d-content, .timeline-box li .d-img {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .timeline-box li .d-content, .timeline-box li .d-img {
          width: 100%; } }
    @media only screen and (max-width: 1024px) {
      .timeline-box li .gray-desc {
        line-height: 1.5em;
        margin-top: 10px; } }
    @media only screen and (max-width: 767px) {
      .timeline-box li .gray-desc {
        font-size: 0.8125em; } }
    .timeline-box li .d-img img {
      width: 100%;
      height: auto; }
  @media only screen and (min-width: 1170px) {
    .timeline-box li:nth-child(odd) .d-content {
      float: left;
      text-align: right;
      padding-right: 50px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .timeline-box li:nth-child(odd) .d-content {
      float: left;
      text-align: right;
      padding-right: 30px; } }
  @media only screen and (min-width: 1170px) {
    .timeline-box li:nth-child(odd) .d-img {
      float: right;
      padding-left: 50px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .timeline-box li:nth-child(odd) .d-img {
      float: right;
      padding-left: 30px; } }
  @media only screen and (min-width: 768px) {
    .timeline-box li:nth-child(even) .d-content {
      float: right;
      text-align: left;
      padding-left: 50px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .timeline-box li:nth-child(even) .d-content {
      float: right;
      padding-left: 30px; } }
  @media only screen and (min-width: 768px) {
    .timeline-box li:nth-child(even) .d-img {
      float: left;
      padding-right: 50px; }
      .timeline-box li:nth-child(even) .d-img img {
        width: 100%; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .timeline-box li:nth-child(even) .d-img {
      float: left;
      padding-right: 30px; } }
  @media only screen and (min-width: 768px) {
    .timeline-box .d-even {
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 14px;
      height: 14px;
      border: 4px solid #fff;
      border-radius: 50%;
      background: #000;
      position: absolute; } }

.endhistory {
  margin: 0 auto;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .endhistory {
      text-align: center;
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .endhistory {
      padding: 30px 15px 50px 15px;
      background: #f1f1f1;
      text-align: center; }
      .endhistory .gray-desc {
        font-size: 0.8125em; }
      .endhistory .title-desc {
        font-size: 1.875em; } }
  @media only screen and (min-width: 768px) {
    .endhistory .d-even {
      width: 6px;
      height: 6px;
      border: none;
      top: 4px;
      margin: 4px auto 30px auto;
      background: #000;
      border-radius: 50%; } }

/*
16 style page film 01
*/
.list-film {
  height: 350px;
  overflow: hidden;
  width: 100%;
  position: relative; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .list-film {
      padding-bottom: 53.25%;
      height: 0;
      overflow: hidden; }
      .list-film .list-film-desc {
        display: block; } }
  @media only screen and (min-width: 1025px) {
    .list-film .list-viewmore {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      top: 90%;
      transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      opacity: 0; } }
  @media only screen and (max-width: 767px) {
    .list-film {
      height: auto;
      padding: 0 15px;
      margin-bottom: 30px; }
      .list-film .list-film-desc {
        display: block; }
      .list-film .list-viewmore {
        display: block !important; } }
  .list-film .img-film-item {
    width: 100%; }
    .list-film .img-film-item img {
      width: 100%;
      height: auto; }
      @media only screen and (min-width: 1025px) {
        .list-film .img-film-item img {
          position: absolute;
          left: 50%;
          top: 50%;
          bottom: auto;
          right: auto;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); } }
  .list-film:hover .list-viewmore {
    opacity: 1;
    top: 70%; }
  @media only screen and (min-width: 768px) {
    .list-film:hover .view-more {
      border: 1px solid #fff; } }
  .list-film:hover .fl_olay {
    background: transparent; }
  @media only screen and (min-width: 1025px) {
    .list-film:hover .list-film-desc {
      opacity: 0; } }
  .list-film .list-film-content {
    z-index: 2;
    position: absolute;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .list-film .list-film-content {
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); } }
    @media only screen and (max-width: 767px) {
      .list-film .list-film-content {
        width: 100%;
        position: inherit;
        margin-top: 20px;
        color: rgba(0, 0, 0, 0.5) !important; } }
    .list-film .list-film-content .list-viewmore .list-viewmore {
      background: transparent; }
      .list-film .list-film-content .list-viewmore .list-viewmore a {
        color: #fff; }
      .list-film .list-film-content .list-viewmore .list-viewmore:hover {
        background: #fff; }
        .list-film .list-film-content .list-viewmore .list-viewmore:hover a {
          color: #000; }

.fl_olay {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out; }
  @media only screen and (min-width: 1025px) {
    .fl_olay {
      background: rgba(0, 0, 0, 0.5); } }
  @media (max-width: 1024px) and (min-width: 992px) {
    .fl_olay {
      background: rgba(0, 0, 0, 0.5); } }

.list-film-cat {
  font-family: "pb-bold";
  font-size: 0.75em;
  letter-spacing: 5px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase; }
  .list-film-cat a {
    color: rgba(255, 255, 255, 0.5); }
    @media only screen and (max-width: 767px) {
      .list-film-cat a {
        font-size: 0.625em;
        color: rgba(0, 0, 0, 0.5); } }

.list-film-name {
  font-size: 1.875em;
  font-weight: 700;
  margin: 5px 0 10px 0; }
  @media only screen and (max-width: 767px) {
    .list-film-name {
      font-size: 1.125em; } }
  .list-film-name a {
    color: #fff;
    font-family: "Playfair Display", serif; }
    @media only screen and (max-width: 767px) {
      .list-film-name a {
        color: #000; } }

.list-film-desc {
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  font-family: "pb-regular";
  font-size: 0.875em;
  color: rgba(255, 255, 255, 0.7); }
  @media only screen and (min-width: 1920px) {
    .list-film-desc {
      padding: 0 20%; } }
  @media only screen and (max-width: 767px) {
    .list-film-desc {
      font-size: 0.8125em;
      color: rgba(0, 0, 0, 0.5); } }

.list-viewmore {
  margin-top: 10px; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .list-viewmore {
      margin-top: 20px; } }
  .list-viewmore .view-more {
    background: #fff; }
    .list-viewmore .view-more a {
      text-transform: uppercase;
      font-size: 0.625em;
      height: 40px;
      line-height: 40px; }
      @media (max-width: 1024px) and (min-width: 768px) {
        .list-viewmore .view-more a {
          height: 35px;
          line-height: 35px; } }
      @media only screen and (max-width: 767px) {
        .list-viewmore .view-more a {
          height: 30px;
          line-height: 30px; } }
    .list-viewmore .view-more .fa {
      margin-left: 3px; }

/*
17 style page film 02
*/
.film-type2 {
  margin-top: 150px;
  width: 100%;
  display: table;
  position: relative; }
  .film-type2 ul {
    width: 100%;
    display: table; }
    .film-type2 ul li {
      text-align: center;
      list-style: none;
      /*wdth:1400*/
      /*width:1170*/
      /*ipad*/ }
      @media only screen and (min-width: 768px) {
        .film-type2 ul li {
          width: 50%; } }
      @media only screen and (min-width: 1400px) {
        .film-type2 ul li:first-child {
          padding-top: 135px !important; }
        .film-type2 ul li:nth-child(3) {
          margin-top: 150px !important; }
        .film-type2 ul li:nth-child(5) {
          margin-top: 150px !important; }
        .film-type2 ul li:nth-child(7) {
          margin: 150px 0 0 0 !important; }
        .film-type2 ul li:nth-child(8) {
          margin-top: 150px !important; } }
      @media only screen and (min-width: 1025px) {
        .film-type2 ul li:first-child .film-type2-item {
          float: right; }
        .film-type2 ul li:nth-child(3) {
          margin-top: 100px; }
        .film-type2 ul li:nth-child(5) {
          margin-top: 100px; }
        .film-type2 ul li:nth-child(7) {
          margin-top: 100px; }
        .film-type2 ul li:nth-child(8) {
          margin-top: 100px; }
        .film-type2 ul li .list-film-cat {
          font-size: 0.75em;
          letter-spacing: 5px; }
        .film-type2 ul li .list-film-name {
          font-family: "Playfair Display", serif;
          font-size: 1.875em; }
        .film-type2 ul li .list-film-desc {
          color: rgba(0, 0, 0, 0.7);
          font-size: 14px; }
        .film-type2 ul li:nth-child(4) {
          position: relative; }
          .film-type2 ul li:nth-child(4) .film-type2-item {
            float: left; }
        .film-type2 ul li:nth-child(6) .film-type2-item {
          float: right; }
        .film-type2 ul li:first-child:hover .view-more, .film-type2 ul li:nth-child(4):hover .view-more, .film-type2 ul li:nth-child(5):hover .view-more, .film-type2 ul li:nth-child(6):hover .view-more {
          transition: all .3s ease-in-out;
          -webkit-transition: all .3s ease-in-out;
          border: 1px solid #000;
          background: #000; }
          .film-type2 ul li:first-child:hover .view-more a, .film-type2 ul li:nth-child(4):hover .view-more a, .film-type2 ul li:nth-child(5):hover .view-more a, .film-type2 ul li:nth-child(6):hover .view-more a {
            color: #fff; }
        .film-type2 ul li:nth-child(2):hover .view-more, .film-type2 ul li:nth-child(3):hover .view-more, .film-type2 ul li:nth-child(7):hover .view-more {
          transition: all .5s ease-in-out;
          -webkit-transition: all .5s ease-in-out; }
          .film-type2 ul li:nth-child(2):hover .view-more a, .film-type2 ul li:nth-child(3):hover .view-more a, .film-type2 ul li:nth-child(7):hover .view-more a {
            color: #000; } }
      @media (max-width: 1024px) and (min-width: 768px) {
        .film-type2 ul li {
          float: left;
          margin-bottom: 30px; }
          .film-type2 ul li .film-type2-item img {
            width: 100%;
            height: auto; }
          .film-type2 ul li .film-type2-item .list-film-cat {
            margin-top: 20px;
            color: rgba(0, 0, 0, 0.5); }
          .film-type2 ul li .film-type2-item .list-film-desc {
            color: rgba(0, 0, 0, 0.5);
            padding: 0 70px;
            display: block; }
          .film-type2 ul li .film-type2-item .list-film-name a {
            color: #000; }
          .film-type2 ul li .film-type2-item .list-viewmore {
            margin-top: 20px; }
          .film-type2 ul li .film-type2-item:hover .view-more {
            transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out;
            background: #000; }
            .film-type2 ul li .film-type2-item:hover .view-more a {
              color: #fff; } }
      @media only screen and (max-width: 767px) {
        .film-type2 ul li {
          width: 100%;
          margin-bottom: 30px;
          padding: 0 15px; }
          .film-type2 ul li .film-type2-item img {
            width: 100%;
            height: auto; }
          .film-type2 ul li .film-type2-item .list-film-cat {
            margin-top: 20px;
            color: rgba(0, 0, 0, 0.5); }
          .film-type2 ul li .film-type2-item .list-film-desc {
            color: rgba(0, 0, 0, 0.5);
            display: block; }
          .film-type2 ul li .film-type2-item .list-film-name a {
            color: #000; }
          .film-type2 ul li .film-type2-item .list-viewmore {
            margin-top: 20px; }
          .film-type2 ul li .film-type2-item:hover .view-more {
            transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out;
            background: #000; }
            .film-type2 ul li .film-type2-item:hover .view-more a {
              color: #fff; } }
    .film-type2 ul .f-left {
      float: left;
      padding-right: 20px; }
      @media (max-width: 1024px) and (min-width: 768px) {
        .film-type2 ul .f-left {
          padding-right: 15px; } }
      @media only screen and (max-width: 767px) {
        .film-type2 ul .f-left {
          padding: 0 15px; } }
    .film-type2 ul .f-right {
      float: right;
      padding-left: 20px; }
      @media (max-width: 1024px) and (min-width: 768px) {
        .film-type2 ul .f-right {
          padding-left: 15px; } }
      @media only screen and (max-width: 767px) {
        .film-type2 ul .f-right {
          padding: 0 15px; } }
    @media only screen and (min-width: 1400px) {
      .film-type2 ul .f-big {
        margin-bottom: 200px !important; } }
    @media only screen and (min-width: 1170px) {
      .film-type2 ul .f-big {
        margin-bottom: 150px;
        position: relative; }
        .film-type2 ul .f-big .film-type2-item img {
          width: 100%;
          height: auto; }
        .film-type2 ul .f-big .film-type2-item .list-film-content {
          position: absolute;
          left: 50%;
          top: 50%;
          bottom: auto;
          right: auto;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }
          .film-type2 ul .f-big .film-type2-item .list-film-content .list-film-cat, .film-type2 ul .f-big .film-type2-item .list-film-content .list-film-desc {
            color: rgba(255, 255, 255, 0.5); }
        .film-type2 ul .f-big .film-type2-item .list-viewmore {
          position: absolute;
          left: 50%;
          top: 50%;
          bottom: auto;
          right: auto;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          transition: all .5s ease-in-out;
          -webkit-transition: all .5s ease-in-out;
          top: 100%;
          opacity: 0; }
        .film-type2 ul .f-big .film-type2-item .list-film-desc {
          transition: all .5s ease-in-out;
          -webkit-transition: all .5s ease-in-out; }
        .film-type2 ul .f-big:hover .list-viewmore {
          opacity: 1;
          top: 80%; }
        .film-type2 ul .f-big:hover .list-film-desc {
          opacity: 0; } }
    @media only screen and (min-width: 1170px) {
      .film-type2 ul .f-small .film-type2-item {
        width: 65%; }
        .film-type2 ul .f-small .film-type2-item img {
          width: 100%;
          height: auto; }
        .film-type2 ul .f-small .film-type2-item .list-film-cat {
          margin-top: 20px; }
          .film-type2 ul .f-small .film-type2-item .list-film-cat a {
            color: rgba(0, 0, 0, 0.5); }
        .film-type2 ul .f-small .film-type2-item .list-film-desc {
          color: rgba(0, 0, 0, 0.5);
          padding: 0 70px; }
        .film-type2 ul .f-small .film-type2-item .list-film-name a {
          color: #000; }
        .film-type2 ul .f-small .film-type2-item .list-viewmore {
          margin-top: 20px; } }
  .film-type2 .fl-title-img {
    margin: 50px 0; }
    .film-type2 .fl-title-img img {
      opacity: 0.2; }
  .film-type2 .arrow-down {
    margin: 110px 0 90px 0; }

.list-film-title .fl-title-big {
  margin-bottom: 0; }

.fl-pagination {
  margin-top: 60px; }
  .fl-pagination #pagination-flickr li {
    padding: 0 7px; }
  .fl-pagination #pagination-flickr .current {
    color: #000 !important; }
    @media only screen and (max-width: 767px) {
      .fl-pagination #pagination-flickr .current {
        font-size: 0.875em; } }
  .fl-pagination #pagination-flickr .prev {
    padding-right: 20px; }
    @media only screen and (max-width: 767px) {
      .fl-pagination #pagination-flickr .prev {
        padding-right: 10px; } }
    .fl-pagination #pagination-flickr .prev i {
      margin-right: 5px; }
  .fl-pagination #pagination-flickr .next {
    padding-left: 20px; }
    @media only screen and (max-width: 767px) {
      .fl-pagination #pagination-flickr .next {
        padding-left: 10px; } }
    .fl-pagination #pagination-flickr .next i {
      margin-left: 5px; }

.fl-title-desc span p {
  margin-bottom: 0px !important; }

/*
18 style page video
*/
/*
    Style Search video
*/
@media only screen and (min-width: 300px) and (max-width: 500px) {
  .search-tab {
    width: 100%;
    margin-left: 0; } }

.fl-search-box {
  position: relative;
  margin: 60px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .fl-search-box {
      margin: 40px 0; } }
  .fl-search-box #search {
    margin: 0 auto;
    width: 50%;
    position: relative; }
    .fl-search-box #search label.search-input {
      position: absolute;
      right: 20px;
      top: 10px;
      font-size: 0.875em;
      color: rgba(0, 0, 0, 0.3); }
  .fl-search-box input[type="text"] {
    border: none;
    width: 100%;
    padding: 10px 55px 10px 6px;
    outline: none;
    color: rgba(0, 0, 0, 0.3);
    text-align: right;
    font-size: 0.875em;
    font-family: "pb-regular"; }
    @media only screen and (max-width: 767px) {
      .fl-search-box input[type="text"] {
        padding: 10px 45px 10px 5px; } }
    .fl-search-box input[type="text"] ::-webkit-input-placeholder {
      font-family: "pb-regular" !important; }

/*
  Style list video
*/
.pro-tab-item {
  margin-top: 170px; }
  @media only screen and (max-width: 767px) {
    .pro-tab-item {
      margin-top: 100px; }
      .pro-tab-item .fl-title-big {
        font-size: 50px; } }
  .pro-tab-item img {
    width: 100%;
    height: auto; }
  .pro-tab-item .fl-search {
    position: relative; }

.fl-tabs {
  font-size: 0.875em;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  display: block;
  clear: both;
  margin-bottom: 30px; }
  .fl-tabs .tabs {
    min-height: auto;
    margin: 0; }
    .fl-tabs .tabs li {
      display: inline;
      padding: 0 25px; }
      @media only screen and (min-width: 300px) and (max-width: 500px) {
        .fl-tabs .tabs li {
          padding: 0 7px; } }
      .fl-tabs .tabs li .active {
        color: #000; }
      .fl-tabs .tabs li a {
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.4); }
        @media only screen and (min-width: 300px) and (max-width: 500px) {
          .fl-tabs .tabs li a {
            font-size: 12px; } }
        .fl-tabs .tabs li a:hover {
          color: #000; }
    .fl-tabs .tabs li.active a {
      color: #000; }

.tab-content .post-item {
  padding: 0 20px; }
  @media only screen and (max-width: 767px) {
    .tab-content .post-item {
      padding: 0 50px; } }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .tab-content .post-item {
      padding: 0 15px; } }
  .tab-content .post-item .img-post {
    overflow: hidden;
    height: 0;
    padding-bottom: 48.25%; }
    @media only screen and (min-width: 300px) and (max-width: 500px) {
      .tab-content .post-item .img-post {
        height: auto; }
        .tab-content .post-item .img-post img {
          height: auto;
          min-height: 150px; } }
    .tab-content .post-item .img-post iframe {
      width: 100%;
      height: 300px; }
      @media only screen and (min-width: 300px) and (max-width: 500px) {
        .tab-content .post-item .img-post iframe {
          height: auto; } }

.tab-p-content {
  text-align: center;
  padding-bottom: 30px; }
  @media only screen and (min-width: 768px) {
    .tab-p-content {
      min-height: 220px; } }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .tab-p-content {
      padding-bottom: 30px; } }
  .tab-p-content img {
    width: 100%;
    height: auto; }
  .tab-p-content .tab-p-category a {
    text-transform: uppercase; }
  .tab-p-content .tab-p-desc {
    font-family: "pb-regular";
    font-size: 0.875em;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 5px; }
    .tab-p-content .tab-p-desc a {
      color: rgba(0, 0, 0, 0.5); }
      .tab-p-content .tab-p-desc a:hover {
        color: #000; }
    .tab-p-content .tab-p-desc .view:before {
      content: "/";
      padding: 0 10px; }
  @media only screen and (max-width: 767px) {
    .tab-p-content .tab-p-name {
      min-height: auto; }
      .tab-p-content .tab-p-name a {
        font-size: 26px; } }
    @media only screen and (max-width: 767px) and (min-width: 300px) and (max-width: 500px) {
      .tab-p-content .tab-p-name a {
        font-size: 18px; } }

.tab-p-hover {
  display: block; }

.p-tab {
  margin-top: 25px; }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .p-tab {
      margin-top: 15px; } }

.p-tab2 {
  margin-top: 18px; }

.p-box {
  padding: 0 200px;
  margin-top: 160px; }

.tab-p-category a {
  font-family: "pb-bold";
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.625em;
  letter-spacing: 3px; }
  .tab-p-category a:hover {
    color: #000; }

.tab-p-name {
  margin-top: 3px;
  color: #000; }
  .tab-p-name a {
    font-family: "Playfair Display", serif;
    color: #000;
    font-size: 1.875em;
    line-height: 30px;
    font-weight: 700; }

.tab-p-name2 {
  margin-top: 3px;
  color: #000; }
  .tab-p-name2 a {
    font-family: "Playfair Display", serif;
    color: #000;
    font-size: 1.5625em;
    font-weight: 700; }

.tab-p-desc {
  font-family: "pb-regular";
  font-size: 0.875em;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 5px; }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .tab-p-desc {
      font-size: 13px !important; } }

.pd-video {
  margin-bottom: 100px; }
  @media only screen and (max-width: 767px) {
    .pd-video {
      margin-bottom: 50px; } }

/*
19 style page service
*/
@media only screen and (min-width: 1025px) {
  .service-container {
    background: #000;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    position: relative;
    color: #fff; } }

@media (max-width: 1024px) and (min-width: 992px) {
  .service-container {
    background: #000; } }

@media (max-width: 991px) and (min-width: 768px) {
  .service-container {
    width: 100%;
    height: auto;
    padding: 0 10px; } }

@media only screen and (max-width: 767px) {
  .service-container {
    width: 100%;
    height: auto;
    padding: 0 15px; } }

.service-container img {
  width: 100%;
  height: auto; }

@media only screen and (min-width: 1500px) {
  .service-container .service-group {
    top: 50% !important; } }

@media only screen and (min-width: 1025px) {
  .service-container .service-group {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    top: 35%; } }

@media only screen and (min-width: 1500px) {
  .service-container .service-icon {
    margin-top: -62px !important; } }

@media only screen and (min-width: 1025px) {
  .service-container .service-icon {
    color: #fff !important; } }

@media (max-width: 1024px) and (min-width: 992px) {
  .service-container .service-icon {
    color: #fff !important; } }

@media (max-width: 991px) and (min-width: 768px) {
  .service-container .service-icon {
    color: #000 !important; } }

@media only screen and (max-width: 767px) {
  .service-container .service-icon {
    color: #000 !important;
    padding: -15px 0 30px 0; } }

.service-container .service-content {
  margin-bottom: 0 !important;
  width: 100%; }
  @media only screen and (min-width: 1700px) {
    .service-container .service-content {
      padding: 0 160px !important; } }
  @media only screen and (min-width: 1500px) {
    .service-container .service-content {
      padding: 0 100px; } }
  @media only screen and (min-width: 1025px) {
    .service-container .service-content {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); } }
  @media (max-width: 1024px) and (min-width: 992px) {
    .service-container .service-content {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      padding: 0 30px 50px 30px; } }

.service-container .service-name {
  color: #fff !important; }
  @media only screen and (min-width: 1500px) {
    .service-container .service-name {
      margin-top: -25px !important; } }
  @media only screen and (min-width: 1025px) {
    .service-container .service-name {
      margin-top: -20px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .service-container .service-name {
      color: rgba(0, 0, 0, 0.5) !important; } }
  @media only screen and (max-width: 767px) {
    .service-container .service-name {
      color: #000 !important; } }

@media only screen and (min-width: 1500px) {
  .service-container .service-desc {
    position: relative !important;
    margin-top: 50% !important; } }

@media only screen and (min-width: 1025px) {
  .service-container .service-desc {
    padding: 0 100px;
    color: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 0.5s 0.2s ease-in-out;
    -moz-transition: all 0.5s 0.2s ease-in-out;
    transition: all 0.5s 0.2s ease-in-out;
    opacity: 0;
    top: 100%;
    width: 100%; } }

@media (max-width: 1024px) and (min-width: 992px) {
  .service-container .service-desc {
    display: block;
    padding: 0 30px;
    color: rgba(255, 255, 255, 0.5); } }

@media only screen and (min-width: 1500px) {
  .service-container:hover .service-desc {
    opacity: 1;
    margin-top: 40% !important; }
  .service-container:hover .service-group {
    top: 27% !important; } }

@media only screen and (min-width: 1025px) {
  .service-container:hover .service-desc {
    opacity: 1;
    top: 93%; }
  .service-container:hover .service-group {
    top: -90%; } }

/*
20 style page film detail
*/
.view-detail-item {
  padding-top: 125px; }
  @media only screen and (max-width: 780px) {
    .view-detail-item {
      padding: 50px 15px 0 15px; }
      .view-detail-item .container {
        width: auto; } }
  .view-detail-item .fl-title {
    margin: 30px 0 20px; }
    @media only screen and (max-width: 767px) {
      .view-detail-item .fl-title {
        margin: 20px 0; } }
    @media only screen and (max-width: 1024px) {
      .view-detail-item .fl-title .fl-title-medium {
        font-size: 20px; } }
    @media only screen and (max-width: 1024px) {
      .view-detail-item .fl-title .fl-title-small2 {
        letter-spacing: 5px; } }
    .view-detail-item .fl-title .fl-title-small2 a {
      color: rgba(0, 0, 0, 0.6);
      text-transform: uppercase; }

@media only screen and (max-width: 1024px) {
  .detail-item {
    padding: 0 20px; } }

.nopadding-left2 {
  padding-left: 5px !important; }

.border-view {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.detail-video {
  position: relative;
  padding-bottom: 47.25%;
  padding-top: 25px;
  height: 0;
  overflow: hidden; }
  @media only screen and (max-width: 1024px) {
    .detail-video {
      padding-bottom: 46%; }
      .detail-video .right-content {
        padding: 70px 20px 0 20px; } }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .detail-video {
      padding-top: 0; } }
  .detail-video img {
    width: 100%;
    height: auto; }
  .detail-video iframe, .detail-video .img-fl-detail {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .detail-video .click_play {
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute; }
    @media only screen and (min-width: 300px) and (max-width: 500px) {
      .detail-video .click_play {
        left: 55% !important; }
        .detail-video .click_play img {
          width: 55%; } }

.view-detail-bg {
  background: #000;
  padding-bottom: 75px; }
  @media only screen and (max-width: 767px) {
    .view-detail-bg {
      padding-bottom: 30px; } }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .view-detail-bg {
      padding: 50px 20px 0 20px; } }
  @media only screen and (max-width: 767px) {
    .view-detail-bg .fl-title-medium {
      color: #fff; } }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .view-detail-bg .fl-title-medium {
      font-size: 14px; } }

.st-title a {
  color: rgba(255, 255, 255, 0.5) !important; }

.fl-title-medium {
  font-family: "Playfair Display", serif; }
  @media only screen and (min-width: 768px) {
    .fl-title-medium {
      font-size: 3.125em;
      font-weight: 700;
      color: #fff; } }
  @media only screen and (max-width: 767px) {
    .fl-title-medium {
      color: rgba(0, 0, 0, 0.5);
      font-weight: 700;
      font-size: 1.125em; } }

.ftm2 {
  color: #000; }

.d-share {
  font-size: 14px;
  text-align: center;
  font-family: "pb-regular";
  margin-top: -5px;
  font-weight: 400; }
  .d-share span {
    margin: 0 10px; }
    .d-share span a {
      font-size: inherit;
      margin: 0 5px; }
  .d-share ul {
    display: inline-block; }
    .d-share ul ul li {
      padding: 0 5px; }
      .d-share ul ul li:first-child {
        padding-right: 0px; }
    .d-share ul li {
      list-style: none;
      padding-right: 5px;
      float: left; }
      .d-share ul li:first-child {
        padding-right: 10px; }
      @media only screen and (min-width: 300px) and (max-width: 500px) {
        .d-share ul li {
          font-size: 12px; } }
  .d-share .ds {
    color: rgba(255, 255, 255, 0.3); }
    .d-share .ds a {
      color: inherit; }
      .d-share .ds a:hover {
        color: #fff; }
  .d-share .dv {
    color: rgba(255, 255, 255, 0.2); }
  .d-share .ds2 {
    color: rgba(0, 0, 0, 0.5); }
    .d-share .ds2 a {
      color: inherit; }
      .d-share .ds2 a:hover {
        color: #000; }
  .d-share .dv2 {
    color: rgba(0, 0, 0, 0.5); }

.detail-coments {
  margin: 100px 0 150px 0; }

.fl-detail-img {
  margin-top: -10px; }

.d-bottom {
  padding-bottom: 80px; }

.d-bottom2 {
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 767px) {
    .d-bottom2 {
      padding-top: 0; } }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .d-bottom2 {
      padding-top: 20px; } }

.detail-title {
  color: #000;
  margin: 40px 0 25px; }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .detail-title {
      font-size: 14px; } }

.detain-content {
  font-family: "pb-regular";
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.5em;
  min-height: 100px; }

/*partner detail film*/
.partner-item-detail {
  margin: 190px 0 130px; }
  .partner-item-detail .fl-title-small {
    margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .partner-item-detail {
      margin: 50px 0;
      padding: 0 15px; } }

/*************DETAIL FILM**********/
.fl-detail-item {
  position: relative; }
  @media only screen and (min-width: 1170px) {
    .fl-detail-item {
      min-height: 900px; } }
  @media only screen and (max-width: 767px) {
    .fl-detail-item {
      background: none !important;
      margin-top: 30px; } }
  .fl-detail-item .fl-title-small {
    color: rgba(255, 255, 255, 0.5); }
    @media only screen and (max-width: 767px) {
      .fl-detail-item .fl-title-small {
        color: rgba(0, 0, 0, 0.5);
        font-size: 0.6875em;
        letter-spacing: 1px; } }
  .fl-detail-item .d-share .list-social {
    font-size: 0.875em; }
  @media only screen and (min-width: 1170px) {
    .fl-detail-item .fl-detail-box {
      position: absolute;
      bottom: -185px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      z-index: 2; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .fl-detail-item .fl-detail-box {
      padding-top: 50px; } }
  .fl-detail-item .fl-detail-box .list-social li {
    color: rgba(255, 255, 255, 0.3);
    list-style: none;
    display: inline-block;
    font-family: "pb-regular"; }
    @media only screen and (max-width: 767px) {
      .fl-detail-item .fl-detail-box .list-social li {
        color: rgba(0, 0, 0, 0.5); } }
    .fl-detail-item .fl-detail-box .list-social li a {
      color: rgba(255, 255, 255, 0.3);
      padding: 0 5px; }
      @media only screen and (max-width: 767px) {
        .fl-detail-item .fl-detail-box .list-social li a {
          color: rgba(0, 0, 0, 0.5); } }
    .fl-detail-item .fl-detail-box .list-social li:hover a {
      color: rgba(255, 255, 255, 0.7); }
      @media only screen and (max-width: 767px) {
        .fl-detail-item .fl-detail-box .list-social li:hover a {
          color: #000; } }
  .fl-detail-item .fl-detail-video {
    position: relative;
    padding-bottom: 54%;
    /* 16:9 */
    margin-top: 10px;
    height: 0;
    overflow: hidden;
    text-align: center; }
    .fl-detail-item .fl-detail-video .tab-pane {
      opacity: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out; }
    .fl-detail-item .fl-detail-video .tab-pane.active {
      opacity: 1; }
    .fl-detail-item .fl-detail-video iframe, .fl-detail-item .fl-detail-video .img-fl-detail {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .fl-detail-item .fl-detail-video .img-fl-detail img {
      width: 100%;
      height: auto; }
    .fl-detail-item .fl-detail-video .click_play {
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      position: absolute; }
  @media only screen and (max-width: 767px) {
    .fl-detail-item .film-number {
      padding-top: 10px; } }
  .fl-detail-item .film-number ul {
    margin: 0;
    padding: 0;
    text-align: center; }
    .fl-detail-item .film-number ul li {
      display: inline-block; }
      @media only screen and (min-width: 768px) {
        .fl-detail-item .film-number ul li {
          padding: 25px 20px 50px 20px; } }
      @media only screen and (max-width: 767px) {
        .fl-detail-item .film-number ul li {
          padding: 5px 10px; } }
      .fl-detail-item .film-number ul li a {
        text-transform: uppercase;
        font-size: 11px;
        color: rgba(0, 0, 0, 0.5);
        letter-spacing: 3px; }
        @media (max-width: 1024px) and (min-width: 768px) {
          .fl-detail-item .film-number ul li a {
            color: rgba(255, 255, 255, 0.5); } }
        @media only screen and (max-width: 767px) {
          .fl-detail-item .film-number ul li a {
            font-size: 9px; } }
        .fl-detail-item .film-number ul li a:hover {
          color: #000; }
          @media (max-width: 1024px) and (min-width: 768px) {
            .fl-detail-item .film-number ul li a:hover {
              color: #fff; } }
    .fl-detail-item .film-number ul li.active a {
      color: #000 !important; }
      @media (max-width: 1024px) and (min-width: 768px) {
        .fl-detail-item .film-number ul li.active a {
          color: #fff !important; } }

/*****winning item*******/
.win-item-detail {
  margin-top: 200px; }
  @media only screen and (max-width: 767px) {
    .win-item-detail {
      margin-top: 50px; } }
  .win-item-detail .fl-title-small {
    margin-bottom: 30px; }

/** Detail story film**/
.fl-detail_story {
  margin-top: 300px; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .fl-detail_story {
      margin-top: 150px; } }
  @media only screen and (max-width: 767px) {
    .fl-detail_story {
      margin-top: 50px; } }

.vision-container {
  padding-left: 15px; }
  @media only screen and (max-width: 767px) {
    .vision-container {
      padding: 0 15px; } }

.vision-desc {
  margin: -8px 0  40px 0;
  font-size: 1.25em;
  color: #000;
  text-transform: uppercase;
  line-height: 1.7em; }
  @media only screen and (max-width: 767px) {
    .vision-desc {
      font-size: 0.875em;
      margin: 10px 0 30px 0; } }

.vision-info {
  font-family: "pb-regular";
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.7em; }
  @media only screen and (max-width: 767px) {
    .vision-info {
      font-size: 0.8125em; } }

.feature-video {
  padding-right: 40px; }
  @media only screen and (max-width: 767px) {
    .feature-video {
      padding-right: 0; } }
  .feature-video img {
    width: 100%;
    height: auto; }

.short-text-img-fl {
  text-align: center;
  font-size: 0.875em;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Playfair Display", serif;
  font-style: italic;
  margin: 15px 15px 0 15px; }

.fl-gallery-detail .ms-slide {
  -webkit-transform: rotateY(0deg) !important;
  -moz-transform: rotateY(0deg) !important;
  transform: rotateY(0deg) !important;
  background: #000; }
  .fl-gallery-detail .ms-slide img {
    opacity: 0.3; }

.fl-gallery-detail .ms-sl-selected img {
  opacity: 1 !important; }

/*WINNING-DETAIL*/
.win-item {
  margin: 150px 0; }

/*character list view deatail*/
.character-item {
  margin-top: 200px; }
  @media only screen and (max-width: 767px) {
    .character-item {
      margin-top: 50px; } }
  .character-item .swiper-slide {
    color: #fff;
    position: relative;
    background: #000;
    display: table; }
    .character-item .swiper-slide img {
      width: 100%;
      height: auto;
      transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .character-item .swiper-slide:hover .character-content {
        top: 40%; } }
    .character-item .swiper-slide:hover .charater-desc {
      opacity: 1;
      top: 50%; }
    .character-item .swiper-slide:hover img {
      opacity: 0.5; }
  .character-item .character-content {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .character-item .character-content {
        padding: 0 20px; } }
    .character-item .character-content .team-name {
      font-family: "Playfair Display", serif;
      font-size: 1.875em;
      line-height: 38px; }
      @media (max-width: 1024px) and (min-width: 768px) {
        .character-item .character-content .team-name {
          font-size: 1.25em; } }
      @media only screen and (max-width: 767px) {
        .character-item .character-content .team-name {
          font-size: 1.125em; } }
    .character-item .character-content .team-job {
      font-size: 0.75em;
      letter-spacing: 1.5px;
      margin: 10px 0 35px 0;
      text-transform: uppercase; }
      @media (max-width: 1024px) and (min-width: 768px) {
        .character-item .character-content .team-job {
          font-size: 0.625em;
          margin: 10px 0; } }
      @media only screen and (max-width: 767px) {
        .character-item .character-content .team-job {
          font-size: 0.625em; } }
  .character-item .charater-desc {
    text-align: center;
    width: 100%;
    font-family: "Playfair Display", serif;
    line-height: 1.5em;
    opacity: 0;
    position: absolute;
    padding: 0 20%;
    top: 60%;
    color: rgba(255, 255, 255, 0.7);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }
    @media only screen and (min-width: 1025px) {
      .character-item .charater-desc {
        font-size: 14px; } }
    @media only screen and (min-width: 1400px) {
      .character-item .charater-desc {
        font-size: 16px !important; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .character-item .charater-desc {
        font-size: 0.75em;
        padding: 0 15px;
        display: none; } }
    @media only screen and (max-width: 767px) {
      .character-item .charater-desc {
        display: none; } }

.fl-gallery-detail {
  max-width: 100%; }
  @media only screen and (min-width: 768px) {
    .fl-gallery-detail {
      max-width: auto; } }
  .fl-gallery-detail .fl-gallery-view-detail {
    position: relative; }
    @media only screen and (min-width: 768px) {
      .fl-gallery-detail .fl-gallery-view-detail .ms-slide p {
        z-index: 1;
        position: absolute;
        width: 100%;
        bottom: 50px;
        font-family: "Playfair Display", serif;
        color: #fff;
        letter-spacing: 1px;
        padding: 0 70px;
        font-style: italic;
        display: none;
        line-height: 30px; } }
    @media only screen and (max-width: 767px) {
      .fl-gallery-detail .fl-gallery-view-detail .ms-slide p {
        display: none; } }
    @media only screen and (min-width: 768px) {
      .fl-gallery-detail .fl-gallery-view-detail .ms-sl-selected p {
        display: block !important;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; } }
  .fl-gallery-detail .ms-nav-prev {
    background: url("../images/icons/g-prev.png") no-repeat left center !important; }
    @media only screen and (min-width: 768px) {
      .fl-gallery-detail .ms-nav-prev {
        left: -40px !important; } }
  .fl-gallery-detail .ms-nav-next {
    background: url("../images/icons/g-next.png") no-repeat right center !important; }
    @media only screen and (min-width: 768px) {
      .fl-gallery-detail .ms-nav-next {
        right: -40px !important; } }

.relate-film-detail {
  margin-top: 170px; }
  .relate-film-detail ul {
    width: 100%;
    display: inline-table; }
    .relate-film-detail ul li {
      width: 50%;
      background: #000;
      display: inline-block;
      /**
             * @see v.1.0.9
             * @author Shadow
             */
      float: left; }
      @media only screen and (max-width: 767px) {
        .relate-film-detail ul li {
          width: 100%;
          height: auto;
          background: none; } }
      .relate-film-detail ul li .title-bold-white a {
        color: #fff; }
        @media only screen and (max-width: 767px) {
          .relate-film-detail ul li .title-bold-white a {
            color: #000;
            font-size: 20px; } }
      .relate-film-detail ul li img {
        width: 100% !important;
        height: auto !important;
        opacity: 0.5; }
        @media only screen and (min-width: 768px) {
          .relate-film-detail ul li img {
            transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            position: absolute;
            left: 50%;
            top: 50%;
            bottom: auto;
            right: auto;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%); } }
      .relate-film-detail ul li:hover img {
        opacity: 1; }

.d-bottom3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 40px 0  20px; }
  @media only screen and (max-width: 767px) {
    .d-bottom3 {
      padding: 20px 0  0; } }

/**/
.detail-character-container .swiper-button-next {
  left: 15px;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out; }

.detail-character-container .swiper-button-prev {
  right: 15px;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out; }

.detail-character-container:hover .swiper-button-next, .detail-character-container:hover .swiper-button-prev {
  opacity: 1; }

.ingred {
  margin-top: 150px; }
  @media only screen and (max-width: 767px) {
    .ingred {
      margin-top: 50px;
      padding: 0 15px; } }
  .ingred .ingred-box {
    margin-top: 50px; }
    .ingred .ingred-box .ingred-list {
      text-align: center; }
      .ingred .ingred-box .ingred-list li {
        list-style: none;
        display: inline-table;
        margin-right: 15px; }
        @media only screen and (max-width: 767px) {
          .ingred .ingred-box .ingred-list li {
            width: 100%; } }
        .ingred .ingred-box .ingred-list li .name-group-ingred {
          font-size: 10px;
          color: rgba(0, 0, 0, 0.5);
          letter-spacing: 5px;
          text-transform: uppercase; }
          @media only screen and (min-width: 1025px) {
            .ingred .ingred-box .ingred-list li .name-group-ingred {
              display: inline-table;
              width: 50px;
              float: left;
              text-align: right;
              position: relative;
              top: 3px; } }
          @media (max-width: 1024px) and (min-width: 768px) {
            .ingred .ingred-box .ingred-list li .name-group-ingred {
              display: inline-table; } }
        .ingred .ingred-box .ingred-list li span {
          font-size: 30px;
          line-height: 30px; }
          @media only screen and (max-width: 767px) {
            .ingred .ingred-box .ingred-list li span {
              font-size: 20px; } }
        .ingred .ingred-box .ingred-list li .gg {
          font-family: "Playfair Display", serif; }
        .ingred .ingred-box .ingred-list li .element-ingred {
          color: rgba(0, 0, 0, 0.5);
          padding-left: 5px; }

/*
21 style page contact 01
*/
.flim_mapview {
  padding: 0; }
  .flim_mapview .show-hide, .flim_mapview .show-hide2 {
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    position: absolute;
    top: 6%;
    z-index: 1;
    right: 0;
    width: 140px;
    height: 40px;
    background: #fff; }
    .flim_mapview .show-hide .icon-ct, .flim_mapview .show-hide2 .icon-ct {
      margin-right: 10px;
      margin-left: 10px; }

#form-contact, #form-contact2, #addres, #addres {
  width: 100%;
  height: 100%;
  color: #fff; }
  @media only screen and (min-width: 768px) {
    #form-contact, #form-contact2, #addres, #addres {
      display: none;
      top: 0;
      position: absolute;
      background: #111111; } }
  #form-contact .form, #form-contact2 .form, #addres .form, #addres .form {
    text-align: center; }
    @media only screen and (min-width: 768px) {
      #form-contact .form, #form-contact2 .form, #addres .form, #addres .form {
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); } }
    @media (max-width: 767px) and (min-width: 640px) {
      #form-contact .form, #form-contact2 .form, #addres .form, #addres .form {
        width: 100%; } }
    #form-contact .form .white-desc, #form-contact2 .form .white-desc, #addres .form .white-desc, #addres .form .white-desc {
      line-height: 1.4; }
      @media only screen and (min-width: 1025px) {
        #form-contact .form .white-desc, #form-contact2 .form .white-desc, #addres .form .white-desc, #addres .form .white-desc {
          font-size: 0.875em; } }
    @media only screen and (min-width: 1025px) {
      #form-contact .form .list-social, #form-contact2 .form .list-social, #addres .form .list-social, #addres .form .list-social {
        padding: 10px; } }
    #form-contact .form .list-social li, #form-contact2 .form .list-social li, #addres .form .list-social li, #addres .form .list-social li {
      padding: 0 7px; }
      #form-contact .form .list-social li a, #form-contact2 .form .list-social li a, #addres .form .list-social li a, #addres .form .list-social li a {
        font-size: 12px;
        font-family: "pb-regular";
        width: 30px;
        height: 30px;
        background: #414141;
        border-radius: 15px;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          #form-contact .form .list-social li a, #form-contact2 .form .list-social li a, #addres .form .list-social li a, #addres .form .list-social li a {
            background: rgba(0, 0, 0, 0.5);
            width: 25px;
            height: 25px; } }
        #form-contact .form .list-social li a i, #form-contact2 .form .list-social li a i, #addres .form .list-social li a i, #addres .form .list-social li a i {
          position: absolute;
          left: 50%;
          top: 50%;
          bottom: auto;
          right: auto;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }
        #form-contact .form .list-social li a:hover, #form-contact2 .form .list-social li a:hover, #addres .form .list-social li a:hover, #addres .form .list-social li a:hover {
          background: #fff; }
          @media only screen and (max-width: 767px) {
            #form-contact .form .list-social li a:hover, #form-contact2 .form .list-social li a:hover, #addres .form .list-social li a:hover, #addres .form .list-social li a:hover {
              background: #000; } }
          #form-contact .form .list-social li a:hover i, #form-contact2 .form .list-social li a:hover i, #addres .form .list-social li a:hover i, #addres .form .list-social li a:hover i {
            color: rgba(0, 0, 0, 0.9); }
            @media only screen and (max-width: 767px) {
              #form-contact .form .list-social li a:hover i, #form-contact2 .form .list-social li a:hover i, #addres .form .list-social li a:hover i, #addres .form .list-social li a:hover i {
                color: #fff; } }
    #form-contact .form .address-info, #form-contact2 .form .address-info, #addres .form .address-info, #addres .form .address-info {
      line-height: 24px;
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        #form-contact .form .address-info, #form-contact2 .form .address-info, #addres .form .address-info, #addres .form .address-info {
          color: rgba(0, 0, 0, 0.5);
          padding: 0 15px;
          font-size: 0.8125em;
          line-height: 1.5em; } }
    #form-contact .form .title-white, #form-contact2 .form .title-white, #addres .form .title-white, #addres .form .title-white {
      letter-spacing: 7px;
      color: #fff;
      font-size: 16px;
      margin-bottom: 20px; }
      @media only screen and (max-width: 767px) {
        #form-contact .form .title-white, #form-contact2 .form .title-white, #addres .form .title-white, #addres .form .title-white {
          color: #000; } }
    #form-contact .form .info, #form-contact2 .form .info, #addres .form .info, #addres .form .info {
      margin: 0 auto; }
      #form-contact .form .info i, #form-contact2 .form .info i, #addres .form .info i, #addres .form .info i {
        color: rgba(255, 255, 255, 0.4); }
    #form-contact .form ul, #form-contact2 .form ul, #addres .form ul, #addres .form ul {
      list-style: none; }
    #form-contact .form a, #form-contact2 .form a, #addres .form a, #addres .form a {
      color: rgba(255, 255, 255, 0.2); }
      #form-contact .form a:hover, #form-contact2 .form a:hover, #addres .form a:hover, #addres .form a:hover {
        color: #fff; }

@media only screen and (min-width: 1025px) {
  .c-right {
    padding-right: 10px !important; } }

@media only screen and (min-width: 1025px) {
  .c-left {
    padding-left: 10px !important; } }

.ct_form {
  padding: 0 50px;
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .ct_form {
      padding: 0 15px; } }
  .ct_form span.wpcf7-not-valid-tip {
    position: relative;
    top: -10px;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }
  .ct_form input[type="text"], .ct_form input[type="email"], .ct_form textarea {
    background: none;
    border: 0;
    padding: 10px 20px;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: none;
    font-size: 12px;
    border: 1px solid rgba(255, 255, 255, 0.3); }
    @media only screen and (max-width: 767px) {
      .ct_form input[type="text"], .ct_form input[type="email"], .ct_form textarea {
        border: 1px solid rgba(0, 0, 0, 0.3);
        color: rgba(0, 0, 0, 0.5); } }
    .ct_form input[type="text"]::-webkit-input-placeholder, .ct_form input[type="text"]::-moz-placeholder, .ct_form input[type="email"]::-webkit-input-placeholder, .ct_form input[type="email"]::-moz-placeholder, .ct_form textarea::-webkit-input-placeholder, .ct_form textarea::-moz-placeholder {
      color: rgba(255, 255, 255, 0.3); }
      @media only screen and (max-width: 767px) {
        .ct_form input[type="text"]::-webkit-input-placeholder, .ct_form input[type="text"]::-moz-placeholder, .ct_form input[type="email"]::-webkit-input-placeholder, .ct_form input[type="email"]::-moz-placeholder, .ct_form textarea::-webkit-input-placeholder, .ct_form textarea::-moz-placeholder {
          color: rgba(0, 0, 0, 0.2); } }
    .ct_form input[type="text"]:focus, .ct_form input[type="email"]:focus, .ct_form textarea:focus {
      outline: none; }
    .ct_form input[type="text"]:hover, .ct_form input[type="text"]:active, .ct_form input[type="text"]:focus, .ct_form input[type="email"]:hover, .ct_form input[type="email"]:active, .ct_form input[type="email"]:focus, .ct_form textarea:hover, .ct_form textarea:active, .ct_form textarea:focus {
      border-color: #fff; }
      @media only screen and (max-width: 767px) {
        .ct_form input[type="text"]:hover, .ct_form input[type="text"]:active, .ct_form input[type="text"]:focus, .ct_form input[type="email"]:hover, .ct_form input[type="email"]:active, .ct_form input[type="email"]:focus, .ct_form textarea:hover, .ct_form textarea:active, .ct_form textarea:focus {
          border-color: #000; } }
  .ct_form input[type="submit"] {
    width: 100% !important;
    padding: 15px 0;
    border: none;
    color: #000;
    background: #fff;
    font-family: "pb-regular";
    font-size: 0.75em;
    letter-spacing: 2px; }
    @media only screen and (max-width: 767px) {
      .ct_form input[type="submit"] {
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        padding: 12px;
        font-size: 0.625em; } }
  .ct_form label {
    width: 100%;
    position: relative; }
    .ct_form label i {
      position: absolute;
      right: 30%;
      top: 17px;
      color: #000;
      font-size: 14px; }
      @media only screen and (max-width: 767px) {
        .ct_form label i {
          color: #fff;
          right: 28%; } }
      @media only screen and (max-width: 1024px) {
        .ct_form label i {
          display: none; } }

#flim_mapview {
  width: 100%;
  height: 1000px; }
  @media (max-width: 1024px) and (min-width: 992px) {
    #flim_mapview {
      height: 900px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #flim_mapview {
      height: 800px; } }
  @media only screen and (max-width: 767px) {
    #flim_mapview {
      /**
         * @see v.1.0.9
         * @author Shadow
         */
      height: 35vh; } }

.fl-row {
  padding: 0 300px;
  display: table; }
  @media (max-width: 1024px) and (min-width: 992px) {
    .fl-row {
      padding: 0 150px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .fl-row {
      padding: 0 100px; } }
  @media only screen and (max-width: 767px) {
    .fl-row {
      padding: 0 15px; } }
  @media (max-width: 320px) {
    .fl-row {
      padding: 0 !important; } }

#form-contact2 {
  display: block !important; }

.show-hide, .show-hide2 {
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 767px) {
    .show-hide, .show-hide2 {
      display: none; } }

/*
22 style page contact 02
*/
/*=======form-contact2=====*/
#form-contact2 {
  background: #111111;
  width: 100%;
  height: 1000px; }
  @media (max-width: 1024px) and (min-width: 992px) {
    #form-contact2 {
      height: 800px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #form-contact2 {
      height: 800px; } }
  @media only screen and (max-width: 767px) {
    #form-contact2 {
      background: transparent; } }
  @media (max-width: 1024px) and (min-width: 992px) {
    #form-contact2 .fl-row {
      padding: 0 230px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #form-contact2 .fl-row {
      padding: 0 150px; } }
  #form-contact2 .ct_form {
    margin-top: 0; }
  @media (max-width: 1024px) and (min-width: 768px) {
    #form-contact2 ul.list-social {
      margin: 0; } }
  @media only screen and (max-width: 767px) {
    #form-contact2 ul.list-social {
      margin: 0 !important; } }
  #form-contact2 .form {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #form-contact2 .form {
        width: 100%; } }
    #form-contact2 .form .white-desc {
      line-height: 1.4; }
    #form-contact2 .form .list-social span {
      width: 30px;
      height: 30px;
      background: rgba(255, 255, 255, 0.4);
      display: inline-block;
      text-align: center;
      border-radius: 50%;
      padding-top: 4px;
      margin-right: 8px; }
      #form-contact2 .form .list-social span a {
        font-size: 16px;
        padding: 0; }
    #form-contact2 .form .address-info {
      line-height: 20px; }
      @media (max-width: 1024px) and (min-width: 768px) {
        #form-contact2 .form .address-info {
          padding: 0 30px; } }
    #form-contact2 .form .title-white {
      color: #fff;
      margin-bottom: 20px; }
      @media only screen and (max-width: 767px) {
        #form-contact2 .form .title-white {
          color: #000; } }
    #form-contact2 .form .info {
      margin: 0 auto; }
      #form-contact2 .form .info i {
        color: rgba(255, 255, 255, 0.4); }
    #form-contact2 .form ul {
      list-style: none; }
    #form-contact2 .form a {
      color: rgba(255, 255, 255, 0.2); }
      #form-contact2 .form a:hover {
        color: #fff; }
    #form-contact2 .form .form-1 {
      display: table;
      margin: 20px 15%; }
      #form-contact2 .form .form-1 .form-group {
        padding: 0; }
        #form-contact2 .form .form-1 .form-group:first-child {
          padding: 0 10px 0 0; }
        #form-contact2 .form .form-1 .form-group:nth-child(2) {
          padding: 0 0 0 10px; }
        #form-contact2 .form .form-1 .form-group .text-area {
          color: #fff;
          width: 100%;
          height: 150px;
          background: none;
          border-color: rgba(255, 255, 255, 0.2);
          line-height: 20px; }
          #form-contact2 .form .form-1 .form-group .text-area::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.5); }
          #form-contact2 .form .form-1 .form-group .text-area::-moz-placeholder {
            /* Firefox 19+ */
            color: rgba(255, 255, 255, 0.5); }
          #form-contact2 .form .form-1 .form-group .text-area:hover, #form-contact2 .form .form-1 .form-group .text-area:focus {
            border-color: #fff;
            outline: 0; }
        #form-contact2 .form .form-1 .form-group .form-control {
          border-color: rgba(255, 255, 255, 0.2);
          color: #fff;
          border-radius: 0;
          background: none;
          height: 42px;
          padding-bottom: 12px;
          padding: 9px 20px; }
          #form-contact2 .form .form-1 .form-group .form-control:hover, #form-contact2 .form .form-1 .form-group .form-control:focus {
            border-color: #fff;
            outline: 0; }
          #form-contact2 .form .form-1 .form-group .form-control::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.5); }
          #form-contact2 .form .form-1 .form-group .form-control::-moz-placeholder {
            /* Firefox 19+ */
            color: rgba(255, 255, 255, 0.5); }
      #form-contact2 .form .form-1 .submit-contact {
        padding: 10px 0 9px 0;
        background: #fff;
        color: #000; }
        @media only screen and (max-width: 767px) {
          #form-contact2 .form .form-1 .submit-contact {
            padding: 5px 0; } }
        #form-contact2 .form .form-1 .submit-contact a {
          color: #000; }
        #form-contact2 .form .form-1 .submit-contact .btn-icon {
          background: none;
          border: none; }

@media (max-width: 1024px) and (min-width: 992px) {
  .flim_mapview {
    height: 800px;
    overflow: hidden; } }

@media (max-width: 991px) and (min-width: 768px) {
  .flim_mapview {
    height: 800px; } }

@media only screen and (max-width: 767px) {
  .mapview1 {
    display: none; } }

#addres {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0; }
  #addres .form .title-white {
    margin-bottom: 10px; }
  #addres .form .white-desc {
    font-weight: 700;
    font-size: 16px; }
  #addres .item-add {
    padding: 30px 0; }

.show-hide2 {
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  top: 6%;
  z-index: 1;
  right: 0;
  width: 140px;
  height: 40px;
  background: #fff; }

/*=====end contact-2====*/
/*
23 style page blog 01
*/
/*================blog-1===================*/
.content-blog-1 {
  margin-top: 180px; }
  .content-blog-1 .list-post-item {
    list-style: none;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .content-blog-1 .list-post-item {
        padding: 0 15px; } }
    .content-blog-1 .list-post-item .post-item {
      padding-left: 0;
      display: table;
      margin-bottom: 100px; }
      @media only screen and (min-width: 768px) {
        .content-blog-1 .list-post-item .post-item {
          padding: 0 40px; } }
      @media only screen and (max-width: 767px) {
        .content-blog-1 .list-post-item .post-item {
          padding: 0;
          margin-bottom: 50px; } }
      .content-blog-1 .list-post-item .post-item a {
        color: rgba(0, 0, 0, 0.6); }
        .content-blog-1 .list-post-item .post-item a:hover {
          color: #000; }
      .content-blog-1 .list-post-item .post-item:hover .more {
        opacity: 1; }
      .content-blog-1 .list-post-item .post-item .post-image {
        padding: 0; }
        .content-blog-1 .list-post-item .post-item .post-image .img-black {
          height: auto;
          width: 100%;
          overflow: hidden; }
          @media only screen and (max-width: 1024px) {
            .content-blog-1 .list-post-item .post-item .post-image .img-black {
              min-height: 260px; }
              .content-blog-1 .list-post-item .post-item .post-image .img-black img {
                min-height: 260px; } }
          @media only screen and (min-width: 300px) and (max-width: 500px) {
            .content-blog-1 .list-post-item .post-item .post-image .img-black {
              width: 100%;
              min-height: 140px; }
              .content-blog-1 .list-post-item .post-item .post-image .img-black img {
                min-height: 140px; } }
          .content-blog-1 .list-post-item .post-item .post-image .img-black iframe {
            width: 100%;
            height: 330px; }
            @media only screen and (max-width: 1024px) {
              .content-blog-1 .list-post-item .post-item .post-image .img-black iframe {
                height: 260px; } }
            @media only screen and (min-width: 300px) and (max-width: 500px) {
              .content-blog-1 .list-post-item .post-item .post-image .img-black iframe {
                height: 150px; } }
        .content-blog-1 .list-post-item .post-item .post-image .date-post {
          position: absolute;
          left: -20px;
          top: 20px;
          z-index: 9;
          font-size: 18px;
          text-align: center;
          width: 55px; }
          @media only screen and (min-width: 1500px) {
            .content-blog-1 .list-post-item .post-item .post-image .date-post {
              left: -33px;
              width: 70px;
              font-size: 20px; } }
          @media only screen and (max-width: 1024px) {
            .content-blog-1 .list-post-item .post-item .post-image .date-post {
              left: -20px;
              font-size: 16px;
              width: 45px; } }
          @media only screen and (min-width: 300px) and (max-width: 500px) {
            .content-blog-1 .list-post-item .post-item .post-image .date-post {
              left: -15px;
              font-size: 12px;
              width: 30px; } }
          .content-blog-1 .list-post-item .post-item .post-image .date-post ul {
            list-style: none; }
            .content-blog-1 .list-post-item .post-item .post-image .date-post ul li {
              color: #000;
              font-size: 2.5em;
              width: 100%;
              line-height: 1; }
              .content-blog-1 .list-post-item .post-item .post-image .date-post ul li:first-child {
                border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
              .content-blog-1 .list-post-item .post-item .post-image .date-post ul li:last-child {
                padding-top: 4px; }
      .content-blog-1 .list-post-item .post-item .more {
        opacity: 0; }
        @media only screen and (max-width: 1024px) {
          .content-blog-1 .list-post-item .post-item .more {
            opacity: 1; } }
      .content-blog-1 .list-post-item .post-item .post-info2 {
        padding: 30px 20px 0 0 !important; }
        @media only screen and (min-width: 300px) and (max-width: 500px) {
          .content-blog-1 .list-post-item .post-item .post-info2 {
            padding: 15px 0 0 0 !important; } }
      .content-blog-1 .list-post-item .post-item .post-info {
        padding: 30px 20px 0 35px; }
        @media (max-width: 1024px) and (min-width: 992px) {
          .content-blog-1 .list-post-item .post-item .post-info {
            padding: 0 20px 0 30px; } }
        @media (max-width: 991px) and (min-width: 768px) {
          .content-blog-1 .list-post-item .post-item .post-info {
            padding: 20px 0 0 0;
            text-align: center; } }
        @media only screen and (max-width: 767px) {
          .content-blog-1 .list-post-item .post-item .post-info {
            padding: 20px 0 0 0;
            text-align: center; } }
        .content-blog-1 .list-post-item .post-item .post-info .title-post {
          font-size: 30px;
          padding: 16px 0; }
          @media only screen and (max-width: 1024px) {
            .content-blog-1 .list-post-item .post-item .post-info .title-post {
              font-size: 24px; } }
          @media only screen and (min-width: 300px) and (max-width: 500px) {
            .content-blog-1 .list-post-item .post-item .post-info .title-post {
              font-size: 16px; } }
        .content-blog-1 .list-post-item .post-item .post-info .gray-desc {
          font-weight: 400;
          line-height: 1.5em;
          padding-bottom: 40px; }
          @media only screen and (min-width: 300px) and (max-width: 500px) {
            .content-blog-1 .list-post-item .post-item .post-info .gray-desc {
              font-size: 14px;
              padding-bottom: 20px; } }
        @media (max-width: 991px) and (min-width: 768px) {
          .content-blog-1 .list-post-item .post-item .post-info .info {
            margin: 0 auto; } }
        @media only screen and (max-width: 767px) {
          .content-blog-1 .list-post-item .post-item .post-info .info {
            margin: 0 auto; } }
        .content-blog-1 .list-post-item .post-item .post-info .info .more-info li {
          padding: 0 15px; }
          @media only screen and (min-width: 300px) and (max-width: 500px) {
            .content-blog-1 .list-post-item .post-item .post-info .info .more-info li {
              padding: 0 10px; } }
          .content-blog-1 .list-post-item .post-item .post-info .info .more-info li i {
            padding-right: 5px; }
          .content-blog-1 .list-post-item .post-item .post-info .info .more-info li:first-child {
            text-transform: none;
            padding-left: 0; }
      .content-blog-1 .list-post-item .post-item img {
        width: 100%;
        height: auto;
        opacity: 1; }
      .content-blog-1 .list-post-item .post-item:last-child {
        margin-bottom: 50px; }

/*================end - blog - 1 ===================*/
.archive-sidebar {
  padding-left: 80px; }
  @media only screen and (max-width: 1024px) {
    .archive-sidebar {
      padding: 0 25px; } }

@media only screen and (max-width: 1024px) {
  .havesidebar .archive-sidebar {
    padding: 0 20px 0 0; } }

@media only screen and (max-width: 1024px) {
  .havesidebar .list-post-item {
    padding: 0 40px; } }

/*
24 style page blog 02
*/
/*================blog-2===================*/
.blog2 {
  padding: 0 0 0 55px; }
  .blog2 img {
    width: 100%; }
  .blog2 .most {
    padding-bottom: 100px; }
    .blog2 .most .title-gray {
      padding-bottom: 20px; }
    .blog2 .most .post-most-item {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding: 20px 0; }
      .blog2 .most .post-most-item:after {
        content: '';
        clear: both;
        display: table; }
    .blog2 .most .title-post {
      line-height: 1.3; }

/*=============end-blog-2 ===============*/
/*
25 style page blog 03
*/
.blog-03 {
  margin: 140px 0; }
  .blog-03 .pagi {
    margin: 50px 0; }
  .blog-03 .list-post-03 {
    padding: 0 40px 10px 0;
    list-style: none;
    border-bottom: rgba(0, 0, 0, 0.05) 1px solid; }
    @media only screen and (max-width: 1024px) {
      .blog-03 .list-post-03 {
        padding: 0 20px 10px 30px; } }
    .blog-03 .list-post-03 .item {
      display: table;
      clear: both;
      margin-bottom: 140px; }
      @media only screen and (min-width: 300px) and (max-width: 500px) {
        .blog-03 .list-post-03 .item {
          margin-bottom: 100px; } }
      .blog-03 .list-post-03 .item a {
        color: rgba(0, 0, 0, 0.5); }
      .blog-03 .list-post-03 .item img {
        width: 100%;
        height: auto; }
        @media only screen and (min-width: 300px) and (max-width: 500px) {
          .blog-03 .list-post-03 .item img {
            min-height: 150px; } }
      .blog-03 .list-post-03 .item .no-img-title .title-post {
        text-align: left; }
      .blog-03 .list-post-03 .item .post-t {
        float: left;
        width: 50%;
        padding: 10px 15px 20px 30px; }
        @media only screen and (max-width: 1024px) {
          .blog-03 .list-post-03 .item .post-t {
            padding: 0 15px 20px 30px; } }
        @media only screen and (min-width: 300px) and (max-width: 500px) {
          .blog-03 .list-post-03 .item .post-t {
            width: 100%;
            padding: 10px 5px 20px 5px;
            text-align: center; } }
        .blog-03 .list-post-03 .item .post-t .info {
          padding: 15px 0; }
          @media only screen and (min-width: 300px) and (max-width: 500px) {
            .blog-03 .list-post-03 .item .post-t .info {
              padding: 5px 0;
              margin: 0 auto; }
              .blog-03 .list-post-03 .item .post-t .info .more-info > li {
                padding: 0 8px; }
                .blog-03 .list-post-03 .item .post-t .info .more-info > li:first-child {
                  padding-left: 0; } }
        .blog-03 .list-post-03 .item .post-t .title-post a {
          line-height: 30px;
          font-size: 20px;
          color: #000; }
          @media only screen and (min-width: 300px) and (max-width: 500px) {
            .blog-03 .list-post-03 .item .post-t .title-post a {
              font-size: 16px; } }
      .blog-03 .list-post-03 .item .post-img {
        position: relative;
        width: 50%;
        float: left; }
        @media only screen and (min-width: 300px) and (max-width: 500px) {
          .blog-03 .list-post-03 .item .post-img {
            width: 100%; } }
        .blog-03 .list-post-03 .item .post-img .date-post {
          position: absolute;
          left: -15px;
          top: 15px;
          z-index: 9; }
          @media only screen and (min-width: 300px) and (max-width: 500px) {
            .blog-03 .list-post-03 .item .post-img .date-post {
              left: -10px; } }
          .blog-03 .list-post-03 .item .post-img .date-post ul {
            list-style: none; }
            .blog-03 .list-post-03 .item .post-img .date-post ul li {
              color: #000;
              font-size: 40px;
              width: 100%;
              line-height: 1em; }
              .blog-03 .list-post-03 .item .post-img .date-post ul li:first-child {
                border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
              @media only screen and (min-width: 300px) and (max-width: 500px) {
                .blog-03 .list-post-03 .item .post-img .date-post ul li {
                  font-size: 24px; } }
      .blog-03 .list-post-03 .item:nth-child(3n+1) .post-img {
        width: 100%;
        height: auto; }
      .blog-03 .list-post-03 .item:nth-child(3n+1) .post-t {
        width: 100%;
        padding: 10px 60px 0 0; }
        @media only screen and (min-width: 300px) and (max-width: 500px) {
          .blog-03 .list-post-03 .item:nth-child(3n+1) .post-t {
            padding: 10px 0 0 0; } }

/*
26 style page about
*/
/*===============about-02=====================*/
/*header*/
.header-flim3 {
  float: left;
  width: 100%;
  height: auto;
  position: relative; }
  .header-flim3 .top-header {
    float: left;
    width: 100%;
    height: 100px;
    top: 15px;
    left: 0px;
    position: absolute; }
    .header-flim3 .top-header .container-fluid {
      position: relative;
      height: 100%;
      padding: 0;
      width: 90%; }
    .header-flim3 .top-header .logo-main, .header-flim3 .top-header .humber-flim {
      position: absolute;
      float: left;
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    .header-flim3 .top-header .left {
      position: absolute;
      right: 0px;
      top: 50%;
      bottom: auto;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      .header-flim3 .top-header .left a {
        color: #fff; }
      .header-flim3 .top-header .left i {
        padding: 0 15px; }
  .header-flim3 .slider-bloger {
    float: left;
    width: 100%;
    height: auto; }
    .header-flim3 .slider-bloger img {
      width: 100%;
      height: auto; }

.humber {
  width: 28px;
  height: auto;
  position: absolute;
  left: 0px;
  background: transparent;
  border: none;
  border-radius: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .humber i {
    float: left;
    margin-top: 2px;
    height: 3px;
    background: #fff;
    width: 100%; }
    .humber i:first-child {
      margin-top: 0px; }

/* end header*/
/*===============end about-02=====================*/
/*
27 style page detail blog 01
*/
/*============blog-detail-1=======*/
.detail-blog-1 {
  margin: 180px 0 130px 0; }
  @media (max-width: 1024px) and (min-width: 992px) {
    .detail-blog-1 {
      margin: 100px 0; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .detail-blog-1 {
      margin: 50px 0; } }
  @media only screen and (max-width: 767px) {
    .detail-blog-1 {
      margin: 30px 0 50px 0;
      padding: 0 15px; } }
  .detail-blog-1 .border {
    margin-top: 70px; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .detail-blog-1 .border {
        margin-top: 50px; } }
    @media only screen and (max-width: 767px) {
      .detail-blog-1 .border {
        margin-top: 30px;
        padding-bottom: 50px; } }
  .detail-blog-1 .imageshowpost {
    position: relative;
    overflow: hidden; }
    .detail-blog-1 .imageshowpost .title-gray {
      font-size: 12px;
      letter-spacing: 4px; }
  .detail-blog-1 .detail-note {
    margin: 100px 0 50px 0; }
    .detail-blog-1 .detail-note .detail-title {
      padding: 15px 0; }
  .detail-blog-1 .detail-coments .avt img {
    width: 130px; }
  .detail-blog-1 .detail-coments .comment {
    display: table; }
    .detail-blog-1 .detail-coments .comment .member {
      padding: 23px 0; }
    .detail-blog-1 .detail-coments .comment .txt {
      padding: 5px 30px 5px 30px; }
      .detail-blog-1 .detail-coments .comment .txt .gray-desc {
        padding-top: 5px;
        line-height: 1.2em; }
      .detail-blog-1 .detail-coments .comment .txt .rep-time {
        letter-spacing: 1px;
        font-size: 12px;
        font-family: "pb-regular";
        color: rgba(0, 0, 0, 0.3); }
        .detail-blog-1 .detail-coments .comment .txt .rep-time a {
          color: rgba(0, 0, 0, 0.3);
          padding-left: 10px; }
          .detail-blog-1 .detail-coments .comment .txt .rep-time a i {
            color: rgba(0, 0, 0, 0.1); }
    .detail-blog-1 .detail-coments .comment .rep {
      padding-left: 80px; }
  .detail-blog-1 .detail-coments .detail-title {
    letter-spacing: 1px;
    margin: 80px 0 20px 0; }
  .detail-blog-1 .desc-author {
    margin-right: 40px;
    padding: 50px 0;
    display: table;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .detail-blog-1 .desc-author .txt {
      padding: 15px 50px 5px 0px; }
      .detail-blog-1 .desc-author .txt .desc-cmt {
        line-height: 1.2em; }
      .detail-blog-1 .desc-author .txt .beau {
        padding: 5px 0;
        font-family: "Playfair Display", serif;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase; }
      .detail-blog-1 .desc-author .txt .beau1 {
        padding-top: 20px;
        font-size: 11px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.4); }
  .detail-blog-1 .content-post {
    padding: 0 30px 0 70px; }
    @media only screen and (max-width: 1024px) {
      .detail-blog-1 .content-post {
        padding: 0; } }
  .detail-blog-1 .desc-more {
    margin: 60px 0 100px 0; }
  .detail-blog-1 .img-post-detail {
    position: relative;
    height: auto;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
    .detail-blog-1 .img-post-detail iframe {
      width: 100%; }
    @media only screen and (max-width: 1024px) {
      .detail-blog-1 .img-post-detail {
        padding: 0 40px; } }
    .detail-blog-1 .img-post-detail .no-img-fl {
      margin-top: 200px; }
  .detail-blog-1 .post .desc-more {
    font-weight: 400;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.8); }
  .detail-blog-1 .content-detail-post1 {
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
    @media (max-width: 991px) and (min-width: 768px) {
      .detail-blog-1 .content-detail-post1 {
        border-right: none; } }
    @media only screen and (max-width: 767px) {
      .detail-blog-1 .content-detail-post1 {
        padding: 0 15px;
        border-right: none; } }
  .detail-blog-1 .content-post-d1 {
    padding: 0 40px 0 0px; }
    @media (max-width: 1024px) and (min-width: 992px) {
      .detail-blog-1 .content-post-d1 {
        padding: 0 0px 0 15px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .detail-blog-1 .content-post-d1 {
        padding: 0 15px; } }
    @media only screen and (max-width: 767px) {
      .detail-blog-1 .content-post-d1 {
        padding: 0; } }
    .detail-blog-1 .content-post-d1 .list-social li:first-child {
      text-transform: none; }
    .detail-blog-1 .content-post-d1 .list-social a {
      padding-left: 10px; }

.detail-blog-1 .prev-detail {
  right: 30px;
  text-align: right; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .detail-blog-1 .prev-detail {
      right: 0; } }
  .detail-blog-1 .prev-detail .title-gray {
    padding: 10px 0; }
  .detail-blog-1 .prev-detail .img-control:before {
    content: url(../images/icons/arrow-next.png);
    display: table;
    position: absolute;
    top: 40%;
    opacity: 0.3;
    right: -15px; }

.detail-blog-1 .next-detail {
  left: 30px; }
  @media (max-width: 1024px) and (min-width: 992px) {
    .detail-blog-1 .next-detail {
      left: 0; } }
  .detail-blog-1 .next-detail .title-gray {
    padding: 10px 0; }
  .detail-blog-1 .next-detail .img-control:before {
    content: url(../images/icons/arrow-prev.png);
    display: table;
    position: absolute;
    top: 40%;
    opacity: 0.3;
    left: -15px; }

.detail-blog-1 .control {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 60%;
  width: 190px;
  z-index: 2;
  display: none; }
  .detail-blog-1 .control .img-control {
    position: relative; }
    .detail-blog-1 .control .img-control img {
      width: 100%;
      height: auto; }
  @media only screen and (min-width: 1920px) {
    .detail-blog-1 .control {
      display: block; } }
  .detail-blog-1 .control img {
    height: auto;
    width: 100%;
    min-height: 100px; }
  @media (max-width: 1024px) and (min-width: 992px) {
    .detail-blog-1 .control .title-desc {
      font-size: 16px; } }

.post-detail {
  position: relative; }
  .post-detail img {
    height: auto;
    width: 100%; }
  .post-detail .date-post {
    position: absolute;
    left: -15px;
    top: 80px;
    font-size: 20px; }
    @media only screen and (max-width: 1024px) {
      .post-detail .date-post {
        left: 16px;
        top: 50px; } }
    .post-detail .date-post ul {
      list-style: none; }
      .post-detail .date-post ul li {
        width: 100%;
        color: #000;
        font-size: 2.5em;
        line-height: 1; }
        .post-detail .date-post ul li:first-child {
          border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.blog-detail-social {
  margin: 30px 0; }
  @media only screen and (max-width: 767px) {
    .blog-detail-social {
      margin: 20px 0; } }
  .blog-detail-social .list-social {
    margin: 0 !important; }

.wrapper-blog-detail {
  padding: 0 150px; }
  @media (max-width: 1024px) and (min-width: 992px) {
    .wrapper-blog-detail {
      padding: 0 100px; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .wrapper-blog-detail {
      padding: 0 50px; } }
  @media only screen and (max-width: 767px) {
    .wrapper-blog-detail {
      padding: 0 15px; } }
  .wrapper-blog-detail .list-social {
    margin: 15px 0; }
  .wrapper-blog-detail .title-bold {
    font-size: 50px;
    line-height: 1.2em; }
    @media (max-width: 1024px) and (min-width: 992px) {
      .wrapper-blog-detail .title-bold {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
      .wrapper-blog-detail .title-bold {
        font-size: 20px; } }
  .wrapper-blog-detail .info {
    margin: 0 auto; }
    .wrapper-blog-detail .info ul {
      float: left; }
      @media only screen and (min-width: 300px) and (max-width: 500px) {
        .wrapper-blog-detail .info ul {
          float: none; } }
      .wrapper-blog-detail .info ul.author-name li {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        padding: 0 10px; }
        @media (max-width: 320px) {
          .wrapper-blog-detail .info ul.author-name li {
            padding: 0 7px; } }
      .wrapper-blog-detail .info ul li {
        display: inline;
        padding: 0 5px; }
        .wrapper-blog-detail .info ul li a {
          color: rgba(0, 0, 0, 0.5); }
          .wrapper-blog-detail .info ul li a:hover {
            color: #000; }
      .wrapper-blog-detail .info ul b {
        padding-left: 5px; }
      .wrapper-blog-detail .info ul:last-child {
        padding-left: 5px; }

.list-comment .comment {
  display: inline-flex;
  margin: 20px 0; }
  .list-comment .comment .avt {
    float: left; }
  .list-comment .comment .txt {
    float: left;
    padding: 10px 20px;
    width: 73%; }
    @media only screen and (max-width: 767px) {
      .list-comment .comment .txt {
        padding: 0 0 0 10px;
        width: 80%; } }
    .list-comment .comment .txt .author-comment {
      color: #000; }
      @media only screen and (max-width: 767px) {
        .list-comment .comment .txt .author-comment {
          font-size: 13px; } }
    .list-comment .comment .txt .reply-time {
      letter-spacing: 1px;
      font-size: 11px;
      color: rgba(0, 0, 0, 0.5);
      line-height: 2em; }
      @media only screen and (max-width: 767px) {
        .list-comment .comment .txt .reply-time {
          font-size: 11px; } }
      .list-comment .comment .txt .reply-time .rep i {
        padding: 0 8px;
        color: rgba(0, 0, 0, 0.3); }
        .list-comment .comment .txt .reply-time .rep i:hover {
          color: #000; }
      .list-comment .comment .txt .reply-time:before {
        content: " / ";
        float: left;
        padding: 0 10px; }

.list-comment .comment-message {
  line-height: 1.5em;
  min-width: 230px; }
  @media only screen and (max-width: 767px) {
    .list-comment .comment-message {
      font-size: 13px;
      line-height: 1.5em; } }

.list-comment .sub-list-comment {
  margin: -20px 0 0 100px; }
  @media only screen and (max-width: 767px) {
    .list-comment .sub-list-comment {
      margin: 0 0 0 50px; }
      .list-comment .sub-list-comment .comment {
        margin: 0 10px; }
      .list-comment .sub-list-comment .txt {
        width: 100%;
        padding: 10px 0 0 0; }
      .list-comment .sub-list-comment .reply-time:before {
        padding: 0 5px !important; } }

.list-comment .author-comment, .list-comment .author-comment, .list-comment .reply-time, .list-comment img {
  float: left; }

.single-right-sidebar {
  padding-left: 40px; }
  @media (max-width: 1024px) and (min-width: 992px) {
    .single-right-sidebar {
      padding: 0 15px 0 30px; } }
  .single-right-sidebar .right-widget {
    margin-bottom: 120px; }
    @media (max-width: 1024px) and (min-width: 992px) {
      .single-right-sidebar .right-widget {
        margin-bottom: 50px; } }
    .single-right-sidebar .right-widget .widget-title {
      margin: 0 0 20px;
      font-size: 1.25em; }
      @media (max-width: 1024px) and (min-width: 992px) {
        .single-right-sidebar .right-widget .widget-title {
          margin-bottom: 10px; } }

.blog-item ul.time-more-new-blog {
  font-size: 14px;
  font-family: "pb-bold"; }
  @media only screen and (max-width: 767px) {
    .blog-item ul.time-more-new-blog {
      font-size: 12px; } }
  .blog-item ul.time-more-new-blog li {
    display: inline-block; }
    .blog-item ul.time-more-new-blog li i {
      border-left: 1px solid rgba(0, 0, 0, 0.2);
      line-height: 14px;
      padding-left: 15px; }

/*************edit-link******************/
.edit-link {
  text-align: center;
  clear: both;
  width: 100%;
  padding-top: 150px; }

/**** Style for comment***/
@media only screen and (min-width: 1500px) {
  .author-avatar img {
    width: 150px;
    height: 150px; } }

@media only screen and (max-width: 767px) {
  .author-avatar img {
    width: 100%;
    height: auto; } }

@media only screen and (max-width: 767px) {
  .about-post-author {
    padding-left: 15px; }
    .about-post-author .author-desc {
      font-size: 0.8125em; } }

@media only screen and (max-width: 767px) {
  .avt img {
    width: 50px;
    height: 50px; } }

@media only screen and (max-width: 767px) {
  .des {
    font-size: 13px; } }

.blog-detail-social .more-info ul li {
  border-right: none; }
  @media only screen and (max-width: 767px) {
    .blog-detail-social .more-info ul li {
      padding: 0 5px; } }

.about-post-author {
  padding-left: 20px; }
  .about-post-author a {
    color: #000; }

.filmmaker-about-author {
  width: 100%;
  display: table;
  padding: 50px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 767px) {
    .filmmaker-about-author .author-avatar {
      width: 15%; } }
  .filmmaker-about-author .author-name {
    margin: 5px;
    text-transform: uppercase; }
    .filmmaker-about-author .author-name a {
      font-size: 16px;
      color: #000; }

@media only screen and (max-width: 767px) {
  .new .container-blog .box-center {
    margin-bottom: 50px; }
    .new .container-blog .box-center img {
      height: auto; }
    .new .container-blog .box-center .blog-item {
      margin-top: 15px; } }

.tags-blog {
  margin-bottom: 30px; }
  .tags-blog a {
    color: rgba(0, 0, 0, 0.5);
    padding: 0 5px; }
    .tags-blog a:hover {
      color: #000; }

/*
28 style page detail blog 02
*/
/* ===== blog-detail-2 ======*/
.border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: table;
  padding-bottom: 80px !important; }

.none-sibar .content-post {
  padding: 0; }

/*
29 style page home blog
*/
/* category */
.cate-menu {
  width: 100%; }
  .cate-menu .category-item {
    position: relative;
    float: left;
    width: 100%; }
    .cate-menu .category-item:hover .bg-video-category {
      background: transparent; }
    .cate-menu .category-item .bg-video-category {
      position: absolute;
      width: 100%;
      transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1; }
    .cate-menu .category-item .img-black {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 56.25%;
      overflow: hidden; }
      .cate-menu .category-item .img-black img {
        height: 100%;
        width: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%); }
        @media only screen and (max-width: 780px) {
          .cate-menu .category-item .img-black img {
            width: 100%; } }
    .cate-menu .category-item .cat-1 {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      color: #fff;
      z-index: 2; }
      .cate-menu .category-item .cat-1 ul {
        padding: 15px 0 0px 0;
        list-style: none; }
        .cate-menu .category-item .cat-1 ul .centertxt {
          font-size: 14px;
          color: #fff;
          letter-spacing: 6px;
          text-transform: uppercase; }
        .cate-menu .category-item .cat-1 ul .title-white {
          font-weight: 700;
          text-align: center;
          letter-spacing: 3px;
          font-family: "pb-regular"; }

/* end category */
/* content-blog */
@media only screen and (max-width: 1024px) {
  #home-blog-template {
    margin-bottom: 100px; } }

.wrap {
  margin-top: 150px;
  height: auto;
  padding-right: 25px;
  padding-left: 70px; }
  @media only screen and (max-width: 1024px) {
    .wrap {
      margin-top: 103px;
      padding-left: 25px;
      padding-right: 10px; } }
  @media only screen and (min-width: 300px) and (max-width: 500px) {
    .wrap {
      padding: 0; } }
  .wrap .list-post-item {
    list-style: none; }
    .wrap .list-post-item .post-item {
      padding: 0 30px 150px 30px; }
      @media only screen and (min-width: 1500px) {
        .wrap .list-post-item .post-item {
          padding: 0 35px 100px 35px; } }
      @media (max-width: 1024px) and (min-width: 768px) {
        .wrap .list-post-item .post-item {
          padding: 0 20px 80px 20px; } }
      @media only screen and (max-width: 767px) {
        .wrap .list-post-item .post-item {
          padding: 0 15px 50px 15px; } }
      .wrap .list-post-item .post-item a {
        color: rgba(0, 0, 0, 0.5);
        font-size: 0.75em; }
        .wrap .list-post-item .post-item a:hover {
          color: #000; }
      .wrap .list-post-item .post-item .image-post {
        position: relative; }
        .wrap .list-post-item .post-item .image-post iframe {
          width: 100%;
          height: 100px; }
          @media only screen and (max-width: 767px) {
            .wrap .list-post-item .post-item .image-post iframe {
              width: 900px;
              max-width: 660px; } }
      .wrap .list-post-item .post-item .date-post {
        position: absolute;
        left: -10px;
        top: 16px;
        z-index: 9; }
        .wrap .list-post-item .post-item .date-post ul {
          list-style: none; }
          .wrap .list-post-item .post-item .date-post ul li {
            color: #000;
            font-size: 30px;
            width: 100%;
            line-height: 1; }
            .wrap .list-post-item .post-item .date-post ul li:first-child {
              border-bottom: 1px solid #000; }
      .wrap .list-post-item .post-item .info {
        padding: 30px 0 25px 0; }
        @media (max-width: 1024px) and (min-width: 992px) {
          .wrap .list-post-item .post-item .info {
            padding: 20px 0 15px 0; } }
        @media only screen and (max-width: 767px) {
          .wrap .list-post-item .post-item .info {
            margin: 0 auto;
            padding: 15px 0 10px 0; } }
      .wrap .list-post-item .post-item img {
        width: 100%;
        height: auto; }
      .wrap .list-post-item .post-item .title-post {
        line-height: 1.6; }
        @media only screen and (max-width: 767px) {
          .wrap .list-post-item .post-item .title-post {
            text-align: center;
            font-size: 16px; } }
      .wrap .list-post-item .post-item:hover .more-info li:first-child {
        color: #000; }
      .wrap .list-post-item .post-item:hover .title-post {
        color: #000; }

.video_thumb {
  position: relative; }
  .video_thumb:before {
    content: "";
    background: url(../images/play.png) no-repeat center;
    width: 100%;
    height: 100%;
    background-size: 11%;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

.info {
  display: table;
  font-family: "pb-bold";
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px; }
  .info .more-info {
    list-style: none;
    padding: 0;
    font-size: 12px; }
    @media (max-width: 1024px) and (min-width: 992px) {
      .info .more-info {
        font-size: 11px; } }
    .info .more-info li {
      padding: 0 10px;
      letter-spacing: 1px !important;
      float: left;
      border-right: 1px solid rgba(0, 0, 0, 0.1); }
      @media (max-width: 1024px) and (min-width: 992px) {
        .info .more-info li {
          padding: 0 7px; } }
      .info .more-info li:first-child {
        text-transform: uppercase;
        padding-left: 0; }
        .info .more-info li:first-child a {
          letter-spacing: 2px; }
      .info .more-info li:last-child {
        border: none; }
      .info .more-info li:nth-child(2) a {
        font-size: 0.875em; }
      .info .more-info li i {
        color: rgba(0, 0, 0, 0.4); }
        .info .more-info li i:hover {
          color: #000; }

/* end-content-blog */
/*
30 style page 404
*/
#page404 {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background: url(../images/404bg.jpg) no-repeat center center #000;
  position: relative;
  padding-top: 145px;
  text-align: center; }
  #page404 .img404 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover;
    z-index: 1; }
  @media only screen and (max-width: 1024px) {
    #page404 {
      width: 100%;
      height: auto;
      background-size: 100% auto;
      padding-bottom: 100px;
      min-height: 100vh; } }
  #page404 .logo-white {
    float: left;
    width: 100%;
    height: 65px; }
    #page404 .logo-white a {
      position: relative;
      display: block;
      left: 50%;
      right: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      z-index: 2; }

.content-404 {
  position: relative;
  z-index: 9; }

.box-text404 {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 160px;
  color: #fff;
  text-align: center; }
  @media only screen and (max-width: 1024px) {
    .box-text404 {
      margin-top: 60px; } }
  .box-text404 .title-box404 {
    font-family: "pb-bold";
    font-size: 1em;
    color: rgba(255, 255, 255, 0.2);
    text-transform: uppercase;
    letter-spacing: 5px; }
  .box-text404 .text-404 {
    font-family: "Playfair Display", serif;
    font-size: 6.25em;
    font-weight: 700;
    margin-bottom: 60px;
    float: left;
    width: 100%; }
    @media only screen and (max-width: 1024px) {
      .box-text404 .text-404 {
        font-size: 2.8125em; } }
  .box-text404 .btn-white {
    opacity: 0.5;
    display: block-inline;
    border: 1px solid #fff;
    padding: 13px 40px;
    color: #fff;
    font-family: "pb-bold";
    font-size: 0.625em;
    text-transform: uppercase;
    letter-spacing: 2px; }
    .box-text404 .btn-white:hover {
      opacity: 1; }

/*
 ============ Import style shortcode ===========
*/
/*
31 style shortcode timeline
*/
/*
    ======== Style timeline provincial ==============
*/
#cd-timeline {
  position: relative;
  padding: 2em 0; }
  @media only screen and (max-width: 767px) {
    #cd-timeline {
      padding: 0 15px; } }
  #cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px; }
  @media only screen and (min-width: 1170px) {
    #cd-timeline::before {
      left: 50%;
      margin-left: -2px; } }

.cd-timeline-block {
  position: relative; }
  .cd-timeline-block::after {
    clear: both;
    content: "";
    display: table; }
  .cd-timeline-block:before {
    position: absolute;
    width: 1px;
    height: 100%;
    left: 50.1%;
    background: rgba(0, 0, 0, 0.1);
    content: ""; }
    @media only screen and (max-width: 767px) {
      .cd-timeline-block:before {
        left: 0; } }

.cd-timeline-block:last-child:before {
  background: none; }

.cd-date {
  font-size: 3.125em;
  color: rgba(0, 0, 0, 0.2);
  font-style: italic;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .cd-date {
      font-size: 1.875em; } }

.cd-title {
  font-size: 1.875em;
  color: #000;
  font-weight: 700;
  margin: 5px 0 10px 0; }
  @media only screen and (max-width: 767px) {
    .cd-title {
      font-size: 1.25em; } }

.cd-desc {
  font-family: "pb-regular";
  font-size: 1em;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.5em; }
  @media only screen and (max-width: 767px) {
    .cd-desc {
      font-size: 0.8125em; } }

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000;
  left: 50.1%;
  margin-left: -2.5px;
  outline: 3px solid #fff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; }
  @media only screen and (max-width: 767px) {
    .cd-timeline-img {
      left: 0.5px; } }

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  font-family: "Playfair Display", serif;
  margin-left: 0;
  width: 45%; }
  @media only screen and (max-width: 767px) {
    .cd-timeline-content {
      width: 100%;
      padding-left: 20px; } }
  .cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent; }
  .cd-timeline-block:nth-child(odd) .cd-timeline-content {
    top: -43px; }
    @media only screen and (min-width: 768px) {
      .cd-timeline-block:nth-child(odd) .cd-timeline-content {
        float: right; } }
    @media only screen and (max-width: 767px) {
      .cd-timeline-block:nth-child(odd) .cd-timeline-content {
        top: -22px; } }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    position: relative;
    top: -43px; }
    @media only screen and (min-width: 768px) {
      .cd-timeline-block:nth-child(even) .cd-timeline-content {
        text-align: right; } }
    @media only screen and (max-width: 767px) {
      .cd-timeline-block:nth-child(even) .cd-timeline-content {
        top: -22px; } }

/*
 ============== Time line thunderstorm ===========
*/
#timeline {
  overflow: hidden;
  width: 100%;
  padding: 5px 0;
  position: relative; }
  @media only screen and (min-width: 768px) {
    #timeline {
      height: 610px; } }
  @media (max-width: 767px) and (min-width: 500px) {
    #timeline {
      height: 650px; } }
  @media only screen and (max-width: 1024px) {
    #timeline {
      height: 550px; } }
  @media only screen and (min-width: 768px) {
    #timeline:before {
      position: absolute;
      height: 100%;
      background: rgba(0, 0, 0, 0.2);
      content: "";
      width: 1px;
      left: 7px; } }

#dates {
  width: 10%;
  height: 600px;
  float: left; }
  @media only screen and (max-width: 767px) {
    #dates {
      display: none; } }

#dates li {
  list-style: none;
  width: 100px;
  height: 100px;
  line-height: 100px;
  position: relative;
  font-size: 0.75em;
  padding-left: 10px; }

#dates a {
  font-family: "pb-bold";
  color: rgba(0, 0, 0, 0.2);
  position: relative;
  letter-spacing: 3px;
  padding-left: 10px; }
  #dates a:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #ebebeb;
    left: -6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 6px;
    outline: 4px solid #fff; }

#dates .selected {
  color: #000; }
  #dates .selected:before {
    background: #000; }

#issues {
  width: 90%;
  float: left;
  padding: 70px 0; }
  @media only screen and (min-width: 768px) {
    #issues {
      height: 600px; } }
  @media only screen and (max-width: 767px) {
    #issues {
      width: 100%;
      height: auto; } }

#issues li {
  width: 100%;
  height: 600px;
  list-style: none; }

#issues li.selected img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

#issues li img {
  zoom: 1;
  -webkit-transition: all 1.5s ease-in-out;
  -moz-transition: all 1.5s ease-in-out;
  -o-transition: all 1.5s ease-in-out;
  -ms-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
  -webkit-transform: scale(0.8, 0.8);
  -moz-transform: scale(0.8, 0.8);
  -o-transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
  width: 100%;
  height: auto; }

#issues li .date-group {
  color: #000;
  font-size: 3.75em;
  text-align: center;
  font-family: "Playfair Display", serif;
  font-weight: 700; }
  @media only screen and (min-width: 768px) {
    #issues li .date-group {
      top: -45px;
      position: relative; } }
  @media only screen and (max-width: 767px) {
    #issues li .date-group {
      font-size: 1.875em;
      margin-top: 15px; } }

#issues li .sl-time-desc {
  font-family: "pb-regular";
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.6em; }
  @media only screen and (min-width: 768px) {
    #issues li .sl-time-desc {
      margin: -30px 20px 20px 20px; } }
  @media only screen and (max-width: 767px) {
    #issues li .sl-time-desc {
      font-size: 0.8125em;
      margin: 15px 0 0 0; } }

#disnext,
#disprev {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 70px;
  width: 38px;
  height: 22px;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    #disnext,
    #disprev {
      left: 55%; } }

#disnext:hover, #disprev:hover {
  background-position: 0 0; }

#disnext {
  bottom: 0;
  background-image: url("../images/icons/next_v.png"); }
  @media only screen and (max-width: 767px) {
    #disnext {
      bottom: 50px; } }

#disprev {
  top: 20px;
  background-image: url("../images/icons/prev_v.png"); }

#disnext.disabled,
#disprev.disabled {
  opacity: 0.2; }

/*Origin*/
@media only screen and (min-width: 768px) {
  .overview {
    margin-bottom: 110px; } }

@media only screen and (max-width: 767px) {
  .overview {
    margin-bottom: 30px; } }

.discover-page {
  margin-top: 150px; }

.discover-page-content {
  text-align: center;
  padding: 70px 50px 0 50px; }
  @media only screen and (max-width: 767px) {
    .discover-page-content {
      padding: 0 15px; } }

.discover-page-group {
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 8px; }
  @media only screen and (max-width: 767px) {
    .discover-page-group {
      font-size: 0.8125em;
      letter-spacing: 3px; } }

.discover-page-name {
  color: #000;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  margin-top: -5px; }
  @media only screen and (min-width: 768px) {
    .discover-page-name {
      font-size: 4.375em; } }
  @media only screen and (max-width: 767px) {
    .discover-page-name {
      font-size: 1.875em; } }

.discover-page-desc {
  font-family: "pb-regular";
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.7em;
  margin: 20px 0 0px 0; }
  @media only screen and (max-width: 767px) {
    .discover-page-desc {
      font-size: 0.875em;
      line-height: 1.5em; } }

.discover-signer {
  padding-left: 15%; }

/*
32 style shortcode testimonial
*/
.ms-testimonial {
  overflow: hidden;
  padding-top: 30px; }
  .ms-testimonial .ms-inner-controls-cont {
    padding-bottom: 50px; }
    .ms-testimonial .ms-inner-controls-cont .ms-view {
      overflow: initial; }
  .ms-testimonial .ms-bullets.ms-dir-h {
    bottom: 0; }
    .ms-testimonial .ms-bullets.ms-dir-h .ms-bullet {
      width: 5px;
      height: 5px;
      background: #c8c8c8; }
      .ms-testimonial .ms-bullets.ms-dir-h .ms-bullet.ms-bullet-selected {
        background: #000; }

.testimonial-quote {
  position: relative;
  font-family: "Playfair Display", serif;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 1.25em;
  text-align: center; }

.testimonial-quote:before {
  content: '“';
  font-family: "Playfair Display", serif;
  position: absolute;
  font-size: 150px;
  top: 16px;
  left: 48%;
  z-index: 999;
  color: #000; }

.author {
  margin: 20px 0 40px 0;
  font-size: 12px;
  opacity: 0.7;
  font-family: "pb-bold";
  letter-spacing: 3px; }

.testimonial-desc {
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.7em; }
  @media only screen and (min-width: 1170px) {
    .testimonial-desc {
      padding: 0 150px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .testimonial-desc {
      padding: 0 50px;
      font-size: 0.875em; } }
  @media only screen and (max-width: 767px) {
    .testimonial-desc {
      padding: 0 10px;
      font-size: 14px; } }

/*
33 style shortcode countdown
*/
/***********Count down************/
.count-item {
  font-size: 16px;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .count-item {
      margin: 50px 0; } }
  .count-item:hover .count-subject, .count-item:hover .count-number-done {
    color: #000; }
  .count-item .count-number-done, .count-item .count-number {
    color: #000; }
    @media only screen and (min-width: 1170px) {
      .count-item .count-number-done, .count-item .count-number {
        font-size: 50px; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .count-item .count-number-done, .count-item .count-number {
        font-size: 40px; } }
    @media only screen and (max-width: 767px) {
      .count-item .count-number-done, .count-item .count-number {
        font-size: 30px; } }
  .count-item .count-subject {
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 5px;
    font-weight: 700; }

/*
34 style shortcode service
*/
.service-title {
  font-family: "pb-bold";
  letter-spacing: 8px;
  text-align: center;
  margin-bottom: 50px;
  color: rgba(0, 0, 0, 0.5); }

.service-content {
  font-family: "pb-regular";
  text-align: center;
  padding: 0 30px 80px 30px; }
  @media only screen and (min-width: 1170px) {
    .service-content {
      margin-bottom: 30px !important; } }
  @media (max-width: 1024px) and (min-width: 992px) {
    .service-content {
      margin-bottom: 30px !important; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .service-content {
      padding: 0 15px 50px 15px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .service-content {
      padding: 0 15px 50px 15px;
      margin-bottom: 15px !important; } }
  .service-content:hover .service-icon {
    color: #000; }
  .service-content .service-icon {
    margin-bottom: -10px;
    font-size: 7em;
    color: rgba(0, 0, 0, 0.3); }
    @media only screen and (max-width: 1024px) {
      .service-content .service-icon {
        font-size: 5em; } }
  .service-content .service-name {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    color: #000;
    font-size: 1.250em; }
    @media only screen and (max-width: 1024px) {
      .service-content .service-name {
        font-size: 16px; } }
  .service-content .service-desc {
    margin-top: 13px;
    line-height: 1.5em; }
    @media only screen and (max-width: 1024px) {
      .service-content .service-desc {
        font-size: 14px; } }

.box-content-hover {
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .box-content-hover:hover {
    border: 1px solid #000;
    -webkit-transition: border 0.5s ease-in-out;
    -moz-transition: border 0.5s ease-in-out;
    transition: border 0.5s ease-in-out; }
    .box-content-hover:hover .service-icon {
      color: #000; }

/*
35 style shortcode winning
*/
.win-img {
  padding: 30px 0;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .win-img {
      min-height: 150px; } }
  .win-img img {
    opacity: 0.5;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }
  .win-img:hover img {
    opacity: 1; }

/*
36 style shortcode partner
*/
.partner-item .partner-img {
  text-align: center; }
  .partner-item .partner-img img {
    opacity: 0.5; }
    @media only screen and (max-width: 1024px) {
      .partner-item .partner-img img {
        max-width: 100%;
        height: auto; } }
  .partner-item .partner-img:hover img {
    opacity: 1; }

/*
37 style shortcode morefilm
*/
.more_film {
  position: relative;
  height: 0;
  padding-bottom: 42.25%;
  overflow: hidden; }
  .more_film .bg-more-fl {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }
    @media only screen and (max-width: 767px) {
      .more_film .bg-more-fl {
        display: none; } }
  .more_film a {
    display: block; }
  .more_film .center {
    z-index: 2; }
  @media only screen and (max-width: 767px) {
    .more_film {
      width: 100%;
      height: auto;
      background: none;
      padding: 0 15px; } }
  .more_film img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .more_film:hover .bg-more-fl {
    background: transparent;
    background: rgba(0, 0, 0, 0.2); }
  @media only screen and (min-width: 1170px) {
    .more_film .white-desc {
      padding: 0 20%; } }
  @media only screen and (max-width: 1024px) {
    .more_film .white-desc {
      padding: 0 10%;
      font-size: 0.8125em;
      margin-top: 10px; } }
  .more_film .title-bold-white a {
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .more_film .title-bold-white a {
        color: #000; } }
  .more_film:hover .oley-more-film {
    background: transparent; }

.morefl-title {
  text-align: center;
  font-family: "pb-bold";
  letter-spacing: 8px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 10px; }

.morefl-container {
  position: relative; }
  .morefl-container .morefl-content {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    width: 100%;
    text-align: center; }
    .morefl-container .morefl-content .morefl-title {
      font-family: "pb-bold";
      font-size: 0.625em;
      color: rgba(255, 255, 255, 0.5);
      text-transform: uppercase;
      letter-spacing: 3px; }
    .morefl-container .morefl-content .morefl-name {
      font-family: "Playfair Display", serif;
      font-weight: 700;
      font-size: 1.875em; }

/*
38 style shortcode blog
*/
.blog-item {
  color: rgba(0, 0, 0, 0.5);
  font-family: "pb-bold";
  font-size: 16px;
  margin-top: 30px; }
  .blog-item.blog-box {
    overflow: hidden; }
    .blog-item.blog-box .blog-img {
      overflow: hidden; }
  .blog-item .blog-title {
    text-align: center;
    letter-spacing: 0.625em;
    margin-bottom: 3em; }
  .blog-item .blog-time {
    padding: 30px 0;
    font-size: 0.875em; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .blog-item .blog-time {
        padding: 15px 0;
        font-size: 0.75em; } }
    @media only screen and (max-width: 767px) {
      .blog-item .blog-time {
        padding: 15px 0;
        font-size: 0.75em; } }
    .blog-item .blog-time span {
      color: rgba(0, 0, 0, 0.4); }
    .blog-item .blog-time span:first-child {
      padding-left: 0;
      border-left: 0;
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      padding-right: 15px; }
  .blog-item .blog-name {
    font-family: "Playfair Display", serif;
    font-weight: 900;
    font-size: 1.125em;
    padding-right: 50px; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .blog-item .blog-name {
        font-size: 0.875em;
        padding-right: 0;
        font-weight: 700;
        padding-right: 30px; } }
    @media only screen and (max-width: 767px) {
      .blog-item .blog-name {
        padding: 0;
        font-size: 16px; } }
    .blog-item .blog-name a {
      color: #000;
      text-decoration: none; }
      .blog-item .blog-name a:hover {
        color: rgba(0, 0, 0, 0.7); }
  .blog-item .blog-desc {
    font-family: "pb-regular";
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 15px;
    padding-right: 50px; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .blog-item .blog-desc {
        padding-right: 0;
        font-size: 0.8125em;
        padding-right: 30px; } }
    @media only screen and (max-width: 767px) {
      .blog-item .blog-desc {
        padding: 0; } }

.blog-content {
  display: block; }
  @media only screen and (max-width: 767px) {
    .blog-content {
      text-align: center; } }
  .blog-content .blog-img img {
    width: 100%;
    height: auto; }

/*

For blog not image

*/
.content-blog-item {
  font-family: "Playfair Display", serif;
  position: relative; }
  @media only screen and (min-width: 1170px) {
    .content-blog-item {
      padding: 40px 0; } }
  @media only screen and (max-width: 1024px) {
    .content-blog-item {
      padding: 20px 0; } }
  .content-blog-item a {
    color: #000; }
  .content-blog-item .view-point {
    padding-top: 10px;
    font-size: 14px; }
    .content-blog-item .view-point b {
      color: rgba(0, 0, 0, 0.8);
      padding: 0 5px;
      font-family: "pb-bold"; }
      @media only screen and (max-width: 767px) {
        .content-blog-item .view-point b {
          font-size: 12px; } }
    @media only screen and (max-width: 767px) {
      .content-blog-item .view-point {
        padding-top: 5px;
        font-size: 12px; } }
    .content-blog-item .view-point .fa-comment-o {
      opacity: 0.4;
      padding: 0 0px 0 20px;
      border-left: 1px solid rgba(0, 0, 0, 0.3); }
    .content-blog-item .view-point .fa-eye {
      opacity: 0.4;
      padding: 0 10px 0 0; }
  .content-blog-item .new-date {
    line-height: 25px;
    text-align: center;
    position: relative;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 700;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }
    @media only screen and (min-width: 1170px) {
      .content-blog-item .new-date {
        -webkit-transform: translateX(-50%) translateY(30%);
        -ms-transform: translateX(-50%) translateY(30%);
        transform: translateX(-50%) translateY(30%); } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .content-blog-item .new-date {
        top: 20px; } }
    .content-blog-item .new-date b {
      font-family: "pb-bold"; }
      @media only screen and (min-width: 768px) {
        .content-blog-item .new-date b {
          font-size: 1.875em; } }
      @media only screen and (max-width: 767px) {
        .content-blog-item .new-date b {
          font-size: 1.125em; } }
    .content-blog-item .new-date .my {
      font-family: "pb-bold";
      text-transform: uppercase;
      letter-spacing: 1px; }
      @media only screen and (min-width: 768px) {
        .content-blog-item .new-date .my {
          font-size: 0.75em; } }
      @media only screen and (max-width: 767px) {
        .content-blog-item .new-date .my {
          font-size: 0.625em; } }
  .content-blog-item .title-blog {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    color: rgba(0, 0, 0, 0.8); }
    @media only screen and (min-width: 1170px) {
      .content-blog-item .title-blog {
        padding: 10px 50px 10px 70px;
        font-size: 30px; } }
    @media (max-width: 1024px) and (min-width: 992px) {
      .content-blog-item .title-blog {
        padding: 10px 0px 10px 40px;
        font-size: 30px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .content-blog-item .title-blog {
        font-size: 25px;
        padding: 10px 0px 10px 40px; } }
    @media only screen and (max-width: 767px) {
      .content-blog-item .title-blog {
        font-size: 1em; } }
    @media only screen and (max-width: 1024px) {
      .content-blog-item .title-blog {
        padding-left: 15px; } }
  .content-blog-item:hover .new-date, .content-blog-item:active .new-date, .content-blog-item:focus .new-date {
    color: #000; }
  .content-blog-item:hover .title-blog, .content-blog-item:active .title-blog, .content-blog-item:focus .title-blog {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    color: #000; }
    @media only screen and (min-width: 1170px) {
      .content-blog-item:hover .title-blog, .content-blog-item:active .title-blog, .content-blog-item:focus .title-blog {
        padding: 10px 80px 10px 40px;
        border-left: 5px solid #000; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .content-blog-item:hover .title-blog, .content-blog-item:active .title-blog, .content-blog-item:focus .title-blog {
        padding: 10px 30px 10px 40px;
        border-left: 5px solid #000; } }
    .content-blog-item:hover .title-blog b, .content-blog-item:active .title-blog b, .content-blog-item:focus .title-blog b {
      font-weight: 900;
      color: #000000; }

/*Blog type 3*/
.box-blog-hover {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  padding: 0 15px; }
  @media only screen and (max-width: 767px) {
    .box-blog-hover {
      padding: 0; } }
  @media only screen and (max-width: 767px) {
    .box-blog-hover {
      margin-bottom: 30px; } }
  .box-blog-hover img {
    width: 100%;
    height: auto; }
  @media only screen and (min-width: 768px) {
    .box-blog-hover:hover {
      -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      transform: translateY(-20px); } }
  .box-blog-hover .blog-item3 {
    margin-top: 20px;
    padding: 0 30px; }
    @media (max-width: 767px) and (min-width: 500px) {
      .box-blog-hover .blog-item3 {
        padding: 0 50px !important; } }
    @media only screen and (max-width: 1024px) {
      .box-blog-hover .blog-item3 {
        padding: 0; } }
    .box-blog-hover .blog-item3 .fa {
      line-height: 25px;
      font-size: 14px;
      margin-left: 15px; }
      @media only screen and (max-width: 767px) {
        .box-blog-hover .blog-item3 .fa {
          font-size: 0.75em; } }
      .box-blog-hover .blog-item3 .fa b {
        margin-left: 5px;
        color: rgba(0, 0, 0, 0.4);
        font-family: "pb-bold"; }
    .box-blog-hover .blog-item3 .blog-date {
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      padding-right: 15px;
      font-family: "pb-bold";
      color: rgba(0, 0, 0, 0.4);
      font-size: 0.875em; }
      @media only screen and (max-width: 767px) {
        .box-blog-hover .blog-item3 .blog-date {
          font-size: 0.75em; } }
    .box-blog-hover .blog-item3 .title-desc {
      font-size: 1.125em; }
      @media only screen and (max-width: 767px) {
        .box-blog-hover .blog-item3 .title-desc {
          font-size: 1em; } }
    .box-blog-hover .blog-item3 .gray-desc {
      font-size: 16px; }
      @media only screen and (max-width: 767px) {
        .box-blog-hover .blog-item3 .gray-desc {
          font-size: 0.875em; } }

.blog-item {
  padding: 20px 30px 0 30px; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .blog-item {
      padding: 0 10px 0 10px; } }
  @media only screen and (max-width: 767px) {
    .blog-item {
      padding: 0 15px;
      margin: 15px 0 30px; }
      .blog-item .title-desc {
        font-size: 0.875em; }
      .blog-item .gray-desc {
        font-size: 0.8125em; } }
  .blog-item .fa {
    line-height: 25px;
    font-size: 14px;
    margin-left: 15px; }
    .blog-item .fa b {
      margin-left: 5px; }
  .blog-item .blog-date {
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding-right: 15px;
    font-family: "pb-regular";
    color: rgba(0, 0, 0, 0.5); }

.template-video-fl .video_info {
  position: absolute;
  bottom: 70px;
  left: 50px;
  z-index: 2;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Playfair Display", serif; }
  @media only screen and (max-width: 767px) {
    .template-video-fl .video_info {
      bottom: 15px;
      left: 15px;
      right: 15px; } }
  .template-video-fl .video_info a {
    color: rgba(255, 255, 255, 0.7); }
  .template-video-fl .video_info ul {
    display: inline-block;
    list-style: none;
    margin-bottom: 10px; }
    .template-video-fl .video_info ul > li {
      display: inline-block;
      margin-right: 20px;
      position: relative; }
      .template-video-fl .video_info ul > li:hover ul {
        opacity: 1; }
    .template-video-fl .video_info ul ul {
      padding-left: 10px;
      opacity: 0;
      transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out; }
      .template-video-fl .video_info ul ul li {
        margin: 0 5px;
        font-size: 13px; }
        .template-video-fl .video_info ul ul li:first-child {
          display: none; }
        .template-video-fl .video_info ul ul li:hover a {
          color: rgba(255, 255, 255, 0.5); }

.template-video-fl .video-title-template {
  font-size: 40px;
  line-height: 40px;
  font-weight: 700; }
  @media (max-width: 991px) and (min-width: 768px) {
    .template-video-fl .video-title-template {
      font-size: 30px;
      line-height: 30px; } }
  @media only screen and (max-width: 767px) {
    .template-video-fl .video-title-template {
      font-size: 20px;
      line-height: 20px; } }

.template-video-fl .ms-slide {
  opacity: 0.5; }
  .template-video-fl .ms-slide .video_info {
    display: none; }

.template-video-fl .ms-sl-selected {
  opacity: 1 !important; }
  .template-video-fl .ms-sl-selected .video_info {
    display: block; }

/*
39 style shortcode crew
*/
/*
    style for slider
*/
#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px;
  text-align: center; }

/* indicator color */
#quote-carousel .carousel-indicators li {
  background: #c0c0c0; }

/* active indicator */
#quote-carousel .carousel-indicators .active {
  background: #333333;
  height: 6px;
  width: 6px; }

/*
    Style for list crew
*/
.view {
  margin-top: 50px; }

.d-center {
  text-align: center; }
  .d-center .p-category {
    margin: -5px 0 30px; }

.title {
  font-family: "pb-bold";
  color: rgba(0, 0, 0, 0.5);
  margin: 50px 0;
  text-align: center;
  letter-spacing: 8px; }

.view {
  margin-top: 50px; }

.d-center {
  text-align: center; }
  .d-center .p-category {
    margin: -5px 0 30px; }

.title {
  font-family: "pb-bold";
  color: rgba(0, 0, 0, 0.5);
  margin: 50px 0;
  text-align: center;
  letter-spacing: 8px; }

.g-item {
  margin-top: -120px; }

.pd-crew2 {
  margin-top: 190px; }

.crew-img {
  width: 100%;
  padding-right: 15px; }
  @media only screen and (max-width: 767px) {
    .crew-img {
      padding-right: 0; } }
  .crew-img img {
    width: 100% !important;
    height: auto; }

.crew-name {
  font-family: "Playfair Display", serif;
  font-weight: 700; }

.crew-active {
  font-family: "pb-bold";
  font-size: 0.75em;
  letter-spacing: 1px; }

.crew-desc {
  margin-top: 30px;
  font-family: "pb-regular";
  font-size: 1em;
  line-height: 1.5em; }
  @media only screen and (max-width: 767px) {
    .crew-desc {
      font-size: 0.8125em;
      margin-top: 15px; } }

@media only screen and (min-width: 768px) {
  .direct-container {
    padding-left: 20px; } }

.direct-container .crew-name {
  font-size: 3.125em;
  color: #000; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .direct-container .crew-name {
      font-size: 2.5em; } }
  @media only screen and (max-width: 767px) {
    .direct-container .crew-name {
      font-size: 1.5625em; } }

.direct-container .crew-active {
  color: rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 767px) {
    .direct-container .crew-active {
      font-size: 0.6875em; } }

.social {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  line-height: 27px;
  margin-top: 25px;
  margin-right: 8px; }

.director-social {
  margin-top: 10px; }
  .director-social .social {
    background: #d9d9d9;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out; }
    .director-social .social:hover {
      background: #000; }
      .director-social .social:hover a {
        color: #fff; }
    .director-social .social a {
      color: rgba(0, 0, 0, 0.7); }

.d-padding {
  padding-top: 70%; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .d-padding {
      padding-top: 30%; } }
  @media only screen and (max-width: 767px) {
    .d-padding {
      padding-top: 30px; } }

@media only screen and (min-width: 768px) {
  .fl-olay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
    top: 0; } }

@media only screen and (max-width: 767px) {
  .fl-olay {
    display: none; } }

.crew-container {
  overflow: hidden;
  position: relative;
  margin: 0 15px 30px 15px; }
  @media only screen and (max-width: 767px) {
    .crew-container {
      margin: 0 0 15px 0; } }
  @media only screen and (min-width: 1025px) {
    .crew-container:hover .fl-olay {
      opacity: 1; } }
  @media only screen and (min-width: 1025px) {
    .crew-container:hover .crew-content {
      top: 50%;
      opacity: 1; } }
  .crew-container .fl-olay {
    background: rgba(0, 0, 0, 0.9); }
    @media only screen and (min-width: 1025px) {
      .crew-container .fl-olay {
        opacity: 0;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .crew-container .fl-olay {
        opacity: 0.5; } }
  .crew-container .crew-content {
    text-align: center;
    width: 100%;
    padding: 0 45px;
    z-index: 2; }
    @media only screen and (min-width: 1025px) {
      .crew-container .crew-content {
        position: absolute;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 60%;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        opacity: 0;
        color: #fff; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .crew-container .crew-content {
        position: absolute;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #fff; } }
    @media only screen and (max-width: 767px) {
      .crew-container .crew-content {
        padding: 20px 0; } }
    .crew-container .crew-content .crew-name {
      font-size: 1.875em; }
      @media only screen and (max-width: 767px) {
        .crew-container .crew-content .crew-name {
          color: #000;
          font-size: 20px; } }
    .crew-container .crew-content .crew-active {
      font-size: 0.75em;
      margin-top: 5px;
      letter-spacing: 1px;
      text-transform: uppercase; }
    .crew-container .crew-content .crew-desc {
      color: rgba(255, 255, 255, 0.7); }
      @media only screen and (max-width: 767px) {
        .crew-container .crew-content .crew-desc {
          color: rgba(0, 0, 0, 0.5); } }
  .crew-container .crew-content2 {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center; }
    .crew-container .crew-content2 .crew-name2 {
      font-size: 1.875em;
      color: #000;
      font-family: "Playfair Display", serif;
      font-weight: 700; }
    .crew-container .crew-content2 .join-crew {
      margin-top: 30px;
      display: table; }
  .crew-container img {
    width: 100%;
    height: auto; }

.crew-social .social {
  background: #4e4e4e;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out; }
  .crew-social .social:hover {
    background: #fff; }
    .crew-social .social:hover a {
      color: #4e4e4e; }
  .crew-social .social a {
    color: #fff; }

/*

Style for character slider

*/
/*

    tabs crew

    */
.tab-container {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .tab-container {
      background: #000; } }
  .tab-container .tab-content {
    position: absolute;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .tab-container .tab-content {
        padding: 0 15px; } }
    .tab-container .tab-content .crew-name {
      font-family: "Playfair Display", serif;
      color: #000;
      font-weight: 700;
      font-size: 2.5em; }
      @media only screen and (max-width: 767px) {
        .tab-container .tab-content .crew-name {
          font-size: 1.25em;
          color: #fff; } }
    @media only screen and (max-width: 767px) {
      .tab-container .tab-content .crew-active, .tab-container .tab-content .crew-desc {
        color: rgba(255, 255, 255, 0.5); } }
  .tab-container img {
    width: 100%;
    height: auto; }
    @media only screen and (min-width: 768px) {
      .tab-container img {
        opacity: 0.2; } }
    @media only screen and (max-width: 767px) {
      .tab-container img {
        opacity: 0.5; } }

.active {
  z-index: 1; }
  @media only screen and (min-width: 768px) {
    .active .tab-container .tab-content {
      opacity: 0;
      z-index: 1; } }
  @media only screen and (min-width: 768px) {
    .active img {
      opacity: 1 !important; } }

.tabs {
  position: relative;
  min-height: 860px; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .tabs {
      min-height: 630px; } }

@media only screen and (min-width: 768px) {
  .tabs .tab {
    position: absolute; } }

@media only screen and (max-width: 767px) {
  .tabs .tab .tab-content {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center; } }

.tabs .tab:first-child {
  left: -50px; }
  @media only screen and (max-width: 767px) {
    .tabs .tab:first-child {
      left: 0; } }
  @media only screen and (min-width: 768px) {
    .tabs .tab:first-child .tab-content {
      text-align: right;
      top: 250px;
      padding: 0 200px 0 30px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .tabs .tab:first-child .tab-content {
      padding: 0 140px 0 30px;
      top: 150px; } }

.tabs .tab:last-child {
  right: -50px; }
  @media only screen and (min-width: 768px) {
    .tabs .tab:last-child {
      top: 100px; } }
  @media only screen and (max-width: 767px) {
    .tabs .tab:last-child {
      right: 0;
      top: 20px; } }
  @media only screen and (min-width: 768px) {
    .tabs .tab:last-child .tab-content {
      top: 150px;
      padding: 0 50px 0 170px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .tabs .tab:last-child .tab-content {
      padding: 0 50px 0 120px; } }

.question-item {
  margin-top: 230px; }

/*
40 style shortcode discover
*/
.fl-discover {
  margin-top: 150px; }

.fl-mg-top {
  margin-top: 50px; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .fl-mg-top {
      margin-top: 30px; } }
  @media only screen and (max-width: 767px) {
    .fl-mg-top {
      text-align: center; } }
  .fl-mg-top .more i {
    color: rgba(0, 0, 0, 0.4); }
  .fl-mg-top .more:hover i {
    color: #fff; }

.discover-content-box1 {
  display: table;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .discover-content-box1 {
      padding: 100px 50px 0 50px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .discover-content-box1 {
      padding: 30px; } }
  @media only screen and (max-width: 767px) {
    .discover-content-box1 {
      padding: 15px; } }

.discover-item {
  color: #a3a3a3;
  font-size: 16px;
  padding-left: 30px; }
  @media only screen and (max-width: 767px) {
    .discover-item {
      font-size: 0.875em;
      margin-top: 20px;
      padding-left: 0;
      text-align: center; } }
  .discover-item:hover .view-more {
    background: rgba(0, 0, 0, 0.9); }
    .discover-item:hover .view-more a {
      color: #fff; }
  .discover-item .discover-title {
    font-family: "pb-bold";
    letter-spacing: 9px;
    text-transform: uppercase; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .discover-item .discover-title {
        font-size: 0.875em;
        letter-spacing: 5px; } }
    @media only screen and (max-width: 767px) {
      .discover-item .discover-title {
        text-align: center;
        font-size: 0.875em;
        letter-spacing: 5px; } }
  .discover-item .discover-name {
    font-family: "Playfair Display", serif;
    font-size: 5.625em;
    font-weight: 700;
    color: #000;
    margin-top: -20px; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .discover-item .discover-name {
        font-size: 3.125em;
        margin-top: -10px; } }
    @media (max-width: 767px) and (min-width: 640px) {
      .discover-item .discover-name {
        font-size: 2.5em;
        margin-top: 0; } }
    @media only screen and (max-width: 1024px) {
      .discover-item .discover-name {
        font-size: 1.875em;
        margin-top: 0; } }
  .discover-item .discover-content {
    font-family: "pb-regular";
    line-height: 1.7em;
    color: rgba(0, 0, 0, 0.5); }
    @media (max-width: 1024px) and (min-width: 768px) {
      .discover-item .discover-content {
        font-size: 0.875em;
        line-height: 1.5em; } }
  .discover-item .discover-desc {
    font-size: 1.25em;
    font-family: "pb-bold";
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.7em; }
    @media only screen and (min-width: 1170px) {
      .discover-item .discover-desc {
        margin: 65px 0 35px 0;
        font-size: 16px; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .discover-item .discover-desc {
        margin: 30px 0; } }
    @media (max-width: 767px) and (min-width: 640px) {
      .discover-item .discover-desc {
        margin: 20px 0;
        font-size: 1.125em; } }
    @media only screen and (max-width: 1024px) {
      .discover-item .discover-desc {
        font-size: 1em;
        margin: 10px 0; } }
  .discover-item .discover-more {
    margin-top: 60px; }

.view-more {
  padding: 0 20px 0 25px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline-block; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .view-more {
      padding: 0 10px 0 15px; } }
  @media only screen and (max-width: 767px) {
    .view-more {
      padding: 0 15px 0 20px; } }
  .view-more i {
    padding-left: 5px; }
  .view-more a {
    font-family: "pb-bold";
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.625em;
    text-decoration: none;
    letter-spacing: 2px; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .view-more a {
        font-size: 0.5em; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .view-more a {
        line-height: 35px; } }
    @media only screen and (max-width: 767px) {
      .view-more a {
        line-height: 30px; } }
  .view-more:hover {
    border: 1px solid rgba(0, 0, 0, 0.7); }
    .view-more:hover a {
      color: rgba(0, 0, 0, 0.7);
      text-decoration: none; }

/*Discover type 3*/
.content1 {
  line-height: 1.5em;
  font-family: "pb-regular";
  font-size: 1em;
  padding: 20px 0; }
  .content1 img {
    opacity: 0.5; }
    @media only screen and (max-width: 1024px) {
      .content1 img {
        margin-bottom: 20px; } }
    .content1 img:hover {
      opacity: 1; }

.left-desc {
  color: #000;
  line-height: 1.7em; }
  @media only screen and (min-width: 768px) {
    .left-desc {
      font-size: 1.25em;
      padding-right: 30px; } }
  @media only screen and (max-width: 767px) {
    .left-desc {
      font-size: 0.875em; } }

@media only screen and (min-width: 768px) {
  .right-desc {
    padding-left: 30px; } }

@media only screen and (max-width: 767px) {
  .right-desc {
    padding-left: 0;
    margin-top: 20px;
    font-size: 0.875em; } }

@media only screen and (min-width: 1025px) {
  .discover-img {
    margin-bottom: -50px; } }

.discover-img img {
  width: 100%;
  height: auto; }

/*
41 style shortcode event
*/
.event-item {
  width: 100%;
  color: #fff;
  position: relative;
  font-family: "Playfair Display", serif;
  overflow: hidden; }
  @media only screen and (min-width: 1170px) {
    .event-item {
      height: 800px;
      font-size: 30px; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .event-item {
      height: 500px;
      font-size: 1.25em; } }
  @media only screen and (max-width: 767px) {
    .event-item {
      display: none; } }
  .event-item .event-content {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    line-height: 1.7em;
    z-index: 99; }
    .event-item .event-content span {
      font-weight: 700;
      font-style: italic; }
    @media only screen and (max-width: 767px) {
      .event-item .event-content p span {
        font-size: 13px !important; } }
  .event-item .e-1500 {
    position: absolute;
    color: #757575;
    font-family: "Playfair Display", serif;
    text-align: center;
    width: 100%;
    font-style: italic;
    font-weight: 700;
    z-index: 1; }
    @media only screen and (min-width: 1170px) {
      .event-item .e-1500 {
        font-size: 18.75em;
        bottom: -270px;
        letter-spacing: 70px; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .event-item .e-1500 {
        font-size: 15.625em;
        bottom: -135px;
        letter-spacing: 35px; } }

.calendar_wrap #wp-calendar {
  width: 100%;
  font-weight: bold;
  text-align: center; }

.right-widget-content ul {
  margin: 0;
  padding: 0; }
  .right-widget-content ul ul {
    padding-left: 20px; }

select {
  width: 100%; }

tfoot #prev {
  text-align: left;
  padding-left: 10px; }

tfoot #next {
  text-align: right;
  padding-right: 10px; }

/*
42 style shortcode film 02
*/
.product-item {
  color: rgba(0, 0, 0, 0.5); }
  .product-item .film-hover:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1); }

.film-style-odd {
  width: 100%; }
  .film-style-odd li {
    display: table;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .film-style-odd li {
        padding: 0 15px; }
        .film-style-odd li .film-odd-content {
          padding: 20px 0 30px 0;
          text-align: center; } }
    .film-style-odd li:hover .film-odd-view {
      opacity: 1;
      top: 50%; }
    .film-style-odd li:hover img {
      opacity: 1 !important; }
    .film-style-odd li .film-odd-content, .film-style-odd li .film-odd-img {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .film-style-odd li .film-odd-content, .film-style-odd li .film-odd-img {
          width: 100%; } }
    .film-style-odd li .film-odd-img {
      position: relative;
      overflow: hidden;
      background: #000; }
      .film-style-odd li .film-odd-img img {
        opacity: 0.5;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        width: 100%;
        height: auto; }
    @media only screen and (min-width: 768px) {
      .film-style-odd li:nth-child(2n) .film-odd-content {
        float: right;
        text-align: left;
        padding-left: 40px;
        padding-right: 20%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
    .film-style-odd li:nth-child(2n) .film-odd-content {
      padding-right: 30px; } }
    @media only screen and (min-width: 768px) {
      .film-style-odd li:nth-child(2n) .film-odd-img {
        float: left; }
      .film-style-odd li:nth-child(2n+1) .film-odd-content {
        float: left;
        text-align: right;
        padding-right: 40px;
        padding-left: 20%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-width: 768px) {
    .film-style-odd li:nth-child(2n+1) .film-odd-content {
      padding-left: 30px; } }
    @media only screen and (min-width: 768px) {
      .film-style-odd li:nth-child(2n+1) .film-odd-img {
        float: right; } }

.film-odd-view {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  color: #fff;
  text-align: center;
  z-index: 1;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  top: 60%; }
  .film-odd-view .view-more {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    border: 1px solid #fff; }
    .film-odd-view .view-more a {
      font-size: 0.625em;
      color: #fff;
      letter-spacing: 2px; }
      @media only screen and (min-width: 1170px) {
        .film-odd-view .view-more a {
          line-height: 40px; } }
    .film-odd-view .view-more:hover {
      background: #fff; }
      .film-odd-view .view-more:hover a {
        color: rgba(0, 0, 0, 0.7); }

@media only screen and (min-width: 1920px) {
  .film-odd-content {
    padding-top: 150px !important; } }

@media only screen and (min-width: 1170px) {
  .film-odd-content {
    padding-top: 100px; } }

@media (max-width: 1024px) and (min-width: 768px) {
  .film-odd-content {
    padding-top: 50px; } }

@media (max-width: 780px) and (min-width: 768px) {
  .film-odd-content {
    padding-top: 20px !important; } }

.film-odd-content .p-category {
  font-size: 0.75em;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .film-odd-content .p-category {
      font-size: 0.6875em;
      letter-spacing: 2px; } }
  @media (max-width: 780px) and (min-width: 768px) {
    .film-odd-content .p-category {
      font-size: 0.75em;
      letter-spacing: 2px; } }

.film-odd-content .p-name {
  padding: 12px 0 10px 0;
  font-size: 1.875em; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .film-odd-content .p-name {
      font-size: 1.5625em;
      padding: 5px 0 10px 0; } }
  @media only screen and (max-width: 767px) {
    .film-odd-content .p-name {
      font-size: 1.25em;
      padding: 0 0 10px 0; } }
  .film-odd-content .p-name a {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    color: #000; }
    .film-odd-content .p-name a:hover {
      color: rgba(0, 0, 0, 0.7); }

.film-odd-content .p-desc {
  font-family: "pb-regular";
  margin-top: -4px;
  line-height: 1.5em; }
  @media only screen and (max-width: 767px) {
    .film-odd-content .p-desc {
      font-size: 0.8125em; } }
  @media (max-width: 1024px) and (min-width: 768px) {
    .film-odd-content .p-desc {
      font-size: 0.875em;
      line-height: 1.5em; } }

.p-viewmore {
  text-align: center;
  margin-top: 50px; }
  @media only screen and (max-width: 767px) {
    .p-viewmore {
      margin-top: 30px; } }

/*Film 2*/
.list-film2 {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  display: table; }
  .list-film2 .p-viewmore {
    position: absolute;
    bottom: -75px;
    z-index: 2; }
    @media only screen and (min-width: 1170px) {
      .list-film2 .p-viewmore {
        left: 52%; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .list-film2 .p-viewmore {
        left: 54%; } }
    @media only screen and (max-width: 767px) {
      .list-film2 .p-viewmore {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); } }
    .list-film2 .p-viewmore .more i {
      padding-left: 8px; }
  .list-film2 li {
    list-style: none;
    float: left;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .list-film2 li {
        width: 50%;
        background: #000; } }
    @media only screen and (max-width: 767px) {
      .list-film2 li {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .list-film2 li .cus-item-1 {
        padding: 0 15px; } }
    .list-film2 li .cus-item-1 img {
      opacity: 0.5;
      transition: all .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out; }
      @media only screen and (max-width: 767px) {
        .list-film2 li .cus-item-1 img {
          opacity: 1; } }
    .list-film2 li .white-desc {
      opacity: 1;
      transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out;
      margin-top: 0px; }
      @media only screen and (min-width: 1170px) {
        .list-film2 li .white-desc {
          padding: 0 25%; } }
      @media (max-width: 1024px) and (min-width: 768px) {
        .list-film2 li .white-desc {
          padding: 0 15%; } }
      @media only screen and (max-width: 767px) {
        .list-film2 li .white-desc {
          padding: 0;
          margin-top: 10px; } }
    .list-film2 li .fl-viewmore {
      padding-top: 10px; }
      @media only screen and (min-width: 768px) {
        .list-film2 li .fl-viewmore {
          position: absolute;
          left: 50%;
          top: 50%;
          bottom: auto;
          right: auto;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          -o-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
          top: 80%;
          opacity: 0;
          transition: all .3s ease-in-out;
          -webkit-transition: all .3s ease-in-out; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .list-film2 li .title-bold-white {
        font-size: 1.125em; } }
    .list-film2 li .title-bold-white a {
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .list-film2 li .title-bold-white a {
          color: rgba(0, 0, 0, 0.5); } }
    .list-film2 li .fl-viewmore:hover .more-white i {
      color: #000; }
    .list-film2 li:hover img {
      opacity: 1; }
    @media only screen and (min-width: 1500px) {
      .list-film2 li:hover .fl-viewmore {
        opacity: 1;
        top: 70% !important; } }
    @media only screen and (min-width: 768px) {
      .list-film2 li:hover .fl-viewmore {
        opacity: 1;
        top: 60%; } }
    @media only screen and (min-width: 768px) {
      .list-film2 li:hover .white-desc {
        opacity: 0; } }
    @media only screen and (min-width: 768px) {
      .list-film2 li:nth-child(2n+1) {
        position: relative;
        top: 100px; } }

@media only screen and (min-width: 768px) {
  .film-item {
    background: #000;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden; } }

.film-item:hover img {
  background: rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 1024px) {
    .film-item:hover img {
      -webkit-transform: none;
      -moz-transform: none;
      transform: none; } }

.film-item img {
  width: 100%;
  height: auto; }

/* TYPE 4*/
.our-flim {
  font-size: 16px;
  width: 100%; }
  .our-flim .list-flim .cus-item-1 {
    margin-top: 100px; }

.flim-item {
  width: 100%;
  position: relative;
  margin-bottom: -1.5px; }
  .flim-item .fl-type1 {
    font-size: 50px; }
    @media only screen and (max-width: 767px) {
      .flim-item .fl-type1 {
        font-size: 16px; } }
  .flim-item .fl-type2 {
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.1em; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .flim-item .fl-type2 {
        font-size: 16px;
        margin-top: 0; } }
  @media only screen and (max-width: 767px) {
    .flim-item .title-bold-white {
      margin: 5px 0;
      font-size: 1em; } }
  .flim-item .title-bold-white a {
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .flim-item .title-bold-white a {
        color: rgba(0, 0, 0, 0.7); } }
  .flim-item .white-desc {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; }
  .flim-item .list-viewmore .view-more {
    border-color: #fff;
    background: none; }
    @media only screen and (max-width: 767px) {
      .flim-item .list-viewmore .view-more {
        background: #000; } }
    .flim-item .list-viewmore .view-more a {
      color: #fff;
      height: 40px;
      line-height: 40px; }
      @media (max-width: 1024px) and (min-width: 768px) {
        .flim-item .list-viewmore .view-more a {
          height: 30px;
          line-height: 27px;
          font-size: 9px; } }
      @media only screen and (max-width: 767px) {
        .flim-item .list-viewmore .view-more a {
          height: 30px;
          line-height: 30px;
          font-size: 8px; } }
  .flim-item .list-viewmore:hover .view-more {
    background: #fff; }
    @media only screen and (max-width: 767px) {
      .flim-item .list-viewmore:hover .view-more {
        background: #000; } }
    .flim-item .list-viewmore:hover .view-more a {
      color: #000; }
      @media only screen and (max-width: 767px) {
        .flim-item .list-viewmore:hover .view-more a {
          color: #fff; } }
  @media only screen and (min-width: 768px) {
    .flim-item:hover .white-desc {
      opacity: 0; } }

@media only screen and (min-width: 768px) {
  .flim-item {
    background: #000; } }

@media only screen and (max-width: 767px) {
  .flim-item {
    padding: 0 15px; } }

.flim-item img {
  opacity: 0.5;
  width: 100%;
  height: auto;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out; }
  @media only screen and (max-width: 1024px) {
    .flim-item img {
      opacity: 1; } }

.flim-item .more-white {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.flim-item:hover img {
  opacity: 1; }

.flim-item:hover .more-white {
  -webkit-transition: right 0.5s ease;
  -moz-transition: right 0.5s ease;
  transition: right 0.5s ease; }

.type4-viewmore {
  margin-top: 50px; }
  @media only screen and (max-width: 767px) {
    .type4-viewmore {
      text-align: center; } }
  @media only screen and (min-width: 768px) {
    .type4-viewmore .more {
      margin-left: 30%; } }

@media only screen and (min-width: 768px) {
  .cus-item-4 {
    overflow: hidden; } }

.cus-item-4 .white-desc {
  padding: 0 30%; }
  @media only screen and (max-width: 1024px) {
    .cus-item-4 .white-desc {
      padding: 0 15%; } }
  @media only screen and (max-width: 767px) {
    .cus-item-4 .white-desc {
      padding: 0; } }

/*videotype4*/
.cus-item-big {
  padding-bottom: 56.4%;
  height: 0; }
  @media only screen and (min-width: 1500px) {
    .cus-item-big {
      padding-bottom: 56.2%; } }
  @media only screen and (max-width: 767px) {
    .cus-item-big {
      padding: 0 15px;
      width: 100%;
      height: auto; } }
  .cus-item-big img {
    height: auto;
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .cus-item-big .list-viewmore {
      position: absolute;
      left: 50%;
      top: 50%;
      bottom: auto;
      right: auto;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      top: 100%;
      opacity: 0;
      transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out; } }
  @media only screen and (min-width: 768px) {
    .cus-item-big:hover .list-viewmore {
      opacity: 1;
      top: 80%; } }

@media only screen and (min-width: 1920px) {
  .cus-item-small {
    padding-bottom: 56.4% !important; } }

@media only screen and (min-width: 1025px) {
  .cus-item-small {
    padding-bottom: 56.7%;
    height: 0; } }

@media (max-width: 1024px) and (min-width: 768px) {
  .cus-item-small {
    padding-bottom: 56.8%;
    height: 0; } }

@media only screen and (max-width: 767px) {
  .cus-item-small {
    width: 100%;
    height: auto;
    padding: 0 15px; } }

.cus-item-small img {
  width: 100%;
  height: auto; }

@media only screen and (min-width: 768px) {
  .cus-item-small .list-viewmore {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 120%;
    opacity: 0;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out; } }

@media only screen and (min-width: 768px) {
  .cus-item-small:hover .list-viewmore {
    opacity: 1;
    top: 105%; } }

/*
43 style shortcode gallery
*/
/*==== gallery-home1 ===== */
.gallery {
  font-family: "pb-bold";
  font-size: 16px;
  padding-bottom: 250px; }
  .gallery .slide-gallery .img-slide {
    float: left;
    margin-top: 4%; }
    .gallery .slide-gallery .img-slide img {
      width: 100%;
      height: auto; }
  .gallery .slide-gallery .img-center {
    float: left;
    width: 100%; }
    .gallery .slide-gallery .img-center img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

/*==== end gallery-home1 ===== */
/*==== list gallery ====*/
.flm-gallery-item {
  position: relative; }
  .flm-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.list {
  padding: 0;
  list-style: none;
  float: left;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .list {
      text-align: center; } }
  .list .list-item {
    padding: 0;
    box-sizing: border-box;
    overflow: hidden; }
    .list .list-item .nopadding {
      overflow: hidden; }
    .list .list-item .image, .list .list-item .image2, .list .list-item .image3 {
      position: relative;
      width: 100%;
      overflow: hidden; }
      .list .list-item .image img, .list .list-item .image2 img, .list .list-item .image3 img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .list .list-item .image {
      height: 300px; }
      @media only screen and (min-width: 1920px) {
        .list .list-item .image {
          height: 350px !important; } }
      @media (max-width: 1024px) and (min-width: 768px) {
        .list .list-item .image {
          height: 250px; } }
      @media only screen and (max-width: 767px) {
        .list .list-item .image {
          height: auto; } }
      .list .list-item .image img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .list .list-item .image2 {
      height: 600px; }
      @media only screen and (min-width: 1920px) {
        .list .list-item .image2 {
          height: 700px !important; } }
      @media (max-width: 1024px) and (min-width: 768px) {
        .list .list-item .image2 {
          height: 500px; } }
      @media only screen and (max-width: 767px) {
        .list .list-item .image2 {
          height: auto; } }
    .list .list-item .image3 {
      height: 600px; }
      @media only screen and (min-width: 1920px) {
        .list .list-item .image3 {
          height: 700px !important; } }
      @media (max-width: 1024px) and (min-width: 768px) {
        .list .list-item .image3 {
          height: 500px; } }
      @media only screen and (max-width: 767px) {
        .list .list-item .image3 {
          height: auto; } }
    .list .list-item .image4 {
      height: 300px; }
      @media only screen and (min-width: 1920px) {
        .list .list-item .image4 {
          height: 350px !important; } }
      @media (max-width: 1024px) and (min-width: 768px) {
        .list .list-item .image4 {
          height: 250px; } }
      @media only screen and (max-width: 767px) {
        .list .list-item .image4 {
          height: auto; } }
  @media only screen and (min-width: 768px) {
    .list .more {
      margin: 30px 0 0 30px;
      display: inline-block;
      padding: 0 25px; } }
  @media only screen and (max-width: 767px) {
    .list .more {
      margin-top: 30px;
      display: inline-block;
      padding: 2px 20px; } }

.gallery-list .list2 {
  background: #000; }

.view_all_gallery {
  width: 100%;
  text-align: center;
  padding: 70px 0 30px 0;
  display: table; }
  @media only screen and (max-width: 767px) {
    .view_all_gallery {
      padding: 30px 0 0 0; } }

.ms-skin-light-2 .ms-nav-next {
  background: none !important;
  margin-right: -110px; }
  .ms-skin-light-2 .ms-nav-next:before {
    content: "\f105";
    font-size: 45px;
    color: #fff;
    font-family: "FontAwesome";
    right: 0 !important; }

.ms-skin-light-2 .ms-nav-prev {
  background: none !important;
  margin-left: -70px; }
  .ms-skin-light-2 .ms-nav-prev:before {
    content: "\f104";
    font-size: 45px;
    color: #fff;
    font-family: "FontAwesome";
    right: 0 !important; }

/*Style for gallery*/
.gallery-film {
  width: 100%;
  float: left;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  position: relative; }
  .gallery-film li.gallery-container {
    position: relative;
    width: 50%;
    overflow: hidden; }
    @media (max-width: 991px) and (min-width: 768px) {
      .gallery-film li.gallery-container {
        float: left;
        padding: 0 15px; } }
    @media only screen and (max-width: 767px) {
      .gallery-film li.gallery-container {
        width: 100%;
        height: auto;
        background: none;
        text-align: center;
        padding: 0 15px; } }
    @media only screen and (min-width: 1025px) {
      .gallery-film li.gallery-container .olay-gallery {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out; } }
    @media (max-width: 1024px) and (min-width: 992px) {
      .gallery-film li.gallery-container .olay-gallery {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .gallery-film li.gallery-container img {
        width: 100%;
        height: auto; } }
    @media only screen and (max-width: 767px) {
      .gallery-film li.gallery-container img {
        width: 100%;
        height: auto; } }
    @media only screen and (min-width: 1025px) {
      .gallery-film li.gallery-container .g-viewmore {
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        opacity: 0;
        transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        top: 90%; } }
    @media (max-width: 1024px) and (min-width: 768px) {
      .gallery-film li.gallery-container .g-viewmore {
        margin-top: 15px; } }
    @media only screen and (max-width: 767px) {
      .gallery-film li.gallery-container .g-viewmore {
        display: block;
        margin-top: 15px; } }
    @media only screen and (min-width: 1025px) {
      .gallery-film li.gallery-container .g-viewmore:hover .view-more {
        background: #fff; }
        .gallery-film li.gallery-container .g-viewmore:hover .view-more a {
          color: #000 !important; } }
    .gallery-film li.gallery-container .g-viewmore .view-more {
      border: 1px solid rgba(255, 255, 255, 0.5); }
      @media (max-width: 991px) and (min-width: 768px) {
        .gallery-film li.gallery-container .g-viewmore .view-more {
          border: 1px solid rgba(0, 0, 0, 0.2); } }
      @media only screen and (max-width: 767px) {
        .gallery-film li.gallery-container .g-viewmore .view-more {
          border: 1px solid rgba(0, 0, 0, 0.2); } }
      .gallery-film li.gallery-container .g-viewmore .view-more a {
        font-family: "pb-regular";
        color: #fff !important;
        font-size: 10px;
        line-height: 40px;
        height: 40px; }
        @media (max-width: 991px) and (min-width: 768px) {
          .gallery-film li.gallery-container .g-viewmore .view-more a {
            color: #000 !important; } }
        @media (max-width: 1024px) and (min-width: 768px) {
          .gallery-film li.gallery-container .g-viewmore .view-more a {
            height: 30px;
            line-height: 30px; } }
        @media only screen and (max-width: 767px) {
          .gallery-film li.gallery-container .g-viewmore .view-more a {
            height: 30px;
            line-height: 30px;
            color: rgba(0, 0, 0, 0.5) !important; } }
    @media only screen and (max-width: 767px) {
      .gallery-film li.gallery-container .title-bold-white {
        margin: 5px 0; } }
    .gallery-film li.gallery-container .title-bold-white a {
      color: #fff; }
      @media (max-width: 1024px) and (min-width: 992px) {
        .gallery-film li.gallery-container .title-bold-white a {
          font-size: 1em; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .gallery-film li.gallery-container .title-bold-white a {
          color: #000; } }
      @media only screen and (max-width: 767px) {
        .gallery-film li.gallery-container .title-bold-white a {
          color: #000; } }
      @media only screen and (min-width: 1025px) {
        .gallery-film li.gallery-container .title-bold-white a:hover {
          color: rgba(255, 255, 255, 0.8); } }
      @media (max-width: 1024px) and (min-width: 992px) {
        .gallery-film li.gallery-container .title-bold-white a:hover {
          color: rgba(255, 255, 255, 0.8); } }
    .gallery-film li.gallery-container .title-white {
      font-size: 0.6875em;
      letter-spacing: 3px; }
      @media (max-width: 1024px) and (min-width: 992px) {
        .gallery-film li.gallery-container .title-white {
          color: rgba(255, 255, 255, 0.5); } }
      @media (max-width: 991px) and (min-width: 768px) {
        .gallery-film li.gallery-container .title-white {
          color: rgba(0, 0, 0, 0.5); } }
    .gallery-film li.gallery-container .white-desc {
      line-height: 1.5em; }
      @media only screen and (min-width: 1500px) {
        .gallery-film li.gallery-container .white-desc {
          padding: 0 30% !important; } }
      @media only screen and (min-width: 1025px) {
        .gallery-film li.gallery-container .white-desc {
          transition: all .5s ease-in-out;
          -webkit-transition: all .5s ease-in-out; } }
      @media (max-width: 1024px) and (min-width: 992px) {
        .gallery-film li.gallery-container .white-desc {
          display: none; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .gallery-film li.gallery-container .white-desc {
          color: rgba(0, 0, 0, 0.5);
          display: none; } }
      @media only screen and (max-width: 767px) {
        .gallery-film li.gallery-container .white-desc {
          color: black_05; } }
    @media only screen and (min-width: 1025px) {
      .gallery-film li.gallery-container:hover .white-desc {
        opacity: 0; } }
    @media only screen and (max-width: 767px) {
      .gallery-film li.gallery-container:hover .white-desc {
        display: block; } }
    @media only screen and (min-width: 1025px) {
      .gallery-film li.gallery-container:hover .olay-gallery {
        background: transparent; } }
    @media only screen and (min-width: 1500px) {
      .gallery-film li.gallery-container:hover .g-viewmore {
        top: 70% !important; } }
    @media only screen and (min-width: 1025px) {
      .gallery-film li.gallery-container:hover .g-viewmore {
        opacity: 1;
        top: 80%; } }
  @media only screen and (min-width: 768px) {
    .gallery-film .gallery-image {
      width: 100%;
      height: 100%; } }
  @media only screen and (min-width: 1025px) {
    .gallery-film .g-left {
      float: left; } }
  @media (max-width: 1024px) and (min-width: 992px) {
    .gallery-film .g-left {
      float: left; } }
  @media only screen and (min-width: 1025px) {
    .gallery-film .g-right {
      float: right; } }
  @media (max-width: 1024px) and (min-width: 992px) {
    .gallery-film .g-right {
      float: right; } }
  @media only screen and (min-width: 1920px) {
    .gallery-film .gallery-big {
      height: 699px !important; }
      .gallery-film .gallery-big img {
        width: 100%;
        height: auto; } }
  @media only screen and (min-width: 1025px) {
    .gallery-film .gallery-big {
      height: 540px; }
      .gallery-film .gallery-big img {
        width: 100%;
        height: 100%; } }
  @media (max-width: 1024px) and (min-width: 992px) {
    .gallery-film .gallery-big {
      height: 400px; }
      .gallery-film .gallery-big img {
        width: 100%;
        height: 100%; } }
  @media only screen and (min-width: 1920px) {
    .gallery-film .gallery-small {
      height: 350px !important; }
      .gallery-film .gallery-small img {
        width: 100%;
        height: auto; } }
  @media only screen and (min-width: 1025px) {
    .gallery-film .gallery-small {
      height: 270px; }
      .gallery-film .gallery-small img {
        width: 100%;
        height: auto; } }
  @media (max-width: 1024px) and (min-width: 992px) {
    .gallery-film .gallery-small {
      height: 200px; }
      .gallery-film .gallery-small img {
        width: 100%;
        height: auto; } }
  .gallery-film .gallery-content {
    width: 100%; }
    @media only screen and (min-width: 1025px) {
      .gallery-film .gallery-content {
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-align: center;
        z-index: 2;
        padding: 0 100px; } }
    @media (max-width: 1024px) and (min-width: 992px) {
      .gallery-film .gallery-content {
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-align: center;
        z-index: 2;
        padding: 0 30px; } }
    @media (max-width: 991px) and (min-width: 768px) {
      .gallery-film .gallery-content {
        text-align: center;
        color: rgba(0, 0, 0, 0.5);
        padding: 20px; } }
    @media only screen and (max-width: 767px) {
      .gallery-film .gallery-content {
        padding: 20px 15px 30px 15px; } }

/********************************** // ***********************************/
/*Detail Gallery type list*/
.g_fade {
  background: rgba(0, 0, 0, 0.5); }

.wrapper-gallery-detail {
  margin-top: 200px; }
  @media only screen and (max-width: 767px) {
    .wrapper-gallery-detail .popup-gallery {
      display: none !important; } }
  .wrapper-gallery-detail .list-social li {
    margin-right: 15px; }
    @media only screen and (max-width: 767px) {
      .wrapper-gallery-detail .list-social li {
        margin-right: 5px; } }
  .wrapper-gallery-detail .detail {
    font-size: 50px; }
    @media only screen and (max-width: 767px) {
      .wrapper-gallery-detail .detail {
        font-size: 1.875em;
        line-height: 1.3em; } }
  .wrapper-gallery-detail .list-item {
    height: auto !important;
    float: left;
    width: 100%;
    position: relative;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    padding: 0; }
    .wrapper-gallery-detail .list-item .item {
      position: relative;
      left: 0;
      float: left;
      list-style: none;
      box-sizing: border-box;
      border: none;
      overflow: hidden !important; }
      @media only screen and (min-width: 1170px) {
        .wrapper-gallery-detail .list-item .item {
          height: 400px;
          width: 25%; } }
      @media (max-width: 1024px) and (min-width: 768px) {
        .wrapper-gallery-detail .list-item .item {
          height: 300px;
          width: 25%; } }
      @media only screen and (max-width: 767px) {
        .wrapper-gallery-detail .list-item .item {
          width: 100%; } }
      .wrapper-gallery-detail .list-item .item img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .wrapper-gallery-detail .modal-content {
    overflow: initial;
    position: fixed;
    padding-top: 5%;
    width: 100%; }

.w_popup {
  margin: 0 auto; }
  @media only screen and (min-width: 992px) {
    .w_popup {
      width: 900px;
      height: auto; } }
  @media (max-width: 991px) and (min-width: 768px) {
    .w_popup {
      width: 700px;
      height: auto; } }
  @media only screen and (max-width: 767px) {
    .w_popup {
      width: 100%;
      height: auto; } }

.modal-body {
  position: relative;
  padding: 0;
  height: 0;
  padding-bottom: 60.25%;
  overflow: hidden;
  -webkit-box-shadow: 2px 7px 160px 29px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 2px 7px 160px 29px rgba(255, 255, 255, 0.2);
  box-shadow: 2px 7px 160px 29px rgba(255, 255, 255, 0.2); }
  .modal-body img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .modal-body .controls {
    position: absolute;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    color: #fff;
    font-size: 40px; }
    .modal-body .controls.next {
      right: 20px; }
    .modal-body .controls.previous {
      left: 20px; }
  .modal-body .close_all {
    position: absolute;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.3);
    line-height: 20px;
    text-align: center;
    color: #fff;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 2; }

.list-social ul {
  width: 100%;
  margin: 30px 0; }
  .list-social ul li {
    display: inline-block;
    font-family: "pb-regular";
    padding: 0 5px; }
    .list-social ul li a {
      color: rgba(0, 0, 0, 0.5); }
      @media only screen and (max-width: 767px) {
        .list-social ul li a {
          font-size: 0.875em; } }
      .list-social ul li a:hover {
        color: #000; }

/*Type 3 slider*/
.g-detail-slider {
  width: 100%;
  margin: 0 auto; }
  .g-detail-slider .ms-skin-default .ms-nav-prev {
    background: url("../images/icons/g-prev.png") no-repeat left center !important; }
    @media only screen and (min-width: 1170px) {
      .g-detail-slider .ms-skin-default .ms-nav-prev {
        left: -40px; } }
  .g-detail-slider .ms-skin-default .ms-nav-next {
    background: url("../images/icons/g-next.png") no-repeat right center !important; }
    @media only screen and (min-width: 1170px) {
      .g-detail-slider .ms-skin-default .ms-nav-next {
        right: -40px; } }
  .g-detail-slider .ms-slide p {
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 50px;
    font-family: "Playfair Display", serif;
    color: #fff;
    letter-spacing: 1px;
    padding: 0 70px;
    font-style: italic;
    display: none;
    line-height: 30px; }
  @media only screen and (min-width: 768px) {
    .g-detail-slider .ms-sl-selected p {
      display: block !important; } }

.register {
  padding: 30px 0; }
  .register a {
    color: rgba(0, 0, 0, 0.5); }
  .register .title-px {
    font-family: "pb-regular";
    font-size: 0.75em;
    padding: 15px 0; }
    @media only screen and (max-width: 767px) {
      .register .title-px {
        font-size: 0.6875em; } }
    .register .title-px a {
      letter-spacing: 3px; }

.g-detail-previous {
  float: left;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .g-detail-previous {
      padding-left: 15px; } }
  @media only screen and (min-width: 1170px) {
    .g-detail-previous:before {
      content: url(../images/icons/arrow-prev.png);
      display: table;
      position: absolute;
      top: 42%;
      opacity: 0.3;
      left: -30px; } }
  .g-detail-previous:hover img {
    opacity: 1; }

.g-detail-next {
  float: right;
  position: relative;
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .g-detail-next {
      padding-right: 15px; } }
  @media only screen and (min-width: 1170px) {
    .g-detail-next:before {
      content: url(../images/icons/arrow-next.png);
      display: table;
      position: absolute;
      top: 40%;
      opacity: 0.3;
      right: -30px; } }
  .g-detail-next:hover img {
    opacity: 1; }

.img .img-black {
  height: 136px;
  width: 260px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .img .img-black {
      display: none; } }
  .img .img-black img {
    height: auto;
    width: 100%; }

@media only screen and (min-width: 768px) {
  .img .icon-long-right {
    display: none; } }

@media only screen and (max-width: 767px) {
  .img .title-desc {
    display: none; } }

/******** STYLE FOR SWIPPER **********/
.ms-caro3d-template .ms-container {
  padding: 0 !important; }

.ms-caro3d-template .ms-slide {
  -webkit-box-reflect: none !important; }

/*
44 style shortcode pagination
*/
#pagination-flickr {
  margin: 0;
  padding: 0;
  text-align: center; }
  #pagination-flickr li {
    font-family: "pb-bold";
    color: #999;
    padding: 0 3px;
    display: inline-block; }
    #pagination-flickr li a {
      color: rgba(0, 0, 0, 0.5); }
      @media only screen and (max-width: 767px) {
        #pagination-flickr li a {
          font-size: 0.75em; } }
      #pagination-flickr li a:hover {
        color: #000; }
  #pagination-flickr li:first-child a, #pagination-flickr li:last-child a {
    letter-spacing: 2px;
    font-size: 12px; }
  #pagination-flickr li:nth-child(4), #pagination-flickr li:nth-child(5), #pagination-flickr li:nth-child(6) {
    padding: 0 2px !important; }

#pagination-flickr .previous-off {
  padding-right: 20px; }
  @media only screen and (max-width: 767px) {
    #pagination-flickr .previous-off {
      padding-right: 10px; } }

#pagination-flickr .next {
  padding-left: 20px; }
  @media only screen and (max-width: 767px) {
    #pagination-flickr .next {
      padding-left: 10px; } }

/*
45 style shortcode social
*/
/*
 Style Social in detail film
*/
.d-social2 {
  margin: 35px 0; }
  .d-social2 span {
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.1);
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 5px;
    margin-right: 8px; }
    .d-social2 span a {
      color: rgba(0, 0, 0, 0.5); }
    .d-social2 span:hover {
      background: #000; }
      .d-social2 span:hover a {
        color: rgba(255, 255, 255, 0.9); }

.template_share {
  position: relative; }
  .template_share:hover ul {
    display: block !important;
    z-index: 2;
    opacity: 1; }
  .template_share ul {
    position: absolute;
    background: white;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    opacity: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px 0;
    background-color: #FDFDFD;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 50% 0%, 0% 100%, from(#FDFDFD), to(#F1F1F1));
    background: -webkit-linear-gradient(top, #F1F1F1, #FDFDFD);
    background: -moz-linear-gradient(top, #F1F1F1, #FDFDFD);
    background: -ms-linear-gradient(top, #F1F1F1, #FDFDFD);
    background: -o-linear-gradient(top, #F1F1F1, #FDFDFD); }
    .template_share ul li {
      list-style: none;
      border-right: none !important;
      padding: 0 5px; }
      .template_share ul li:first-child {
        display: none; }

/*
47 style shortcode vision
*/
.list-cc-title {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  letter-spacing: 3px; }

.list-cc-box {
  text-align: center;
  margin-bottom: 100px; }
  .list-cc-box li {
    width: 100%;
    padding: 5px 0; }
    .list-cc-box li a {
      font-size: 14px;
      font-family: "Playfair Display", serif;
      color: rgba(0, 0, 0, 0.8);
      font-weight: 700; }
      .list-cc-box li a:hover {
        color: #000;
        font-weight: 900;
        -webkit-transition: font-weight 0.5s linear;
        -moz-transition: font-weight 0.5s linear;
        transition: font-weight 0.5s linear; }

/*
48 style shortcode director
*/
.director_img_cover {
  z-index: -1;
  position: relative; }
  @media only screen and (min-width: 1170px) {
    .director_img_cover {
      height: 100vh; } }
  .director_img_cover .director_detail_name {
    position: absolute;
    font-family: "Playfair Display", serif;
    z-index: 2;
    color: rgba(255, 255, 255, 0.2);
    font-size: 7.5em;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    letter-spacing: 50px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 0 15%;
    word-break: break-all; }
    @media (max-width: 1024px) and (min-width: 768px) {
      .director_img_cover .director_detail_name {
        font-size: 5em;
        letter-spacing: 50px;
        padding: 0 10%; } }
  .director_img_cover img {
    width: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover; }

.director-detail {
  margin-top: 150px; }

.director-item .director-container {
  width: 100%;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    .director-item .director-container {
      padding: 0 15px; } }
  .director-item .director-container li {
    display: table;
    width: 100%; }
    @media only screen and (min-width: 1920px) {
      .director-item .director-container li {
        height: 700px !important; } }
    .director-item .director-container li .director-box {
      width: 50%;
      position: relative;
      height: 100%; }
      @media only screen and (max-width: 767px) {
        .director-item .director-container li .director-box {
          width: 100%; } }
      .director-item .director-container li .director-box img {
        width: 100%;
        height: auto; }
    .director-item .director-container li .director-content {
      position: relative;
      text-align: center; }
      .director-item .director-container li .director-content .director-list {
        width: 100%; }
        @media only screen and (min-width: 1920px) {
          .director-item .director-container li .director-content .director-list {
            padding: 170px 150px 0 150px !important;
            position: absolute;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%); } }
        @media only screen and (min-width: 1170px) {
          .director-item .director-container li .director-content .director-list {
            padding: 100px 100px 0 100px; } }
        @media (max-width: 1024px) and (min-width: 992px) {
          .director-item .director-container li .director-content .director-list {
            padding: 30px 30px 0 30px;
            position: absolute;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%); } }
        @media (max-width: 991px) and (min-width: 768px) {
          .director-item .director-container li .director-content .director-list {
            padding: 10px 30px 0 30px;
            position: absolute;
            left: 50%;
            right: auto;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%); } }
        @media only screen and (max-width: 767px) {
          .director-item .director-container li .director-content .director-list {
            padding: 15px 15px 30px 15px; } }
        .director-item .director-container li .director-content .director-list .director-name {
          font-size: 3.125em;
          font-family: "Playfair Display", serif;
          font-weight: 700; }
          @media (max-width: 1024px) and (min-width: 992px) {
            .director-item .director-container li .director-content .director-list .director-name {
              font-size: 1.875em; } }
          @media (max-width: 991px) and (min-width: 768px) {
            .director-item .director-container li .director-content .director-list .director-name {
              font-size: 1.5625em; } }
          @media only screen and (max-width: 767px) {
            .director-item .director-container li .director-content .director-list .director-name {
              font-size: 1.5625em; } }
          .director-item .director-container li .director-content .director-list .director-name a {
            color: #000; }
        .director-item .director-container li .director-content .director-list .director-category {
          letter-spacing: 1px;
          font-size: 0.75em;
          margin-top: 5px; }
          @media (max-width: 991px) and (min-width: 768px) {
            .director-item .director-container li .director-content .director-list .director-category {
              font-size: 0.6875em; } }
        .director-item .director-container li .director-content .director-list .director-desc {
          font-family: "pb-regular";
          line-height: 1.5em;
          margin-top: 30px; }
          @media (max-width: 1024px) and (min-width: 992px) {
            .director-item .director-container li .director-content .director-list .director-desc {
              margin-top: 20px; } }
          @media (max-width: 991px) and (min-width: 768px) {
            .director-item .director-container li .director-content .director-list .director-desc {
              font-size: 0.8125em;
              margin-top: 10px; } }
          @media only screen and (max-width: 767px) {
            .director-item .director-container li .director-content .director-list .director-desc {
              margin-top: 15px;
              font-size: 0.8125em; } }
    .director-item .director-container li:nth-child(2n+1) .director-img {
      float: left; }
    .director-item .director-container li:nth-child(2n+1) .director-content {
      float: right; }
    .director-item .director-container li:nth-child(2n) .director-img {
      float: right; }
    .director-item .director-container li:nth-child(2n) .director-content {
      float: left; }
  @media (max-width: 1024px) and (min-width: 768px) {
    .director-item .director-container .view {
      margin-top: 20px; } }
  @media only screen and (max-width: 767px) {
    .director-item .director-container .view {
      margin-top: 15px; } }

/*Detail director*/
.director-detail .director-social {
  padding-left: 15px;
  width: 100%;
  clear: both; }
  @media only screen and (max-width: 767px) {
    .director-detail .director-social {
      text-align: center; } }

.director-detail .fl-title {
  margin-bottom: 50px; }

.director-detail .detail-director-desc {
  font-size: 1.25em;
  color: #000;
  text-transform: uppercase;
  line-height: 1.7em;
  padding: 0 15px; }
  @media only screen and (max-width: 767px) {
    .director-detail .detail-director-desc {
      text-align: center;
      font-size: 16px; } }
  .director-detail .detail-director-desc img {
    opacity: 0.5; }
    .director-detail .detail-director-desc img:hover {
      opacity: 1; }

.director-detail .detail-derector-content {
  font-family: "pb-regular";
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.7em;
  padding: 0 15px; }
  @media only screen and (max-width: 767px) {
    .director-detail .detail-derector-content {
      font-size: 0.8125em;
      line-height: 1.5em;
      text-align: center;
      margin-top: 30px; } }

/*Detail timeline director*/
.cd-container {
  margin: 150px 0 100px 0; }
  .cd-container .fl-timeline {
    margin-bottom: 50px; }

.relation-project {
  margin-top: 100px; }
  .relation-project .relation-film {
    padding: 0 15px; }
    @media only screen and (min-width: 768px) {
      .relation-project .relation-film {
        min-height: 350px; } }
    .relation-project .relation-film img {
      width: 100%;
      height: auto; }
    .relation-project .relation-film .tab-p-category {
      font-size: 0.625em;
      letter-spacing: 3px; }
  .relation-project .fl-title {
    margin-bottom: 50px; }

/**feature film director**/
.fl-feature {
  padding: 150px 0 0 0;
  position: relative; }
  .fl-feature:before {
    content: "";
    background: #eaeaea;
    width: 100%;
    height: 85%;
    position: absolute;
    left: 0;
    top: 0; }
  .fl-feature .feature-video {
    padding: 0;
    margin-top: 30px; }
  .fl-feature .feature-title {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .fl-feature .feature-title {
        margin-bottom: 20px; } }
    .fl-feature .feature-title .fl-title-small {
      font-size: 0.875em; }
      @media only screen and (max-width: 767px) {
        .fl-feature .feature-title .fl-title-small {
          letter-spacing: 3px;
          font-size: 0.6875em; } }
      @media only screen and (min-width: 1920px) {
        .fl-feature .feature-title .fl-title-small {
          letter-spacing: 3px; } }
    .fl-feature .feature-title .fl-title-big {
      font-size: 3.125em;
      margin-bottom: -30px;
      margin-top: 0; }
      @media (max-width: 1024px) and (min-width: 992px) {
        .fl-feature .feature-title .fl-title-big {
          font-size: 2.5em;
          margin-bottom: -40px; } }
      @media (max-width: 991px) and (min-width: 768px) {
        .fl-feature .feature-title .fl-title-big {
          font-size: 2.1875em;
          margin-bottom: -30px; } }
      @media only screen and (max-width: 767px) {
        .fl-feature .feature-title .fl-title-big {
          font-size: 1.875em;
          margin-bottom: 0;
          margin-top: 0; } }
      @media (max-width: 320px) {
        .fl-feature .feature-title .fl-title-big {
          font-size: 1.5625em; } }
      .fl-feature .feature-title .fl-title-big a {
        color: #000; }
  .fl-feature .tab-p-name a {
    font-size: 1.5625em; }

.feature-social {
  width: 100%;
  clear: both;
  text-align: center;
  padding-top: 20px; }
  .feature-social ul li {
    padding: 0 25px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
    font-family: "pb-bold";
    font-size: 0.75em; }
    @media only screen and (max-width: 767px) {
      .feature-social ul li {
        padding: 0 15px; } }
    @media (max-width: 320px) {
      .feature-social ul li {
        padding: 0 10px !important; } }
    .feature-social ul li:first-child {
      font-size: 0.75em;
      border-left: none;
      letter-spacing: 8px;
      padding-right: 15px; }
      @media only screen and (max-width: 767px) {
        .feature-social ul li:first-child {
          letter-spacing: 4px; } }
    .feature-social ul li span {
      color: rgba(0, 0, 0, 0.8);
      font-size: 16px;
      margin-right: 5px; }
      @media only screen and (max-width: 767px) {
        .feature-social ul li span {
          font-size: 14px; } }
  .feature-social ul ul li {
    padding: 0 0 0 20px;
    border: none; }
    @media only screen and (max-width: 767px) {
      .feature-social ul ul li {
        font-size: 13px; } }
    @media (max-width: 320px) {
      .feature-social ul ul li {
        padding: 0 0 0 10px !important; } }
    .feature-social ul ul li:first-child {
      font-size: 14px;
      letter-spacing: 0;
      padding: 0;
      font-family: "pb-regular"; }
    .feature-social ul ul li a {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.5); }
      @media only screen and (max-width: 767px) {
        .feature-social ul ul li a {
          font-size: 13px; } }
    .feature-social ul ul li:hover a {
      color: #000; }

.relate-director {
  margin-top: 50px !important; }

/*
49 style shortcode team list
*/
.team-film-item {
  width: 100%; }
  .team-film-item .team-film-container {
    position: relative; }
    .team-film-item .team-film-container img {
      width: 100%;
      height: 100%;
      transition: all .5s ease-in-out;
      -webkit-transition: all .5s ease-in-out; }
    .team-film-item .team-film-container:hover .team-content {
      opacity: 1;
      top: 50%; }
  .team-film-item .ms-slide {
    background: #000; }
    .team-film-item .ms-slide:hover img {
      opacity: 0.5; }

.team-content {
  position: absolute;
  color: #fff;
  z-index: 2;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  top: 65%; }
  .team-content .team-name {
    font-family: "Playfair Display", serif;
    font-size: 1.875em;
    line-height: 38px; }
  .team-content .team-job {
    font-family: "pb-bold";
    font-size: 0.75em;
    letter-spacing: 1.5px;
    margin: 10px 0 35px 0; }
  .team-content .team-social {
    text-align: -webkit-center; }
    .team-content .team-social span {
      height: 1.563em;
      width: 1.6em;
      display: inline-block;
      background: #4d4d4d;
      border-radius: 50%;
      margin-right: 5px; }
      .team-content .team-social span a {
        font-size: 0.625em;
        color: #fff;
        font-family: "pb-bold"; }
      .team-content .team-social span:hover {
        background: #fff; }
        .team-content .team-social span:hover a {
          color: #4d4d4d; }

/*
50 style shortcode section blog 02
*/
/*BLog -02*/
.container-blog {
  color: #000; }
  .container-blog .box-center {
    padding: 0 15px; }
  .container-blog img {
    width: 100%;
    height: auto;
    height: 205px; }
    @media only screen and (max-width: 1024px) {
      .container-blog img {
        height: auto; } }
  .container-blog .blog-item .date {
    opacity: 0.5;
    padding: 0px 5px;
    border-left: 1px solid rgba(0, 0, 0, 0.5); }
  .container-blog a {
    color: #000; }

/*
51 style shortcode instagram
*/
/*instagram */
#fl_instagram {
  margin-bottom: -100px;
  display: table; }
  #fl_instagram .box-center {
    margin-bottom: 50px; }
    @media only screen and (max-width: 780px) {
      #fl_instagram .box-center {
        position: absolute;
        left: 50%;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        margin-bottom: 0; }
        #fl_instagram .box-center .title-gray {
          color: rgba(255, 255, 255, 0.5);
          font-size: 40px; } }
    @media only screen and (min-width: 300px) and (max-width: 500px) {
      #fl_instagram .box-center .title-gray {
        font-size: 24px; } }

.list-item-instagram {
  height: 240px;
  float: left;
  width: 100%; }
  .list-item-instagram .item-instagram {
    width: 12.5%;
    padding: 0;
    float: left;
    box-sizing: border-box;
    border: none;
    overflow: hidden !important; }
    @media only screen and (min-width: 1170px) {
      .list-item-instagram .item-instagram {
        height: 180px; } }
    @media only screen and (min-width: 1920px) {
      .list-item-instagram .item-instagram {
        height: 240px; } }
    @media only screen and (max-width: 1024px) {
      .list-item-instagram .item-instagram {
        height: 140px; } }
    @media (max-width: 767px) and (min-width: 500px) {
      .list-item-instagram .item-instagram {
        height: 150px;
        width: 25%; } }
    @media only screen and (min-width: 300px) and (max-width: 500px) {
      .list-item-instagram .item-instagram {
        height: 100px;
        width: 25%; } }
    .list-item-instagram .item-instagram img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

/* end instagram*/
.beau-list-istagram li {
  list-style: none; }

/*
51 style shortcode instagram
*/
.team-avatar, .info-team {
  margin-top: 30px; }

.team-avatar {
  padding-right: 15px;
  display: inline-block; }

.thumb-team {
  width: 100%;
  max-height: 600px;
  overflow: hidden; }
  .thumb-team img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.info-team {
  padding-left: 15px;
  display: inline-block; }
  .info-team .title-member {
    margin-bottom: 20px; }
    .info-team .title-member h3 {
      margin-top: 50px;
      text-transform: uppercase;
      color: #000;
      margin-bottom: 5px;
      font-size: 2.1875em;
      font-weight: bold; }
    .info-team .title-member .jobs {
      text-transform: lowercase;
      font-style: italic; }
      .info-team .title-member .jobs:first-letter {
        text-transform: uppercase; }
  .info-team .content-team {
    line-height: 23px; }
  .info-team .list-social {
    display: inline-block;
    padding-left: 0px;
    list-style: none;
    margin-top: 20px; }
    .info-team .list-social li {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background: #999;
      border-radius: 50%;
      margin: 2px; }
      .info-team .list-social li a {
        color: #fff; }
        .info-team .list-social li a:hover {
          color: #000; }