@charset "UTF-8";

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}

body {
  margin:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
  display:block
}

audio,canvas,progress,video {
  display:inline-block;
  vertical-align:baseline
}

audio:not([controls]) {
  display:none;
  height:0
}

[hidden],template {
  display:none
}

a {
  background:0 0
}

abbr[title] {
  border-bottom:1px dotted
}

b,strong {
  font-weight:700
}

dfn {
  font-style:italic
}

h1 {
  font-size:2em;
  margin:.67em 0
}

mark {
  background:#ff0;
  color:#000
}

small {
  font-size:80%
}

sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}

sup {
  top:-.5em
}

sub {
  bottom:-.25em
}

img {
  border:0
}

svg:not(:root) {
  overflow:hidden
}

figure {
  margin:1em 40px
}

hr {
  box-sizing:content-box
}

pre {
  overflow:auto
}

code,kbd,pre,samp {
  font-family:monospace,monospace;
  font-size:1em
}

button,input,optgroup,select,textarea {
  color:inherit;
  font:inherit;
  margin:0
}

button {
  overflow:visible
}

button,select {
  text-transform:none
}

button,html input[type=button],input[type=reset],input[type=submit] {
  -webkit-appearance:button;
  cursor:pointer
}

button[disabled],html input[disabled] {
  cursor:default
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border:0;
  padding:0
}

input {
  line-height:normal
}

input[type=checkbox],input[type=radio] {
  box-sizing:border-box;
  padding:0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
  height:auto
}

input[type=search] {
  -webkit-appearance:textfield;
  box-sizing:content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}

legend {
  border:0;
  padding:0
}

textarea {
  overflow:auto
}

optgroup {
  font-weight:700
}

table {
  border-collapse:collapse;
  border-spacing:0
}

td,th {
  padding:0
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
button,html,input,select,textarea {
  color:#222
}

html {
  font-size:1em;
  line-height:1.4
}

::-moz-selection {
  background:#b3d4fc;
  text-shadow:none
}

::selection {
  background:#b3d4fc;
  text-shadow:none
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0
}

audio,canvas,img,video {
  vertical-align:middle
}

fieldset {
  border:0;
  margin:0;
  padding:0
}

textarea {
  resize:vertical
}

.browsehappy {
  margin:.2em 0;
  background:#ccc;
  color:#000;
  padding:.2em 0
}

body,html {
  min-width:960px
}

body {
  background-color:#fff;
  color:#646464;
  font:14px/1.6 DINEngschriftStd,Helvetica,Arial,'Hiragino Kaku Gothic ProN','?????? ProN W3',Meiryo,????,sans-serif;
  -webkit-font-smoothing:antialiased
}

a {
  color:gray;
  text-decoration:none
}

a:active,a:hover,a:link,a:visited,img,object {
  outline:0
}

img {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-user-drag:none;
  -moz-user-drag:none;
  user-drag:none;
  height:auto
}

dd,dl,dt,li,ol,ul {
  margin:0;
  padding:0;
  list-style-type:none
}

a,button,input {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  outline:0;
  border:0
}

h1,h2,h3,h4,h5,h6,p {
  margin-top:0
}

::-moz-selection {
  background-color:#70daed;
  color:#fff
}

::selection {
  background-color:#70daed;
  color:#fff
}

#nav-episode .public a:after,#opening-movie .btn-skip:after,.australia,.btn-close02,.btn-episode:before,.btn-more01:after,.btn-play02,.btn-transition.blue.btn-next,.btn-transition.blue.btn-prev,.canada,.ended .next:after,.ended .prev:after,.episodes-content .relate-item:after,.france,.germany,.japan,.map-content h1,.photo-content h1,.photo-detail .instagram-photo .ico-instagram,.saopaulo,.share .facebook span:before,.share .twitter span:before,.sns.blue .blog a,.sns.blue .facebook a,.sns.blue .homepage a,.sns.blue .instagram a,.sns.blue .twitter a,.sns.white .facebook a,.sns.white .twitter a,.sort-buttons .btn-zoom-list .btn-zoom:before,.travelers-content h1,.livramento,.usa {
  background:url(../../assets/img/common/sprite.png) no-repeat;
  background-size:330px,auto
}

#wrapper {
  min-width:960px;
  min-height:100%;
  background:#fff
}

#bg {
  -webkit-perspective:1440px;
  perspective:1440px;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  transition:-webkit-transform 1000ms ease;
  transition:transform 1000ms ease;
  position:fixed;
  top:0;
  left:0;
  z-index:0;
  overflow:hidden;
  margin:auto;
  width:100%;
  height:100%;
  background-size:cover;
  opacity:1
}

#bg div {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:0;
  margin:auto;
  min-width:960px;
  width:100%;
  height:100%;
  background-size:cover;
  background-repeat:no-repeat
}

#bg.hide {
  -webkit-transform:scale(0.9,.9);
  transform:scale(0.9,.9)
}

#bg .bgBack {
  transition:opacity 500ms ease,-webkit-transform 800ms ease;
  transition:opacity 500ms ease,transform 800ms ease;
  z-index:1;
  opacity:1
}

#bg .bgFront {
  transition:opacity 1200ms ease,-webkit-transform 1000ms ease;
  transition:opacity 1200ms ease,transform 1000ms ease;
  -webkit-transform:scale3d(1.1,1.1,1.1);
  transform:scale3d(1.1,1.1,1.1);
  z-index:2;
  opacity:0
}

#bg .bgFront.show {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
  opacity:1
}

#bg .bgBlur {
  -moz-transition:opacity 600ms ease 1000ms;
  -o-transition:opacity 600ms ease 1000ms;
  -webkit-transition:opacity 600ms ease;
  -webkit-transition-delay:1000ms;
  transition:opacity 600ms ease 1000ms;
  z-index:3;
  opacity:0
}

#bg .bgBlur.show {
  opacity:1
}

#bgLogo {
  position:absolute;
  top:0;
  right:0;
  bottom:-50%;
  left:-20%;
  z-index:5;
  margin:auto
}

.btn-menu {
  position:fixed;
  top:15px;
  left:17px;
  z-index:8
}

#global-header {
  transition:all 500ms cubic-bezier(0.455,.03,.515,.955);
  -webkit-transform:translate3d(0px,0,0);
  transform:translate3d(0px,0,0);
  position:fixed;
  top:0;
  left:0;
  z-index:6;
  overflow:hidden;
  width:264px;
  height:0;
  background:rgba(9,51,64,.8);
  opacity:0
}

#global-header .logo01 {
  margin:0 0 25px;
  padding:50px 0 0
}

#global-header .logo01 a {
  margin:0 auto
}

#global-header .motion {
  -moz-transition:all 250ms ease 100ms;
  -o-transition:all 250ms ease 100ms;
  -webkit-transition:all 250ms ease;
  -webkit-transition-delay:100ms;
  transition:all 250ms ease 100ms;
  -webkit-transform:translate3d(0px,-70px,0);
  transform:translate3d(0px,-70px,0);
  opacity:0
}

#global-header.has-open {
  height:572px;
  opacity:1
}

#global-header.has-open .motion {
  transition:all 300ms ease;
  -webkit-transform:translate3d(0px,0,0);
  transform:translate3d(0px,0,0);
  opacity:1
}

#global-header.has-open .motion.m1 {
  transition-delay:280ms
}

#global-header.has-open .motion.m2 {
  transition-delay:310ms
}

#global-header.has-open .motion.m3 {
  transition-delay:340ms
}

#global-header.has-open .motion.m4 {
  transition-delay:370ms
}

#global-header.has-open .motion.m5 {
  transition-delay:400ms
}

#global-header.has-open .motion.m6 {
  transition-delay:430ms
}

#global-header.has-open .motion.m7 {
  transition-delay:460ms
}

#global-header.has-open .motion.m8 {
  transition-delay:490ms
}

#global-header.has-open .motion.m9 {
  transition-delay:520ms
}

#global-header.has-open .motion.m10 {
  transition-delay:550ms
}

#gnav,#gnav ul {
  width:100%
}

#gnav li {
  line-height:1
}

#gnav a {
  transition:all 450ms ease;
  position:relative;
  display:block;
  padding:15px 0 15px 72px;
  color:#fff;
  white-space:nowrap;
  font-weight:700;
  font-size:17px
}

.top #content {
  padding:2% 0 0
}

#content {
  position:relative;
  z-index:5;
  overflow:hidden;
  margin:0 auto;
  padding:2% 0;
  min-width:960px;
  width:95%
}

#content .left-area {
  -webkit-perspective:3000px;
  perspective:3000px;
  -moz-transition:all 600ms ease 1000ms;
  -o-transition:all 600ms ease 1000ms;
  -webkit-transition:all 600ms ease;
  -webkit-transition-delay:1000ms;
  transition:all 600ms ease 1000ms;
  position:relative;
  float:left;
  width:84%;
  -webkit-transform-origin:50% 400px;
  transform-origin:50% 400px
}

#content .left-area.hide {
  transition:all 0 ease;
  -webkit-transform:scale3d(1.05,1.05,1.05);
  transform:scale3d(1.05,1.05,1.05);
  opacity:0
}

#content .right-area {
  position:relative;
  float:right;
  width:14%
}

body:not(.top) {
  padding:0 0 3%
}

#nav-episode {
  transition:-webkit-transform 500ms ease,top 700ms cubic-bezier(0.23,1,.32,1);
  transition:transform 500ms ease,top 700ms cubic-bezier(0.23,1,.32,1);
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  position:relative;
  top:0;
  z-index:8;
  width:200%;
  opacity:1;
  -webkit-perspective:3000px;
  perspective:3000px
}

#nav-episode.has-open {
  -webkit-transform:translate3d(-50%,0,0);
  transform:translate3d(-50%,0,0)
}

#nav-episode.has-open .btn-episode:before {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
  margin-left:45px
}

#nav-episode.has-open .second {
  -moz-transition:all 400ms ease 100ms;
  -o-transition:all 400ms ease 100ms;
  -webkit-transition:all 400ms ease;
  -webkit-transition-delay:100ms;
  transition:all 400ms ease 100ms
}

#nav-episode.has-open .second .btn-episode {
  <!-- background-color:#70daed -->
  <!-- background-color:#dadada -->
  background-color:#72788e   
}

#nav-episode .btn-episode:before {
  transition:all 300ms ease
}

#nav-episode .second {
  transition:all 400ms ease;
  position:relative;
  z-index:10
}

#nav-episode .half {
  float:left;
  width:50%;
  background:#000
}

#nav-episode .half .movie {
  position:relative
}

#nav-episode .half .movie:after {
  display:block;
  padding-top:56.25%;
  content:""
}

#nav-episode .half .movie>a,#nav-episode .half .movie>span {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:block;
  margin:auto
}

#nav-episode .public a {
  overflow:hidden
}

#nav-episode .public a:after {
  background-position:0 -86px;
  transition:all 300ms ease;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  width:46px;
  height:46px;
  content:''
}

#nav-episode .public a.hover .poster {
  opacity:0
}

#nav-episode .public a.hover:after {
  transition:all 100ms ease;
  opacity:0;
  -webkit-transform:translate(20px,0);
  transform:translate(20px,0)
}

#nav-episode .public a.hover .caption {
  opacity:1
}

#nav-episode .public a.hover .caption .name,#nav-episode .public a.hover .caption .theme,#nav-episode .public a.hover .caption h3 {
  -webkit-transform:translate(0,0);
  transform:translate(0,0);
  opacity:.9
}

#nav-episode .public video {
  -webkit-transform:scale(1.01,1.01);
  transform:scale(1.01,1.01);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  margin:auto;
  width:102%;
  height:102%
}

#nav-episode .public .poster {
  transition:opacity 350ms ease;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-size:102% 102%;
  background-repeat:no-repeat;
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}

#nav-episode .public .caption {
  transition:all 350ms ease;
  position:absolute;
  top:0;
  left:0;
  margin:0;
  padding:6% 0 0 6%;
  width:90%;
  height:90%;
  color:#fff;
  font-weight:700;
  opacity:0;
  background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
  background:linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%)
}

#nav-episode .public .caption h3 {
  -moz-transition:all 300ms ease 50ms;
  -o-transition:all 300ms ease 50ms;
  -webkit-transition:all 300ms ease;
  -webkit-transition-delay:50ms;
  transition:all 300ms ease 50ms;
  -webkit-transform:translate(-30px,0);
  transform:translate(-30px,0);
  position:relative;
  margin:0 auto 15px;
  font-size:17px;
  line-height:1;
  opacity:0
}

#nav-episode .public .caption h3:after {
  position:absolute;
  bottom:-5px;
  left:0;
  display:block;
  width:50px;
  height:1px;
  background:#fff;
  content:''
}

#nav-episode .public .caption .theme {
  -moz-transition:all 300ms ease 100ms;
  -o-transition:all 300ms ease 100ms;
  -webkit-transition:all 300ms ease;
  -webkit-transition-delay:100ms;
  transition:all 300ms ease 100ms;
  -webkit-transform:translate(-50px,0);
  transform:translate(-50px,0);
  margin:0 auto;
  font-size:17px;
  line-height:1;
  opacity:0
}

#nav-episode .comingsoon span {
  box-sizing:border-box;
  padding:25% 0;
  width:101%;
  border:1px solid #0d4557;
  background:#093340;
  color:rgba(255,255,255,.4);
  text-align:center;
  font-size:18px;
  line-height:1
}

#nav-episode .other {
  background:url(../assets/img/common/thumb_other.png) 50% 50%/cover no-repeat
}

#global-footer {
  position:fixed;
  bottom:0;
  left:0;
  z-index:1;
  padding:0 28px 7px;
  height:60px
}

#global-footer a,#global-footer button {
  display:inline-block;
  margin:0 15px 0 0;
  vertical-align:bottom
}

#opening {
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
  transition:-webkit-transform 150ms ease;
  transition:transform 150ms ease;
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  width:100%;
  height:100%;
  background:url(../../assets/img/common/logo04.png) 50% 35% no-repeat #070707;
  opacity:1
}

#opening .progress {
  transition:width 200ms linear;
  position:absolute;
  top:50%;
  left:0;
  z-index:9;
  margin-top:-1px;
  width:0;
  height:2px;
  background:#fff
}

#opening-movie {
  transition:all 1000ms ease;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:9;
  margin:auto;
  width:100%;
  height:100%;
  background:#000
}

#opening-movie.hide {
  -webkit-transform:scale(1.2,1.2);
  transform:scale(1.2,1.2);
  opacity:0
}

#opening-movie .overlay {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  margin:auto;
  width:100%;
  height:100%;
  cursor:none
}

#opening-movie .btn-skip {
  position:absolute;
  background:0 0;
  color:#fff;
  text-shadow:1px 1px 3px rgba(100,100,100,.8);
  font-size:24px;
  opacity:0
}

#opening-movie .btn-skip:after {
  background-position:0 -1144px;
  position:absolute;
  top:-1px;
  left:-15px;
  display:block;
  width:21px;
  height:41px;
  content:'';
  -webkit-transform:scale(0.4,.4);
  transform:scale(0.4,.4)
}

.about .left-area,.episodes .left-area {
  background:#e9e9e9
}

.episodes-content .movie-info {
  position:relative;
  overflow:hidden;
  background:#dadada
}

.episodes-content .movie-info>.inner {
  transition:-webkit-transform 400ms ease;
  transition:transform 400ms ease;
  position:relative;
  padding:23px;
  background:#e9e9e9
}

.episodes-content .movie-info>.inner.hide {
  transition:all 600ms ease;
  -webkit-transform:scale(0.9,.9);
  transform:scale(0.9,.9)
}

.episodes-content .w10 {
  width:8%
}

.episodes-content .w20 {
  width:18%
}

.episodes-content .w30 {
  width:28%
}

.episodes-content .w40 {
  width:38%
}

.episodes-content .w50 {
  width:48%
}

.episodes-content .w60 {
  width:58%
}

.episodes-content .w70 {
  width:68%
}

.episodes-content .w80 {
  width:78%
}

.episodes-content .w90 {
  width:88%
}

.episodes-content .w100 {
  width:98%
}

.episodes-content h1 {
  margin:0 0 30px;
  color:#70daed;
  font-size:32px;
  line-height:1
}

.episodes-content .stage {
  margin:0 auto 30px
}

.episodes-content .description-box {
  width:48%;
  padding-right:2%;
  float:left
}

.episodes-content .description {
  font-size:16px;
  line-height:1.7
}

.episodes-content .other-box {
  width:50%;
  float:left
}

.episodes-content .column-box {
  float:left;
  padding:0 1%
}

.episodes-content .column-box.float-right {
  float:right
}

.episodes-content .cast-link,.episodes-content .relate-item,.episodes-content .sort-buttons .btn-all,.episodes-content .sort-buttons .btn-zoom-list .btn-zoom,.episodes-content .sort-buttons .btn-zoom-list .tit,.episodes-content .view-map .map-link,.sort-buttons .btn-zoom-list .episodes-content .btn-zoom,.sort-buttons .btn-zoom-list .episodes-content .tit,.sort-buttons .episodes-content .btn-all {
  transition:all 140ms ease;
  display:inline-block;
  box-sizing:border-box;
  border:5px solid rgba(255,255,255,0)
}

.episodes-content .cast-link:hover,.episodes-content .relate-item:hover,.episodes-content .sort-buttons .btn-all:hover,.episodes-content .sort-buttons .btn-zoom-list .btn-zoom:hover,.episodes-content .sort-buttons .btn-zoom-list .tit:hover,.episodes-content .view-map .map-link:hover,.sort-buttons .btn-zoom-list .episodes-content .btn-zoom:hover,.sort-buttons .btn-zoom-list .episodes-content .tit:hover,.sort-buttons .episodes-content .btn-all:hover {
  transition:all 70ms ease;
  border-color:#fff
}

.episodes-content .relate-item {
  position:relative;
  display:inline-block;
  margin-right:2%;
  max-width:132px
}

.episodes-content .relate-item img {
  width:100%
}

.episodes-content .relate-item:after {
  background-position:0 -1104px;
  position:absolute;
  right:5px;
  bottom:5px;
  display:block;
  width:20px;
  height:20px;
  content:''
}

.episodes-content .view-map .text-link {
  display:block;
  color:#21c7e3
}

.episodes-content dl {
  line-height:1.5
}

.episodes-content dl dt {
  font-weight:700
}

.episodes-content .sns {
  position:absolute;
  top:25px;
  right:25px;
  z-index:2
}

.ended {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  display:none;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  color:#fff
}

.ended .tit {
  padding-top:10%;
  text-align:center;
  font-size:32px
}

.ended a {
  position:absolute;
  top:50%;
  display:block;
  margin-top:-20px;
  color:#fff;
  font-size:16px
}

.ended a:after {
  width:21px;
  height:41px;
  content:'';
  display:block;
  position:absolute;
  top:-10px;
  transition:-webkit-transform 100ms ease;
  transition:transform 100ms ease
}

.ended .next {
  right:20px;
  padding-right:35px
}

.ended .next:after {
  background-position:0 -1144px;
  right:0
}

.ended .next:hover:after {
  -webkit-transform:translate(4px,0);
  transform:translate(4px,0)
}

.ended .prev {
  left:20px;
  padding-left:35px
}

.ended .prev:after {
  background-position:0 -1266px;
  left:0
}

.ended .prev:hover:after {
  -webkit-transform:translate(-4px,0);
  transform:translate(-4px,0)
}

.ended .btn-play02 {
  position:absolute;
  top:-4px;
  right:0;
  bottom:0;
  left:-8px;
  margin:auto
}

.item-detail {
  transition:all 400ms ease;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.8);
  color:#fff;
  opacity:0;
  -webkit-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1)
}

.item-detail.show {
  transition:all 600ms ease;
  opacity:1;
  -webkit-transform:scale(1,1);
  transform:scale(1,1)
}

.item-detail>.inner {
  margin:0 auto;
  padding:5% 0 0;
  width:90%
}

.item-detail .img {
  float:left;
  width:45%
}

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

.item-detail .info {
  float:right;
  width:50%
}

.item-detail .info .sub-tit {
  font-size:18px
}

.item-detail .info h2 {
  margin:0 auto 24px;
  font-size:30px;
  line-height:1
}

.item-detail .btn-close02 {
  position:absolute;
  top:0;
  right:0
}

.travelers-content {
  min-height:500px;
  height:700px
}

.travelers-content h1 {
  background-position:0 -1850px;
  overflow:hidden;
  text-indent:110%;
  white-space:nowrap;
  margin:0 auto 24px;
  width:310px;
  height:61px
}

.travelers-content .cast {
  transition:opacity 80ms ease;
  position:relative;
  float:left;
  overflow:hidden;
  box-sizing:border-box;
  margin:0 2.6% 2.6% 0;
  min-height:400px;
  width:23%;
  height:auto;
  border:10px solid #fff;
  background:#fff;
  cursor:pointer
}

.travelers-content .cast.hide {
  opacity:0!important
}

.travelers-content .cast.pan {
  -webkit-transform:scale(1.05,1.05);
  transform:scale(1.05,1.05);
  transition:all 150ms ease;
  opacity:0!important
}

.travelers-content .cast:nth-child(4n) {
  margin-right:0
}

.travelers-content .cast.comingsoon {
  cursor:default
}

.travelers-content .cast.comingsoon:after {
  position:absolute;
  top:0;
  left:0;
  display:block;
  padding:160px 0 0;
  width:100%;
  height:60%;
  background:rgba(9,51,64,.7);
  color:#fff;
  content:'coming soon';
  text-align:center;
  font-size:20px
}

.travelers-content .cast .cast-img {
  transition:all 500ms ease;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:50% 50%/cover no-repeat;
  opacity:1
}

.travelers-content .cast.jorge .cast-img {
  background-image:url(../../assets/img/travelers/thumb_jorge.jpg)
}

.travelers-content .cast.ro .cast-img {
  background-image:url(../../assets/img/travelers/thumb_ro.jpg)
}

.travelers-content .cast.nhana .cast-img {
  background-image:url(../../assets/img/travelers/thumb_nhana.jpg)
}

.travelers-content .cast.peu .cast-img {
  background-image:url(../../assets/img/travelers/thumb_peu.jpg)
}

.travelers-content .cast.quim .cast-img {
  background-image:url(../../assets/img/travelers/thumb_quim.jpg)
}

.travelers-content .cast.joi .cast-img {
  background-image:url(../../assets/img/travelers/thumb_joi.jpg)
}

.travelers-content .cast.josh .cast-img {
  background-image:url(../img/travelers/thumb_josh.jpg)
}

.travelers-content .cast.marine .cast-img {
  background-image:url(../img/travelers/thumb_marine.jpg)
}

.travelers-content .cast.emma .cast-img {
  background-image:url(../img/travelers/thumb_emma.jpg)
}

.travelers-content .cast.felix .cast-img {
  background-image:url(../img/travelers/thumb_felix.jpg)
}

.travelers-content .cast.seattle .cast-img {
  background-image:url(../img/travelers/thumb_seattle.jpg)
}

.travelers-content .cast.shogen .cast-img {
  background-image:url(../img/travelers/thumb_shogen.jpg)
}

.travelers-content .cast .info {
  position:absolute;
  top:0;
  left:0;
  padding:100% 0 0;
  width:100%;
  height:35%
}

.travelers-content .cast .info p {
  color:#fff;
  text-align:center;
  line-height:1
}

.travelers-content .cast .info .country-img {
  position:absolute;
  top:0;
  right:0;
  display:block;
  width:34px;
  height:22px
}

.travelers-content .cast .info .country {
  position:relative;
  margin:0 auto 24px;
  font-size:23px
}

.travelers-content .cast .info .country:after {
  position:absolute;
  bottom:-5px;
  left:50%;
  display:block;
  margin-left:-25px;
  width:50px;
  height:1px;
  background:#fff;
  content:''
}

.travelers-content .cast .info .name {
  margin:0 auto 8px;
  font-size:41px
}

.travelers-content .cast .info .occupation {
  font-size:25px
}

.travelers-content .cast.se:hover .cast-img {
  -webkit-transform:scale3d(1.05,1.05,1.05);
  transform:scale3d(1.05,1.05,1.05)
}

.cast-detail {
  -webkit-transform:scale(1.05,1.05);
  transform:scale(1.05,1.05);
  position:absolute;
  top:0;
  left:0;
  display:none;
  padding:2%;
  width:96%;
  background:#fff;
  opacity:0
}

.cast-detail.show {
  transition:all 100ms ease;
  opacity:1;
  -webkit-transform:scale(1,1);
  transform:scale(1,1)
}

.cast-detail .cast-image {
  position:relative;
  margin:0 auto 24px
}

.cast-detail .cast-image img {
  width:100%
}

.cast-detail .cast-info {
  position:absolute;
  bottom:0;
  left:0;
  padding:30px;
  color:#21c7e3;
  background:radial-gradient(circle at 10% 90%,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 65.4%)
}

.cast-detail .cast-info h2 {
  margin:0 0 20px;
  font-size:36px;
  line-height:1
}

.cast-detail .cast-info .occupation {
  margin:0 0 24px;
  font-size:24px;
  line-height:1
}

.cast-detail .cast-info .display-inline-block {
  font-size:24px
}

.cast-detail .cast-content {
  padding:0 2%
}

.cast-detail .cast-content .cast-text,.cast-detail .cast-content .movie-box {
  width:48%
}

.cast-detail .btn-close02 {
  position:absolute;
  top:0;
  right:0
}

.photo-content h1 {
  background-position:0 -1769px;
  overflow:hidden;
  text-indent:110%;
  white-space:nowrap;
  margin:0 auto 24px;
  width:330px;
  height:61px
}

.photo-content .scale {
  transition:opacity 150ms ease;
  position:absolute;
  top:0;
  left:0;
  z-index:7;
  display:block;
  overflow:hidden;
  box-sizing:border-box;
  border:10px solid #fff;
  background:#fff
}

.photo-content .scale img {
  -webkit-transform:scale(1.05,1.05);
  transform:scale(1.05,1.05);
  width:100%;
  height:auto
}

.photo-list {
  -webkit-perspective:1440px;
  perspective:1440px
}

.photo-list .photos {
  -webkit-transform:perspective(0) translate(0,0);
  transform:perspective(0) translate(0,0);
  position:relative;
  float:left;
  overflow:hidden;
  box-sizing:border-box;
  margin:0 2.5% 2.5% 0;
  width:18%;
  border:10px solid #fff;
  background:url(../../assets/img/common/loading.gif) 50% 50% no-repeat #fff;
  opacity:1
}

.photo-list .photos.hide {
  opacity:0!important
}

.photo-list .photos.pan {
  -webkit-transform:scale(1.05,1.05);
  transform:scale(1.05,1.05);
  opacity:0!important;
  transition:all 150ms ease
}

.photo-list .photos:nth-child(5n) {
  margin-right:0
}

.photo-list .photos a {
  position:absolute;
  top:0;
  left:0;
  display:block
}

.photo-list .photos img {
  transition:all 500ms ease;
  -webkit-transform:scale3d(1,1,1);
  transform:scale3d(1,1,1);
  width:100%;
  height:auto;
  opacity:1
}

.photo-list .photos:hover img {
  -webkit-transform:scale3d(1.05,1.05,1.05);
  transform:scale3d(1.05,1.05,1.05)
}

.photo-detail {
  box-sizing:border-box;
  position:absolute;
  top:0;
  left:0;
  z-index:8;
  display:none;
  padding:7% 0;
  width:100%;
  border:25px solid #eee;
  background:#fff
}

.photo-detail .instagram-photo {
  position:relative;
  margin:auto;
  width:66%;
  background:url(../assets/img/common/loading.gif) 50% 50% no-repeat #fff
}

.photo-detail .instagram-photo img {
  position:absolute;
  top:0;
  left:0;
  width:100%
}

.photo-detail .instagram-photo .btn-next {
  right:-64px
}

.photo-detail .instagram-photo .btn-prev {
  left:-64px
}

.photo-detail .instagram-photo .ico-instagram {
  background-position:0 -932px;
  transition:-webkit-transform 80ms ease;
  transition:transform 80ms ease;
  position:absolute;
  right:20px;
  bottom:20px;
  display:block;
  width:40px;
  height:40px;
  overflow:hidden;
  text-indent:110%;
  white-space:nowrap
}

.photo-detail .instagram-photo .ico-instagram:hover {
  -webkit-transform:scale(1.05,1.05);
  transform:scale(1.05,1.05)
}

.photo-detail .btn-close02 {
  position:absolute;
  top:-25px;
  right:-25px
}

.map-content h1 {
  background-position:0 -1689px;
  margin:0 auto 24px;
  width:256px;
  height:60px;
  overflow:hidden;
  text-indent:110%;
  white-space:nowrap
}

.map-content .map-inner-content {
  background:#fff
}

.map-content .respond-box {
  background-color:#57c5d9
}

.map-content .logo {
  position:absolute;
  right:23px;
  bottom:44px
}

.sort-buttons {
  position:absolute;
  top:25px;
  left:50%;
  margin-left:-383px;
  width:766px
}

.episodes-content .sort-buttons .cast-link,.episodes-content .sort-buttons .relate-item,.episodes-content .view-map .sort-buttons .map-link,.sort-buttons .btn-all,.sort-buttons .btn-zoom-list .btn-zoom,.sort-buttons .btn-zoom-list .tit,.sort-buttons .episodes-content .cast-link,.sort-buttons .episodes-content .relate-item,.sort-buttons .episodes-content .view-map .map-link {
  background:#70daed;
  color:#fff;
  font-weight:500;
  font-size:12px;
  line-height:1
}

.sort-buttons .btn-all {
  transition:all 400ms ease;
  padding:9px 0;
  width:80px;
  float:left;
  margin-right:10px
}

.sort-buttons .btn-all.hide {
  -webkit-transform:translate(0,-30px);
  transform:translate(0,-30px);
  opacity:0
}

.sort-buttons .btn-all:hover {
  transition:background-color 50ms ease;
  background-color:#77e8fd
}

.sort-buttons .btn-zoom-list {
  transition:all 400ms ease;
  float:left
}

.sort-buttons .btn-zoom-list.hide {
  -webkit-transform:translate(0,-30px);
  transform:translate(0,-30px);
  opacity:0
}

.sort-buttons .btn-zoom-list .tit {
  padding:9px 10px
}

.sort-buttons .btn-zoom-list li {
  float:left;
  background:#70daed
}

.sort-buttons .btn-zoom-list .btn-zoom {
  transition:background-color 400ms ease;
  position:relative;
  padding:9px 0;
  width:90px
}

.sort-buttons .btn-zoom-list .btn-zoom:before {
  background-position:0 -272px;
  position:absolute;
  top:12px;
  left:10px;
  display:block;
  width:6px;
  height:11px;
  content:''
}

.sort-buttons .btn-zoom-list .btn-zoom.comingsoon {
  opacity:.35;
  cursor:default
}

.sort-buttons .btn-zoom-list .btn-zoom.launch:hover {
  transition:background-color 50ms ease;
  background-color:#77e8fd
}

.sort-buttons .btn-zoom-list .btn-zoom.launch:hover:before {
  left:12px
}

.infowindow {
  padding:20px 0 20px 20px;
  width:550px;
  height:150px
}

.infowindow .img {
  float:left;
  width:270px;
  height:auto
}

.infowindow .info {
  float:right;
  width:250px
}

.infowindow .info h3 {
  margin:0 0 40px;
  color:#70daed;
  font-size:22px;
  line-height:1
}

.infowindow .info p {
  color:#646464;
  font-size:14px
}

.logo01 {
  margin:0
}

.logo01 a {
  overflow:hidden;
  text-indent:110%;
  white-space:nowrap;
  display:block;
  background:url(../../assets/img/common/logo01.png) no-repeat;
  width:168px;
  height:81px
}

.logo02 {
  margin:0
}

.logo02 a {
  overflow:hidden;
  text-indent:110%;
  white-space:nowrap;
  display:block;
  background:url(../../assets/img/common/logo02.png) no-repeat;
  width:499px;
  height:228px
}

.btn-menu {
  transition:-webkit-transform 400ms ease;
  transition:transform 400ms ease;
  display:block;
  margin:0;
  padding:0;
  width:32px;
  height:26px;
  background:no-repeat
}

.btn-menu .line {
  transition:all 400ms ease;
  position:absolute;
  left:0;
  display:block;
  width:32px;
  height:4px;
  background:#fff
}

.btn-menu .line.line-1 {
  top:0
}

.btn-menu .line.line-2 {
  top:50%
}

.btn-menu .line.line-3 {
  top:100%
}

.btn-menu:hover .line-1 {
  -webkit-transform:translate(0,-2px);
  transform:translate(0,-2px)
}

.btn-menu:hover .line-3 {
  -webkit-transform:translate(0,2px);
  transform:translate(0,2px)
}

.btn-menu.has-open {
  -webkit-transform:rotate(270deg);
  transform:rotate(270deg)
}

.btn-menu.has-open .line-1 {
  -webkit-transform:translate(0,13px) rotate(135deg);
  transform:translate(0,13px) rotate(135deg)
}

.btn-menu.has-open .line-2 {
  -webkit-transform:rotate(135deg) scale(1);
  transform:rotate(135deg) scale(1)
}

.btn-menu.has-open .line-3 {
  -webkit-transform:translate(0,-13px) rotate(45deg);
  transform:translate(0,-13px) rotate(45deg)
}

.btn-episode {
  transition:all 350ms ease;
  position:relative;
  display:inline-block;
  margin:0;
  padding:0 20px;
  width:100%;
  height:58px;
  <!-- background:#70daed;  -->
  <!-- background:#dadada;  -->
  background:#72788e;
  color:#fff;
  vertical-align:middle;
  text-align:center;
  font-weight:400;
  font-size:18px;
  line-height:1
}

.btn-episode:before {
  background-position:0 -303px;
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  margin-top:-9px;
  margin-left:-50px;
  width:9px;
  height:16px;
  content:''
}

.btn-episode.no:before {
  display:none
}

.btn-episode:hover {
	background-color:#A37F6B
  <!-- background-color:#60bccd -->

}

.btn-episode span {
  transition:all 200ms ease;
  filter:alpha(Opacity=0);
  opacity:0;
  -webkit-transform:translate(-40px,0);
  transform:translate(-40px,0)
}

.btn-episode span.show {
  -webkit-transform:translate(0,0);
  transform:translate(0,0);
  filter:alpha(enabled=false);
  opacity:1
}

.btn-play02 {
  background-position:0 -152px;
  width:100px;
  height:100px;
  border:2px solid #fff;
  border-radius:50%
}

.btn-play02:after {
  transition:all 100ms ease;
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  margin:-69px 0 0 -69px;
  width:134px;
  height:134px;
  border-width:2px;
  border-style:solid;
  border-color:#fff;
  border-radius:50%;
  content:'';
  opacity:0
}

.btn-play02:hover:after {
  -webkit-transform:scale(0.8,.8);
  transform:scale(0.8,.8);
  opacity:.8
}

.btn-close02 {
  overflow:hidden;
  text-indent:110%;
  white-space:nowrap;
  transition:background-color 350ms ease;
  width:66px;
  height:66px;
  <!-- background-color:#70daed; -->
  <!-- background-color:#dadada; -->
  background-color:#70daed; 
  background-position:0 0
}

.btn-close02:hover {
  background-color:#A37F6B
  <!--  background-color:#60bccd -->
}

.share li {
  line-height:1
}

.share a {
  transition:all 450ms ease;
  position:relative;
  display:block;
  padding:15px 0 15px 72px;
  color:#fff;
  white-space:nowrap;
  font-weight:700;
  font-size:17px
}

.share .facebook span:before {
  background-position:0 -563px
}

.share .twitter span:before {
  background-position:0 -1430px
}

.share span {
  position:relative;
  padding-left:22px
}

.share span:before {
  position:absolute;
  top:50%;
  left:0;
  display:block;
  margin-top:-10px;
  width:20px;
  height:20px;
  background-repeat:no-repeat;
  content:''
}

.sns li {
  display:inline-block;
  margin-right:16px
}

.sns li:last-child {
  margin-right:0
}

.sns a {
  transition:all 450ms ease;
  position:relative;
  display:block;
  width:50px;
  height:50px;
  border-width:2px;
  border-style:solid;
  border-radius:50%;
  color:#fff;
  font-weight:700;
  font-size:17px
}

.sns a:after {
  transition:all 100ms ease;
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  margin:-40px 0 0 -40px;
  width:76px;
  height:76px;
  border-width:2px;
  border-style:solid;
  border-radius:50%;
  content:'';
  opacity:0
}

.sns a:hover:after {
  -webkit-transform:scale(0.8,.8);
  transform:scale(0.8,.8);
  opacity:.8
}

.sns.white a,.sns.white a:after {
  border-color:#fff
}

.sns.white .facebook a {
  background-position:0 -603px
}

.sns.white .twitter a {
  background-position:0 -1465px
}

.sns.blue a,.sns.blue a:after {
  border-color:#70daed
}

.sns.blue .facebook a {
  background-position:0 -673px
}

.sns.blue .twitter a {
  background-position:0 -1535px
}

.sns.blue .instagram a {
  background-position:0 -992px
}

.sns.blue .blog a {
  background-position:0 -451px
}

.sns.blue .homepage a {
  background-position:0 -862px
}

.list-link-effect li a {
  position:relative;
  z-index:10
}

.list-link-effect li:after {
  transition:all 540ms cubic-bezier(0.075,.82,.165,1);
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  background:#fff;
  background:rgba(23,164,207,.3);
  content:'';
  -webkit-transform:rotate3d(1,0,0,90deg);
  transform:rotate3d(1,0,0,90deg)
}

.list-link-effect li:hover:after {
  transition:all 180ms cubic-bezier(0.215,.61,.355,1);
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg)
}

.sub-tit {
  margin:0 0 10px;
  color:#64;
  font-size:22px
}

.respond-box {
  -webkit-perspective:3000px;
  perspective:3000px;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  position:relative;
  overflow:hidden;
  padding-top:56.25%;
  height:0;
  background:#000;
  opacity:1
}

.respond-box>#map,.respond-box>iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.ratio-box-50 {
  position:relative
}

.ratio-box-50:after {
  display:block;
  padding-top:100%;
  content:""
}

.btn-transition {
  overflow:hidden;
  text-indent:110%;
  white-space:nowrap;
  position:absolute;
  top:50%;
  display:block;
  margin-top:-20px;
  width:21px;
  height:41px
}

.btn-transition.blue.btn-next {
  background-position:0 -1205px
}

.btn-transition.blue.btn-prev {
  background-position:0 -1327px
}

.btn-more01 {
  transition:background-color 350ms ease;
  position:relative;
  display:block;
  padding:12px 0 12px 30px;
  width:189px;
  background:#70daed;
  color:#fff;
  font-size:18px;
  line-height:1
}

.btn-more01:after {
  background-position:0 -418px;
  position:absolute;
  top:13px;
  right:25px;
  display:block;
  width:18px;
  height:13px;
  content:''
}

.btn-more01:hover {
  background-color:#60bccd
}

.btn-equalizer {
  position:relative;
  top:-10px;
  width:26px;
  height:16px;
  background:0 0
}

.btn-equalizer.off:after,.btn-equalizer.on:after {
  position:absolute;
  bottom:-4px;
  left:28px;
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1
}

.btn-equalizer.off:after {
  content:'OFF'
}

.btn-equalizer.on:after {
  content:'ON'
}

.btn-equalizer:hover:after {
  color:#70daed
}

.btn-equalizer div {
  position:absolute;
  bottom:0;
  width:2px;
  height:16px;
  background:rgba(255,255,255,.4)
}

.btn-equalizer div span {
  transition:height 200ms linear;
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  width:2px;
  height:0;
  background:#fff;
  content:''
}

.btn-equalizer div:nth-child(0) {
  left:-4px
}

.btn-equalizer div:nth-child(1) {
  left:0
}

.btn-equalizer div:nth-child(2) {
  left:4px
}

.btn-equalizer div:nth-child(3) {
  left:8px
}

.btn-equalizer div:nth-child(4) {
  left:12px
}

.btn-equalizer div:nth-child(5) {
  left:16px
}

.btn-equalizer div:nth-child(6) {
  left:20px
}

.btn-equalizer div:nth-child(7) {
  left:24px
}

.livramento {
  background-position:0 -1605px
}

.saopaulo {
  background-position:0 -1388px
}

.usa {
  background-position:0 -1647px
}

.france {
  background-position:0 -743px
}

.australia {
  background-position:0 -339px
}

.germany {
  background-position:0 -785px
}

.canada {
  background-position:0 -521px
}

.japan {
  background-position:0 -1062px
}

.mt5 {
  margin-top:5px
}

.mt10 {
  margin-top:10px
}

.mr5 {
  margin-right:5px
}

.mr10 {
  margin-right:10px
}

.mb5 {
  margin-bottom:5px
}

.mb10 {
  margin-bottom:10px
}

.ml5 {
  margin-left:5px
}

.ml10 {
  margin-left:10px
}

.mt15 {
  margin-top:15px
}

.mt20 {
  margin-top:20px
}

.mr15 {
  margin-right:15px
}

.mr20 {
  margin-right:20px
}

.mb15 {
  margin-bottom:15px
}

.mb20 {
  margin-bottom:20px
}

.ml15 {
  margin-left:15px
}

.ml20 {
  margin-left:20px
}

.mt25 {
  margin-top:25px
}

.mt30 {
  margin-top:30px
}

.mr25 {
  margin-right:25px
}

.mr30 {
  margin-right:30px
}

.mb25 {
  margin-bottom:25px
}

.mb30 {
  margin-bottom:30px
}

.ml25 {
  margin-left:25px
}

.ml30 {
  margin-left:30px
}

.mt35 {
  margin-top:35px
}

.mt40 {
  margin-top:40px
}

.mr35 {
  margin-right:35px
}

.mr40 {
  margin-right:40px
}

.mb35 {
  margin-bottom:35px
}

.mb40 {
  margin-bottom:40px
}

.ml35 {
  margin-left:35px
}

.ml40 {
  margin-left:40px
}

.mt45 {
  margin-top:45px
}

.mt50 {
  margin-top:50px
}

.mr45 {
  margin-right:45px
}

.mr50 {
  margin-right:50px
}

.mb45 {
  margin-bottom:45px
}

.mb50 {
  margin-bottom:50px
}

.ml45 {
  margin-left:45px
}

.ml50 {
  margin-left:50px
}

.mt55 {
  margin-top:55px
}

.mt60 {
  margin-top:60px
}

.mr55 {
  margin-right:55px
}

.mr60 {
  margin-right:60px
}

.mb55 {
  margin-bottom:55px
}

.mb60 {
  margin-bottom:60px
}

.ml55 {
  margin-left:55px
}

.ml60 {
  margin-left:60px
}

.mt65 {
  margin-top:65px
}

.mt70 {
  margin-top:70px
}

.mr65 {
  margin-right:65px
}

.mr70 {
  margin-right:70px
}

.mb65 {
  margin-bottom:65px
}

.mb70 {
  margin-bottom:70px
}

.ml65 {
  margin-left:65px
}

.ml70 {
  margin-left:70px
}

.mt75 {
  margin-top:75px
}

.mt80 {
  margin-top:80px
}

.mr75 {
  margin-right:75px
}

.mr80 {
  margin-right:80px
}

.mb75 {
  margin-bottom:75px
}

.mb80 {
  margin-bottom:80px
}

.ml75 {
  margin-left:75px
}

.ml80 {
  margin-left:80px
}

.mt85 {
  margin-top:85px
}

.mt90 {
  margin-top:90px
}

.mr85 {
  margin-right:85px
}

.mr90 {
  margin-right:90px
}

.mb85 {
  margin-bottom:85px
}

.mb90 {
  margin-bottom:90px
}

.ml85 {
  margin-left:85px
}

.ml90 {
  margin-left:90px
}

.mt95 {
  margin-top:95px
}

.mt100 {
  margin-top:100px
}

.mr95 {
  margin-right:95px
}

.mr100 {
  margin-right:100px
}

.mb95 {
  margin-bottom:95px
}

.mb100 {
  margin-bottom:100px
}

.ml95 {
  margin-left:95px
}

.ml100 {
  margin-left:100px
}

.fz {
  font-size:50px
}

.font-white {
  color:#fff
}

.font-bold {
  font-weight:700
}

.font-normal {
  font-weight:400
}

.float-right {
  float:right
}

.float-left {
  float:left
}

.clear {
  clear:both
}

.align-right {
  text-align:right
}

.align-center {
  text-align:center
}

.align-left {
  text-align:left
}

.display-inline-block {
  display:inline-block
}

<!--
.clearfix:after,.clearfix:before {
  display:table;
  content:" "
} 
-->

.clearfix:after,.clearfix:before {
  display:table;
  content:"\A  "
}

.clearfix:after {
  clear:both
}

.ff01 {
  font-weight:400;
  font-style:normal;
  font-family:DINEngschriftStd
}

.ff02 {
  font-weight:400;
  font-style:normal;
  font-family:DINMittelschriftLT-Alternate
}