#resposive_element, body, html {
  overflow-x: hidden;
  overflow-y: hidden; }

@font-face {
  font-family: argentcf-light;
  src: url(../font/argentcf-light-webfont.woff); }
@font-face {
  font-family: montserrat-bold-webfont;
  src: url(../font/montserrat-bold-webfont.woff); }
img {
  border: 0; }

button {
  font-size: 0;
  line-height: 0; }

.clear {
  clear: both; }

.voiceout {
  color: transparent;
  position: absolute;
  width: 100%;
  height: 100%; }

div, input, p {
  font-family: argentcf-light; }

a, a:active {
  color: #404040;
  text-decoration: none;
  outline: none; }

a:hover {
  text-decoration: underline; }

div#form_part div.explain a:hover, div#form_part div.footer a:hover, div#intro_part div.introduction a:hover {
  text-decoration: none; }

p {
  font-size: 15px;
  line-height: 25px;
  color: #898989; }

body {
  overflow: hidden; }

.float_left {
  float: left; }

.float_right {
  float: right; }

.eraser {
  outline: 0; }

#slide-up-sign {
  display: none; }

body#landscape-iphone #rp_logo {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

#resposive_element {
  display: none;
  position: relative;
  width: 100%;
  height: 100%; }

#resposive_element #rp_intro_part_img {
  width: 100%;
  max-width: 100%; }

#resposive_element .rp_container {
  width: 100%;
  margin: 0 auto;
  padding: 0; }

#resposive_element #resposive_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 130px;
  z-index: 1000;
  background: white;
  -webkit-transition: all .5s;
  transition: all 0.5s; }

#resposive_element #resposive_header .rp_container {
  position: relative;
  z-index: 1000; }

#resposive_element * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

#resposive_element #rp_heart_part_content_on_iphone, #resposive_element .rp_heart_part_list_portrait {
  display: none; }

#resposive_element .part {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 135px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: all .5s;
  transition: all 0.5s; }

.slimScrollDiv {
  -webkit-transition: all .5s;
  transition: all 0.5s; }

#resposive_element .part .rp_container {
  padding-bottom: 30px; }

#resposive_element #rp_logo img {
  width: 102px;
  margin: 15px 0 0; }

#resposive_element #rp_subpage_button {
  position: relative;
  right: 0;
  top: 35px;
  cursor: pointer; }

#resposive_element #rp_subpage_button .rp_subpage_button_strip {
  background: #b0b0b0;
  width: 40px;
  height: 3px;
  margin-bottom: 8px;
  -webkit-transition: all .5s;
  transition: all .5s;
  position: relative;
  top: 0;
  opacity: 1; }

#rp_subpage_menu, #rp_subpage_menu .rp_subpage_menu_item {
  width: 100%;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none; }

#resposive_element #rp_subpage_button.open .rp_subpage_button_strip.first {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#resposive_element #rp_subpage_button.open .rp_subpage_button_strip.second {
  -ms-transform: translate(-50px, 0);
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
  opacity: 0; }

#resposive_element #rp_subpage_button.open .rp_subpage_button_strip.last {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -22px; }

#rp_subpage_menu {
  background-color: rgba(255, 255, 255, 0.95);
  position: absolute;
  top: -100%;
  left: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  z-index: 1000;
  padding-top: 30px; }

#rp_subpage_menu.open {
  opacity: 1;
  top: 90px;
  height: 100%; }

#rp_subpage_menu .rp_subpage_menu_item {
  float: left;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 0;
  text-decoration: none;
  color: #464646;
  font-family: montserrat-bold-webfont;
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.4; }

#resposive_element #rp_intro_part_heading, #resposive_element .rp_heart_part_heading, #resposive_element .rp_heart_part_list_heading, #rp_form_part_heading, #rp_form_part_sub_heading {
  font-family: montserrat-bold-webfont;
  color: #404040;
  text-transform: uppercase;
  line-height: 1; }

#rp_subpage_menu.open .rp_subpage_menu_item {
  opacity: 1; }

#resposive_element #responsive_home_part {
  background: url(../img/mobile/rp_hand_img.png) center bottom no-repeat; }

#resposive_element #responsive_intro_part {
  background: url(../img/mobile/rp_intro_bg.jpg) center bottom no-repeat;
  background-size: cover; }

#resposive_element #rp_heart_part {
  background: url(../img/mobile/rp_heart_bg.jpg) center bottom no-repeat;
  background-size: cover; }

#resposive_element #rp_involved_part {
  background: url(../img/mobile/rp_involved_part_bg.png) center bottom no-repeat;
  background-size: cover; }

#resposive_element #rp_involved_part_hand_paper {
  width: 664px;
  height: 700px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -252px;
  bottom: 0; }

#resposive_element #rp_involved_part_hand_paper .inner {
  background: url(../img/hand_with_paper.png) center bottom no-repeat;
  background-size: cover;
  width: 852px;
  height: 991px; }

#resposive_element #rp_heart_part_magnifier {
  margin: -437px auto 0;
  width: 470px;
  height: 481px;
  position: relative; }

#resposive_element #rp_heart_part_magnifier .inner {
  background: url(../img/mobile/rp_magnifier.png) 100% 10px no-repeat;
  width: 737px;
  height: 481px;
  padding-bottom: 10px;
  box-sizing: content-box;
  left: 15px;
  position: absolute;
  z-index: 1; }

#resposive_element #rp_intro_part_information, #resposive_element #rp_intro_part_iphone {
  width: 50%;
  float: left; }

#resposive_element #rp_intro_part_heading {
  font-size: 22px;
  margin: 0;
  padding: 0 0 15px; }

#resposive_element .heading_strip {
  width: 75px;
  height: 1px;
  background: #a09f9f;
  margin-bottom: 20px; }

#resposive_element .rp_heart_part_heading {
  text-align: center;
  font-size: 22px;
  margin: 40px 0 0;
  padding: 0; }

#resposive_element .rp_heart_part_list {
  margin: 0;
  padding: 0;
  list-style: none; }

#resposive_element .rp_heart_part_list li {
  list-style: none;
  float: left;
  width: 33.33%;
  display: block;
  padding: 0 15px; }

#resposive_element .rp_heart_part_list_heading {
  font-size: 22px;
  margin: 40px 0 0;
  padding: 0 0 15px;
  text-align: center; }

.rp_heart_part_list .heading_strip {
  margin: 0 auto 20px; }

.rp_heart_part_list_text {
  text-align: center; }

#rp_form_part_heading {
  font-size: 30px;
  margin: 15px 0 60px;
  padding: 0;
  text-align: center; }

#rp_form_part_sub_heading {
  font-size: 17px;
  margin: 0;
  padding: 0 0 15px;
  text-align: left; }

#rp_form_part_form {
  float: left;
  width: 50%; }

#rp_form_part_information {
  float: none;
  width: 100%;
  margin: 0 auto; }
  @media screen and (min-width: 769px) {
    #rp_form_part_information {
      max-width: 300px; } }

#rp_form_part_form input[type=submit] {
  margin-right: 0;
  margin-top: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

#rp_form_part_form input[type=text], #rp_form_part_form select {
  max-width: 380px;
  width: 100%;
  height: 45px;
  float: right;
  margin: 0 0 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #696969; }

#rp_form_part_footer_right a, #rp_heart_part_content_on_iphone_information, .rp_heart_part_list_portrait .rp_heart_part_list_text {
  color: #898989; }

#rp_form_part_form textarea {
  max-width: 380px;
  width: 100%;
  height: 115px;
  float: right;
  margin: 0 0 15px;
  appearance: none; }

#rp_form_part_form textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none; }

#rp_form_part_form label {
  display: block; }

#rp_form_part_form label:after {
  display: block;
  content: "";
  clear: both; }

.rp_how_box:after, div.side_nav:after {
  content: " ";
  clear: both; }

#rp_form_part_content p {
  margin: 0 0 30px; }

#rp_form_part_content p a {
  font-weight: 700; }

#rp_form_part_form p {
  float: right !important;
  width: 380px !important; }

#rp_form_part {
  padding-bottom: 0; }

#resposive_element #rp_form_part .rp_container {
  position: relative;
  padding-bottom: 60px; }

#rp_form_part_footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 0 100px; }

#rp_form_part_footer_left, #rp_form_part_footer_right {
  color: #898989;
  font-family: montserrat-bold-webfont;
  line-height: 20px;
  font-size: 11px; }

#rp_page_navi {
  position: fixed;
  right: 25px;
  top: 50%;
  margin-top: -107.5px;
  z-index: 100; }

#rp_page_navi ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 15px; }

#rp_page_navi ul li {
  margin: 0;
  padding: 0 0 35px;
  float: left;
  display: block; }

#rp_page_navi ul li .circle {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 15px;
  height: 15px;
  background: 0 0;
  border: 1px solid #787878;
  cursor: pointer; }

#next, #prev, #rp_involved_part .mainimg, #rp_subpage_page, .paperimg.artist {
  display: none; }

#rp_page_navi ul li.selected .circle {
  background: #000; }

#rp_page_navi ul li#rp_form_side {
  margin: 0; }

.rp_how_box .rp_box_heading, .rp_subpage_heading {
  font-family: montserrat-bold-webfont;
  color: #404040;
  text-transform: uppercase; }

#rp_heart_part_list_portrait {
  position: relative;
  height: 20px;
  top: -115px;
  width: 100%; }

#prev, #rp_subpage_page, .paperimg {
  position: absolute; }

#prev {
  width: 0;
  height: 0;
  border-right: 10px solid #000;
  left: 0;
  padding-right: 30px;
  user-select: none; }

#next, #prev {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

#prev:focus {
  background: 0 0; }

.paperimg.artist {
  top: 306px;
  left: 120px; }

.paperimg.cotributor {
  top: 440px;
  left: 120px;
  display: none; }

#rp_subpage_page {
  height: 100%;
  width: 100%;
  background: #fff;
  top: 100%;
  left: 0;
  transition: all .5s;
  -webkit-transition: all .5s;
  z-index: 800; }

#rp_subpage_page.open {
  top: 130px; }

#slide-up-sign {
  position: fixed;
  right: 15px;
  margin-left: -15px;
  bottom: 15px;
  transition: all .5s;
  -webkit-transition: all .5s;
  opacity: .7;
  width: 30px;
  z-index: 1000; }

#next {
  width: 0;
  height: 0;
  border-left: 10px solid #000;
  position: absolute;
  right: 0;
  padding-left: 30px;
  user-select: none; }

#next:focus {
  background: 0 0; }

.rp_subpage_heading {
  font-size: 22px;
  margin: 30px 0 0;
  padding: 0 0 15px;
  line-height: 1;
  text-align: center; }

.rp_subpage_strip {
  width: 75px;
  height: 1px;
  background: #a09f9f;
  margin: 0 auto 20px; }

.rp_subpage_content {
  margin-bottom: 45px;
  line-height: 20px; }

.rp_subpage_content p {
  text-align: center; }

.rp_box_container {
  width: 100%;
  padding-bottom: 30px; }

.rp_box_container img {
  width: 33.33%;
  display: block;
  float: left; }

.rp_how_box {
  width: 100%;
  margin-bottom: 50px; }

.rp_box_sub_heading, .rp_how_box .rp_box_heading {
  text-align: center;
  font-size: 22px;
  width: 100%;
  margin-bottom: 25px; }

.rp_how_box:after {
  display: block; }

.rp_how_box .rp_box_heading {
  background: url(../img/mobile/dot_dot.png) repeat-x;
  line-height: 50px;
  background-size: contain; }

.rp_box_sub_heading {
  font-family: montserrat-bold-webfont;
  color: #404040;
  text-transform: uppercase;
  line-height: 1.4; }

.rp_subpage_faq_tem_no, .rp_subpage_faq_tem_text {
  text-transform: uppercase;
  vertical-align: middle;
  float: left;
  font-family: montserrat-bold-webfont;
  color: #404040;
  line-height: 24px; }

.rp_how_box .rp_how_img {
  display: block;
  margin: 0 auto 15px; }

.rp_how_box .rp_subpage_strip {
  margin-bottom: 25px; }

.rp_how_box p {
  text-align: center; }

#rp_city {
  display: block;
  margin: 0 auto;
  max-width: 100%; }

.rp_subpage_faq_tem {
  margin-bottom: 30px; }

.rp_subpage_faq_tem_heading {
  margin-bottom: 15px;
  background: #eee;
  padding: 15px; }

.rp_subpage_faq_tem_no {
  font-size: 20px;
  width: 5%; }

.rp_subpage_faq_tem_text {
  font-size: 15px;
  width: 95%;
  padding-left: 15px; }

.rp_subpage_faq_tem p {
  margin-bottom: 15px; }

h1, h2, h3, input, select, span, textarea {
  font-family: montserrat-bold-webfont;
  color: #404040; }

button.skip, div.loader p {
  font-family: montserrat-bold-webfont;
  font-size: 14px; }

.bottombar, .topbar {
  position: fixed;
  width: 100%;
  background-color: #000;
  z-index: 2000; }

.bottombar {
  bottom: 0; }

body {
  margin: 0; }

h1, h2, h3 {
  text-transform: uppercase; }

input, select, textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

div.part {
  height: 1407px;
  width: 100%; }

div.section {
  width: 960px;
  margin: auto; }

@media screen and (max-width: 740px) {
  div.block {
    display: block; } }
div.loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  background-color: #fff; }

div.loader img, div.loader p {
  position: absolute;
  right: 0;
  margin: auto; }

div.loader img {
  left: 0;
  top: 0;
  bottom: 0; }

div.loader img.SOH_loading {
  bottom: 100px;
  width: 120px; }

div.loader p {
  color: #464646;
  left: 110px;
  top: 115px;
  bottom: 0;
  height: 50px;
  text-align: right; }

div.loader p.loading {
  text-align: left;
  width: 190px; }

div.loader p.point01 {
  width: 0;
  -webkit-animation: point01 3s linear infinite;
  -moz-animation: point01 3s linear infinite;
  -ms-animation: point01 3s linear infinite;
  -o-animation: point01 3s linear infinite;
  animation: point01 3s linear infinite; }

@-webkit-keyframes point01 {
  0%,100% {
    color: #fff; }
  25% {
    color: #464646; } }
@keyframes point01 {
  0%,100% {
    color: #fff; }
  25% {
    color: #464646; } }
div.loader p.point02 {
  width: 20px;
  -webkit-animation: point02 3s linear infinite;
  -moz-animation: point02 3s linear infinite;
  -ms-animation: point02 3s linear infinite;
  -o-animation: point02 3s linear infinite;
  animation: point02 3s linear infinite; }

@-webkit-keyframes point02 {
  0%,100% {
    color: #fff; }
  50% {
    color: #464646; } }
@keyframes point02 {
  0%,100% {
    color: #fff; }
  50% {
    color: #464646; } }
div.loader p.point03 {
  width: 32px;
  -webkit-animation: point03 3s linear infinite;
  -moz-animation: point03 3s linear infinite;
  -ms-animation: point03 3s linear infinite;
  -o-animation: point03 3s linear infinite;
  animation: point03 3s linear infinite; }

@-webkit-keyframes point03 {
  0%,100% {
    color: #fff; }
  75% {
    color: #464646; } }
@keyframes point03 {
  0%,100% {
    color: #fff; }
  75% {
    color: #464646; } }
div.loader p.point01, div.loader p.point02, div.loader p.point03 {
  left: 60px; }

div#logo {
  position: fixed;
  top: 17px;
  left: 35px;
  z-index: 99; }

div#w3award > a, div#logo > a {
  display: block; }

div#w3award > a:focus, div#logo > a:focus {
  border: none !important; }

div#logo > a > img {
  height: 115px;
  width: 115px;
  border: 0; }

div#w3award {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0px;
  margin: auto;
  z-index: 99;
  width: 80px;
  height: 80px; }

div.side_nav {
  position: fixed;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 20000;
  display: none;
  padding: 0px 2px;
  width: 25px;
  height: 230px; }

div.side_nav:after {
  display: block; }

div.side_nav ul {
  list-style: none;
  display: block;
  float: left; }

div.side_nav li {
  display: block;
  padding: 15px 30px;
  width: 20px;
  position: relative;
  cursor: pointer; }

div.side_nav li > p {
  position: absolute;
  text-align: right;
  width: 170px;
  right: 35px;
  top: 8px;
  z-index: -99;
  opacity: 0;
  transition: opacity 1s;
  font-size: 10px;
  font-family: montserrat-bold-webfont;
  text-transform: uppercase; }

div.side_nav li:hover > p {
  z-index: 1;
  opacity: 0.9; }

div.side_nav li > div.circle {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 10px;
  height: 10px;
  cursor: pointer;
  background-color: #787878;
  margin: auto;
  opacity: 0.9;
  transition: all .25s; }

div.side_nav li:hover > div.circle {
  -ms-transform: scale(0.8, 0.8);
  /* IE 9 */
  -webkit-transform: scale(0.8, 0.8);
  /* Safari */
  transform: scale(0.8, 0.8);
  /* Standard syntax */ }

div.side_nav > div.line {
  height: 190px;
  width: 1px;
  background-color: #999;
  position: absolute;
  right: 10px;
  top: 0;
  margin-top: 6px;
  z-index: -1; }

div.scrolldown_wrap {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
  z-index: 999;
  display: none;
  width: 150px; }

div.mouse-scrolldown {
  float: left; }

#open_video, button.skip {
  margin: auto;
  position: absolute; }

div.mouse-scrolldown02 {
  float: right; }

div.mouse-scrolldown img {
  width: 90px;
  padding-top: 15px; }

div.mouse_arrow {
  width: 30px;
  height: 28px;
  background: url(../img/mouse-arrows.svg) 12px 3px no-repeat;
  background-size: 51%;
  -webkit-animation: arrow_move 1s infinite;
  animation: arrow_move 1s infinite; }

@-webkit-keyframes arrow_move {
  from {
    background-position: 12px 3px; }
  to {
    background-position: 12px 29px; } }
@keyframes arrow_move {
  from {
    background-position: 12px 3px; }
  to {
    background-position: 12px 29px; } }
div.mouse {
  width: 40px;
  height: 50px;
  background: url(../img/mouse-scrolldown_1.svg) center no-repeat;
  background-size: 100%; }

#large-desktop #home {
  background: url(../img/Final.png) center no-repeat; }
  #large-desktop #home div.scrolldown_wrap {
    bottom: 19%; }

div#home {
  background: url(../img/Final.png) center -75px no-repeat;
  z-index: 0;
  top: 0; }

button.skip {
  left: 0;
  width: 135px;
  height: 55px;
  right: 0;
  bottom: 90px;
  cursor: pointer;
  border: 2px solid #ccc;
  color: #ccc;
  background-color: transparent;
  outline: 0; }

button.skip:hover {
  background-color: #ccc;
  color: #fff; }

#open_video {
  left: -600px;
  right: -600px;
  top: -74px; }

div#home div.iPhone, div#home img.fingers, div.hand {
  display: none;
  position: fixed; }

div.wrap {
  width: 658px;
  margin: auto;
  padding-left: 120px; }

div.hand {
  background: url(../img/hand.png) bottom center no-repeat;
  background-size: 100%;
  height: 714px;
  width: 578px;
  margin: auto auto 160px 42px;
  top: 350px; }

div#home img.fingers {
  z-index: 2;
  margin-left: 44px;
  top: 459px;
  margin-bottom: 600px; }

div#home div.iPhone {
  background: url(../img/iPhone.png) bottom center no-repeat;
  height: 667px;
  width: 325px;
  margin-bottom: 225px;
  margin-left: 66px;
  z-index: 1;
  top: 110px; }

div#home div.iPhone > img.flash {
  display: none;
  margin-top: 199px;
  margin-left: 47px;
  position: absolute;
  z-index: 1; }

div#home div.iPhone > img.instagram_afterlike, div#home div.iPhone > img.instagram_like, div#home div.iPhone > img.instagram_normal {
  display: none;
  margin-top: 199px;
  margin-left: 47px;
  position: absolute; }

div#home div.iPhone > img.facebook_bg {
  display: none;
  margin-top: 199px;
  margin-left: 47px;
  position: absolute; }

img.photo {
  display: none;
  position: absolute;
  left: 0;
  margin-left: 46px;
  top: 226px;
  z-index: 0; }

div#intro_part {
  background: url(../img/intro_bg.jpg) center no-repeat fixed;
  height: 3000px; }

div#intro_part div.introduction {
  position: absolute;
  margin-left: 750px;
  margin-top: 400px;
  width: 285px;
  color: #404040; }

div.gray_line {
  height: 2px;
  width: 96px;
  background-color: #aeaeae; }

div#intro_part div.introduction > h3 {
  font-size: 22px;
  margin-bottom: 30px; }

div#intro_part div.introduction > p {
  display: table;
  padding: 20px 0; }

div#intro_part div.introduction > p:last-child {
  padding-top: 0; }

div#intro_part div.introduction a {
  display: table; }

div#intro_part div.introduction span {
  font-weight: 700;
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
  font-size: 16px; }

div#heart_part {
  position: relative;
  height: 6500px; }

#zoom {
  background: url("../img/Magnify Glass.png") left top no-repeat;
  width: 1235px;
  height: 727px;
  position: fixed;
  top: 137px;
  margin-left: 248px;
  padding-top: 190px;
  padding-left: 70px;
  z-index: 3; }

#glass {
  background: url(../img/heart.png) center center no-repeat #fff;
  height: 474px;
  width: 470px;
  border-radius: 50%;
  margin-top: -171px;
  margin-left: -56px; }

#zoom img.he {
  opacity: 0;
  position: absolute;
  margin-top: 162px;
  margin-left: 38px;
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

#zoom img.art {
  display: none;
  position: absolute;
  margin-left: 174px;
  margin-top: 144px;
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

div#heart_part div.heart_text {
  position: absolute;
  margin: auto auto 60px;
  width: 1200px;
  display: inline;
  top: 700px; }

#art_front, #he_front, #heart_front {
  display: none;
  position: fixed; }

div#heart_part div.heart_text > div {
  width: 30%;
  float: left;
  padding-right: 100px; }

div#heart_part div.heart_text h3 {
  font-size: 22px;
  margin: 10px 0; }

div#heart_part div.heart_text > h3 {
  margin-top: -45px;
  text-align: center;
  margin-bottom: 55px;
  padding-right: 200px; }

div#heart_part div.heart_text p {
  padding: 10px 0; }

#he_bg {
  background: url(../img/HE-Background.jpg) top center no-repeat fixed;
  width: 100%;
  height: 2500px; }

#art_bg, #heart_bg {
  width: 100%;
  height: 2000px; }

#art_bg {
  background: url(../img/ART-Background.jpg) top center no-repeat fixed; }

#heart_bg {
  background: url(../img/HEART-background.jpg) top center no-repeat fixed; }

#he_front {
  top: 330px;
  margin-left: -100px; }

#art_front {
  top: 259px;
  margin-left: -110px; }

#heart_front {
  top: 370px;
  margin-left: -115px; }

div#heart_part div.iPhone > img {
  margin-left: 18px;
  margin-top: 86px; }

div#involved_part {
  height: 5500px;
  position: relative;
  z-index: 5; }

div#involved_part div.involved_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../img/05.jpg) 0 -274.5px no-repeat; }

div#involved_part div#hand_with_paper {
  background: url(../img/hand_with_paper.png) right center no-repeat;
  position: absolute;
  margin-left: 55px;
  bottom: 1880px;
  height: 1034px;
  width: 1034px; }

div#involved_part div#hand_with_paper > div {
  font-size: 85px;
  margin-left: 295px;
  font-family: montserrat-bold-webfont;
  color: #404040;
  text-transform: uppercase; }

div#involved_part div#hand_with_paper > div.designers {
  margin-top: 303px; }

div#involved_part div#hand_with_paper > div.creators {
  margin-top: 36px; }

div#involved_part img.layers {
  position: absolute; }

div#involved_part img#layer1 {
  top: 472px;
  width: 978px;
  margin-left: 0; }

div#involved_part img#layer2 {
  margin-left: 385px;
  width: 834px;
  top: 208px; }

div#involved_part img#layer3 {
  width: 604px;
  top: 205px;
  margin-left: -26px; }

div#involved_part img#layer4 {
  top: 16px;
  width: 580px;
  margin-left: 149px; }

div#form_part {
  position: relative;
  background-color: #fff;
  height: 990px;
  z-index: 6;
  color: #404040; }

div#form_part h1 {
  font-size: 50px;
  text-align: center;
  padding-top: 200px;
  padding-bottom: 50px;
  margin: 0; }

div#form_part div.form {
  float: left;
  width: 60%;
  height: 500px; }

input[type=text], select {
  width: 460px;
  height: 50px; }

input[type=text], select, textarea {
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 10px;
  padding-left: 15px;
  border: 1px solid #696969; }

input[type=submit] {
  height: 45px;
  width: 150px;
  background-color: #464646;
  color: #fff;
  text-transform: uppercase;
  border: none;
  float: right;
  margin-right: 114px;
  font-size: 14px;
  cursor: pointer; }

textarea {
  width: 460px;
  height: 150px;
  padding-top: 10px; }

select {
  overflow: hidden;
  background: url(../img/arrow.png) 95% center no-repeat #fff;
  appearance: none;
  text-transform: uppercase; }

.msie select {
  background: 0 0; }

div#form_part div.explain {
  float: right;
  width: 100%;
  padding: 0 290px;
  height: 500px;
  position: relative; }
div#form_part div.explain > h3 {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 20px; }
div#form_part div.explain > p {
  font-size: 15px;
  display: table;
  padding: 20px 0; }
div#form_part div.explain > p.facebook2 {
  padding-top: 0; }
div#form_part div.explain a {
  display: table; }
div#form_part div.explain span {
  font-weight: 700;
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
  font-size: 16px; }
div#form_part div.footer {
  position: absolute;
  bottom: 30px;
  width: 960px; }
  div#form_part div.footer p {
    font-size: 11px;
    color: #a1a1a1; }
    div#form_part div.footer p:first-child {
      width: 50%;
      float: left;
      text-align: left;
      font-family: montserrat-bold-webfont; }
    div#form_part div.footer p:last-child {
      width: 50%;
      float: right;
      text-align: right;
      font-family: montserrat-bold-webfont; }

div#about p, div.faqs_area > p, div.sub_page h1, div.sub_page h2, div.work_part div.description h3, div.work_part div.description p {
  text-align: center; }

div#form_part div.white_screen {
  background-color: #fff;
  width: 600px;
  height: 700px;
  position: absolute;
  z-index: -1;
  opacity: .75;
  filter: alpha(opacity=75);
  margin-top: -180px;
  margin-left: 180px; }

button.eraser {
  width: 178px;
  height: 111px;
  background: url(../img/Eraser.png) center no-repeat;
  position: absolute;
  left: 145px;
  bottom: 0;
  cursor: pointer;
  border: none;
  margin-left: 180px; }

canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2; }

form .label {
  display: none; }

div.sub_page {
  width: 100%;
  background-color: #fff;
  overflow: auto;
  border-bottom: 1px solid #ccc; }

div.sub_page h1 {
  font-size: 22px;
  margin: 0;
  padding-bottom: 25px; }

div.sub_page > div.sub_page_navi {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  box-shadow: 0 -7px 30px #696969;
  background-color: #fff;
  z-index: 1;
  height: 110px; }

div#sub_logo {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 20px;
  height: 80%; }

div#sub_logo img {
  height: 100%; }

div.sub_page > div.sub_page_navi > ul {
  margin: auto;
  width: 550px;
  font-family: montserrat-bold-webfont;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px; }

div.sub_page > div.sub_page_navi > ul li {
  list-style: none;
  font-size: 14px;
  color: #898989;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
  margin: 0 52px; }

body.short #art_front, body.short #he_front, body.short #heart_front, body.short div#heart_part div.heart_text > h3, div#about > div.card_area > img, div#work div.create, div#work div.participate, div#work div.review, div#work div.share, div#work div.work_part div.description, div.faqs_area, div.faqs_area div.answer, div.map > img, div.share video.share_video, div.sub_page > div#FAQ, div.sub_page > div#about, div.sub_page > div#work, div.work_part img {
  display: none; }

div.sub_page > div.sub_page_part {
  top: 155px;
  position: absolute;
  width: 100%; }

div#about > div.card_area {
  position: relative;
  width: 900px;
  height: 500px;
  margin: 20px auto auto; }

div#about > div.card_area > img {
  left: 335px;
  top: 20px;
  position: relative; }

div#about > div.card_area > img.card01 {
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  left: 135px;
  top: 60px;
  animation: rotate_card01 1s;
  -webkit-animation: rotate_card01 1s; }

@keyframes rotate_card01 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 135px;
    top: 60px; } }
@-webkit-keyframes rotate_card01 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 135px;
    top: 60px; } }
div#about > div.card_area > img.card02 {
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  left: 225px;
  top: 27px;
  animation: rotate_card02 1s;
  -webkit-animation: rotate_card02 1s; }

@keyframes rotate_card02 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 225px;
    top: 27px; } }
@-webkit-keyframes rotate_card02 {
  from {
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    left: 225px;
    top: 27px; } }
div#about > div.card_area > img.card03 {
  transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  left: 305px;
  animation: rotate_card03 1s;
  -webkit-animation: rotate_card03 1s; }

@keyframes rotate_card03 {
  from {
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    left: 335px; }
  to {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    left: 305px; } }
@-webkit-keyframes rotate_card03 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px; }
  to {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    left: 305px; } }
div#about > div.card_area > img.card04 {
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  left: 365px;
  top: 24px;
  animation: rotate_card04 1s;
  -webkit-animation: rotate_card04 1s; }

@keyframes rotate_card04 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    left: 365px;
    top: 24px; } }
@-webkit-keyframes rotate_card04 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    left: 365px;
    top: 24px; } }
div#about > div.card_area > img.card05 {
  transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  left: 445px;
  top: 44px;
  animation: rotate_card05 1s;
  -webkit-animation: rotate_card05 1s; }

@keyframes rotate_card05 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 445px;
    top: 44px; } }
@-webkit-keyframes rotate_card05 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 445px;
    top: 44px; } }
div#about > div.card_area > img.card06 {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  left: 535px;
  top: 80px;
  animation: rotate_card06 1s;
  -webkit-animation: rotate_card06 1s; }

@keyframes rotate_card06 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    left: 535px;
    top: 80px; } }
@-webkit-keyframes rotate_card06 {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 335px;
    top: 20px; }
  to {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    left: 535px;
    top: 80px; } }
div#about > div.card_area > img.card01_click {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  left: 120px;
  top: 20px;
  animation: rotate_card01_click 1s;
  -webkit-animation: rotate_card01_click 1s; }

@keyframes rotate_card01_click {
  from {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 135px;
    top: 60px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 120px;
    top: 20px; } }
@-webkit-keyframes rotate_card01_click {
  from {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 135px;
    top: 60px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 120px;
    top: 20px; } }
div#about > div.card_area > img.card02_click {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  left: 333px;
  top: 20px;
  animation: rotate_card02_click 1s;
  -webkit-animation: rotate_card02_click 1s; }

@keyframes rotate_card02_click {
  from {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 225px;
    top: 27px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 333px;
    top: 20px; } }
@-webkit-keyframes rotate_card02_click {
  from {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 225px;
    top: 27px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 333px;
    top: 20px; } }
div#about > div.card_area > img.card03_click {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  left: 546px;
  animation: rotate_card03_click 1s;
  -webkit-animation: rotate_card03_click 1s; }

@keyframes rotate_card03_click {
  from {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    left: 305px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 546px; } }
@-webkit-keyframes rotate_card03_click {
  from {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    left: 305px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 546px; } }
div#about > div.card_area > img.card04_click {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  left: 120px;
  top: 295px;
  animation: rotate_card04_click 1s;
  -webkit-animation: rotate_card04_click 1s; }

@keyframes rotate_card04_click {
  from {
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    left: 365px;
    top: 24px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 120px;
    top: 295px; } }
@-webkit-keyframes rotate_card04_click {
  from {
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    left: 365px;
    top: 24px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 120px;
    top: 295px; } }
div#about > div.card_area > img.card05_click {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  left: 333px;
  top: 295px;
  animation: rotate_card05_click 1s;
  -webkit-animation: rotate_card05_click 1s; }

@keyframes rotate_card05_click {
  from {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 445px;
    top: 44px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 333px;
    top: 295px; } }
@-webkit-keyframes rotate_card05_click {
  from {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 445px;
    top: 44px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 333px;
    top: 295px; } }
div#about > div.card_area > img.card06_click {
  -ms-transform: rotate(0);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  left: 546px;
  top: 295px;
  animation: rotate_card06_click 1s;
  -webkit-animation: rotate_card06_click 1s; }

@keyframes rotate_card06_click {
  from {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    left: 535px;
    top: 80px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 546px;
    top: 295px; } }
@-webkit-keyframes rotate_card06_click {
  from {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    left: 535px;
    top: 80px; }
  to {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 546px;
    top: 295px; } }
div#about > div.card_area > img.card01_unclick {
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  left: 135px;
  top: 60px;
  animation: rotate_card01_unclick 1s;
  -webkit-animation: rotate_card01_unclick 1s; }

@keyframes rotate_card01_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 120px;
    top: 20px; }
  to {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 135px;
    top: 60px; } }
@-webkit-keyframes rotate_card01_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 120px;
    top: 20px; }
  to {
    -ms-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 135px;
    top: 60px; } }
div#about > div.card_area > img.card02_unclick {
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
  left: 225px;
  top: 27px;
  animation: rotate_card02_unclick 1s;
  -webkit-animation: rotate_card02_unclick 1s; }

@keyframes rotate_card02_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 333px;
    top: 20px; }
  to {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 225px;
    top: 27px; } }
@-webkit-keyframes rotate_card02_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 333px;
    top: 20px; }
  to {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 225px;
    top: 27px; } }
div#about > div.card_area > img.card03_unclick {
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  left: 305px;
  animation: rotate_card03_unclick 1s;
  -webkit-animation: rotate_card03_unclick 1s; }

@keyframes rotate_card03_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 546px; }
  to {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    left: 305px; } }
@-webkit-keyframes rotate_card03_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 546px; }
  to {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    left: 305px; } }
div#about > div.card_area > img.card04_unclick {
  -ms-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  left: 365px;
  top: 24px;
  animation: rotate_card04_unclick 1s;
  -webkit-animation: rotate_card04_unclick 1s; }

@keyframes rotate_card04_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 120px;
    top: 295px; }
  to {
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    left: 365px;
    top: 24px; } }
@-webkit-keyframes rotate_card04_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 120px;
    top: 295px; }
  to {
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    left: 365px;
    top: 24px; } }
div#about > div.card_area > img.card05_unclick {
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  left: 445px;
  top: 44px;
  animation: rotate_card05_unclick 1s;
  -webkit-animation: rotate_card05_unclick 1s; }

@keyframes rotate_card05_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 333px;
    top: 295px; }
  to {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 445px;
    top: 44px; } }
@-webkit-keyframes rotate_card05_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 333px;
    top: 295px; }
  to {
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 445px;
    top: 44px; } }
div#about > div.card_area > img.card06_unclick {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  left: 535px;
  top: 80px;
  animation: rotate_card06_unclick 1s;
  -webkit-animation: rotate_card06_unclick 1s; }

@keyframes rotate_card06_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 546px;
    top: 295px; }
  to {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    left: 535px;
    top: 80px; } }
@-webkit-keyframes rotate_card06_unclick {
  from {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 546px;
    top: 295px; }
  to {
    -ms-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    left: 535px;
    top: 80px; } }
div#about p {
  font-size: 15px;
  width: 580px;
  margin: auto;
  padding-bottom: 20px; }

div.sub_page > div#work {
  min-height: 840px; }

div#work > img.shadow {
  width: 880px;
  height: 810px;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0; }

div#work > div.work_container {
  width: 740px;
  height: 740px;
  position: relative;
  margin: auto; }

div#work > div.work_container > img.cd01 {
  transform: rotate(-120deg); }

div#work > div.work_container > img.cd01, div#work > div.work_container > img.cd02 {
  position: absolute;
  -ms-transform: rotate(-120deg);
  -webkit-transform: rotate(-120deg); }

div#work > div.work_container > img.cd02 {
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  transform: rotate(-120deg); }

div#work > div.work_container > h2 {
  position: absolute;
  font-size: 16px;
  color: #404040;
  cursor: pointer;
  padding: 30px 95px;
  z-index: 1;
  margin: 0; }

div#work > div.work_container > h2#post {
  top: 335px;
  left: -80px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

div#work > div.work_container > h2#share {
  top: 39px;
  left: 83px;
  -ms-transform: rotate(-31deg);
  -webkit-transform: rotate(-31deg);
  transform: rotate(-31deg); }

div#work > div.work_container > h2#inspire {
  top: 50px;
  left: 423px;
  -ms-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg); }

div#work > div.work_container > h2#participate {
  top: 329px;
  left: 553px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

div#work > div.work_container > h2#create {
  top: 611px;
  left: 416px;
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg); }

div#work > div.work_container > h2#review {
  top: 609px;
  left: 63px;
  -ms-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg); }

div#work div.work_part {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 594px;
  height: 594px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  background-color: #fff; }

div.faqs_area div.question p, div.faqs_area div.question_click p {
  text-transform: uppercase;
  font-size: 15px;
  font-family: montserrat-bold-webfont;
  border-top: solid 1px #cacaca;
  padding-left: 15px;
  line-height: 60px; }

div#work div.work_part div.description {
  position: absolute;
  bottom: 86px;
  width: 285px;
  margin: auto;
  left: 0;
  right: 0; }

div.work_part div.description div.work_part_line {
  height: 2px;
  width: 96px;
  background-color: #b3b3b3;
  margin: 25px auto; }

div.work_part img {
  position: absolute; }

div.post img.imac {
  left: 165px;
  top: 95px;
  margin-right: 50px; }

div.post img.iphone {
  top: 205px;
  left: 408px;
  margin-right: 20px; }

div.post img.macbook {
  top: 175px;
  left: 40px; }

div.share video.share_video {
  position: absolute;
  top: 50px;
  margin: auto;
  left: 0;
  right: 0; }

div#work div.inspire {
  display: none; }

div.inspire > img.group {
  top: 110px;
  left: 129px; }

div.inspire > img.inspire-01 {
  top: 116px;
  left: 382px;
  -webkit-animation-name: irwin_rotation;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-name: irwin_rotation;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  -ms-transform-origin: 5% 95%;
  -webkit-transform-origin: 5% 95%;
  transform-origin: 5% 95%; }

@-webkit-keyframes irwin_rotation {
  0%,100% {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  50% {
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }
@keyframes irwin_rotation {
  0%,100% {
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  50% {
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }
div.inspire > img.inspire-02 {
  top: 82px;
  left: 121px;
  -webkit-animation-name: girl_rotation;
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-name: girl_rotation;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  -ms-transform-origin: 95% 95%;
  -webkit-transform-origin: 95% 95%;
  transform-origin: 95% 95%; }

@-webkit-keyframes girl_rotation {
  0%,100% {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg); } }
@keyframes girl_rotation {
  0%,100% {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg); } }
div.participate > img.participate-01 {
  top: 134px;
  left: 45px; }

div.participate > img.participate-02 {
  top: 169px;
  left: 330px; }

div.participate > img.participate-03 {
  top: 31px;
  left: 198px; }

div.participate > img.participate-04 {
  top: 82px;
  left: 125px; }

div.participate > img.participate-05 {
  top: 96px;
  left: 275px; }

div.participate > img.participate-06 {
  top: 192px;
  left: 177px; }

div.create > img {
  left: 0;
  right: 0;
  margin: auto;
  top: 75px; }

div.review img.review {
  top: 160px;
  left: 229px; }

div.review img.committee {
  top: 65px;
  left: 0;
  right: 0;
  margin: auto; }

div.faq_line {
  margin: 0 auto 25px;
  width: 95px;
  height: 2px;
  background-color: #b3b3b3; }

div.faqs_area {
  width: 1200px;
  margin: auto auto -70px;
  overflow: hidden;
  z-index: 9; }

div.faqs_area > p {
  font-size: 15px;
  margin-bottom: 40px; }

div.faqs_area div.faq {
  width: 540px;
  margin-right: 60px; }

div.faqs_area div.faq_left {
  float: left; }

div.faqs_area div.faq_right {
  float: right; }

div.faqs_area div.question {
  height: 60px;
  cursor: pointer; }

div.faqs_area div.question p {
  color: #898989; }

div.faqs_area div.question_click p {
  color: #404040;
  background-color: #eee; }

div.faqs_area div.answer {
  background-color: #fafafa; }

div.faqs_area div.answer p {
  font-size: 16px;
  font-family: argentcf-light;
  padding: 20px;
  line-height: 22px; }

div#FAQ > div.map {
  width: 1200px;
  height: 500px;
  margin: auto;
  z-index: 0; }

img#img08 {
  width: 250px;
  margin-left: 525px;
  margin-top: 190px; }

img#img07 {
  width: 240px;
  margin-top: 242px;
  margin-left: 128px; }

img#img06 {
  width: 335px;
  margin-top: 168px;
  margin-left: 333px; }

img#img05 {
  width: 355px;
  margin-left: 647px;
  margin-top: 177px; }

img#img04 {
  width: 439px;
  margin-left: 412px;
  margin-top: 233px; }

img#img03 {
  width: 151px;
  margin-top: 275px;
  margin-left: 64px; }

img#img02 {
  width: 620px;
  margin-top: 253px;
  margin-left: 156px; }

img#img01 {
  width: 1200px;
  margin-top: 220px; }

img#cloud01 {
  width: 200px;
  margin-top: 238px;
  margin-left: 90px;
  -webkit-animation-name: cloud01_move;
  -webkit-animation-duration: 100s;
  animation-name: cloud01_move;
  animation-duration: 100s;
  animation-iteration-count: infinite; }

img#cloud01, img#cloud02 {
  -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes cloud01_move {
  0%,100% {
    margin-left: 90px; }
  50% {
    margin-left: 970px; } }
@keyframes cloud01_move {
  0%,100% {
    margin-left: 90px; }
  50% {
    margin-left: 970px; } }
img#cloud02 {
  width: 400px;
  margin-left: 795px;
  margin-top: 193px;
  -webkit-animation-name: cloud02_move;
  -webkit-animation-duration: 105s;
  animation-name: cloud02_move;
  animation-duration: 105s;
  animation-iteration-count: infinite; }

@-webkit-keyframes cloud02_move {
  0%,100% {
    margin-left: 795px; }
  50% {
    margin-left: 60px; } }
@keyframes cloud02_move {
  0%,100% {
    margin-left: 795px; }
  50% {
    margin-left: 60px; } }
img#cloud03 {
  width: 480px;
  margin-left: 340px;
  margin-top: 45px;
  -webkit-animation-name: cloud03_move;
  -webkit-animation-duration: 45s;
  animation-name: cloud03_move;
  animation-duration: 45s;
  animation-iteration-count: infinite; }

img#cloud03, img#cloud04 {
  -webkit-animation-iteration-count: infinite; }

@-webkit-keyframes cloud03_move {
  0%,100% {
    margin-left: 340px; }
  50% {
    margin-left: 500px; } }
@keyframes cloud03_move {
  0%,100% {
    margin-left: 340px; }
  50% {
    margin-left: 500px; } }
img#cloud04 {
  width: 390px;
  margin-left: 800px;
  margin-top: 40px;
  -webkit-animation-name: cloud04_move;
  -webkit-animation-duration: 50s;
  animation-name: cloud04_move;
  animation-duration: 50s;
  animation-iteration-count: infinite; }

@-webkit-keyframes cloud04_move {
  0%,100% {
    margin-left: 800px; }
  50% {
    margin-left: 90px; } }
@keyframes cloud04_move {
  0%,100% {
    margin-left: 800px; }
  50% {
    margin-left: 90px; } }
.forkit-curtain .close-button {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 45px;
  margin: auto;
  cursor: pointer;
  background: url(../img/closeBtn.png) center no-repeat;
  top: 0;
  bottom: 0; }

#form_part_heading {
  font-size: 50px;
  text-align: center;
  padding-top: 200px;
  padding-bottom: 50px;
  margin: 0;
  font-family: montserrat-bold-webfont;
  color: #404040;
  text-transform: uppercase; }

body.short div#heart_part div.heart_text {
  top: 650px; }

div, h1, h2, h3, p, a, img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

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