/* home */
.page.home .header-static{ padding-top: 20px; height: 220px; }
.page.home .header-static .frame{ text-align: center; }
.page.home .header-static .frame img{ max-width: 650px; height: auto; }
.content.home{ padding: 100px 0 50px 0; }
.content.home .intro.textblock{ font-size: 20px; }

.content.home .work.textblock{ padding: 30px 0 0 0; }
.content.home .thiswork{ min-height: 100px; padding: 20px 0 0 0; }
.content.home .thiswork .seeall{ padding: 60px 0 80px; text-align: center; clear: both; }
.content.home .thiswork .row{ margin: 0px auto; position: relative; }
.content.home .thiswork .project{ width: 190px; height: 190px; overflow: hidden; float: left; margin-right: 10px; }
.content.home .thiswork .project:last-child{ margin-right: 0; }
.content.home .thiswork .project img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100px; transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -webkit-transition: opacity .35s ease-in-out; }
.content.home .thiswork .project img.normal{ }
.content.home .thiswork .project:hover img.normal{ opacity: 0; }
.content.home .thiswork .project img.hover{ opacity: 0; }
.content.home .thiswork .project:hover img.hover{ opacity: 1; }
.content.home .thiswork .project.initial img{ opacity: 0 !important; }
.content.home .thiswork .button{ width: 220px; }

.content.home .people.textblock { font-size: 20px; }
.content.home .people.textblock h2{ padding: 30px 0; }
.content.home .people.textblock img{ width: 100%; margin-top: 30px; z-index: 1; position: relative; }
.content.home .people.textblock .spacer{ height: 100px; background: #fff; position: absolute; bottom: 100px; right: 0; z-index: 0; }
.content.home .people.textblock .button{ border-color: #fff; color: #fff; left: 50%; margin: -10px 0 0 -110px; position: absolute; top: 50%; width: 220px; z-index: 2; background: transparent; }
.content.home .people.textblock .button:hover{ background: #fff; color: #000; }

.content.home .blogs.textblock h2{ padding: 40px 0; }
.content.home .blogs.textblock .frame{ padding-bottom: 30px; margin: 0 auto; max-width: 800px; overflow: hidden; }
.content.home .blogs.textblock .frame .control{ width: 48px; height: 48px; display: block; position: absolute; top: 210px; background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 999; }
.content.home .blogs.textblock .frame .control.disabled{ opacity: 0.4; cursor: default; }
.content.home .blogs.textblock .frame .control.left{ left: -50px; background-image: url(../img/blogs-left.png); }
.content.home .blogs.textblock .frame .control.right{ right: -50px; background-image: url(../img/blogs-right.png); }
.content.home .blogs.textblock .frame .track{ transition: margin .35s ease-in-out; -moz-transition: margin .35s ease-in-out; -webkit-transition: margin .35s ease-in-out;  }

.content.home .blogs.textblock .frame .track .bcell{ float: left; width: 190px; margin: 0 5px; font-size: 18px; }
.content.home .blogs.textblock .frame .track .bcell div{}
.content.home .blogs.textblock .frame .track .bcell a{ display: table; float: left; width: 190px; height: 190px; overflow: hidden; border-width: 2px; border-style: solid; border-radius: 190px; text-align: center; color: inherit; margin-bottom: 30px;
  transition: background-color .35s ease-in-out, color .35s ease-in-out;
  -moz-transition: background-color .35s ease-in-out, color .35s ease-in-out;
  -webkit-transition: background-color .35s ease-in-out, color .35s ease-in-out; }
.content.home .blogs.textblock .frame .track .bcell a:hover{ text-decoration: none; color: #fff;
  transition: background-color .35s ease-in-out, color .35s ease-in-out;
  -moz-transition: background-color .35s ease-in-out, color .35s ease-in-out;
  -webkit-transition: background-color .35s ease-in-out, color .35s ease-in-out; }
.content.home .blogs.textblock .frame .track .bcell a span{ text-transform: uppercase; font-size: 16px; letter-spacing: 2px; text-align: center; display: table-cell; vertical-align: middle; padding: 0 10px; overflow: hidden; }

.content.home .blogs a.open100_blue{ border-color: #0075ff; }
.content.home .blogs a.open100_blue:hover{ background: #0075ff; }
.content.home .blogs a.open100_red{ border-color: #f7235d; }
.content.home .blogs a.open100_red:hover{ background: #f7235d; }
.content.home .blogs a.open100_green{ border-color: #04dbac; }
.content.home .blogs a.open100_green:hover{ background: #04dbac; }
.content.home .blogs a.open100_black{ border-color: #000; }
.content.home .blogs a.open100_black:hover{ background: #222222; }

.content.home .social.textblock{ text-align: center; padding-top: 80px; font-size: 16px; background-image: url(../img/kozel3.png); background-repeat: no-repeat; background-position: left bottom; background-size: 136px 265px; }
.content.home .social.textblock h2{ padding:0 0 40px 0; }
.content.home .social.textblock img{ max-width: 50px; }
.content.home .social.textblock .account{ font-size: 20px; padding-top: 10px; }
.content.home .social.textblock .tweet{ margin: 0 auto; max-width: 540px; padding-bottom: 20px; text-align: center; -moz-text-align-last: center; text-align-last: center; word-wrap: break-word; }

.content.home .ready.textblock{ padding-bottom: 0; }
.content.home .ready.textblock h2{ padding-top: 40px; }
.content.home .ready.textblock .rocket{ background-image: url(../img/rocket.png); background-repeat: no-repeat; background-position: center bottom; background-size: 225px 180px; padding-bottom: 70px; }
.content.home .ready.textblock .buttons{ padding: 50px; }
.content.home .ready.textblock .buttons .button{ width: 300px; }

.content.home .stats.textblock{ padding-top: 50px; }
.content.home .stats.textblock .cell{ width: 50%; float: left; text-align: left; }
.content.home .stats.textblock .cell h3{ font-size: 30px; line-height:30px; letter-spacing: 7px; margin: 0; padding: 0 0 42px 0; }
.content.home .stats.textblock .cell img{ height: auto; max-width: 160px; width: 100%; }
.content.home .stats.textblock .knob-all{ width: 190px; height: 190px; margin-top:30px; position: relative; background-position: center; background-size: cover; }
.content.home .stats.textblock .knob-wrap{ position: absolute; }
.content.home .stats.textblock .knob-all input{ visibility: hidden; }

.content.home .stats.textblock .listen{ padding: 0 10px 0 0; }
.content.home .stats.textblock .drink{ padding: 0 0 0 10px; }
.content.home .stats.textblock .listen .knob-all{ float: left; background-image: url(../img/listen.png); margin-left: 15px; }
.content.home .stats.textblock .drink .knob-all{ float: right; background-image: url(../img/coffee.png); margin-right: 15px; }
.content.home .stats.textblock .listen h3{ text-align: left; }
.content.home .stats.textblock .drink h3{ text-align: right; }
.content.home .stats.textblock .listen .image{ float: right; }
.content.home .stats.textblock .drink .image{ float: left; }