/* Code tidied up by ScrapBook */
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(66, 66, 66); font: 300 15px "Lora",serif; }
section { overflow: hidden; }
*::-moz-selection { background: rgb(6, 6, 6) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
#loading { display: none; }
p { color: rgb(66, 66, 66); line-height: 1.6em; margin: 0px 0px 20px; font-size: 1.1em; }
em { font-style: italic; }
strong { font-weight: 400; }
small { font-size: 0.8em; }
.post-body ul, .unordered-list { margin-bottom: 20px; }
.post-body ul li, .unordered-list li { margin-bottom: 5px; }
.post-body ul li::before, .unordered-list li::before { content: "∙"; margin-right: 5px; }
blockquote { background: rgb(249, 249, 249) none repeat scroll 0% 0%; padding: 15px 0px 15px 30px; border-left: 2px solid rgb(233, 233, 233); font-style: italic; margin-bottom: 20px; }
code { display: block; clear: both; overflow: auto; padding: 10px 20px 20px; white-space: pre; background-color: rgb(249, 249, 249); border: 1px solid rgb(233, 233, 233); font: 12px "Andale Mono",Courier,"Courier New",monospace; margin-bottom: 20px; }
h1, h2, h3, h4, h5, h6 { color: rgb(6, 6, 6); font-style: normal; font-weight: 300; line-height: 1.17em; margin: 0px 0px 20px; }
h1 { font-size: 3.46667em; text-transform: uppercase; letter-spacing: 0.2em; }
h2 { font-size: 2.4em; text-transform: uppercase; letter-spacing: 0.2em; }
h3 { font-size: 1em; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 400; }
h4 { font-size: 1em; text-transform: uppercase; font-weight: 400; }
h5 { font-size: 1em; font-weight: 400; }
h6 { font-size: 0.8em; text-transform: uppercase; font-weight: 400; }
.dark p, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 { color: rgb(255, 255, 255); }
.dark a { color: rgb(255, 255, 255) ! important; }
a, a:visited { font-weight: 400; text-decoration: none; }
.button { display: inline-block; padding: 20px 55px; font-size: 1em; text-transform: uppercase; letter-spacing: 0.2em; font-weight: 400; border-radius: 3px; }
.dark .button { border: 1px solid rgb(255, 255, 255) ! important; }
.dark .button:hover { background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%; }
.button.no-border { border: medium none ! important; padding: 20px 0px; }
.button.no-border:hover { border: medium none ! important; background: transparent none repeat scroll 0% 0%; opacity: 0.7; }
.button .icon { display: inline-block; margin-left: 17px; margin-bottom: -6px; width: 26px; height: 26px; cursor: pointer; background: transparent url("right.png") no-repeat scroll center center; }
.content { padding-top: 100px; text-align: center; }
.content.padded { padding-bottom: 100px; }
.parallax { width: 100%; background-attachment: fixed; background-position: 50% 0px; }
@media only screen and (min-width: 1930px) {
  .parallax { background-size: cover; }
}
.parallax.black { background-color: rgb(6, 6, 6); }
.parallax.no-parallax { background-size: cover ! important; background-attachment: scroll ! important; background-position: center center ! important; }
.parallax-bg1 { background-image: url("hero.jpg"); }
.parallax-bg2 { background-image: url("services.jpg"); }
.parallax-bg3 { background-image: url("clients.jpg"); }
.title { text-align: center; }
.sub-heading { margin: 48px auto; max-width: 100%; }
.border { display: block; width: 80px; height: 2px; background: rgb(6, 6, 6) none repeat scroll 0% 0%; margin: 0px auto; }
.dark .border { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
nav { position: fixed; top: 0px; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-bottom: 2px solid rgb(240, 240, 240); padding: 15px 0px; z-index: 999; }
.logo { width: 35%; margin-left: 5%; float: left; }
.navigation { display: none; }
.desktop.navigation { display: block ! important; width: 55%; margin-right: 5%; float: left; }
.desktop.navigation .nav-content { float: right; }
.desktop.navigation .nav-content li { float: left; margin-right: 45px; line-height: 30px; }
.desktop.navigation .nav-content a { color: rgb(6, 6, 6); text-transform: uppercase; font-size: 0.8em; opacity: 0.5; }
.desktop.navigation .nav-content a:hover, .desktop.navigation .nav-content a.active { opacity: 1; }
.desktop.navigation .nav-content li:last-of-type { margin-right: 0px; }
.mobile.navigation { display: none; width: 90%; margin: 0px 5%; float: left; }
.mobile.navigation .nav-content { float: left; width: 100%; }
.mobile.navigation .nav-content li { display: block; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px solid rgb(240, 240, 240); }
.mobile.navigation .nav-content li:first-of-type { border-top: medium none; }
.mobile.navigation .nav-content a { display: block; color: rgb(6, 6, 6); text-transform: uppercase; font-size: 0.8em; }
.nav-button { display: none; width: 26px; height: 30px; background: transparent none repeat scroll 0% 0%; padding: 0px; margin-right: 5%; float: right; border: medium none; cursor: pointer; }
.icon-bar { display: block; float: left; width: 100%; height: 3px; margin-top: 3px; background: rgb(6, 6, 6) none repeat scroll 0% 0%; }
.hero { text-align: center; background-size: cover; }
.hero .content { padding-top: 0px; }
.ticker { overflow: hidden; height: 90px; vertical-align: baseline; }
.ticker h1 { margin-bottom: 0px; height: 90px; transition: margin-top 0.5s ease-in-out 0s; }
.call-to-action { padding-top: 20px; }
.call-to-action li { display: inline-block; margin-right: 55px; }
.call-to-action li:last-of-type { margin-right: 0px; }
.icons .overview { position: relative; float: left; width: 16.6667%; text-align: center; overflow: visible; }
.icon { display: inline-block; width: 64px; height: 64px; cursor: help; margin-bottom: 20px; }
.icon.ux { background: transparent url("ux.png") no-repeat scroll center top / 64px 128px; }
.icon.design { background: transparent url("design.png") no-repeat scroll center top / 64px 128px; }
.icon.seo { background: transparent url("seo.png") no-repeat scroll center top / 64px 128px; }
.icon.social { background: transparent url("social.png") no-repeat scroll center top / 64px 128px; }
.icon.tech { background: transparent url("tech.png") no-repeat scroll center top / 64px 128px; }
.icon.commerce { background: transparent url("commerce.png") no-repeat scroll center top / 64px 128px; }
.icon.config { background: transparent url("config.png") no-repeat scroll center top / 64px 128px; }
.icon.heart { background: transparent url("heart.png") no-repeat scroll center top / 64px 128px; }
.icon.coffee { background: transparent url("coffee.png") no-repeat scroll center top / 64px 128px; }
.icon.plane { background: transparent url("plane.png") no-repeat scroll center top / 64px 128px; }
.icon.calculator { background: transparent url("calculator.png") no-repeat scroll center top / 64px 128px; }
.icon.portfolio { background: transparent url("portfolio.png") no-repeat scroll center top / 64px 128px; }
.icon:hover { background-position: center bottom; }
.tooltip { display: none; position: absolute; width: 260px; background: rgba(6, 6, 6, 0.85) none repeat scroll 0% 0%; top: auto; bottom: 100%; left: 50%; margin-left: -130px; padding: 20px; margin-bottom: 30px; border-radius: 3px; }
.feature-list { font-style: italic; font-weight: 300; font-size: 0.933333em; color: rgba(255, 255, 255, 0.9) ! important; text-align: left; }
.list-dot { display: inline-block; margin-right: 15px; width: 7px; height: 7px; border-radius: 50px; }
.feature-list li { padding-bottom: 10px; }
.arrow-down { display: none; position: absolute; left: 50%; margin-left: -8px; top: auto; bottom: 100%; margin-bottom: 22px; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(6, 6, 6, 0.85); }
.visible { display: block; }
.portfolio { width: 100%; }
.projectlist { margin-top: 50px; background: transparent none repeat scroll 0% 0%; }
.projectlist li { width: 25%; float: left; }
.projectlist a { display: block; padding-bottom: 85px; position: relative; }
.projectlist a:hover { cursor: url("more.png") 40 40, crosshair; }
.projectlist a img { width: 100%; }
.projectinfo { position: absolute; width: 100%; height: 100%; top: 0px; z-index: 100; }
.meta { position: absolute; bottom: 0px; margin-bottom: 25px; width: 100%; text-align: center; }
.meta h4, .project-title h4 { margin-bottom: 6px; }
.meta h6, .project-title h6 { margin-bottom: 0px; }
.meta em, .project-title em { font-family: "Times New Roman",Times,serif; font-style: italic; text-transform: lowercase; color: rgb(66, 66, 66); }
.projectlist a:hover .meta h4, .projectlist a:hover .meta em { color: rgb(255, 255, 255) ! important; }
#portfolio-grid .mix { opacity: 0; display: none; }
.filtering { margin-top: 50px; }
.filtering li { margin-right: 10px; }
.filtering li::after { content: "/"; color: rgb(137, 137, 137); padding-left: 15px; }
.filtering li:last-of-type::after { content: ""; }
.filter { font-family: "Times New Roman",Times,serif; font-style: italic; text-transform: lowercase; color: rgb(66, 66, 66); cursor: pointer; display: inline-block; }
.ajax-section { position: relative; }
.loader { display: none; background: rgb(255, 255, 255) url("loading_001.gif") no-repeat scroll center 250px; width: 100%; height: 100%; position: absolute; z-index: 200; }
.project-hero { position: relative; }
.closeProject { position: absolute; bottom: 0px; left: 50%; margin-left: -20px; z-index: 200; }
.nextProject { position: absolute; top: 67%; right: -100px; z-index: 200; }
.prevProject { position: absolute; top: 67%; left: -100px; z-index: 200; }
#ajaxpage { padding-top: 50px; padding-bottom: 50px; }
.nextProject a, .prevProject a { display: block; width: 20px; height: 48px; opacity: 0.4; }
.nextProject a:hover, .prevProject a:hover { opacity: 1; }
.nextProject a { background: transparent url("project-next.png") no-repeat scroll center center; }
.prevProject a { background: transparent url("project-prev.png") no-repeat scroll center center; }
.nextProject a.disabled, .prevProject a.disabled { display: none; }
.slider img { width: 100%; }
.slider-pager { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.small-border { display: block; width: 150px; margin: 0px auto; height: 1px; background: rgb(233, 233, 233) none repeat scroll 0% 0%; }
.bx-pager-item { display: inline-block; }
.bx-pager-link { display: inline-block; text-indent: -999em; width: 12px; height: 12px; margin: 0px 5px; background: transparent url("pager.png") no-repeat scroll center top / 12px 24px; }
.bx-pager-link.active { background: transparent url("pager-active.png") no-repeat scroll center top / 12px 12px; }
.bx-pager-link:hover { background-position: center bottom; }
.project-title { text-align: center; padding: 25px 0px 50px; }
.project-info { border-bottom: 1px solid rgb(233, 233, 233); }
.project-info h6 { border-bottom: 1px solid rgb(233, 233, 233); padding-bottom: 10px; margin-bottom: 20px; }
i.icon-remove { display: block; width: 26px; height: 26px; background: transparent url("close.png") no-repeat scroll 0% 0% / 26px 26px; opacity: 0.5; }
i.icon-remove:hover { opacity: 1; }
.project-gallery-next .bx-next, .project-gallery-prev .bx-prev { position: absolute; top: 45%; opacity: 0.5; right: auto; left: auto; text-indent: -999em; width: 34px; height: 36px; margin-top: -18px; }
.project-gallery-next .bx-next { background: rgb(255, 255, 255) url("project-gallery-next.png") no-repeat scroll center center / 22px 22px; right: 0px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.project-gallery-prev .bx-prev { background: rgb(255, 255, 255) url("project-gallery-prev.png") no-repeat scroll center center / 22px 22px; left: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.team-list { text-align: center; padding: 50px 0px 30px; float: left; }
.name { width: 100%; }
.name h4 { margin-bottom: 6px; }
.name h6 { margin-bottom: 20px; }
.name em { font-family: "Times New Roman",Times,serif; font-style: italic; text-transform: lowercase; color: rgb(66, 66, 66); }
.social-list li { display: inline-block; }
.social-icon.small { display: inline-block; width: 26px; height: 26px; opacity: 0.5; }
.social-icon.small:hover { opacity: 1; }
.social-icon.small.facebook { background: transparent url("facebook-small.png") no-repeat scroll center center / 26px 26px; }
.social-icon.small.twitter { background: transparent url("twitter-small.png") no-repeat scroll center center / 26px 26px; }
.social-icon.small.google { background: transparent url("google-small.png") no-repeat scroll center center / 26px 26px; }
.social-icon.small.behance { background: transparent url("behance-small.png") no-repeat scroll center center / 26px 26px; }
.social-icon.small.linkedin { background: transparent url("linkedin-small.png") no-repeat scroll center center / 26px 26px; }
.value { display: block; color: rgb(255, 255, 255); font-size: 52px; font-weight: 300; padding-bottom: 20px; padding-top: 50px; }
.subscribe { padding-top: 30px; }
#bx-pager { margin-top: 50px; }
#bx-pager li { width: 25%; float: left; text-align: center; }
#bx-pager a img { opacity: 0.4; }
#bx-pager a:hover img, #bx-pager a.active img { opacity: 1; }
.bxslider { text-align: center; padding-top: 35px; }
.bxslider h3 { line-height: 1.6em; }
.bxslider h6 { margin-bottom: 35px; color: rgb(143, 143, 143); }
.bx-next, .bx-prev { position: absolute; display: block; text-indent: -999em; top: 60%; width: 20px; height: 48px; cursor: pointer; opacity: 0.5; }
.bx-next:hover, .bx-prev:hover { opacity: 1; }
.bx-next { right: -100px; background: transparent url("next.png") no-repeat scroll center center; }
.bx-prev { left: -100px; background: transparent url("prev.png") no-repeat scroll center center; }
footer { width: 100%; background: rgb(6, 6, 6) none repeat scroll 0% 0%; }
.contact { text-align: center; }
.contact *::-moz-selection { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(6, 6, 6); }
.contact li img { margin-bottom: 15px; }
.contact li:nth-child(1) { font-size: 0.933333em; opacity: 0.5; }
.contact a { display: block; font-size: 0.933333em; font-weight: 300; margin-bottom: 20px; opacity: 0.5; }
.contact a:hover { opacity: 1; }
.contact-heading { margin-top: 30px; }
#contact-form { position: relative; display: none; text-align: center; width: 100%; background: rgb(6, 6, 6) none repeat scroll 0% 0%; padding: 20px 0px 50px; margin-top: 20px; }
.form-field label { display: block; text-align: center; margin-top: 50px; margin-bottom: 20px; font-size: 0.8em; text-transform: uppercase; color: rgb(255, 255, 255); }
.form-field span input, .form-field span textarea { border: medium none; outline: medium none; padding: 0px 10px; width: 100%; height: 35px; background: rgb(30, 30, 30) none repeat scroll 0% 0%; border-radius: 3px; color: rgb(148, 148, 148); font-family: "Lora",helvetica,arial,sans-serif; font-size: 1em; transition: background 0.33s linear 0s; }
.form-field span input:focus, .form-field span textarea:focus { background: rgb(255, 255, 255) none repeat scroll 0% 0%; transition: background 0.33s linear 0s; }
.form-field span textarea { overflow: auto; height: 180px; padding: 18px; }
.form-click input { margin-top: 50px; border: medium none; display: block; width: 100%; outline: medium none; cursor: pointer; text-align: center; text-decoration: none; font-size: 1em; font-family: "Lora",helvetica,arial,sans-serif; font-weight: 400; text-transform: uppercase; color: rgb(6, 6, 6) ! important; background: rgb(148, 148, 148) none repeat scroll 0% 0%; line-height: 100%; padding: 12px 20px; border-radius: 3px; }
.form-click input:hover { text-decoration: none; color: rgb(6, 6, 6) ! important; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.subscribe input.text { display: inline-block; outline: medium none; width: 340px; padding: 20px 0px 20px 15px; background: transparent none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); border-radius: 3px; font: 1em "Lora"; color: rgb(255, 255, 255); margin-bottom: 20px; }
.subscribe input.submit { display: inline-block; outline: medium none; cursor: pointer; background: transparent url("more_001.png") no-repeat scroll right top; text-rendering: geometricprecision; text-decoration: none; font: 400 1em "Lora"; text-transform: uppercase; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); margin-left: 10px; padding: 20px 55px; margin-bottom: 20px; letter-spacing: 0.2em; border-radius: 3px; }
.subscribe input.submit:hover { background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%; }
.loader { margin-top: 15px; }
#alert { display: none; margin-top: 30px; }
.notification { display: block; position: relative; width: 100%; margin-bottom: 20px; padding: 10px 18px; border-radius: 3px; }
.subscribe .notification { display: none; margin-left: auto; margin-right: auto; max-width: 620px; }
.notification p { line-height: 26px; display: block; padding: 0px; margin: 0px; text-align: left; text-indent: 45px; }
.notification.success { border: 1px solid rgb(255, 255, 255); background: rgba(255, 255, 255, 0.05) none repeat scroll 0% 0%; }
.notification.success p { background: transparent url("tick.png") no-repeat scroll 0% 0% / 26px 26px; color: rgb(255, 255, 255); }
.notification.error { border: 1px solid rgb(255, 255, 255); background: rgba(255, 255, 255, 0.05) none repeat scroll 0% 0%; }
.notification.error p { background: transparent url("cross.png") no-repeat scroll 0% 0% / 26px 26px; color: rgb(255, 255, 255); }
.social-links { text-align: center; margin-top: 50px; }
.social-links li { display: inline-block; margin-right: 15px; }
.social-links li:last-of-type { margin-right: 0px; }
.social-links a { display: block; }
.social-links a:hover { opacity: 0.5; }
.copyright { margin-top: 50px; margin-bottom: 10px; text-align: center; }
.copyright h6 { color: rgb(119, 119, 122); letter-spacing: 0.2em; }
#blog { margin-top: 30px; }
.post { position: relative; text-align: left; margin-top: 50px; padding: 0px 0px 30px 70px; border-bottom: 1px solid rgb(233, 233, 233); }
.post-media { position: relative; }
.post-media img { border-radius: 3px; }
.post .date { position: absolute; text-align: center; width: 40px; padding-bottom: 10px; top: 0px; left: 0px; text-transform: uppercase; font-size: 1.6em; letter-spacing: 0.2em; line-height: 0.8em; border-bottom: 1px solid rgb(233, 233, 233); }
.post .date small { font-size: 0.583333em; }
.post-title h2 { padding-top: 20px; text-transform: none; letter-spacing: normal; }
.post.quote .post-title h2, .post.link .post-title h2 { font-size: 1em ! important; text-transform: uppercase; letter-spacing: 0.2em; padding: 0px; }
.post-title a { color: rgb(6, 6, 6) ! important; }
.post-meta h6, .post-meta a { color: rgb(164, 164, 163) ! important; }
.gallery-next, .gallery-prev { position: absolute; z-index: 100; display: block; bottom: 10px; }
.gallery-next { right: 10px; }
.gallery-prev { right: 37px; }
.gallery-next .bx-next, .gallery-prev .bx-prev { position: static; top: auto; opacity: 1; right: auto; left: auto; text-indent: -999em; width: 22px; height: 22px; border-radius: 3px; }
.gallery-next .bx-next { background: rgb(6, 6, 6) url("next_001.png") no-repeat scroll 0% 0% / 22px 22px; }
.gallery-prev .bx-prev { background: rgb(6, 6, 6) url("prev_001.png") no-repeat scroll 0% 0% / 22px 22px; }
.widget { text-align: left; margin-top: 50px; }
.search { border-width: 1px medium 2px 1px; border-style: solid none solid solid; border-color: rgb(233, 233, 233) currentcolor rgb(233, 233, 233) rgb(233, 233, 233); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; float: left; outline: medium none; padding: 0px 0px 0px 10px; width: 80%; height: 40px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(170, 170, 170); border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.search-submit { margin: 0px; padding: 0px; float: left; outline: medium none; cursor: pointer; width: 20%; height: 40px; text-indent: -999em; background: rgb(255, 255, 255) url("search.png") no-repeat scroll center center / 16px 16px; text-decoration: none; border-width: 1px 1px 2px; border-style: solid; border-color: rgb(233, 233, 233); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.textwidget { font-size: 0.866667em; line-height: 1.6em; }
.cat-item, .recentcomments { font-size: 0.866667em; padding-bottom: 8px; margin-bottom: 15px; border-bottom: 1px solid rgb(233, 233, 233); }
.cat-item a, .recentcomments a { color: rgb(6, 6, 6) ! important; font-weight: 400; }
.tagcloud a { display: inline-block; margin-right: 10px; margin-bottom: 10px; font-size: 0.8em; text-transform: uppercase; padding: 5px 10px; border-radius: 3px; }
.widget-archive a, .widget-recent-entries a { color: rgb(6, 6, 6) ! important; font-weight: 400; font-size: 0.866667em; display: block; padding-bottom: 8px; margin-bottom: 15px; border-bottom: 1px solid rgb(233, 233, 233); }
#comments { text-align: left; padding-top: 50px; }
#comments-title { margin-left: 70px; border-bottom: 2px solid rgb(233, 233, 233); padding-bottom: 30px; margin-bottom: 5px; }
.comment { float: left; }
.comment-body { position: relative; margin-left: 70px; border-top: 1px solid rgb(233, 233, 233); padding-top: 30px; }
.comment-author { position: absolute; top: 30px; left: -70px; }
.comment-author img { border-radius: 3px; }
.comment .children { margin-left: 70px; }
.fn { display: block; margin-bottom: 10px; }
.comment-meta, .comment-meta a { color: rgb(164, 164, 163) ! important; }
#respond { margin-left: 70px; margin-top: 50px; }
#reply-title { border-bottom: 2px solid rgb(233, 233, 233); padding-bottom: 30px; margin-bottom: 5px; }
.comment-reply-form { border-top: 1px solid rgb(233, 233, 233); }
.comment-notes { margin-top: 10px; color: rgb(164, 164, 163); }
.control-group label, .control-group .controls { display: inline-block; }
.control-group label { margin-left: 10px; font-weight: 400; }
.control-group .controls input { margin-top: 15px; outline: medium none; height: 35px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding-left: 15px; color: rgb(164, 164, 163); text-decoration: none; border-width: 1px 1px 2px; border-style: solid; border-color: rgb(233, 233, 233); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 3px; }
.control-group .controls textarea { margin-top: 15px; outline: medium none; height: 180px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding-left: 15px; padding-top: 15px; color: rgb(164, 164, 163); text-decoration: none; border-width: 1px 1px 2px; border-style: solid; border-color: rgb(233, 233, 233); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 3px; }
.controls button { margin: 15px 0px 0px; outline: medium none; cursor: pointer; font-size: 0.8em; text-transform: uppercase; font-family: inherit; padding: 10px 20px; color: rgb(164, 164, 163); border-width: 1px 1px 2px; border-style: solid; border-color: rgb(233, 233, 233); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 3px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.controls button:hover { background: transparent -moz-linear-gradient(center top , rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%) repeat scroll 0% 0%; }
.slider-cover { width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#vegas-next, #vegas-prev { position: absolute; display: block; text-indent: -999em; width: 20px; height: 48px; cursor: pointer; top: 50%; margin-top: -24px; }
#vegas-next:hover, #vegas-prev:hover { opacity: 0.5; }
#vegas-next { right: -100px; background: transparent url("next.png") no-repeat scroll center center; }
#vegas-prev { left: -100px; background: transparent url("prev.png") no-repeat scroll center center; }
.vegas-loading { display: none; }
.vegas-overlay { background: transparent url("01.png") repeat scroll 0% 0%; opacity: 0.5; z-index: -1; }
.vegas-background { image-rendering: optimizequality; max-width: none ! important; z-index: -2; }
.vegas-overlay, .vegas-background { -moz-user-select: none; }
#big-video-wrap { overflow: hidden; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; z-index: -2; }
#big-video-vid, #big-video-image { position: absolute; }
#big-video-control-container { position: fixed; bottom: 20px; padding: 0px 20px; width: 100%; transition-duration: 0.6s; }
#big-video-control { width: 100%; height: 16px; position: relative; }
#big-video-control-middle { margin: 0px 56px 0px 24px; }
#big-video-control-bar { width: 100%; height: 16px; position: relative; cursor: pointer; }
#big-video-control-progress { position: absolute; top: 7px; height: 3px; width: 0%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#big-video-control-track { position: absolute; top: 8px; height: 1px; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#big-video-control-bound-left { left: 0px; }
#big-video-control-bound-right { right: -1px; }
#big-video-control-track .ui-slider-handle { opacity: 0; }
#big-video-control-playhead { left: 30%; }
#big-video-control-play { position: absolute; top: 0px; left: 0px; height: 16px; width: 16px; background-image: url("bigvideo.png"); }
#big-video-control-timer { position: absolute; top: 1px; right: 0px; color: rgb(255, 255, 255); font-size: 11px; }
#big-video-control-playhead, #big-video-control-bound-left, #big-video-control-bound-right { position: absolute; top: 0px; height: 16px; width: 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#big-video-control .ui-slider-handle { border-left: 1px solid rgb(255, 255, 255); width: 16px; height: 16px; position: absolute; top: -8px; }
.transparent { opacity: 0; }
.vjs-big-play-button { display: none ! important; }
#customizer { position: fixed; top: 64px; right: 0px; z-index: 9999; height: 100%; }
.corner { display: block; cursor: pointer; width: 50px; height: 50px; background: transparent url("corner.png") no-repeat scroll 0% 0%; position: absolute; top: 0px; right: 0px; }
.cog { display: block; width: 24px; height: 24px; position: absolute; top: 5px; left: 24px; background: transparent url("switcher.gif") no-repeat scroll 0% 0%; }
#options { display: none; width: 250px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-left: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); padding: 30px 25px 10px; border-bottom-left-radius: 3px; }
.heading { border-bottom: 1px solid rgb(233, 233, 233); padding-bottom: 15px; margin-bottom: 20px; }
#options h6 { color: rgb(92, 92, 92); margin-bottom: 10px; }
.options-segment { margin-bottom: 20px; }
.customize-button { display: inline-block; margin: 0px 5px 0px 0px; font-size: 12px; color: rgb(92, 92, 92) ! important; background: rgb(247, 247, 247) none repeat scroll 0% 0%; border: 1px solid rgb(233, 233, 233); padding: 3px 7px; border-radius: 3px; }
.customize-button:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.customize-button:last-of-type { margin-right: 0px; }
.color-scheme li { float: left; }
.color-scheme a { display: block; height: 20px; width: 31px; margin: 0px 8px 10px 0px; }
.red a { background: rgb(238, 59, 22) none repeat scroll 0% 0%; }
.green a { background: rgb(72, 207, 173) none repeat scroll 0% 0%; }
.blue a { background: rgb(79, 193, 233) none repeat scroll 0% 0%; }
.pink a { background: rgb(236, 135, 192) none repeat scroll 0% 0%; }
.yellow a { background: rgb(255, 206, 84) none repeat scroll 0% 0%; }
.jeans a { background: rgb(93, 156, 236) none repeat scroll 0% 0%; }
.grape a { background: rgb(237, 85, 101) none repeat scroll 0% 0%; }
.grass a { background: rgb(160, 212, 104) none repeat scroll 0% 0%; }
.lavander a { background: rgb(172, 146, 236) none repeat scroll 0% 0%; }
.gray a { background: rgb(101, 109, 120) none repeat scroll 0% 0%; }
@media only screen and (min-width: 1680px) {
  .bx-next { right: -250px; }
  .bx-prev { left: -250px; }
  #nextProject { right: -250px; }
  #prevProject { left: -250px; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .parallax { background-size: cover; background-attachment: scroll; background-position: center top ! important; }
  .fade, .slide, .entrance, .hatch { opacity: 1 ! important; }
  .ae-animation-fade, .ae-animation-slide, .ae-animation-entrance, .ae-animation-hatch { animation-name: none; }
  #bx-prev, #bx-next { display: none; }
  #nextProject, #prevProject { display: none ! important; }
  .projectlist a:hover .projectinfo { background: transparent none repeat scroll 0% 0%; }
  .hero-video { background: transparent url("visia-video-poster.jpg") no-repeat scroll center top / cover ; }
  #customizer { display: none; }
}
@media only screen and (max-width: 959px) {
  .nav-button { display: block; }
  .navigation { display: none; }
  .parallax { background-size: cover; background-attachment: scroll; background-position: center top ! important; }
  .content { padding-top: 50px; }
  .content.padded { padding-bottom: 50px; }
  .icons .overview { width: 33.3333%; margin-bottom: 30px; }
  .icon { cursor: pointer; }
  .projectlist li { width: 50%; }
  .fade, .slide, .entrance, .hatch { opacity: 1 ! important; }
  .ae-animation-fade, .ae-animation-slide, .ae-animation-entrance, .ae-animation-hatch { animation-name: none; }
  #bx-prev, #bx-next { display: none; }
  #bx-pager { margin-top: 20px; }
  #bx-pager li { width: 50%; margin-top: 20px; }
  .social-links { margin-top: 30px; }
  #nextProject, #prevProject { display: none ! important; }
  #respond { margin-left: 0px; }
  #vegas-prev, #vegas-next { display: none; }
  .tooltip { cursor: pointer; }
  .hero-video { background: transparent url("visia-video-poster.jpg") no-repeat scroll center top / cover ; }
  #customizer { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}
@media only screen and (max-width: 767px) {
  .icons .overview { width: 50%; }
  .team-list { padding: 30px 0px 0px; }
  .team-member { padding-bottom: 25px; }
  #respond { padding-bottom: 50px; border-bottom: 2px solid rgb(233, 233, 233); }
  .filtering li { margin-bottom: 20px; }
  .value { padding-top: 35px; }
  .subscribe input.submit, .subscribe input.text { width: 100%; margin-left: 0px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .project-info { border-bottom: medium none; }
  .tooltip { width: 150%; left: 5%; margin-left: 0px; }
  .pull-left .tooltip { left: -55%; }
}
@media only screen and (max-width: 479px) {
  .call-to-action li { margin-right: 0px; width: 100%; }
  .projectlist li { width: 100%; }
  #bx-pager li { width: 100%; }
  .project-info { border-bottom: medium none; }
  .tooltip { width: 180%; left: 5%; margin-left: 0px; }
  .pull-left .tooltip { left: -85%; }
}
@media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon.right { background: transparent url("right@2x.png") no-repeat scroll center center / 26px 26px; }
  .icon.ux { background: transparent url("ux@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.design { background: transparent url("design@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.seo { background: transparent url("seo@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.social { background: transparent url("social@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.tech { background: transparent url("tech@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.commerce { background: transparent url("commerce@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.config { background: transparent url("config@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.heart { background: transparent url("heart@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.coffee { background: transparent url("coffee@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.portfolio { background: transparent url("portfolio@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.plane { background: transparent url("plane@2x.png") no-repeat scroll center top / 64px 128px; }
  .icon.calculator { background: transparent url("calculator@2x.png") no-repeat scroll center top / 64px 128px; }
  .social-icon.small.facebook { background: transparent url("facebook-small@2x.png") no-repeat scroll center center / 26px 26px; }
  .social-icon.small.twitter { background: transparent url("twitter-small@2x.png") no-repeat scroll center center / 26px 26px; }
  .social-icon.small.google { background: transparent url("google-small@2x.png") no-repeat scroll center center / 26px 26px; }
  .social-icon.small.behance { background: transparent url("behance-small@2x.png") no-repeat scroll center center / 26px 26px; }
  .social-icon.small.linkedin { background: transparent url("linkedin-small@2x.png") no-repeat scroll center center / 26px 26px; }
  i.icon-remove { background: transparent url("close@2x.png") no-repeat scroll center center / 26px 26px; }
  .bx-pager-link { background: transparent url("pager@2x.png") no-repeat scroll center top / 12px 24px; }
  .bx-pager-link.active { background: transparent url("pager-active@2x.png") no-repeat scroll center top / 12px 12px; }
  .gallery-next .bx-next { background: rgb(6, 6, 6) url("next@2x.png") no-repeat scroll 0% 0% / 22px 22px; }
  .gallery-prev .bx-prev { background: rgb(6, 6, 6) url("prev@2x.png") no-repeat scroll 0% 0% / 22px 22px; }
  .search-submit { background: rgb(255, 255, 255) url("search@2x.png") no-repeat scroll center center / 16px 16px; }
  .notification.success p { background: transparent url("tick@2x.png") no-repeat scroll 0% 0% / 26px 26px; }
  .notification.error p { background: transparent url("cross@2x.png") no-repeat scroll 0% 0% / 26px 26px; }
  .project-gallery-next .bx-next { background: rgb(255, 255, 255) url("project-gallery-next@2x.png") no-repeat scroll center center / 22px 22px; }
  .project-gallery-prev .bx-prev { background: rgb(255, 255, 255) url("project-gallery-prev@2x.png") no-repeat scroll center center / 22px 22px; }
}