@font-face {
  font-family: 'Circe Light';
  src: url("../fonts/circe-light.woff2") format("woff2"), url("../fonts/circe-light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Circe Extra Light';
  src: url("../fonts/circe-extra-light.woff2") format("woff2"), url("../fonts/circe-extra-light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Circe Regular';
  src: url("../fonts/circe-regular.woff2") format("woff2"), url("../fonts/circe-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
body .topline-cover {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0; }
body header {
  height: 515px;
  text-align: center;
  font-family: 'Circe Light'; }
  body header .logo {
    margin: 20px 0 0 0; }
    body header .logo img {
      width: 120px;
      height: auto; }
  body header .logo-top-left {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 5px;
    left: 5px; }
    body header .logo-top-left img {
      width: 120px;
      height: auto; }
  body header span.short-annouce {
    display: inline-block;
    margin: 20px 0 10px 0;
    font-style: italic;
    color: #6e6e6e;
    font-size: 1rem; }
  body header p {
    padding: 0 20px; }
  body header .header_title {
    margin-bottom: 25px; }
    body header .header_title img {
      height: 90px; }
body .talent {
  height: auto;
  font-family: 'Circe Light';
  padding: 25px 0 0 0; }
  body .talent .about {
    text-align: center;
    margin-top: 21px; }
    body .talent .about h3 {
      font-size: 2.1rem;
      line-height: 1.8rem; }
    body .talent .about .career {
      display: inline-block;
      font-style: italic;
      font-family: 'Circe Extra Light';
      padding-bottom: 15px;
      font-size: 1rem; }
    body .talent .about .line_after_name {
      margin: 0 auto;
      width: 80px;
      height: 1px; }
    body .talent .about p {
      margin-top: 15px;
      font-size: 0.9rem;
      line-height: 1rem; }
  body .talent .watch {
    background-size: contain !important;
    height: 100px; }
  body .talent .animation {
    cursor: url("../images/cursor.png"), pointer;
    background-position-x: center !important;
    height: 334px; }
body #talent-1 {
  background: url("../images/talent-bg-1.jpg"); }
  body #talent-1 .animation {
    background: url("../images/sm-talent-1.jpg") no-repeat;
    background-position-x: 32% !important; }
  body #talent-1 .loading {
    background: url("../images/red.gif") no-repeat center center !important; }
  body #talent-1 .watch {
    background: url("../images/sm-talent-watch-1.png") no-repeat center center; }
  body #talent-1 .topline-cover {
    background: url("../images/talent-bg-1.jpg"); }
body #talent-2 {
  background: url("../images/talent-bg-2.jpg"); }
  body #talent-2 .animation {
    background: url("../images/sm-talent-2.jpg") no-repeat;
    background-position-x: 23% !important; }
  body #talent-2 .loading {
    background: url("../images/green.gif") no-repeat center center !important; }
  body #talent-2 .watch {
    background: url("../images/sm-talent-watch-2.png") no-repeat center center; }
  body #talent-2 .about {
    color: #fff !important; }
  body #talent-2 .topline-cover {
    background: url("../images/talent-bg-2.jpg"); }
body #talent-3 {
  background: url("../images/talent-bg-3.jpg"); }
  body #talent-3 .animation {
    background: url("../images/sm-talent-3.jpg") no-repeat;
    background-position-x: 35% !important; }
  body #talent-3 .loading {
    background: url("../images/yellow.gif") no-repeat center center !important; }
  body #talent-3 .watch {
    background: url("../images/sm-talent-watch-3.png") no-repeat center center; }
  body #talent-3 .topline-cover {
    background: url("../images/talent-bg-3.jpg"); }
body #talent-4 {
  background: url("../images/talent-bg-4.jpg"); }
  body #talent-4 .animation {
    background: url("../images/sm-talent-4.jpg") no-repeat; }
  body #talent-4 .loading {
    background: url("../images/blue.gif") no-repeat center center !important; }
  body #talent-4 .watch {
    background: url("../images/sm-talent-watch-4.png") no-repeat center center; }
  body #talent-4 .about {
    color: #fff !important; }
  body #talent-4 .topline-cover {
    background: url("../images/talent-bg-4.jpg"); }
body footer {
  height: auto;
  font-family: 'Circe Light';
  text-align: center; }
  body footer .social-button li {
    padding: 0 15px;
    margin: 80px 0 50px 0; }
    body footer .social-button li img {
      width: 28px;
      height: 28px; }
  body footer .social-button li:first-child img {
    width: 15px;
    height: 26px; }
  body footer .read-it {
    display: inline-block;
    text-transform: uppercase;
    font-size: 1.1rem;
    margin: 25px 0 25px 0; }
    body footer .read-it a {
      font-family: 'Circe Regular';
      color: #050505;
      text-decoration: none;
      font-weight: bold; }
    body footer .read-it a:hover {
      color: #6e6e6e !important;
      text-decoration: none; }
  body footer .logo {
    margin: 40px 0 15px 0; }
    body footer .logo img {
      width: 120px;
      height: auto; }

@media (min-width: 360px) {
  body header {
    height: 595px; }
    body header .logo {
      margin: 50px 0 0 0; }
    body header span.short-annouce {
      margin: 50px 0 30px 0;
      font-size: 1.1rem; }
    body header p {
      font-size: 1.1rem; }
  body .talent .about .career {
    font-size: 1.1rem; }
  body .talent .about p {
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0 20px; } }
@media (min-width: 414px) {
  body header .logo {
    margin: 65px 0 0 0; }
  body header h1 {
    font-size: 3rem; }
  body header span.short-annouce {
    margin: 55px 0 30px 0;
    font-size: 1.2rem; }
  body header p {
    font-size: 1.2rem; }
  body .talent .about .career {
    font-size: 1.1rem; }
  body .talent .about p {
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0 20px; } }
@media (min-width: 768px) {
  body header {
    height: 670px; }
    body header .logo {
      margin: 100px 0 0 0; }
    body header h1 {
      font-size: 3.5rem; }
    body header span.short-annouce {
      margin: 80px 0 40px 0;
      font-size: 1.2rem; }
    body header p {
      font-size: 1.2rem;
      margin: 33px 0 0 0; }
    body header .header_title img {
      height: 170px; }
  body .talent .about .career {
    font-size: 1.2rem; }
  body .talent .about p {
    font-size: 1.1rem;
    line-height: 1.2rem;
    padding: 0 75px; }
  body #talent-1 .animation {
    background-position-x: center !important; }
  body #talent-2 .animation {
    background-position-x: center !important; }
  body #talent-3 .animation {
    background-position-x: center !important; }
  body #talent-4 .animation {
    background-position-x: center !important; } }
@media (min-width: 1200px) {
  body .container {
    width: 1280px; }
  body header {
    height: 710px; }
    body header .logo {
      margin: 70px 0 0 0; }
      body header .logo img {
        width: 120px; }
    body header .logo-top-left {
      top: 5px;
      left: 5px; }
      body header .logo-top-left img {
        width: 120px; }
    body header span.short-annouce {
      margin: 80px 0 0 0;
      font-size: 1.1rem; }
    body header h1 {
      font-size: 6rem;
      margin: 25px 0 40px 0; }
    body header p {
      font-size: 1.1rem; }
    body header .header_title {
      margin-top: 15px;
      margin-bottom: 0px; }
      body header .header_title img {
        height: 275px; }
  body .talent {
    height: 521px;
    padding: 55px 0 0 0;
    margin-left: -130px; }
    body .talent .about {
      margin-top: 28px; }
      body .talent .about h3 {
        font-size: 3.5rem;
        line-height: 3rem; }
      body .talent .about .career {
        font-size: 1.1rem;
        padding-bottom: 40px; }
      body .talent .about p {
        margin-top: 50px;
        font-size: 1rem;
        padding: 0 0; }
    body .talent .animation {
      height: 466px;
      cursor: url("../images/cursor.png"), pointer; }
    body .talent .watch {
      height: 454px;
      background-size: contain !important; }
  body #talent-1 {
    background: url("../images/talent-bg-1.jpg"); }
    body #talent-1 .animation {
      background: url("../images/talent-1.jpg") no-repeat;
      background-position-x: -60px !important;
      max-width: 500px;
      flex: 0 0 500px; }
    body #talent-1 .loading {
      background: url("../images/red.gif") no-repeat center center !important; }
    body #talent-1 .line_after_name {
      background-color: #292b2c; }
    body #talent-1 .watch {
      background: url("../images/talent-watch-1.png") no-repeat center center;
      max-width: 288px;
      flex: 0 0 288px; }
    body #talent-1 .about {
      max-width: 492px;
      flex: 0 0 492px;
      padding: 0 51px; }
  body #talent-2 {
    background: url("../images/talent-bg-2.jpg"); }
    body #talent-2 .animation {
      background: url("../images/talent-2.jpg") no-repeat;
      background-position-x: -71px !important;
      max-width: 480px;
      flex: 0 0 480px; }
    body #talent-2 .loading {
      background: url("../images/green.gif") no-repeat center center !important; }
    body #talent-2 .watch {
      background: url("../images/talent-watch-2.png") no-repeat center center;
      max-width: 275px;
      flex: 0 0 275px; }
    body #talent-2 .about {
      max-width: 505px;
      flex: 0 0 505px;
      padding: 0 25px; }
      body #talent-2 .about .line_after_name {
        background-color: #fff; }
  body #talent-3 {
    background: url("../images/talent-bg-3.jpg"); }
    body #talent-3 .animation {
      background: url("../images/talent-3.jpg") no-repeat;
      max-width: 500px;
      flex: 0 0 500px;
      background-position-x: -84px !important; }
    body #talent-3 .loading {
      background: url("../images/yellow.gif") no-repeat center center !important; }
    body #talent-3 .line_after_name {
      background-color: #292b2c; }
    body #talent-3 .watch {
      background: url("../images/talent-watch-3.png") no-repeat center center;
      max-width: 285px;
      flex: 0 0 285px; }
    body #talent-3 .about {
      max-width: 470px;
      flex: 0 0 470px;
      padding: 0 36px; }
  body #talent-4 {
    background: url("../images/talent-bg-4.jpg"); }
    body #talent-4 .animation {
      background: url("../images/talent-4.jpg") no-repeat;
      background-position-x: -80px !important;
      max-width: 480px;
      flex: 0 0 480px; }
    body #talent-4 .loading {
      background: url("../images/blue.gif") no-repeat center center !important; }
    body #talent-4 .about {
      max-width: 496px;
      flex: 0 0 496px;
      padding: 0 8px; }
      body #talent-4 .about .line_after_name {
        background-color: #fff; }
    body #talent-4 .watch {
      background: url("../images/talent-watch-4.png") no-repeat center center;
      flex: 0 0 300px;
      max-width: 300px; }
  body footer {
    font-size: 1.1rem; } }

/*# sourceMappingURL=style.css.map */
