@charset "utf-8";
/* CSS Document */

/* *display */
audio { *display:inline }
canvas { *display:inline }
video { *display:inline }

/* *height */
input[type="checkbox"] { *height:13px }
input[type="radio"] { *height:13px }

/* *margin-left */
legend { *margin-left:-7px }

/* *overflow */
button { *overflow:visible }
html input[type="button"] { *overflow:visible }
input[type="reset"] { *overflow:visible }
input[type="submit"] { *overflow:visible }

/* *vertical-align */
button { *vertical-align:middle }
input { *vertical-align:middle }
select { *vertical-align:middle }
textarea { *vertical-align:middle }

/* *width */
input[type="checkbox"] { *width:13px }
input[type="radio"] { *width:13px }

/* *zoom */
audio { *zoom:1 }
canvas { *zoom:1 }
video { *zoom:1 }

/* -moz-background-size */
.hero { -moz-background-size:cover }
.subscribe { -moz-background-size:cover }
.swag { -moz-background-size:cover }

/* -moz-border-radius */
#nav-toggle span { -moz-border-radius:1px }
#nav-toggle span:after { -moz-border-radius:1px }
#nav-toggle span:before { -moz-border-radius:1px }
.down-arrow-btn { -moz-border-radius:50% }
.icon { -moz-border-radius:50% }
.learn-more-btn { -moz-border-radius:5px }
.social-btn { -moz-border-radius:50% }
.up-btn { -moz-border-radius:50% }

/* -moz-box-shadow */
.dark-box { -moz-box-shadow:0px 3px 0px 0px #f0f2f4 }
.iphone { -moz-box-shadow:inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1) }
.learn-more-btn { -moz-box-shadow:0px 3px 0px 0px #309383 }
.light-box { -moz-box-shadow:0px 3px 0px 0px #f0f2f4 }
.light-box:focus { -moz-box-shadow:0px 3px 0px 0px #3dc9b3 }
.light-box:hover { -moz-box-shadow:0px 3px 0px 0px #3dc9b3 }

/* -moz-box-sizing */
input[type="search"] { -moz-box-sizing:content-box }

/* -moz-transition */
#nav-toggle span { -moz-transition:all 500ms ease-in-out }
#nav-toggle span:after { -moz-transition:all 500ms ease-in-out }
#nav-toggle span:before { -moz-transition:all 500ms ease-in-out }
.box-hover { -moz-transition:all 500ms ease-in-out }
.img img { -moz-transition:opacity 0.35s, -moz-transform 0.35s }
.overlay { -moz-transition:all 0.5s }
.subscribe input[type=submit] { -moz-transition:all 0.5s ease }
a { -moz-transition:all 0.5s }
nav ul li { -moz-transition:all 0.5s ease }
nav ul li a { -moz-transition:all 0.5s ease }

/* -ms-filter */
.alpha a:hover img { -ms-filter:"alpha(opacity=70)" }

/* -ms-interpolation-mode */
img { -ms-interpolation-mode:bicubic }

/* -ms-text-size-adjust */
html { -ms-text-size-adjust:100% }

/* -ms-transform */
#nav-toggle.active span:after { -ms-transform:translateY(-10px) rotate(-45deg) }
#nav-toggle.active span:before { -ms-transform:rotate(45deg) }
.box-hover:focus { -ms-transform:translate(0, -15px) }
.box-hover:hover { -ms-transform:translate(0, -15px) }
.img img { -ms-transform:translate3d(-40px, 0, 0) }
.img:hover img { -ms-transform:translate3d(-40px, 0, 0) }

/* -o-background-size */
.hero { -o-background-size:cover }
.subscribe { -o-background-size:cover }
.swag { -o-background-size:cover }

/* -o-border-radius */
#nav-toggle span { -o-border-radius:1px }
#nav-toggle span:after { -o-border-radius:1px }
#nav-toggle span:before { -o-border-radius:1px }
.down-arrow-btn { -o-border-radius:50% }
.icon { -o-border-radius:50% }
.learn-more-btn { -o-border-radius:5px }
.social-btn { -o-border-radius:50% }
.up-btn { -o-border-radius:50% }

/* -o-transition */
#nav-toggle span { -o-transition:all 500ms ease-in-out }
#nav-toggle span:after { -o-transition:all 500ms ease-in-out }
#nav-toggle span:before { -o-transition:all 500ms ease-in-out }
.box-hover { -o-transition:all 500ms ease-in-out }
.img img { -o-transition:opacity 0.35s, -o-transform 0.35s }
.overlay { -o-transition:all 0.5s }
.subscribe input[type=submit] { -o-transition:all 0.5s ease }
a { -o-transition:all 0.5s }
nav ul li { -o-transition:all 0.5s ease }
nav ul li a { -o-transition:all 0.5s ease }

/* -webkit-animation-delay */
.delay-05s { -webkit-animation-delay:0.5s }
.delay-1s { -webkit-animation-delay:1s }

/* -webkit-appearance */
button { -webkit-appearance:button }
html input[type="button"] { -webkit-appearance:button }
input[type="reset"] { -webkit-appearance:button }
input[type="search"] { -webkit-appearance:textfield }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none }
input[type="search"]::-webkit-search-decoration { -webkit-appearance:none }
input[type="submit"] { -webkit-appearance:button }

/* -webkit-background-size */
.hero { -webkit-background-size:cover }
.subscribe { -webkit-background-size:cover }
.swag { -webkit-background-size:cover }

/* -webkit-border-radius */
#nav-toggle span { -webkit-border-radius:1px }
#nav-toggle span:after { -webkit-border-radius:1px }
#nav-toggle span:before { -webkit-border-radius:1px }
.down-arrow-btn { -webkit-border-radius:50% }
.icon { -webkit-border-radius:50% }
.learn-more-btn { -webkit-border-radius:5px }
.social-btn { -webkit-border-radius:50% }
.up-btn { -webkit-border-radius:50% }

/* -webkit-box-shadow */
.dark-box { -webkit-box-shadow:0px 3px 0px 0px #f0f2f4 }
.iphone { -webkit-box-shadow:inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1) }
.learn-more-btn { -webkit-box-shadow:0px 3px 0px 0px #309383 }
.light-box { -webkit-box-shadow:0px 3px 0px 0px #f0f2f4 }
.light-box:focus { -webkit-box-shadow:0px 3px 0px 0px #3dc9b3 }
.light-box:hover { -webkit-box-shadow:0px 3px 0px 0px #3dc9b3 }

/* -webkit-box-sizing */
input[type="search"] { -webkit-box-sizing:content-box }

/* -webkit-font-smoothing */
html { -webkit-font-smoothing:antialiased }
html a { -webkit-font-smoothing:antialiased }

/* -webkit-text-size-adjust */
html { -webkit-text-size-adjust:100% }

/* -webkit-transform */
#nav-toggle.active span:after { -webkit-transform:translateY(-10px) rotate(-45deg) }
#nav-toggle.active span:before { -webkit-transform:rotate(45deg) }
.box-hover:focus { -webkit-transform:translate(0, -15px) }
.box-hover:hover { -webkit-transform:translate(0, -15px) }
.img img { -webkit-transform:translate3d(-40px, 0, 0) }
.img:hover img { -webkit-transform:translate3d(0, 0, 0) }

/* -webkit-transition */
#nav-toggle span { -webkit-transition:all 500ms ease-in-out }
#nav-toggle span:after { -webkit-transition:all 500ms ease-in-out }
#nav-toggle span:before { -webkit-transition:all 500ms ease-in-out }
.box-hover { -webkit-transition:all 500ms ease-in-out }
.img img { -webkit-transition:opacity 0.35s, -webkit-transform 0.35s }
.overlay { -webkit-transition:all 0.5s }
.subscribe input[type=submit] { -webkit-transition:all 0.5s ease }
a { -webkit-transition:all 0.5s }
nav ul li { -webkit-transition:all 0.5s ease }
nav ul li a { -webkit-transition:all 0.5s ease }

/* _font-family */
code { _font-family:'courier new', monospace }
kbd { _font-family:'courier new', monospace }
pre { _font-family:'courier new', monospace }
samp { _font-family:'courier new', monospace }

/* animation-delay */
.delay-05s { animation-delay:0.5s }
.delay-1s { animation-delay:1s }

/* background */
#nav-toggle span { background:#353535 }
#nav-toggle span:after { background:#353535 }
#nav-toggle span:before { background:#353535 }
.dark-bg { background:#f3f5f8 }
.dark-box { background:#f3f5f8 }
.down-arrow-btn { background:rgba(61, 201, 179, 0.8) }
.down-arrow-btn:focus { background:rgba(61, 201, 179, 1) }
.down-arrow-btn:hover { background:rgba(61, 201, 179, 1) }
.fluid-white { background:#fff }
.hero { background:url('../img/hero-bg.jpg') no-repeat center center }
.icon { background:#3dc9b3 }
.intro { background:#FFE700 }
.iphone { background:#f3f5f8 }
.learn-more-btn { background:rgba(61, 201, 179, 1) }
.learn-more-btn:focus { background:rgba(61, 201, 179, 0.6) }
.learn-more-btn:hover { background:rgba(61, 201, 179, 0.6) }
.overlay { background:rgba(100, 194, 158, 0.8) }
.social-btn { background:#242830 }
.social-btn:focus { background:#3dc9b3 }
.social-btn:hover { background:#3dc9b3 }
.subscribe { background:url('../img/keyboard-bg.jpg') no-repeat center center }
.subscribe input[type=submit] { background:rgba(61, 201, 179, 0.5) }
.subscribe input[type=submit]:hover { background:rgba(61, 201, 179, 1) }
.swag { background:url('../img/plants-bg.jpg') no-repeat center center }
.up-btn { background:rgba(61, 201, 179, 0.5) }
.up-btn:hover { background:rgba(61, 201, 179, 1) }
.wp3 { background:url('../img/iphone-bg.png') no-repeat center center }
h1.arrow { background:url('../img/h1-bg.png') no-repeat center bottom }
mark { background:#ff0 }
up-btn:focus { background:rgba(61, 201, 179, 1) }

/* background-attachment */
.subscribe { background-attachment:fixed }
.swag { background-attachment:fixed }

/* background-color */
#nav-toggle.active span { background-color:transparent }
.ignite-cta { background-color:#242830 }
.light-bg { background-color:#fff }
.light-box { background-color:#fff }
.subscribe input[type=text] { background-color:rgba(255, 255, 255, 0.1) }
a.close-overlay { background-color:#000 }
footer { background-color:#242830 }
nav { background-color:#242830 }

/* background-position */
.wp3 { background-position:200px 10px }

/* background-size */
.hero { background-size:cover }
.subscribe { background-size:cover }
.swag { background-size:cover }

/* border */
.ignite-btn { border:solid 1px #fff }
.ignite-btn:focus { border:solid 1px #3dc9b3 }
.ignite-btn:hover { border:solid 1px #3dc9b3 }
.subscribe input[type=submit] { border:solid 1px rgba(61, 201, 179, 0.5) }
.subscribe input[type=submit]:hover { border:solid 1px rgba(61, 201, 179, 1) }
.subscribe input[type=text] { border:solid 1px #fff }
button::-moz-focus-inner { border:0 }
fieldset { border:1px solid #c0c0c0 }
h2::after { border:solid 2px #fff }
img { border:0 }
input::-moz-focus-inner { border:0 }
legend { border:0 }
nav ul li:last-child { border:none }

/* border-bottom */
abbr[title] { border-bottom:1px dotted }
nav ul li { border-bottom:1px dotted rgba(255, 255, 255, 0.2) }

/* border-collapse */
table { border-collapse:collapse }

/* border-radius */
#nav-toggle span { border-radius:1px }
#nav-toggle span:after { border-radius:1px }
#nav-toggle span:before { border-radius:1px }
.down-arrow-btn { border-radius:50% }
.icon { border-radius:50% }
.learn-more-btn { border-radius:5px }
.social-btn { border-radius:50% }
.up-btn { border-radius:50% }

/* border-spacing */
table { border-spacing:0 }

/* bottom */
#nav-toggle span:after { bottom:-10px }
.overlay-effect .overlay { bottom:0 }
.overlay-effect .overlay a.expand { bottom:47% }
sub { bottom:-0.25em }

/* box-shadow */
.dark-box { box-shadow:0px 3px 0px 0px #f0f2f4 }
.iphone { box-shadow:inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1) }
.learn-more-btn { box-shadow:0px 3px 0px 0px #309383 }
.light-box { box-shadow:0px 3px 0px 0px #f0f2f4 }
.light-box:focus { box-shadow:0px 3px 0px 0px #3dc9b3 }
.light-box:hover { box-shadow:0px 3px 0px 0px #3dc9b3 }

/* box-sizing */
input[type="checkbox"] { box-sizing:border-box }
input[type="radio"] { box-sizing:border-box }
input[type="search"] { box-sizing:content-box }

/* color */
.contact-details h2 span { color:#3dc9b3 }
.down-arrow-btn { color:#fff }
.down-arrow-btn:focus { color:#fff }
.down-arrow-btn:hover { color:#fff }
.hero h1 span { color:#a1a9b0 }
.icon { color:#fff }
.ignite-btn { color:#fff }
.ignite-btn:focus { color:#3dc9b3 }
.ignite-btn:hover { color:#3dc9b3 }
.learn-more-btn { color:#fff }
.learn-more-btn:focus { color:#fff }
.learn-more-btn:hover { color:#fff }
.social-btn { color:#fff }
.social-btn:focus { color:#fff }
.social-btn:hover { color:#fff }
.subscribe h1 { color:#fff }
.subscribe input[type=submit] { color:#fff }
.subscribe input[type=submit]:hover { color:#fff }
.subscribe input[type=text] { color:#fff }
.swag h1 { color:#fff }
.up-btn { color:#fff }
.up-btn:hover { color:#fff }
a { color:#ff0066 }
a.close-overlay { color:#fff }
a.expand { color:#fff }
a:focus { color:#fff }
a:hover { color:#fff }
footer a { color:#a1a9b0 }
footer p { color:#fff }
h1 { color:#353535 }
h1.arrow { color:#353535 }
h2 { color:#FFF }
mark { color:#000 }
nav ul li { color:rgba(255, 255, 255, 0.6) }
nav ul li a { color:rgba(255, 255, 255, 0.6) }
nav ul li a:focus { color:rgba(255, 255, 255, 1) }
nav ul li a:hover { color:rgba(255, 255, 255, 1) }
p { color:#333 }
ul.legals { color:#fff }
up-btn:focus { color:#fff }

/* content */
#nav-toggle span { content:'' }
#nav-toggle span:after { content:'' }
#nav-toggle span:before { content:'' }
h2::after { content:" " }
q:after { content:'' }
q:after { content:none }
q:before { content:'' }
q:before { content:none }
ul.legals li::after { content:" |" }
ul.legals li:last-child::after { content:"" }

/* cursor */
#nav-toggle { cursor:pointer }
#nav-toggle span { cursor:pointer }
#nav-toggle span:after { cursor:pointer }
#nav-toggle span:before { cursor:pointer }
a.close-overlay { cursor:pointer }
button { cursor:pointer }
button[disabled] { cursor:default }
html input[type="button"] { cursor:pointer }
input[disabled] { cursor:default }
input[type="reset"] { cursor:pointer }
input[type="submit"] { cursor:pointer }

/* display */
#nav-toggle span { display:block }
#nav-toggle span:after { display:block }
#nav-toggle span:before { display:block }
.contact-details h2 span { display:block }
.down-arrow-btn { display:inline-block }
.effects .img img { display:block }
.hero h1 span { display:inline-block }
.icon { display:block }
.ignite-btn { display:inline-block }
.learn-more-btn { display:inline-block }
.overlay { display:block }
.pull { display:none }
.social-btn { display:inline-block }
.subscribe h1 span { display:block }
.swag h1 span { display:block }
.up-btn { display:block }
[hidden] { display:none }
a.close-overlay { display:block }
a.close-overlay.hidden { display:none }
a.expand { display:block }
article { display:block }
aside { display:block }
audio { display:inline-block }
audio:not([controls]) { display:none }
canvas { display:inline-block }
details { display:block }
figcaption { display:block }
figure { display:block }
footer { display:block }
h2::after { display:block }
header { display:block }
hgroup { display:block }
nav { display:block }
nav ul li { display:block }
nav ul li a { display:block }
section { display:block }
summary { display:block }
ul.legals li { display:inline-block }
ul.social-buttons li { display:inline-block }
video { display:inline-block }

/* filter */
.alpha a:hover img { filter:alpha(opacity=70) }

/* float */
.fluid-white { float:right }
.iphone { float:left }

/* font-family */
.icondesu { font-family:'fontello' }

body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


/* font-size */
.contact-details h2 { font-size:20px }
.contact-details h2 span { font-size:14px }
.down-arrow-btn { font-size:16px }
.hero h1 { font-size:40px }
.icon { font-size:55px }
.icondesu { font-size:1.5em }
.overlay-effect .img i { font-size:30px }
.social-btn { font-size:17px }
.subscribe h1 span { font-size:15px }
.swag h1 { font-size:40px }
.swag h1 span { font-size:25px }
.up-btn { font-size:18px }
a.close-overlay { font-size:20px }
a.expand { font-size:14px }
button { font-size:100% }
code { font-size:1em }
h1 { font-size:2em }
h1.arrow { font-size:15px }
h2 { font-size:1.5em }
h2 { font-size:15px }
h3 { font-size:1.17em }
h4 { font-size:1em }
h5 { font-size:0.83em }
h6 { font-size:0.75em }
html { font-size:100% }
input { font-size:100% }
kbd { font-size:1em }
p { font-size:14px }
pre { font-size:1em }
samp { font-size:1em }
select { font-size:100% }
small { font-size:75% }
sub { font-size:75% }
sup { font-size:75% }
textarea { font-size:100% }

/* font-style */
dfn { font-style:italic }

/* font-weight */
.ignite-btn { font-weight:bold }
.learn-more-btn { font-weight:bold }
.subscribe h1 span { font-weight:bold }
a.close-overlay { font-weight:700 }
a.expand { font-weight:600 }
b { font-weight:bold }
h1.arrow { font-weight:bold }
h2 { font-weight:bold }
strong { font-weight:bold }

/* height */
#nav-toggle span { height:5px }
#nav-toggle span:after { height:5px }
#nav-toggle span:before { height:5px }
.down-arrow-btn { height:40px }
.effects .img img { height:auto }
.fluid-white { height:100% }
.hero { height:auto }
.icon { height:175px }
.iphone { height:100% }
.navicon { height:26px }
.overlay-effect .img.hover .overlay { height:100% }
.overlay-effect .overlay { height:100% }
.social-btn { height:40px }
.up-btn { height:50px }
.wp3 { height:100% }
.wrapper { height:650px }
a.close-overlay { height:45px }
audio:not([controls]) { height:0 }

/* left */
.designs { left:0 }
.overlay-effect .overlay { left:0 }
.overlay-effect .overlay a.expand { left:0 }
.up-btn { left:0 }

/* letter-spacing */
.contact-details h2 span { letter-spacing:1px }
.hero h1 { letter-spacing:12px }
.hero p { letter-spacing:1px }
.ignite-btn { letter-spacing:1px }
.learn-more-btn { letter-spacing:1px }
.subscribe h1 span { letter-spacing:1px }
.subscribe input[type=submit] { letter-spacing:1px }
.swag h1 { letter-spacing:5px }
h1.arrow { letter-spacing:1px }

/* line-height */
.down-arrow-btn { line-height:40px }
.icon { line-height:175px }
.social-btn { line-height:40px }
.up-btn { line-height:46px }
a.close-overlay { line-height:45px }
a.expand { line-height:30px }
button { line-height:normal }
input { line-height:normal }
p { line-height:25px }
sub { line-height:0 }
sup { line-height:0 }
ul.legals { line-height:25px }

/* list-style */
nav ol { list-style:none }
nav ul { list-style:none }
nav ul { list-style:none }
ul.legals { list-style:none }
ul.social-buttons { list-style:none }

/* list-style-image */
nav ol { list-style-image:none }
nav ul { list-style-image:none }

/* margin */
.contact-details { margin:70px 0 }
.down-arrow-btn { margin:10px auto 20px }
.effects .img img { margin:0 }
.features-wrapper { margin:50px 0 0 }
.hero h1 { margin:10px }
.icon { margin:0 auto 50px }
.img-responsive-overwrite { margin:0 auto }
.intro p { margin:5px 0 0 }
.learn-more-btn { margin:60px 0 0 }
.overlay-effect .overlay a.expand { margin:0 auto -30px auto }
.team-wrapper { margin:50px 0 0 }
.up-btn { margin:0 auto }
blockquote { margin:1em 40px }
body { margin:0 }
button { margin:0 }
dd { margin:0 0 0 40px }
dl { margin:1em 0 }
fieldset { margin:0 2px }
figure { margin:0 }
form { margin:0 }
h1 { margin:0.67em 0 }
h2 { margin:0.83em 0 }
h2::after { margin:25px auto }
h3 { margin:1.7em 0 }
h4 { margin:1.33em 0 }
h5 { margin:1.67em 0 }
h6 { margin:2.33em 0 }
input { margin:0 }
menu { margin:1em 0 }
ol { margin:1em 0 }
p { margin:1em 0 }
pre { margin:1em 0 }
select { margin:0 }
textarea { margin:0 }
ul { margin:1em 0 }
ul.social-buttons { margin:0 }

/* margin-bottom */
.akeome { margin-bottom:80px }
.akeome2 { margin-bottom:120px }
.dance { margin-bottom:10px }
.dance2 { margin-bottom:20px }
.effects .img { margin-bottom:50px }
.ignite-btn { margin-bottom:20px }
.poyo { margin-bottom:70px }
.subscribe h1 { margin-bottom:40px }
.team img { margin-bottom:40px }
.tyoiakeome { margin-bottom:30px }
ul.slides li { margin-bottom:20px }

/* margin-left */
.designs { margin-left:auto }
.effects .img:first-child { margin-left:-15px }
.up-btn { margin-left:auto }

/* margin-right */
.designs { margin-right:auto }
.effects .img:last-child { margin-right:0 }
.effects .img:nth-child(n) { margin-right:5px }
.up-btn { margin-right:auto }
ul.social-buttons li { margin-right:10px }
ul.social-buttons li:last-child { margin-right:0 }

/* margin-top */
#servicesSlider { margin-top:70px }
.contact-details h2 span { margin-top:15px }
.dokan { margin-top:40px }
.social { margin-top:25px }
.subscribe h1 span { margin-top:20px }
.swag h1 span { margin-top:20px }
.uemoakeome { margin-top:30px }
.uemotyoiakeome { margin-top:15px }
nav { margin-top:-1px }

/* max-width */
.icon { max-width:100% }

/* opacity */
.alpha a:hover img { opacity:0.8 }
.overlay-effect .img.hover .overlay { opacity:1 }
.overlay-effect .overlay { opacity:0 }

/* outline */
a:active { outline:0 }
a:focus { outline:thin dotted }
a:hover { outline:0 }

/* overflow */
.effects .img { overflow:hidden }
.overlay { overflow:hidden }
svg:not(:root) { overflow:hidden }
textarea { overflow:auto }

/* padding */
#nav-toggle { padding:10px 35px 16px 0px }
.effects .img img { padding:0 }
.hero { padding:65px 0 300px 0 }
.ignite-btn { padding:25px 40px }
.ignite-cta { padding:70px 0 }
.learn-more-btn { padding:20px 40px }
.light-box { padding:20px 0 }
.nopadding { padding:0 }
.section-padding { padding:70px 0 100px }
.subscribe { padding:120px 0 140px }
.subscribe input[type=submit] { padding:20px }
.subscribe input[type=text] { padding:20px }
.swag { padding:50px 0 }
button::-moz-focus-inner { padding:0 }
fieldset { padding:0.35em 0.625em 0.75em }
footer { padding:40px 0 30px }
input::-moz-focus-inner { padding:0 }
input[type="checkbox"] { padding:0 }
input[type="radio"] { padding:0 }
legend { padding:0 }
menu { padding:0 0 0 40px }
nav ul { padding:0 }
nav ul li a { padding:20px }
ol { padding:0 0 0 40px }
ul { padding:0 0 0 40px }
ul.social-buttons { padding:0 }

/* padding-bottom */
h1.arrow { padding-bottom:30px }

/* padding-left */
.effects { padding-left:15px }
nav ul li { padding-left:0 }
nav ul li a { padding-left:0 }

/* padding-top */
.inner { padding-top:170px }

/* position */
#nav-toggle { position:absolute }
#nav-toggle span { position:absolute }
#nav-toggle span:after { position:absolute }
#nav-toggle span:before { position:absolute }
.contact-wrap { position:relative }
.designs { position:absolute }
.effects .img { position:relative }
.effects .img { position:relative }
.icon { position:relative }
.indicator { position:absolute }
.navicon { position:relative }
.overlay { position:absolute }
.responsive-services { position:relative }
.up-btn { position:absolute }
a.close-overlay { position:absolute }
a.expand { position:absolute }
nav ul li { position:relative }
nav ul li a { position:relative }
sub { position:relative }
sup { position:relative }

/* quotes */
q { quotes:none }

/* right */
#nav-toggle { right:15px }
.designs { right:0 }
.indicator { right:0 !important }
.overlay-effect .overlay { right:0 }
.overlay-effect .overlay a.expand { right:0 }
.up-btn { right:0 }
a.close-overlay { right:0 }

/* text-align */
.bio { text-align:left }
.credit { text-align:right }
.down-arrow-btn { text-align:center }
.icon { text-align:center }
.legals { text-align:left }
.social-btn { text-align:center }
.tableleft { text-align:left }
.up-btn { text-align:center }
a.close-overlay { text-align:center }
a.expand { text-align:center }

/* text-decoration */
a:focus { text-decoration:none }
a:hover { text-decoration:none }
nav ul li a:focus { text-decoration:none }
nav ul li a:hover { text-decoration:none }

/* text-shadow */
.shadow { text-shadow:rgb(55, 181, 161) 1px 1px, rgb(55, 181, 161) 2px 2px, rgb(55, 181, 161) 3px 3px, rgb(55, 181, 161) 4px 4px, rgb(55, 181, 161) 5px 5px, rgb(55, 181, 161) 6px 6px, rgb(55, 181, 161) 7px 7px, rgb(55, 181, 161) 8px 8px, rgb(55, 181, 161) 9px 9px, rgb(55, 181, 161) 10px 10px, rgb(55, 181, 161) 11px 11px, rgb(55, 181, 161) 12px 12px, rgb(55, 182, 162) 13px 13px, rgb(55, 183, 163) 14px 14px, rgb(56, 184, 164) 15px 15px, rgb(56, 185, 165) 16px 16px, rgb(56, 186, 166) 17px 17px, rgb(57, 187, 167) 18px 18px, rgb(57, 188, 168) 19px 19px, rgb(57, 189, 169) 20px 20px, rgb(58, 191, 170) 21px 21px, rgb(58, 192, 171) 22px 22px, rgb(58, 193, 172) 23px 23px, rgb(59, 194, 173) 24px 24px, rgb(59, 195, 174) 25px 25px, rgb(59, 196, 175) 26px 26px, rgb(60, 197, 176) 27px 27px, rgb(60, 198, 177) 28px 28px, rgb(60, 199, 178) 29px 29px, rgb(61, 201, 179) 30px 30px }
html { text-shadow:1px 1px 1px rgba(0, 0, 0, 0.004) }
html a { text-shadow:1px 1px 1px rgba(0, 0, 0, 0.004) }

/* text-transform */
.contact-details h2 span { text-transform:uppercase }
.ignite-btn { text-transform:uppercase }
.learn-more-btn { text-transform:uppercase }
.subscribe h1 span { text-transform:uppercase }
.subscribe input[type=submit] { text-transform:uppercase }
.swag h1 { text-transform:uppercase }
a.expand { text-transform:uppercase }
h1.arrow { text-transform:uppercase }

/* top */
#nav-toggle { top:0 }
#nav-toggle span:before { top:-10px }
#nav-toggle.active span:after { top:0 }
#nav-toggle.active span:after { top:10px }
#nav-toggle.active span:before { top:0 }
.designs { top:50px }
.up-btn { top:-26px }
a.close-overlay { top:0 }
sup { top:-0.5em }

/* transform */
#nav-toggle.active span:after { transform:translateY(-10px) rotate(-45deg) }
#nav-toggle.active span:before { transform:rotate(45deg) }
.box-hover:focus { transform:translate(0, -15px) }
.box-hover:hover { transform:translate(0, -15px) }
.img img { transform:translate3d(-40px, 0, 0) }
.img:hover img { transform:translate3d(0, 0, 0) }

/* transition */
#nav-toggle span { transition:all 500ms ease-in-out }
#nav-toggle span:after { transition:all 500ms ease-in-out }
#nav-toggle span:before { transition:all 500ms ease-in-out }
.box-hover { transition:all 500ms ease-in-out }
.img img { transition:opacity 0.35s, transform 0.35s }
.overlay { transition:all 0.5s }
.subscribe input[type=submit] { transition:all 0.5s ease }
a { transition:all 0.5s }
nav ul li { transition:all 0.5s ease }
nav ul li a { transition:all 0.5s ease }

/* vertical-align */
.icon { vertical-align:middle }
button { vertical-align:baseline }
input { vertical-align:baseline }
select { vertical-align:baseline }
sub { vertical-align:baseline }
sup { vertical-align:baseline }
textarea { vertical-align:baseline }
textarea { vertical-align:top }

/* visibility */
.bounceInLeft { visibility:visible }
.bounceInRight { visibility:visible }
.fadeInDown { visibility:visible }
.fadeInLeft { visibility:visible }
.fadeInRight { visibility:visible }
.fadeInUp { visibility:visible }
.fadeInUpD { visibility:visible }
.fadeInUpDelay { visibility:visible }
.wp1 { visibility:hidden }
.wp2 { visibility:hidden }
.wp3 { visibility:hidden }
.wp4 { visibility:hidden }
.wp5 { visibility:hidden }
.wp6 { visibility:hidden }

/* white-space */
legend { white-space:normal }
pre { white-space:pre }
pre { white-space:pre-wrap }

/* width */
#nav-toggle span { width:35px }
#nav-toggle span:after { width:35px }
#nav-toggle span:before { width:35px }
.down-arrow-btn { width:40px }
.fluid-white { width:50% }
.icon { width:175px }
.ignite-btn { width:100% }
.img img { width:-webkit-calc(100% + 40px) !important }
.img img { width:calc(100% + 40px) !important }
.iphone { width:50% }
.overlay-effect .overlay { width:100% }
.social-btn { width:40px }
.subscribe input[type=text] { width:30% }
.up-btn { width:50px }
a.close-overlay { width:45px }
h2::after { width:35px }

/* word-spacing */
p { word-spacing:1px }

/* word-wrap */
pre { word-wrap:break-word }

/* z-index */
.effects .img { z-index:1 }
.fluid-white { z-index:2 }
.iphone { z-index:1 }
.overlay { z-index:20 }
a.close-overlay { z-index:100 }
a.expand { z-index:100 }

.imgbox {
    position: relative;
}
.titlebox {
	position: absolute;
	    width: 100%;
    padding: 7px 15px;
    position: absolute;
    bottom: 0;
    z-index: 1;
	color: #fff;
}

.titlebox::before {
	    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    content: '';
    opacity: 0.8;
    z-index: -1;
}
a:hover .titlebox::before {
	opacity: .6
}
.titlebox h3 {
	margin: 0;
	font-size: 100%;
	font-weight: bold;
}
.titlebox p {
	margin:2px 0 0 0;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
}