/* line 17, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol,
ul {
  list-style: none;
}

/* line 26, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q,
blockquote {
  quotes: none;
}

/* line 103, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Applications/Scout.app/Contents/Resources/vendor/gems/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

/* line 5, ../scss/_base.scss */
b {
  font-weight: 700;
}

/* line 2, ../scss/style.scss */
body {
  background: #f4f4f4;
  color: #294159;
  font-family: 'Lato', sans-serif;
  -webkit-font-smoothing: antialiased;
}

#webdeveloper-needed {
  position: fixed;
  top: 80px;
  z-index: 99999;
  right: 0;
}

/* line 9, ../scss/style.scss */
#preloader {
  background: #f4f4f4;
  height: 100%;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transition: left 0s, opacity 1s;
  -webkit-transition-delay: 0.5s, 0s;
  -moz-transition: left 0s 0.5s, opacity 1s;
  -o-transition: left 0s 0.5s, opacity 1s;
  transition: left 0s 0.5s, opacity 1s;
  position: fixed;
  top: 0;
  z-index: 100000;
  width: 100%;
}

/* line 20, ../scss/style.scss */
#preloader.hide {
  left: -9999px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 25, ../scss/style.scss */
#preloader .content {
  left: 50%;
  margin-left: -650px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1300px;
}

/* line 33, ../scss/style.scss */
#preloader .content img {
  margin-bottom: 10px;
}

/* line 37, ../scss/style.scss */
#preloader .content .text {
  font-size: 70px;
  font-weight: bold;
  margin: 400px 0 100px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
}

/* line 49, ../scss/style.scss */
#preloader .optimized {
  bottom: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
}

/* line 57, ../scss/style.scss */
#main {
  height: 30280px;
}

/* line 60, ../scss/style.scss */
#main>header {
  background: rgba(240, 240, 240, 0.8);
  height: 54px;
  left: 0;
  position: fixed;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  top: 0;
  width: 100%;
  z-index: 1000;
}

/* line 77, ../scss/style.scss */
#main>header:hover nav ul li.big a span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 87, ../scss/style.scss */
#main>header .logo {
  background: url(../images/sprite.png) 0 0 no-repeat;
  background-size: 300px;
  display: block;
  height: 27px;
  margin: 12px 0 0 90px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 152px;
}

/* line 98, ../scss/style.scss */
#main>header .socials {
  position: absolute;
  right: 38px;
  top: 16px;
}

/* line 104, ../scss/style.scss */
#main>header .socials a {
  background: url(../images/sprite.png) no-repeat;
  background-size: 300px;
  float: left;
  height: 26px;
  width: 26px;
}

/* line 111, ../scss/style.scss */
#main>header .socials a.facebook {
  background-position: -152px 0;
  margin-right: 20px;
}

/* line 116, ../scss/style.scss */
#main>header .socials a.gplus {
  background-position: -213px 0;
  margin-right: 20px;
  width: 27px;
}

/* line 122, ../scss/style.scss */
#main>header .socials a.twitter {
  background-position: -178px 0;
}


/* line 128, ../scss/style.scss */
#main>header nav {
  margin: 40px 32% 0 18%;
  -webkit-transition: width 0.3s ease-out;
  -webkit-transition-delay: 0.3s;
  -moz-transition: width 0.3s ease-out 0.3s;
  -o-transition: width 0.3s ease-out 0.3s;
  transition: width 0.3s ease-out 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 50%;
}

/* line 134, ../scss/style.scss */
#main>header nav ul {
  bottom: 0;
  position: relative;
  width: 100%;
}

/* line 139, ../scss/style.scss */
#main>header nav ul li {
  background: #294159;
  cursor: pointer;
  height: 5px;
  margin-top: -5px;
  position: absolute;
  width: 2px;
}

/* line 147, ../scss/style.scss */
#main>header nav ul li:before {
  content: "";
  height: 14px;
  left: 0;
  margin-left: -6px;
  position: absolute;
  top: -3px;
  width: 12px;
}

/* line 158, ../scss/style.scss */
#main>header nav ul li:hover a,
#main>header nav ul li.active a {
  margin-top: 0px;
}

/* line 160, ../scss/style.scss */
#main>header nav ul li:hover a span,
#main>header nav ul li.active a span {
  opacity: 1 !important;
  top: -22px;
}

/* line 168, ../scss/style.scss */
#main>header nav ul li.big {
  margin-top: -6px;
}

/* line 171, ../scss/style.scss */
#main>header nav ul li.big a {
  margin-top: 0px;
}

/* line 174, ../scss/style.scss */
#main>header nav ul li.big a span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  top: -22px;
}

/* line 180, ../scss/style.scss */
#main>header nav ul li.big,
#main>header nav ul li.big a {
  height: 6px;
  width: 4px;
}

/* line 185, ../scss/style.scss */
#main>header nav ul li.active {
  font-weight: bold;
  height: 15px;
  margin-top: -15px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 193, ../scss/style.scss */
#main>header nav ul li.active a {
  height: 14px;
}

/* line 197, ../scss/style.scss */
#main>header nav ul li.passed {
  background: #ff0000;
}

/* line 201, ../scss/style.scss */
#main>header nav ul li a {
  height: 5px;
  margin-top: -70px;
  position: absolute;
  text-decoration: none;
  width: 2px;
}

/* line 209, ../scss/style.scss */
#main>header nav ul li a span {
  color: #294159;
  font-size: 12px;
  left: -50px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  top: -15px;
  -webkit-transition: opacity 0.3s, top 0.2s ease-out;
  -moz-transition: opacity 0.3s, top 0.2s ease-out;
  -o-transition: opacity 0.3s, top 0.2s ease-out;
  transition: opacity 0.3s, top 0.2s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-align: center;
  text-transform: uppercase;
  width: 100px;
}

/* line 226, ../scss/style.scss */
#main>header nav .statusbar {
  background: #294159;
  height: 6px;
  margin-top: 15px;
  width: 100%;
}

/* line 232, ../scss/style.scss */
#main>header nav .statusbar .indicator {
  background: #ff0000;
  height: 100%;
  min-width: 4px;
  width: 4px;
}

/* line 243, ../scss/style.scss */
.background-images {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
}

/* line 251, ../scss/style.scss */
.background-images>img {
  height: 100%;
}

/* line 254, ../scss/style.scss */
.background-images>img.active {
  -webkit-filter: blur(1px);
}

/* line 260, ../scss/style.scss */
.close {
  height: 85px;
  position: absolute;
  right: 0px;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  top: 75px;
  width: 85px;
  z-index: 30;
}

/* line 270, ../scss/style.scss */
.close:before,
.close:after {
  background: #fff;
  content: "";
  height: 1px;
  left: 50%;
  margin-left: -30px;
  position: absolute;
  top: 50%;
  width: 60px;
}

/* line 281, ../scss/style.scss */
.close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 285, ../scss/style.scss */
.close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 290, ../scss/style.scss */
#contents {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

/* line 298, ../scss/style.scss */
#contents #copyrights {
  background: rgba(255, 255, 255, 0.4);
  bottom: 20px;
  border-radius: 3px;
  color: #294159;
  font-size: 10px;
  left: 10px;
  padding: 3px;
  position: fixed;
  z-index: 21;
}

/* line 309, ../scss/style.scss */
#contents #copyrights a {
  color: #294159;
  text-decoration: none;
}

/* line 315, ../scss/style.scss */
#contents header {
  color: #fff;
  font-weight: 700;
  height: 100%;
  left: -9999px;
  margin-left: -650px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1300px;
  z-index: 20;
  -webkit-transition: left 0s, opacity 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  -moz-transition: left 0s 0.3s, opacity 0.3s;
  -o-transition: left 0s 0.3s, opacity 0.3s;
  transition: left 0s 0.3s, opacity 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 330, ../scss/style.scss */
#contents header.active {
  left: 50%;
  opacity: 1;
  -webkit-transition: left 0s, opacity 0.3s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition: left 0s 0s, opacity 0.3s;
  -o-transition: left 0s 0s, opacity 0.3s;
  transition: left 0s 0s, opacity 0.3s;
}

/* line 336, ../scss/style.scss */
#contents header h1 {
  font-size: 70px;
  margin: 400px 0 20px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 344, ../scss/style.scss */
#contents header h2 {
  font-size: 37px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 350, ../scss/style.scss */
#contents header p {
  bottom: 100px;
  font-size: 20px;
  left: 50%;
  margin-left: -50px;
  position: absolute;
  text-align: center;
  width: 100px;
}

/* line 360, ../scss/style.scss */
#contents header div {
  bottom: 20px;
  height: 57px;
  left: 50%;
  margin-left: -62px;
  position: absolute;
  width: 100px;
}

/* line 368, ../scss/style.scss */
#contents header div:before,
#contents header div:after {
  background: #fff;
  content: "";
  height: 4px;
  position: absolute;
  top: 0px;
  width: 75px;
}

/* line 377, ../scss/style.scss */
#contents header div:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0px;
}

/* line 382, ../scss/style.scss */
#contents header div:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 50px;
}

/* line 389, ../scss/style.scss */
#contents #about {
  background: #111111;
  color: #e1e1e1;
  height: 100%;
  left: -585px;
  padding: 0 145px 0 55px;
  position: absolute;
  top: 0;
  -webkit-transition: left 0.4s ease-out, padding 0.3s ease-out, width 0.3s ease-out;
  -moz-transition: left 0.4s ease-out, padding 0.3s ease-out, width 0.3s ease-out;
  -o-transition: left 0.4s ease-out, padding 0.3s ease-out, width 0.3s ease-out;
  transition: left 0.4s ease-out, padding 0.3s ease-out, width 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 300px;
  z-index: 30;
}

/* line 403, ../scss/style.scss */
#contents #about.active {
  left: 0;
}

/* line 407, ../scss/style.scss */
#contents #about h3 {
  color: #f4f4f4;
  font-size: 20px;
  font-weight: 700;
  margin: 45px 0 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 416, ../scss/style.scss */
#contents #about h3:first-child {
  margin-top: 125px;
}

/* line 421, ../scss/style.scss */
#contents #about p {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 15px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 428, ../scss/style.scss */
#contents #about p a {
  color: #009fd6;
  text-decoration: none;
}

/* line 432, ../scss/style.scss */
#contents #about p a b {
  font-weight: 900;
}

/* line 438, ../scss/style.scss */
#contents #about #company-info {
  bottom: 45px;
  color: #b7b7b7;
  left: 55px;
  position: absolute;
  -webkit-transition: bottom 0.3s ease-out;
  -moz-transition: bottom 0.3s ease-out;
  -o-transition: bottom 0.3s ease-out;
  transition: bottom 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 447, ../scss/style.scss */
#contents #about .close {
  background: rgba(17, 17, 17, 0.6);
  right: -85px;
  top: 218px;
}

/* line 452, ../scss/style.scss */
#contents #about .close:hover {
  background: rgba(17, 17, 17, 0.8);
}

/* line 458, ../scss/style.scss */
#contents #google-map {
  height: 100%;
  right: -100%;
  position: absolute;
  top: 0;
  -webkit-transition: right 0.4s ease-out;
  -moz-transition: right 0.4s ease-out;
  -o-transition: right 0.4s ease-out;
  transition: right 0.4s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 25;
}

/* line 467, ../scss/style.scss */
#contents #google-map.active {
  right: 0;
}

/* line 472, ../scss/style.scss */
#contents section {
  background: #f4f4f4;
  bottom: -600px;
  height: 320px;
  left: 0px;
  position: absolute;
  width: 100%;
  z-index: 30;
  -webkit-transition: bottom 0.4s ease-out, height 0.3s ease-out;
  -moz-transition: bottom 0.4s ease-out, height 0.3s ease-out;
  -o-transition: bottom 0.4s ease-out, height 0.3s ease-out;
  transition: bottom 0.4s ease-out, height 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#START{
  height: 0 !important;
}

/* line 483, ../scss/style.scss */
#contents section.active {
  bottom: 0px;
}

/* line 486, ../scss/style.scss */
#contents section.active .cases {
  left: 0%;
}

/* line 491, ../scss/style.scss */
#contents section.hide {
  bottom: -320px;
}

/* line 494, ../scss/style.scss */
#contents section.hide .cases {
  left: 0%;
}

/* line 499, ../scss/style.scss */
#contents section>* {
  position: absolute;
}

/* line 505, ../scss/style.scss */
#contents section>h2,
#contents section>h3 {
  color: white;
  font-size: 54px;
  font-weight: 700;
  left: 90px;
  margin: 0;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
  text-transform: uppercase;
  top: 0;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#contents section>h3 {
  font-size: 36px;
}

#contents section>h2 small {
  font-size: 50%;
}

/* line 517, ../scss/style.scss */
#contents section>h2.active,
#contents section>h3.active {
  left: -2000px;
}

/* line 522, ../scss/style.scss */
#contents section>h2 {
  margin-top: -151px;
}

/* line 526, ../scss/style.scss */
#contents section>h3 {
  font-style: italic;
  font-weight: 300;
  margin-top: -81px;
}

/* line 532, ../scss/style.scss */
#contents section .close {
  background: rgba(0, 191, 243, 0.6);
}

/* line 535, ../scss/style.scss */
#contents section .close:hover {
  background: rgba(0, 191, 243, 0.8);
}

/* line 540, ../scss/style.scss */
#contents section .content {
  background: #fff;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 20;
}

/* line 548, ../scss/style.scss */
#contents section .caseinfo {
  position: absolute;
  top: -350px;
  height: 100%;
  background-color: rgba(29, 44, 60, 0.8);
  width: 100%;
}

/* line 556, ../scss/style.scss */
#contents section .content-area {
  /* width: calc(100% - 960px); */
  left: 90px;
  position: absolute;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  top: 43px;
}

/* line 564, ../scss/style.scss */
#contents section .text {
  color: #486078;
  font-weight: 300;
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 35px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 670px;
  text-align: justify;
}

/* line 575, ../scss/style.scss */
#contents section .content>img {
  height: 320px;
  position: absolute;
  right: 520px;
  top: 0;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 584, ../scss/style.scss */
#contents section .skills {
  float: left;
}

/* line 587, ../scss/style.scss */
#contents section .skills div {
  background: #252c33;
  border-radius: 5px;
  color: #fff;
  float: left;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  margin-left: 20px;
  min-width: 60px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 603, ../scss/style.scss */
#contents section .skills div:first-child {
  margin-left: 0;
}

/* line 607, ../scss/style.scss */
#contents section .skills div.monitor {
  background-position: 0 -28px;
}

/* line 613, ../scss/style.scss */
#contents section .contact {
  border-left: 1px solid #4a4a4a;
  color: #1f1f1f;
  float: left;
  font-size: 18px;
  line-height: 22px;
  margin-left: 33px;
  padding-left: 33px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 624, ../scss/style.scss */
#contents section .contact.noline {
  border-left: 0;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* line 630, ../scss/style.scss */
#contents section .contact a {
  color: #0072bc;
  text-decoration: none;
}

/* line 636, ../scss/style.scss */
#contents section .quote {
  position: absolute;
  right: 120px;
  top: 130px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 643, ../scss/style.scss */
#contents section .quote q {
  color: #2b3f52;
  display: table-cell;
  font-size: 23px;
  line-height: 29px;
  height: 87px;
  quotes: "\201C""\201D";
  /* text-align: center; */
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  vertical-align: middle;
  width: 360px;
}

/* line 656, ../scss/style.scss */
#contents section .quote q:before {
  color: black;
  content: open-quote;
}

/* line 661, ../scss/style.scss */
#contents section .quote q:after {
  color: black;
  content: close-quote;
}

/* line 668, ../scss/style.scss */
#contents section .articles {
  font-size: 18px;
  line-height: 26px;
  position: absolute;
  right: 45px;
  top: 43px;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 250px;
}

/* line 678, ../scss/style.scss */
#contents section .articles a {
  color: #ed1c24;
  text-decoration: none;
}

/* line 682, ../scss/style.scss */
#contents section .articles a b {
  display: inline-block;
  margin-top: 5px;
}

/* line 688, ../scss/style.scss */
#contents section .articles h4 {
  color: #2b4259;
  margin: 10px 0 5px;
}

/* line 692, ../scss/style.scss */
#contents section .articles h4:first-child {
  margin-top: 0;
}

/* line 698, ../scss/style.scss */
#contents section .title {
  background: #ee303b;
  color: #fff;
  font-size: 17px;
  height: 32px;
  left: 0;
  line-height: 32px;
  text-transform: uppercase;
  position: absolute;
  top: -32px;
  width: 100%;
  z-index: 30;
}

/* line 711, ../scss/style.scss */
#contents section .title b {
  font-weight: 700;
  margin-left: 90px;
}

/* line 717, ../scss/style.scss */
#contents section .cases {
  background: rgba(100, 100, 100, 1);
  left: 100%;
  position: absolute;
  top: 54px;
  -webkit-transition: left 0.3s 0.4s, height 0.4s ease-out, top 0.3s ease-out;
  -webkit-transition-delay: ease-out, 0s, 0s;
  -moz-transition: left 0.3s 0.4s ease-out, height 0.4s ease-out, top 0.3s ease-out;
  -o-transition: left 0.3s 0.4s ease-out, height 0.4s ease-out, top 0.3s ease-out;
  transition: left 0.3s 0.4s ease-out, height 0.4s ease-out, top 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: -10;
}

/* line 727, ../scss/style.scss */
#contents section .cases .thankyou {
  position: relative;
  width: 800px;
  margin:360px auto 0 auto;
  text-align: center;
}

/* line 733, ../scss/style.scss */
#contents section .cases .thankyou h1,
#contents section .cases .thankyou h2,
#contents section .cases .thankyou p {
  margin: 0 0 0 0;
  color: #ffffff;
}

/* line 738, ../scss/style.scss */
#contents section .cases .thankyou h1 {
  font-size: 30px;
  margin-bottom: 5px;
}

/* line 742, ../scss/style.scss */
#contents section .cases .thankyou h2 {
  font-size: 20px;
  margin-bottom: 5px;
}

/* line 746, ../scss/style.scss */
#contents section .cases .thankyou p {
  font-size: 16px;
  margin-bottom: 30px;
}

/* line 751, ../scss/style.scss */
#contents section .cases .thankyou a {
  position: relative;
  display: inline-block;
  width: 280px;
  padding: 10px 0 0 0;
  margin: 60px 20px 0 20px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 130px auto;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 10px;
}

/* line 768, ../scss/style.scss */
#contents section .cases .thankyou a.seeCases {
  /* background-image: url("../images/iconmonstr-light-bulb-2-icon.png"); */
}

/* line 772, ../scss/style.scss */
#contents section .cases .thankyou a.twitter {
  /* background-image: url("../images/iconmonstr-twitter-icon.png"); */
}

#contents section .cases .thankyou a.facebook {
  /* background-image: url("../images/facebook-icon.png"); */
}

/* line 776, ../scss/style.scss */
#contents section .cases .thankyou a.newsletter {
  /* background-image: url("../images/iconmonstr-email-11-icon.png"); */
}

/* line 780, ../scss/style.scss */
#contents section .cases .thankyou a span {
  display: block;
  font-size: 15px;
  margin: 5px 0 5px 0;
  font-weight: normal;
}

/* line 787, ../scss/style.scss */
#contents section .cases .thankyou a span+span {
  position: relative;
  padding: 10px 10px 10px 10px;
  margin: 20px 0 0 0;
  border-radius: 5px;
  background-color: #6B1E7A;
}

/* line 796, ../scss/style.scss */
#contents section .cases .thankyou a:hover span+span {
  background-color: #53175F;
}

/* line 803, ../scss/style.scss */
#contents section .cases.rows1>.case {
  height: 100%;
}

/* line 804, ../scss/style.scss */
#contents section .cases.rows2>.case {
  height: 50%;
}

/* line 805, ../scss/style.scss */
#contents section .cases.rows3>.case {
  height: 33.4%;
}

/* line 808, ../scss/style.scss */
#contents section .cases.rows4>.case {
  height: 25%;
}

/* line 810, ../scss/style.scss */
#contents section .cases.cols1 .case {
  width: 100%;
}

/* line 811, ../scss/style.scss */
#contents section .cases.cols2 .case {
  width: 50%;
}

/* line 812, ../scss/style.scss */
#contents section .cases.cols3 .case {
  width: 33%;
}

/* line 815, ../scss/style.scss */
#contents section .cases.cols3 .case:nth-child(3n) {
  width: 34%;
}

/* line 819, ../scss/style.scss */
#contents section .cases.cols4 .case {
  width: 25%;
}

/* line 820, ../scss/style.scss */
#contents section .cases.cols5 .case {
  width: 20%;
}

/* line 825, ../scss/style.scss */
#contents section .cases.cols2 .case:nth-child(1) .overlay,
#contents section .cases.cols2 .case:nth-child(3) .overlay,
#contents section .cases.cols2 .case:nth-child(6) .overlay,
#contents section .cases.cols2 .case:nth-child(8) .overlay,
#contents section .cases.cols2 .case:nth-child(9) .overlay,
#contents section .cases.cols2 .case:nth-child(11) .overlay,
#contents section .cases.cols2 .case:nth-child(14) .overlay,
#contents section .cases.cols2 .case:nth-child(15) .overlay,
#contents section .cases.cols4 .case:nth-child(1) .overlay,
#contents section .cases.cols4 .case:nth-child(3) .overlay,
#contents section .cases.cols4 .case:nth-child(6) .overlay,
#contents section .cases.cols4 .case:nth-child(8) .overlay,
#contents section .cases.cols4 .case:nth-child(9) .overlay,
#contents section .cases.cols4 .case:nth-child(11) .overlay,
#contents section .cases.cols4 .case:nth-child(14) .overlay,
#contents section .cases.cols4 .case:nth-child(15) .overlay {
  background: rgba(29, 44, 60, 0.8);
}

/* line 828, ../scss/style.scss */
#contents section .cases.cols2 .case:nth-child(2) .overlay,
#contents section .cases.cols2 .case:nth-child(4) .overlay,
#contents section .cases.cols2 .case:nth-child(5) .overlay,
#contents section .cases.cols2 .case:nth-child(7) .overlay,
#contents section .cases.cols2 .case:nth-child(10) .overlay,
#contents section .cases.cols2 .case:nth-child(12) .overlay,
#contents section .cases.cols2 .case:nth-child(13) .overlay,
#contents section .cases.cols2 .case:nth-child(16) .overlay,
#contents section .cases.cols4 .case:nth-child(2) .overlay,
#contents section .cases.cols4 .case:nth-child(4) .overlay,
#contents section .cases.cols4 .case:nth-child(5) .overlay,
#contents section .cases.cols4 .case:nth-child(7) .overlay,
#contents section .cases.cols4 .case:nth-child(10) .overlay,
#contents section .cases.cols4 .case:nth-child(12) .overlay,
#contents section .cases.cols4 .case:nth-child(13) .overlay,
#contents section .cases.cols4 .case:nth-child(16) .overlay {
  background: rgba(39, 54, 70, 0.8);
}

/* line 835, ../scss/style.scss */
#contents section .cases.cols1 .case .overlay,
#contents section .cases.cols3 .case .overlay,
#contents section .cases.cols5 .case .overlay {
  background: rgba(29, 44, 60, 0.8);
}

/* line 838, ../scss/style.scss */
#contents section .cases.cols1 .case:nth-child(odd) .overlay,
#contents section .cases.cols3 .case:nth-child(odd) .overlay,
#contents section .cases.cols5 .case:nth-child(odd) .overlay {
  background: rgba(39, 54, 70, 0.8);
}

/* line 843, ../scss/style.scss */
#contents section .cases .case {
  cursor: pointer;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: height 0.4s ease-out;
  -moz-transition: height 0.4s ease-out;
  -o-transition: height 0.4s ease-out;
  transition: height 0.4s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 20;
}

/* line 853, ../scss/style.scss */
#contents section .cases .case .overlay {
  bottom: -1px;
  height: 101%;
  left: 0;
  padding: 0 10%;
  position: absolute;
  -webkit-transition: background-color 0.5s, height 0.3s ease-out;
  -moz-transition: background-color 0.5s, height 0.3s ease-out;
  -o-transition: background-color 0.5s, height 0.3s ease-out;
  transition: background-color 0.5s, height 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 81%;
  z-index: 10;
}

/* line 864, ../scss/style.scss */
#contents section .cases .case .overlay:before {
  color: #fff;
  content: "Show project";
  font-size: 20px;
  font-weight: 700px;
  left: 0;
  line-height: 80px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  -webkit-transition: font-size 0.3s ease-out;
  -moz-transition: font-size 0.3s ease-out;
  -o-transition: font-size 0.3s ease-out;
  transition: font-size 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
}

/* line 881, ../scss/style.scss */
#contents section .cases .case .overlay .text {
  color: #bfbfbf;
  display: table-cell;
  font-size: 20px;
  font-weight: 400;
  height: inherit;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  text-align: center;
  -webkit-transition: font-size 0.3s ease-out, opacity 0.3s;
  -moz-transition: font-size 0.3s ease-out, opacity 0.3s;
  -o-transition: font-size 0.3s ease-out, opacity 0.3s;
  transition: font-size 0.3s ease-out, opacity 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  vertical-align: middle;
}

/* line 893, ../scss/style.scss */
#contents section .cases .case .overlay .text b {
  color: #d7dbdd;
  display: block;
  font-size: 23px;
  font-weight: 700;
  margin: 0 auto 12px;
  text-transform: uppercase;
  -webkit-transition: font-size 0.3s ease-out, margin-bottom 0.3s ease-out;
  -moz-transition: font-size 0.3s ease-out, margin-bottom 0.3s ease-out;
  -o-transition: font-size 0.3s ease-out, margin-bottom 0.3s ease-out;
  transition: font-size 0.3s ease-out, margin-bottom 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 80%;
}

/* line 907, ../scss/style.scss */
#contents section .cases .case .parallax {
  height: 100%;
  width: 100%;
}

/* line 911, ../scss/style.scss */
#contents section .cases .case .parallax .item {
  display: none;
  height: 100%;
  right: 0%;
  position: absolute;
  -webkit-transition: right 0.5s ease-out;
  -moz-transition: right 0.5s ease-out;
  -o-transition: right 0.5s ease-out;
  transition: right 0.5s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  top: 0;
  width: 100%;
  z-index: 4;
}

/* line 922, ../scss/style.scss */
#contents section .cases .case .parallax .item:first-child {
  display: block;
  z-index: 5;
}

/* line 928, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(1) {
  z-index: 5;
}

/* line 929, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(2) {
  z-index: 6;
}

/* line 930, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(3) {
  z-index: 7;
}

/* line 931, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(4) {
  z-index: 8;
}

/* line 932, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(5) {
  z-index: 9;
}

/* line 933, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(6) {
  z-index: 10;
}

/* line 934, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(7) {
  z-index: 11;
}

/* line 935, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(8) {
  z-index: 12;
}

/* line 936, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(9) {
  z-index: 13;
}

/* line 937, ../scss/style.scss */
#contents section .cases .case .parallax .item>*:nth-child(10) {
  z-index: 14;
}

/* line 940, ../scss/style.scss */
#contents section .cases .case .parallax .item .main-image {
  margin: 0;
  min-height: 102%;
  min-width: 100%;
  position: absolute;
  z-index: 5;
  -webkit-transition: left 0.3s ease-out, margin 0.3s ease-out;
  -moz-transition: left 0.3s ease-out, margin 0.3s ease-out;
  -o-transition: left 0.3s ease-out, margin 0.3s ease-out;
  transition: left 0.3s ease-out, margin 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 950, ../scss/style.scss */
#contents section .cases .case .parallax .item .text {
  background: rgba(255, 255, 255, 0.9);
  bottom: 0;
  color: #484848;
  font-size: 15px;
  left: 45%;
  line-height: 26px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  padding: 10px 40px 10px;
  position: absolute;
  text-align: center;
  -webkit-transition: margin 0.3s, opacity 0.3s;
  -moz-transition: margin 0.3s, opacity 0.3s;
  -o-transition: margin 0.3s, opacity 0.3s;
  transition: margin 0.3s, opacity 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 465px;
}

/* line 965, ../scss/style.scss */
#contents section .cases .case .parallax .item .text h4 {
  color: #652d86;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

/* line 973, ../scss/style.scss */
#contents section .cases .case .parallax .item .text a {
  color: #00aeef;
}

/* line 982, ../scss/style.scss */
#contents section .cases .case:hover .overlay {
  background: rgba(19, 29, 40, 0.7);
  height: 80px;
}

/* line 986, ../scss/style.scss */
#contents section .cases .case:hover .overlay:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-transition: opacity 1.7s;
  -moz-transition: opacity 1.7s;
  -o-transition: opacity 1.7s;
  transition: opacity 1.7s;
}

/* line 991, ../scss/style.scss */
#contents section .cases .case:hover .overlay .text {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 997, ../scss/style.scss */
#contents section .cases .case:hover .item .main-image {
  margin-top: -7px;
}

/* line 1003, ../scss/style.scss */
#contents section .cases.active {
  cursor: move;
}

/* line 1008, ../scss/style.scss */
#contents section #activeCase {
  bottom: -200%;
  height: 100%;
  left: 0;
  position: absolute;
  -webkit-transition: bottom 0.6s 0s;
  -webkit-transition-delay: ease-out;
  -moz-transition: bottom 0.6s 0s ease-out;
  -o-transition: bottom 0.6s 0s ease-out;
  transition: bottom 0.6s 0s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 20;
}

/* line 1018, ../scss/style.scss */
#contents section #activeCase .overlay {
  display: none;
}

/* line 1020, ../scss/style.scss */
#contents section #activeCase .case {
  cursor: move;
  width: 100% !important;
}

/* line 1024, ../scss/style.scss */
#contents section #activeCase .case .item {
  display: block;
  right: 100%;
}

/* line 1028, ../scss/style.scss */
#contents section #activeCase .case .item:first-child {
  display: block;
  z-index: 5;
}

/* line 1033, ../scss/style.scss */
#contents section #activeCase .case .item.active {
  right: 0%;
  z-index: 7;
}

/* line 1038, ../scss/style.scss */
#contents section #activeCase .case .item.temp {
  z-index: 6;
}

/* line 1042, ../scss/style.scss */
#contents section #activeCase .case .item.active~.item {
  right: -100%;
}

/* line 1048, ../scss/style.scss */
#contents section #activeCase .case .text {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 1052, ../scss/style.scss */
#contents section #activeCase .case .main-image {
  min-width: 100%;
}

/* line 1057, ../scss/style.scss */
#contents section #activeCase .arrow {
  background: rgba(0, 191, 243, 0.6);
  height: 85px;
  margin-top: -42px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  position: absolute;
  top: 50%;
  -webkit-transition: background 0.2s, left 0s, opacity 0.5s, right 0s;
  -webkit-transition-delay: 0s, 0.3s, 0s, 0.5s;
  -moz-transition: background 0.2s, left 0s 0.3s, opacity 0.5s 0s, right 0s 0.5s;
  -o-transition: background 0.2s, left 0s 0.3s, opacity 0.5s 0s, right 0s 0.5s;
  transition: background 0.2s, left 0s 0.3s, opacity 0.5s 0s, right 0s 0.5s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 85px;
  z-index: 50;
}

/* line 1069, ../scss/style.scss */
#contents section #activeCase .arrow:hover {
  background: rgba(0, 191, 243, 0.8);
  cursor: pointer;
}

/* line 1074, ../scss/style.scss */
#contents section #activeCase .arrow:before,
#contents section #activeCase .arrow:after {
  background: #fff;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  width: 30px;
}

/* line 1083, ../scss/style.scss */
#contents section #activeCase .arrow:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 32px;
}

/* line 1088, ../scss/style.scss */
#contents section #activeCase .arrow:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 53px;
}

/* line 1093, ../scss/style.scss */
#contents section #activeCase .arrow.prev {
  left: -85px;
}

/* line 1096, ../scss/style.scss */
#contents section #activeCase .arrow.prev:before {
  margin-left: -19px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* line 1101, ../scss/style.scss */
#contents section #activeCase .arrow.prev:after {
  margin-left: -19px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* line 1107, ../scss/style.scss */
#contents section #activeCase .arrow.next {
  right: -85px;
}

/* line 1110, ../scss/style.scss */
#contents section #activeCase .arrow.next:before {
  margin-left: -11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 1115, ../scss/style.scss */
#contents section #activeCase .arrow.next:after {
  margin-left: -11px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 1122, ../scss/style.scss */
#contents section #activeCase .indicators {
  bottom: 12px;
  position: absolute;
  right: 40px;
  z-index: 50;
}

/* line 1128, ../scss/style.scss */
#contents section #activeCase .indicators li {
  background: #ff003c;
  cursor: pointer;
  float: left;
  height: 10px;
  margin: 10px 0 0 8px;
  -webkit-transition: height 0.3s ease-out, margin 0.3s ease-out;
  -moz-transition: height 0.3s ease-out, margin 0.3s ease-out;
  -o-transition: height 0.3s ease-out, margin 0.3s ease-out;
  transition: height 0.3s ease-out, margin 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 10px;
}

/* line 1138, ../scss/style.scss */
#contents section #activeCase .indicators li.active {
  background: #294159;
}

/* line 1146, ../scss/style.scss */
#contents section.hide #activeCase {
  bottom: 0;
  -webkit-transition: bottom 0.6s 0.4s;
  -webkit-transition-delay: ease-out;
  -moz-transition: bottom 0.6s 0.4s ease-out;
  -o-transition: bottom 0.6s 0.4s ease-out;
  transition: bottom 0.6s 0.4s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1151, ../scss/style.scss */
#contents section.hide #activeCase .arrow.hide {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s, right 0s;
  -webkit-transition-delay: 0s, 0.3s;
  -moz-transition: opacity 0.3s 0s, right 0s 0.3s;
  -o-transition: opacity 0.3s 0s, right 0s 0.3s;
  transition: opacity 0.3s 0s, right 0s 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1156, ../scss/style.scss */
#contents section.hide #activeCase .arrow.hide.next {
  right: -82px;
}

/* line 1160, ../scss/style.scss */
#contents section.hide #activeCase .arrow.hide.prev {
  left: -82px;
}

/* line 1165, ../scss/style.scss */
#contents section.hide #activeCase .prev {
  left: 0px;
}

/* line 1169, ../scss/style.scss */
#contents section.hide #activeCase .next {
  right: 0px;
}

/* line 1176, ../scss/style.scss */
#contents #office {
  color: #fff;
  font-weight: 700;
  height: 100%;
  left: 50%;
  margin-left: -650px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1300px;
  z-index: -20;
}

/* line 1188, ../scss/style.scss */
#contents #office.active {
  z-index: 20;
}

/* line 1191, ../scss/style.scss */
#contents #office.active a {
  bottom: 50%;
  -webkit-transition: bottom 0.3s 0.4s;
  -webkit-transition-delay: ease-out;
  -moz-transition: bottom 0.3s 0.4s ease-out;
  -o-transition: bottom 0.3s 0.4s ease-out;
  transition: bottom 0.3s 0.4s ease-out;
}

/* line 1196, ../scss/style.scss */
#contents #office.active p {
  bottom: 125px;
  -webkit-transition: bottom 0.3s 0.1s;
  -webkit-transition-delay: ease-out;
  -moz-transition: bottom 0.3s 0.1s ease-out;
  -o-transition: bottom 0.3s 0.1s ease-out;
  transition: bottom 0.3s 0.1s ease-out;
}

/* line 1201, ../scss/style.scss */
#contents #office.active div {
  bottom: 20px;
  -webkit-transition: bottom 0.1s 0s;
  -webkit-transition-delay: ease-out;
  -moz-transition: bottom 0.1s 0s ease-out;
  -o-transition: bottom 0.1s 0s ease-out;
  transition: bottom 0.1s 0s ease-out;
}

/* line 1207, ../scss/style.scss */
#contents #office a {
  background: #c54037;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  bottom: -100px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 300;
  height: 34px;
  line-height: 34px;
  left: 50%;
  margin: 0 0 -17px -225px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: bottom 0.3s 0s;
  -webkit-transition-delay: ease-out;
  -moz-transition: bottom 0.3s 0s ease-out;
  -o-transition: bottom 0.3s 0s ease-out;
  transition: bottom 0.3s 0s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 450px;
}

/* line 1228, ../scss/style.scss */
#contents #office p {
  bottom: -100px;
  font-size: 20px;
  left: 50%;
  margin-left: -225px;
  position: absolute;
  text-align: center;
  -webkit-transition: bottom 0.3s 0.3s;
  -webkit-transition-delay: ease-out;
  -moz-transition: bottom 0.3s 0.3s ease-out;
  -o-transition: bottom 0.3s 0.3s ease-out;
  transition: bottom 0.3s 0.3s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 450px;
}

/* line 1240, ../scss/style.scss */
#contents #office div {
  bottom: -100px;
  height: 57px;
  left: 50%;
  margin-left: -62px;
  position: absolute;
  -webkit-transition: bottom 0.1s 0.6s;
  -webkit-transition-delay: ease-out;
  -moz-transition: bottom 0.1s 0.6s ease-out;
  -o-transition: bottom 0.1s 0.6s ease-out;
  transition: bottom 0.1s 0.6s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100px;
}

/* line 1250, ../scss/style.scss */
#contents #office div:before,
#contents #office div:after {
  background: #fff;
  content: "";
  height: 4px;
  position: absolute;
  top: 0px;
  width: 75px;
}

/* line 1259, ../scss/style.scss */
#contents #office div:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0px;
}

/* line 1264, ../scss/style.scss */
#contents #office div:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 50px;
}

/* line 1272, ../scss/style.scss */
#shadow {
  background: rgba(0, 0, 0, 1);
  height: 100%;
  left: 0;
  position: fixed;
  overflow: hidden;
  top: -100%;
  -webkit-transition: top 0.8s;
  -moz-transition: top 0.8s;
  -o-transition: top 0.8s;
  transition: top 0.8s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 15;
}

/* line 1284, ../scss/style.scss */
#shadow #video {
  height: 85%;
  width: 100%;
  top: 0;
  position: absolute;
  z-index: 15;
}

/* line 1288, ../scss/style.scss */
#shadow #video>* {
  bottom: 0px;
  left: 0;
  position: absolute;
}

/* line 1295, ../scss/style.scss */
#shadow #continue {
  background: rgba(255, 255, 255, 0.8);
  bottom: 0px;
  height: 90px;
  /*60px*/
  left: -250%;
  line-height: 25px;
  margin-left: -100px;
  position: absolute;
  text-align: center;
  -webkit-transition: bottom 0.3s, left 0s;
  -webkit-transition-delay: 1.5s, 0s;
  -moz-transition: bottom 0.3s 1.5s, left 0s 0s;
  -o-transition: bottom 0.3s 1.5s, left 0s 0s;
  transition: bottom 0.3s 1.5s, left 0s 0s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 200px;
  z-index: 16;
}

/* line 1309, ../scss/style.scss */
#shadow #continue p {
  font-size: 19px;
  -webkit-transition: all 0.3s;
  -webkit-transition-delay: 1.5s;
  -moz-transition: all 0.3s 1.5s;
  -o-transition: all 0.3s 1.5s;
  transition: all 0.3s 1.5s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 1315, ../scss/style.scss */
#shadow #continue .arrow {
  bottom: 0px;
  height: 19px;
  left: 50%;
  margin-left: -19px;
  position: absolute;
  width: 100px;
}

/* line 1323, ../scss/style.scss */
#shadow #continue .arrow:before,
#shadow #continue .arrow:after {
  background: #294159;
  content: "";
  height: 2px;
  position: absolute;
  top: 0px;
  width: 25px;
}

/* line 1332, ../scss/style.scss */
#shadow #continue .arrow:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0px;
}

/* line 1337, ../scss/style.scss */
#shadow #continue .arrow:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 17px;
}

/* line 1344, ../scss/style.scss */
#shadow.active {
  top: 0;
}

/* line 1347, ../scss/style.scss */
#shadow.active #continue {
  bottom: -35px;
  left: 50%;
}

/* line 1351, ../scss/style.scss */
#shadow.active #continue p {
  font-size: 13px;
}

/* line 1355, ../scss/style.scss */
#shadow.active #continue:hover {
  bottom: 0px;
  -webkit-transition: bottom 0.3s;
  -webkit-transition-delay: 0s;
  -moz-transition: bottom 0.3s 0s;
  -o-transition: bottom 0.3s 0s;
  transition: bottom 0.3s 0s;
}

/* line 1359, ../scss/style.scss */
#shadow.active #continue:hover p {
  font-size: 19px;
  -webkit-transition: all 0.3s;
  -webkit-transition-delay: 0s;
  -moz-transition: all 0.3s 0s;
  -o-transition: all 0.3s 0s;
  transition: all 0.3s 0s;
}

@media only screen and (max-width: 1800px) {

  /* line 1371, ../scss/style.scss */
  #preloader .content .text {
    margin-top: 400px;
  }

  /* line 1378, ../scss/style.scss */
  #contents #about {
    padding-right: 85px;
    width: 250px;
  }

  /* line 1382, ../scss/style.scss */
  #contents #about h3 {
    font-size: 17px;
    margin: 30px 0 10px;
  }

  /* line 1387, ../scss/style.scss */
  #contents #about p {
    font-size: 12px;
    line-height: 15px;
  }

  /* line 1394, ../scss/style.scss */
  #contents header h1 {
    margin-top: 300px;
  }

  /* line 1399, ../scss/style.scss */
  #contents section {
    height: 243px;
  }

  /* line 1402, ../scss/style.scss */
  #contents section.hide {
    bottom: -243px;
  }

  /* line 1406, ../scss/style.scss */
  #contents section h2,
  #contents section h3 {
    font-size: 32px;
  }

  /* line 1410, ../scss/style.scss */
  #contents section h2 {
    margin-top: -80px;
  }

  /* line 1414, ../scss/style.scss */
  #contents section h3 {
    margin-top: -40px;
  }

  /* line 1418, ../scss/style.scss */
  #contents section .content-area {
    top: 23px;
  }

  /* line 1421, ../scss/style.scss */
  #contents section .text {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    width: 530px;
  }

  /* line 1428, ../scss/style.scss */
  #contents section .content>img {
    width: 15%;
    height: auto !important;
  }

  /* line 1432, ../scss/style.scss */
  #contents section .content .quote {
    top: 80px;
  }

  /* line 1436, ../scss/style.scss */
  #contents section .content .articles {
    font-size: 16px;
    line-height: 24px;
    top: 23px;
  }

  /* line 1443, ../scss/style.scss */
  #contents section .skills div {
    font-size: 14px;
  }

  /* line 1447, ../scss/style.scss */
  #contents section .contact {
    font-size: 16px;
  }

  /* line 1454, ../scss/style.scss */
  #contents section .cases .case .overlay:before {
    font-size: 17px;
  }

  /* line 1458, ../scss/style.scss */
  #contents section .cases .case .overlay .text {
    font-size: 17px;
  }

  /* line 1461, ../scss/style.scss */
  #contents section .cases .case .overlay .text b {
    font-size: 20px;
    margin-bottom: 9px;
  }

  #contents section .cases .thankyou a {
    padding: 10px 0 0 0;
    background-size: 80px auto;
    font-size: 17px;
  }

  #contents section .cases .thankyou p {
    font-size: 12px;
  }

  #contents section .cases .thankyou h2 {
    font-size: 15px;
  }

  #contents section .cases .thankyou h1 {
    font-size: 25px;
  }

  #contents section .cases .thankyou a span {
    font-size: 14px;
  }

}

@media only screen and (max-width: 1480px) {

  /* line 1476, ../scss/style.scss */
  #preloader .content .text {
    margin-top: 250px;
  }

  /* line 1484, ../scss/style.scss */
  #main>header .logo {
    margin-left: 20px;
  }

  /* line 1492, ../scss/style.scss */
  #contents header h1 {
    margin-top: 250px;
  }

  /* line 1498, ../scss/style.scss */
  #contents section h2,
  #contents section h3,
  #contents section .content-area {
    left: 20px;
  }

  /* line 1519, ../scss/style.scss */
  #contents section .content>img {
    right: 340px;
  }

  /* line 1523, ../scss/style.scss */
  #contents section .content .quote {
    right: 110px;
  }

  /* line 1526, ../scss/style.scss */
  #contents section .content .quote q {
    font-size: 18px;
    line-height: 24px;
    height: 72px;
    width: 210px;
  }

  /* line 1534, ../scss/style.scss */
  #contents section .content .articles {
    font-size: 14px;
    line-height: 22px;
    right: 20px;
    width: 210px;
  }

  /* line 1545, ../scss/style.scss */
  #contents section .cases .case .overlay:before {
    font-size: 13px;
  }

  /* line 1549, ../scss/style.scss */
  #contents section .cases .case .overlay .text {
    font-size: 13px;
  }

  /* line 1552, ../scss/style.scss */
  #contents section .cases .case .overlay .text b {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 1100px) {

  /* line 1567, ../scss/style.scss */
  #preloader .content .text {
    font-size: 50px;
    margin: 250px 0 100px;
  }

  /* line 1576, ../scss/style.scss */
  #contents header h1 {
    font-size: 50px;
    margin: 250px 0 10px;
  }

  /* line 1581, ../scss/style.scss */
  #contents header h2 {
    font-size: 28px;
  }

  /* line 1587, ../scss/style.scss */
  #contents section .text {
    font-size: 13px;
    line-height: 18px;
    width: 500px;
  }

  /* line 1504, ../scss/style.scss */
  #contents section .content .skills div {
    font-size: 10px;
    margin-left: 10px;
    min-width: 40px;
  }

  /* line 1509, ../scss/style.scss */
  #contents section .content .skills div:first-child {
    margin-left: 0;
  }

  /* line 1514, ../scss/style.scss */
  #contents section .content .contact {
    font-size: 12px;
    margin-left: 10px;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 1025px) {

  /* line 1598, ../scss/style.scss */
  #main>header {
    height: 74px;
  }

  /* line 1601, ../scss/style.scss */
  #main>header .logo {
    margin-bottom: 37px;
    margin-top: 10px;
  }

  /* line 1606, ../scss/style.scss */
  #main>header .socials {
    top: 12px;
  }

  /* line 1610, ../scss/style.scss */
  #main>header nav {
    width: 50%;
  }

  /* line 1615, ../scss/style.scss */
  #main>header nav ul li:before {
    content: "";
    height: 24px;
    left: 0;
    margin-left: -11px;
    position: absolute;
    top: -8px;
    width: 22px;
  }

  #main>header nav .statusbar {
    z-index: 10000;
  }

  /* line 1631, ../scss/style.scss */
  #contents section {
    /* height: 161px; */
  }

  /* line 1634, ../scss/style.scss */
  #contents section.hide {
    bottom: -161px;
  }

  /* line 1638, ../scss/style.scss */
  #contents section .cases {
    top: 74px;
  }

  /* line 1641, ../scss/style.scss */
  #contents section .cases .thankyou {
    margin: 30px auto 0 auto;
  }

  /* line 1644, ../scss/style.scss */
  #contents section .cases .thankyou h1 {
    font-size: 30px;
    margin-bottom: 5px;
  }

  /* line 1648, ../scss/style.scss */
  #contents section .cases .thankyou h2 {
    font-size: 20px;
    margin-bottom: 5px;
  }

  /* line 1652, ../scss/style.scss */
  #contents section .cases .thankyou p {
    font-size: 16px;
    margin-bottom: 30px;
  }

  /* line 1657, ../scss/style.scss */
  #contents section .cases .thankyou a {
    padding: 100px 0 0 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 90px auto;
  }

  /* line 1668, ../scss/style.scss */
  #contents section .contact {
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    padding-left: 10px;
  }

  /* line 1676, ../scss/style.scss */
  #contents section .content .content-area {
    top: 10px;
  }

  /* line 1680, ../scss/style.scss */
  #contents section .content .text {
    margin-bottom: 10px;
    width: calc(100vw - 25% - 310px);
  }

  #masahiro>div>div.content-area>div.text {
    font-size: 12px !important;
  }


  /* line 1686, ../scss/style.scss */
  #contents section .content .skills div {
    height: 29px;
    line-height: 29px;
  }

  /* line 1692, ../scss/style.scss */
  #contents section .content>img {
    height: 230px;
    right: 290px !important;
  }

  /* line 1697, ../scss/style.scss */
  #contents section .content .quote {
    top: 10px;
    right: 100px !important;
  }

  /* line 1700, ../scss/style.scss */
  #contents section .content .quote q {
    font-size: 16px;
    line-height: 22px;
    height: 66px;
    width: 180px;
  }

  /* line 1708, ../scss/style.scss */
  #contents section .content .articles {
    font-size: 12px;
    line-height: 16px;
    width: 180px;
  }

  /* line 1713, ../scss/style.scss */
  #contents section .content .articles h4 {
    margin: 5px 0 2px;
  }

  /* line 1716, ../scss/style.scss */
  #contents section .content .articles h4:first-child {
    margin-top: 0;
  }
}

@media only screen and (max-width: 980px) {

  /* line 1729, ../scss/style.scss */
  #preloader .content .text {
    font-size: 30px;
    margin: 300px 0 100px;
  }

  /* line 1738, ../scss/style.scss */
  #contents header h1 {
    font-size: 30px;
    margin: 300px 0 5px;
  }

  /* line 1743, ../scss/style.scss */
  #contents header h2 {
    font-size: 17px;
  }

  /* line 1750, ../scss/style.scss */
  #contents section .content>img {
    right: 0px;
  }

  /* line 1754, ../scss/style.scss */
  #contents section .content .quote,
  #contents section .content .articles {
    right: -200px;
  }

  /* line 1762, ../scss/style.scss */
  #contents section .cases .case .overlay:before {
    font-size: 11px;
  }

  /* line 1766, ../scss/style.scss */
  #contents section .cases .case .overlay .text {
    font-size: 11px;
  }

  /* line 1769, ../scss/style.scss */
  #contents section .cases .case .overlay .text b {
    font-size: 14px;
    margin-bottom: 0px;
  }
}

/* Updates 19/3-15, not in SASS files: */
/***************************************/
#webdeveloper-needed {
  right: -55px;
}

#webdeveloper-needed img:hover {
  cursor: pointer;
}

#about-site-content {
  padding: 15px;
  position: fixed;
  top: 129px;
  right: -215px;
  background: white;
  width: 185px;
  z-index: 11;
}

#about-site-content h5 {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 5px;
}

#about-site-content p {
  margin-top: 5px;
  line-height: 19px;
  font-size: 15px;
}

#about-site-content a {
  text-decoration: none;
  color: #dc3741;
}


#preloader .content img.done {
  position: relative;
  bottom: -500px;
  -webkit-transition: all 0.4ms 0.2ms;
  -moz-transition: all 0.4ms 0.2ms;
  -ms-transition: all 0.4ms 0.2ms;
  -o-transition: all 0.4ms 0.2ms;
  transition: all 0.4ms 0.2ms;
}


.gotop {
  display: none !important;
}


#contents #spaff05 .quote {
  top: 10px;
}

#contents #spaff05 .quote small {
  font-size: 14px;
}



#contents #akihiro .quote {
  top: 10px !important;
}

#contents #akihiro .quote q {
  font-size: 12px;
  line-height: 1.4;
}