/* line 17, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/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/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1; }

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

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

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

/* line 30, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../Applications/CodeKit.app/Contents/Resources/engines/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

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

/*
Theme Name:	  	Mobil applications Heureka.cz
Theme URI:      http://heureka.cz/mobil
Description:    
Version:        1.1
Author:         Pavel Huza
Author URI:     http://pavelhuza.com
Tags:           
*/
/*
===========================
CONTENTS:

01 Functions
02 Variables
03 Sensible defaults
04 Typography
05 Common classes
06 Homepage
===========================
*/
/* ---------------------------------------------------------------------------------------------------------- 
01 Functions ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* Get width in percentages */
/* Get height in ems */
/* ---------------------------------------------------------------------------------------------------------- 
02 Variables ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- 
03 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* line 91, scss/style.scss */
div, article, section, header, footer, nav, li {
  position: relative; }

/* line 99, scss/style.scss */
body {
  font-size: 100%;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  position: relative; }

/* line 116, scss/style.scss */
.clear {
  clear: both; }

/* line 120, scss/style.scss */
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

/* line 126, scss/style.scss */
.hidden {
  opacity: 0; }

/* line 130, scss/style.scss */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 136, scss/style.scss */
.page-wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
  /*background: rgba(0,0,0,0.1); 
  
  @include breakpoint(max-1024) 	{ background: rgba(red, 0.2); }
  @include breakpoint(max-768) 	{ background: rgba(blue, 0.2); }
  @include breakpoint(max-640) 	{ background: rgba(green, 0.2); }
  @include breakpoint(min-480) 	{ background: rgba(fuchsia, 0.2); }
  @include breakpoint(min-1600) 	{ background: rgba(yellow, 0.2); }*/ }

/* ---------------------------------------------------------------------------------------------------------- 
04 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* line 155, scss/style.scss */
html > body {
  font-size: 1em; }

/* line 159, scss/style.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

/* line 163, scss/style.scss */
p {
  font-size: 0.875em;
  line-height: 1.5em; }

/* line 168, scss/style.scss */
h1 {
  font-size: 1.875em; }

/* line 172, scss/style.scss */
h2 {
  font-size: 1.5em; }

/* line 176, scss/style.scss */
h3 {
  font-size: 1em; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot");
  src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 191, scss/style.scss */
[class*="icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 203, scss/style.scss */
.icon-windows:before {
  content: "\e600"; }

/* line 204, scss/style.scss */
.icon-ipad:before {
  content: "\e602"; }

/* line 205, scss/style.scss */
.icon-android:before {
  content: "\e603"; }

/* line 206, scss/style.scss */
.icon-ipad2:before {
  content: "\e601"; }

/* line 207, scss/style.scss */
.icon-facebook:before {
  content: "\e605"; }

/* line 208, scss/style.scss */
.icon-twitter:before {
  content: "\e606"; }

/* ---------------------------------------------------------------------------------------------------------- 
03 Homepage -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* line 218, scss/style.scss */
body {
  background: #0a859d url(design/bg.jpg) repeat; }

/* line 222, scss/style.scss */
header {
  background: #075d6e;
  background: rgba(0, 0, 0, 0.3); }

/* line 227, scss/style.scss */
#logo {
  float: left;
  display: block;
  text-align: center;
  position: absolute; }

/* line 240, scss/style.scss */
#logo img {
  margin-top: 0.9375em;
  opacity: 0.7;
  float: left;
  width: 121px;
  height: 43px;
  -webkit-transition: all 0.2s ease-in-out, 1s;
  -moz-transition: all 0.2s ease-in-out, 1s;
  -o-transition: all 0.2s ease-in-out, 1s;
  transition: all 0.2s ease-in-out, 1s; }
  @media screen and (max-width: 1024px) {
    /* line 240, scss/style.scss */
    #logo img {
      margin-left: 0.625em; } }
  
  @media screen and (max-width: 768px) {
    /* line 227, scss/style.scss */
    #logo img{
     margin-top: 1.5em;
    }
  }

/* line 251, scss/style.scss */
#logo img:hover {
  opacity: 1; }

/* line 255, scss/style.scss */
#main-nav {
  float: right;
  display: block;
  list-style: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 768px) {
    /* line 255, scss/style.scss */
    #main-nav {
      width: 100%;
      margin: 0; } }

/* line 268, scss/style.scss */
#main-nav li {
  float: left;
  line-height: 2.5em;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 1.25em 0; }
  @media screen and (max-width: 768px) {
    /* line 268, scss/style.scss */
    #main-nav li {
      width: 100%;
      display: block;
      line-height: 1.25em;
      margin: 0;
      background: #fff; } }

/* line 285, scss/style.scss */
#main-nav li a {
  float: left;
  text-align: center;
  border-bottom: 0;
  display: block;
  padding: 0 20px;
  color: #b6e4ed;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.8125em;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  @media screen and (max-width: 1024px) {
    /* line 285, scss/style.scss */
    #main-nav li a {
      font-size: 0.75em;
      padding: 0 9px; } }
  @media screen and (max-width: 768px) {
    /* line 285, scss/style.scss */
    #main-nav li a {
      width: 100%;
      padding: 1.25em 0;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      border-radius: 0px;
      color: #404040; } }

/* line 313, scss/style.scss */
#main-nav li a:hover {
  background: #044e5d;
  background: rgba(0, 0, 0, 0.2);
  color: #fff; }
  @media screen and (max-width: 768px) {
    /* line 313, scss/style.scss */
    #main-nav li a:hover {
      color: #404040; } }

/* line 326, scss/style.scss */
.js .nav-collapse {
  position: relative; }
  @media screen and (max-width: 768px) {
    /* line 326, scss/style.scss */
    .js .nav-collapse {
      clip: rect(0 0 0 0);
      max-height: 0;
      position: absolute;
      display: block;
      overflow: hidden;
      zoom: 1; } }

@media screen and (max-width: 768px) {
  /* line 340, scss/style.scss */
  .nav-collapse.opened {
    max-height: 9999px; } }

			/*
			.js .nav-collapse.closed {
    			max-height: none;
  			}*/
/* line 353, scss/style.scss */
.nav-toggle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 70px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: url(design/menu.svg) no-repeat 50% 33%;
  display: none;
  margin: 1.25em 0; }
  @media screen and (max-width: 768px) {
    /* line 353, scss/style.scss */
    .nav-toggle {
      display: block; } }

/* line 374, scss/style.scss */
#top-content {
  padding-top: 2.5em;
  position: relative;
  overflow: hidden; }

/* line 380, scss/style.scss */
.devices-link {
  position: absolute;
  display: block;
  z-index: 5000;
  text-indent: -9999px;
  overflow: hidden;
  outline: none; }

@media screen and (max-width: 1000px) {
  .devices-link {
    display:none;
  }
}

/* line 389, scss/style.scss */
#devices-ios {
  width: 154px;
  height: 336px;
  top: 458px;
  left: 216px;
  z-index: 1000;
}

/* line 393, scss/style.scss */
#devices-windows {
  width: 188px;
  height: 360px;
  top: 434px;
  left: 606px;
  z-index: 1000;
}

/* line 390, scss/style.scss */
#devices-android {
  width: 177px;
  height: 340px;
  top: 444px;
  left: 99px;
  z-index: 900;
}

/* line 391, scss/style.scss */
#devices-windows8 {
  width: 705px;
  height: 450px;
  top: 295px;
  left: 140px;
  z-index: 700;}

/* line 392, scss/style.scss */
#devices-fashion {
  width: 348px;
  height: 530px;
  top: 240px;
  left: 288px;
  z-index: 900;
}

/* line 395, scss/style.scss */
#top-content hr {
  display: block;
  margin: 0 auto;
  width: 31.25%;
  height: 0.125em;
  border: none;
  background: #fff; }

/* line 404, scss/style.scss */
#top-content h1 {
  padding: 0.625em 0;
  color: #b6e3ec;
  text-align: center;
  font-weight: 100;
  font-size: 2.5em;
  font-family: 'PT Sans', sans-serif;
  line-height: 1.375em; }

/* line 414, scss/style.scss */
#top-content h1 strong {
  text-transform: uppercase;
  font-size: 1.25em;
  color: #e6f6f9;
  font-weight: bold; }

/* line 421, scss/style.scss */
#devices {
  z-index: 100;
  max-width: 100%;
  position: relative;
  vertical-align: bottom;
 }

/* line 429, scss/style.scss */
#applications-container {
  background: #fff;
  padding-top: 250px;
  margin-top: -250px;
}
.applications-container__app-intro__text {
  float:left;
  width: 50%;  }
  @media screen and (max-width: 640px) {
    .applications-container__app-intro__text {
      width: 100%; } }

.applications-container__app-intro__text__header, .applications-container__app-intro__text__info{
  width: 100% !important; }
  @media screen and (max-width: 640px) {
    .applications-container__app-intro__text__info {
      margin-bottom: 1em !important; } }

.applications-container__app-intro__achievement {
  float:right;  }
  @media screen and (max-width: 640px) {
    .applications-container__app-intro__achievement {
      width: 100%;
      text-align: center;
      margin-bottom: 1em; } }

.applications-container__app-intro__achievement__image {
  height: 7.5em;
  margin-right: 100px; }
  @media screen and (max-width: 640px) {
    .applications-container__app-intro__achievement__image {
      height: 6em;
      margin-right: 0; } }

@media screen and (max-width: 960px) {
  #applications-container {
    padding-top: 0;
    margin-top: 0;
  }
}

/* line 435, scss/style.scss */
#applications {
  padding: 1.875em 0.625em; }

/* line 439, scss/style.scss */
#applications h2 {
  margin-bottom: 0.625em;
  width: 50%;
  color: #404040;
  font-size: 1.875em;
  font-weight: normal; }
  @media screen and (max-width: 640px) {
    /* line 439, scss/style.scss */
    #applications h2 {
      width: 100%;
      text-align: center; } }

/* line 452, scss/style.scss */
#applications p {
  margin-bottom: 1.875em;
  width: 50%;
  font-size: 1em; }
  @media screen and (max-width: 640px) {
    /* line 452, scss/style.scss */
    #applications p {
      width: 100%;
      text-align: center; } }

/* line 463, scss/style.scss */
#our-applications {
  float: left;
  width: 100%;
  border: 1px solid #dedede;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box; }

/* line 472, scss/style.scss */
#our-applications li {
  float: left;
  padding: 1.25em;
  width: 20%;
  border-right: 1px solid #dedede;
  -webkit-transition: all 0.2s ease-in-out, 1s;
  -moz-transition: all 0.2s ease-in-out, 1s;
  -o-transition: all 0.2s ease-in-out, 1s;
  transition: all 0.2s ease-in-out, 1s; }
  @media screen and (max-width: 1024px) {
    /* line 472, scss/style.scss */
    #our-applications li {
      width: 33.33%;
      border-bottom: 1px solid #dedede; } }
  @media screen and (max-width: 640px) {
    /* line 472, scss/style.scss */
    #our-applications li {
      width: 100%;
      border-right: none; } }

/* line 491, scss/style.scss */
#our-applications #ios-app {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px; }
  @media screen and (max-width: 1024px) {
    /* line 491, scss/style.scss */
    #our-applications #ios-app {
      -webkit-border-radius: 5px 0 0 0;
      -moz-border-radius: 5px 0 0 0;
      -ms-border-radius: 5px 0 0 0;
      -o-border-radius: 5px 0 0 0;
      border-radius: 5px 0 0 0; } }

@media screen and (max-width: 1024px) {
  /* line 496, scss/style.scss */
  #our-applications #windows-app {
    border-right: none; } }

/* line 500, scss/style.scss */
#our-applications #fashion-app {
  border-right: none;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0; }
  @media screen and (max-width: 1024px) {
    /* line 500, scss/style.scss */
    #our-applications #fashion-app {
      border-right: 1px solid #dedede;
      border-bottom: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; } }

@media screen and (max-width: 1024px) {
  /* line 506, scss/style.scss */
  #our-applications #windows8-app {
    border-bottom: none;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -ms-border-radius: 0 0 0 5px;
    -o-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px; } }

/* line 511, scss/style.scss */
#our-applications li a {
  text-decoration: none; }

/* line 515, scss/style.scss */
#our-applications .icon {
  margin: 0 auto;
  width: 80px;
  height: 68px; }

/* line 521, scss/style.scss */
#our-applications li .icon span {
  font-size: 4.25em;
  color: #b1b1b1;
  -webkit-transition: all 0.2s ease-in-out, 1s;
  -moz-transition: all 0.2s ease-in-out, 1s;
  -o-transition: all 0.2s ease-in-out, 1s;
  transition: all 0.2s ease-in-out, 1s; }

/* line 527, scss/style.scss */
#our-applications li:hover .icon span {
  color: #34a4b9; }

/* line 531, scss/style.scss */
#our-applications h3 {
  margin-top: 0.9375em;
  color: #585858;
  text-align: center;
  font-weight: 300;
  font-size: 1em;
  line-height: 1.25em; }

/* line 540, scss/style.scss */
#our-applications h3 strong {
  color: #3d3d3d;
  font-weight: bold; }

/* line 545, scss/style.scss */
#our-applications a p {
  margin-top: 1.875em;
  text-align: center;
  width: 100%;
  font-size: 0.75em;
  color: #585858; }

/* line 553, scss/style.scss */
#our-applications a:hover {
  text-decoration: none; }

/* line 557, scss/style.scss */
#our-applications li:hover {
  background: #f5f5f5; }

/* line 561, scss/style.scss */
#our-applications .button {
  display: block;
  padding: 1em 0;
  border: 1px solid #33a3b9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background-color: #33a3b9;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(18, 120, 141, 0.65);
  font-weight: bold;
  font-size: 0.75em;
  -webkit-transition: all 0.2s ease-in-out, 1s;
  -moz-transition: all 0.2s ease-in-out, 1s;
  -o-transition: all 0.2s ease-in-out, 1s;
  transition: all 0.2s ease-in-out, 1s;
  -webkit-font-smoothing: antialiased;
  position: relative;
  text-align: center; }

/* line 579, scss/style.scss */
#our-applications li:hover .button {
  border: 1px solid #208ea4;
  background-color: #2d9db3;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #2d9db3), color-stop(100%, #3cb1c9));
  background-image: -webkit-linear-gradient(bottom, #2d9db3 0%, #3cb1c9 100%);
  background-image: -moz-linear-gradient(bottom, #2d9db3 0%, #3cb1c9 100%);
  background-image: -o-linear-gradient(bottom, #2d9db3 0%, #3cb1c9 100%);
  background-image: linear-gradient(bottom, #2d9db3 0%, #3cb1c9 100%);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.42);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.42);
  text-shadow: 0 -1px 0 rgba(18, 120, 141, 0.65); }

/* line 587, scss/style.scss */
#our-applications li:hover .button:hover {
  background-color: #2d9db3;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #39a7bd), color-stop(100%, #48c1d9));
  background-image: -webkit-linear-gradient(bottom, #39a7bd 0%, #48c1d9 100%);
  background-image: -moz-linear-gradient(bottom, #39a7bd 0%, #48c1d9 100%);
  background-image: -o-linear-gradient(bottom, #39a7bd 0%, #48c1d9 100%);
  background-image: linear-gradient(bottom, #39a7bd 0%, #48c1d9 100%); }

/* line 592, scss/style.scss */
#applications small {
  font-size: 0.8125em;
  margin-top: 1em;
  display: block; }

/* line 598, scss/style.scss */
#applications small span {
  color: #30a0b6;
  font-weight: bold; }

/* line 605, scss/style.scss */
#mobile-web-container {
  background: #ecebe6; }

/* line 609, scss/style.scss */
#mobile-web {
  padding: 3.75em 0.625em 6.25em 0.625em;
  background: url(images/mobile-web2.png) 50% bottom no-repeat; }
  @media screen and (max-width: 640px) {
    /* line 609, scss/style.scss */
    #mobile-web {
      background: transparent;
      padding-bottom: 3.75em; } }

/* line 620, scss/style.scss */
#mobile-content {
  /*width: 48.93617%;*/
  float: left; }

/* line 625, scss/style.scss */
#mobile-content h2 {
  margin-bottom: 0.5em;
  color: #404040;
  font-size: 1.875em;
  font-weight: normal; }
  @media screen and (max-width: 640px) {
    /* line 625, scss/style.scss */
    #mobile-content h2 {
      text-align: center; } }

/* line 636, scss/style.scss */
#mobile-content p {
  font-size: 1em; }
  @media screen and (max-width: 640px) {
    /* line 636, scss/style.scss */
    #mobile-content p {
      text-align: center; } }

/* line 644, scss/style.scss */
#mobile-content ul {
  margin-top: 2em;
  margin-left: 25px;
  vertical-align: middle;
  line-height: 1em; }

/* line 651, scss/style.scss */
#mobile-content li {
  list-style-image: url(design/bullet.png);
  list-style-position: outside;
  /*width: 40%;*/
  width: 100%;
  margin-right: 10%;
  float: left;
  font-size: 0.8125em;
  font-weight: bold;
  margin-bottom: 1.5em; }

/* line 663, scss/style.scss */
#mobile-content a {
  display: block;
  border: 1px solid #e45800;
  width: 26.04167%;
  padding: 1em 0;
  margin-top: 1.5em;
  background-color: #e45800;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.2s linear, 1s;
  -moz-transition: all 0.2s linear, 1s;
  -o-transition: all 0.2s linear, 1s;
  transition: all 0.2s linear, 1s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  @media screen and (max-width: 640px) {
    /* line 663, scss/style.scss */
    #mobile-content a {
      width: 100%; } }

/* line 685, scss/style.scss */
#mobile-content a:hover {
  border: 1px solid #ba4d09;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.42);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.42);
  text-shadow: 0 -1px 0 rgba(186, 78, 9, 0.65);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzOSA2MyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTQ1NzAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjc2ZjFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMzkiIGhlaWdodD0iNjMiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
  background-image: -moz-linear-gradient(bottom, #e45700 0%, #f76f1a 100%);
  background-image: -o-linear-gradient(bottom, #e45700 0%, #f76f1a 100%);
  background-image: -webkit-linear-gradient(bottom, #e45700 0%, #f76f1a 100%);
  background-image: linear-gradient(bottom, #e45700 0%, #f76f1a 100%); }

/* line 699, scss/style.scss */
#mobile-img-container {
  width: 940px;
  float: right;
  position: absolute;
  z-index: 1;
  bottom: 0; }

/* line 707, scss/style.scss */
#mobile-img-container img {
  max-width: 100%; }

/* line 712, scss/style.scss */
footer {
  background: #313131;
  padding: 1.875em 1.041667%; }

/* line 717, scss/style.scss */
#social-links {
  width: 100%; }

@media screen and (max-width: 768px) {
  /* line 721, scss/style.scss */
  #social-links li {
    width: 50%;
    float: left;
    padding: 10px; } }
@media screen and (max-width: 640px) {
  /* line 721, scss/style.scss */
  #social-links li {
    width: 100%; } }

/* line 735, scss/style.scss */
#social-links #fb-follow,
#social-links #twitter-follow {
  display: block;
  padding: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  float: left;
  color: #656565;
  font-family: "PT Sans", sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #282828;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  position: relative;
  text-indent: 28px;
  -webkit-transition: all 0.2s ease-in-out, 1s;
  -moz-transition: all 0.2s ease-in-out, 1s;
  -o-transition: all 0.2s ease-in-out, 1s;
  transition: all 0.2s ease-in-out, 1s;
  float: left; }
  @media screen and (max-width: 768px) {
    /* line 735, scss/style.scss */
    #social-links #fb-follow,
    #social-links #twitter-follow {
      width: 100%;
      padding: 10px;
      text-align: center;
      text-indent: 0; } }

/* line 762, scss/style.scss */
#social-links #fb-follow:hover,
#social-links #twitter-follow:hover {
  background: #19191c; }

/* line 767, scss/style.scss */
#social-links #fb-follow span,
#social-links #twitter-follow span {
  content: '';
  width: 22px;
  height: 21px;
  display: inline-block;
  position: absolute;
  left: -16px;
  font-size: 1.5em;
  top: 9px; }
  @media screen and (max-width: 768px) {
    /* line 767, scss/style.scss */
    #social-links #fb-follow span,
    #social-links #twitter-follow span {
      left: 6px; } }

/* line 782, scss/style.scss */
#fb-follow {
  margin-right: 1.041667%;
  text-indent: 18px; }

/* line 788, scss/style.scss */
.fb-like,
.twitter-share-button {
  float: right;
  margin: 0.625em 0 0 1.5625%; }

/* line 793, scss/style.scss */
#copy {
  text-align: center;
  margin-top: 2.72727273em;
  /* 11px / 30px */
  color: #7d7d7d;
  font-size: 0.6875em; }

/* ---------------------------------------------------------------------------------------------------------- 
04 App page -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* line 806, scss/style.scss */
#main-nav .active:before {
  content: '';
  display: block;
  position: absolute;
  top: 4.125em;
  left: 45%;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #097e95; }
  @media screen and (max-width: 1024px) {
    /* line 806, scss/style.scss */
    #main-nav .active:before {
      top: 4.375em; } }

/* line 824, scss/style.scss */
#app-top-content {
  padding: 0.9375em; }
  @media screen and (max-width: 768px) {
    /* line 824, scss/style.scss */
    #app-top-content {
      padding: 1.875em; } }

/* line 832, scss/style.scss */
#desc-content {
  width: 56.25%;
  float: left; }
  @media screen and (max-width: 768px) {
    /* line 832, scss/style.scss */
    #desc-content {
      width: 100%; } }

/* line 841, scss/style.scss */
#desc-content.win8 {
  width: 35%; }
  @media screen and (max-width: 768px) {
    /* line 841, scss/style.scss */
    #desc-content.win8 {
      width: 100%; } }

/* line 849, scss/style.scss */
#desc-content h1 {
  margin: 0.625em 0;
  color: #b6e3ec;
  font-weight: 100;
  font-size: 2.5em;
  font-family: 'PT Sans', sans-serif;
  width: 100%;
  line-height: 1.5em; }
  @media screen and (max-width: 1024px) {
    /* line 849, scss/style.scss */
    #desc-content h1 {
      font-size: 2.25em; } }
  @media screen and (max-width: 768px) {
    /* line 849, scss/style.scss */
    #desc-content h1 {
      text-align: center;
      line-height: 1.875em;
      margin: 0; } }
  @media screen and (max-width: 640px) {
    /* line 849, scss/style.scss */
    #desc-content h1 {
      font-size: 1.75em; } }

/* line 873, scss/style.scss */
#desc-content h1 strong {
  font-size: 1.25em;
  color: #e6f6f9;
  padding: 0 10px;
  font-weight: bold;
  display: block; }

/* line 881, scss/style.scss */
#desc-content h1 .first {
  padding-left: 0; }

/* line 885, scss/style.scss */
#desc-content hr {
  display: block;
  margin: 0 auto;
  height: 0.125em;
  border: none;
  background: #fff; }
  @media screen and (max-width: 768px) {
    /* line 885, scss/style.scss */
    #desc-content hr {
      margin: 1.25em auto; } }

/* line 897, scss/style.scss */
#desc-content p {
  font-size: 1.5em;
  margin: 1em 0;
  color: #e5f5f8;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 768px) {
    /* line 897, scss/style.scss */
    #desc-content p {
      text-align: center; } }

/* line 908, scss/style.scss */
#download {
  width: 239px;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(186, 78, 9, 0.8);
  margin-bottom: 5em;
  text-align: center;
  padding: 1.4em 0;
  position: relative;
  margin-top: 1.5em;
  background-color: #e45800;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.2s ease-in-out, 1s;
  -moz-transition: all 0.2s ease-in-out, 1s;
  -o-transition: all 0.2s ease-in-out, 1s;
  transition: all 0.2s ease-in-out, 1s;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  @media screen and (max-width: 768px) {
    /* line 908, scss/style.scss */
    #download {
      width: 100%;
      margin-bottom: 2em; } }

/* line 934, scss/style.scss */
#download:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.42);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.42);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.42);
  text-shadow: 0 -1px 0 rgba(186, 78, 9, 0.65);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzOSA2MyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTQ1NzAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjc2ZjFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMzkiIGhlaWdodD0iNjMiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
  background-image: -moz-linear-gradient(bottom, #e45700 0%, #f76f1a 100%);
  background-image: -o-linear-gradient(bottom, #e45700 0%, #f76f1a 100%);
  background-image: -webkit-linear-gradient(bottom, #e45700 0%, #f76f1a 100%);
  background-image: linear-gradient(bottom, #e45700 0%, #f76f1a 100%); }

.applications-desc__button {
  float: left;
  margin-top: 0 !important;
}
.applications-desc__achievement {
  float: left;
  margin-top: -0.2em;
  margin-left: 2em;  }
  @media screen and (max-width: 768px) {
    .applications-desc__achievement {
      width: 100%;
      text-align: center;
      margin-left: 0em;  } }

.applications-desc__achievement__image {
  height: 4.15em;
}
/* line 947, scss/style.scss */
#app-slider-container {
  float: right;
  width: 41.666667%;
  height: 38.125em;
  position: absolute;
  z-index: 1000;
  right: 0; }
  @media screen and (max-width: 768px) {
    /* line 947, scss/style.scss */
    #app-slider-container {
      display: none; } }

/* line 960, scss/style.scss */
#app-slider-container.win8 {
  width: 60%;
  top: 70px; }

/* line 965, scss/style.scss */
#app-slider-container.ios {
  background: url(design/iphone.png) no-repeat; }

/* line 966, scss/style.scss */
#app-slider-container.android {
  background: url(design/nexus.png) no-repeat; }

/* line 967, scss/style.scss */
#app-slider-container.windows {
  background: url(design/htc.png?1) no-repeat; }

/* line 968, scss/style.scss */
#app-slider-container.fashion {
  background: url(design/ipad_mini.png) no-repeat; }

/* line 969, scss/style.scss */
#app-slider-container.windows8 {
  background: url(design/windows8.png) no-repeat; }

/* line 973, scss/style.scss */
.bjqs {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: none;
  background: #fff;
  z-index: 1100; }

/* line 984, scss/style.scss */
#ios-slides .bjqs {
  top: 92px;
  left: 81px; }

/* line 989, scss/style.scss */
#android-slides .bjqs {
  top: 78px;
  left: 68px; }

/* line 994, scss/style.scss */
#windows-slides .bjqs {
  top: 96px;
  left: 69px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

/* line 1002, scss/style.scss */
#fashion-slides .bjqs {
  top: 92px;
  left: 32px; }

/* line 1007, scss/style.scss */
#windows8-slides .bjqs {
  top: 106px;
  left: 50px; }

/* line 1012, scss/style.scss */
.bjqs-slide {
  position: absolute;
  display: none; }

/* line 1017, scss/style.scss */
.bjqs-markers {
  width: 240px; }

/* line 1021, scss/style.scss */
#ios-slides .bjqs-markers {
  margin-left: 80px; }

/* line 1022, scss/style.scss */
#android-slides .bjqs-markers {
  margin-left: 67px; }

/* line 1023, scss/style.scss */
#windows-slides .bjqs-markers {
  margin-left: 70px; }

/* line 1024, scss/style.scss */
#fashion-slides .bjqs-markers {
  margin-left: 35px; }

/* line 1025, scss/style.scss */
#windows8-slides .bjqs-markers {
  margin-left: 50px; }

/* line 1027, scss/style.scss */
.bjqs-markers.h-centered {
  position: absolute;
  z-index: 3000;
  text-align: center;
  top: 620px; }

/* line 1034, scss/style.scss */
#windows8-slides .bjqs-markers.h-centered {
  top: 440px; }

/* line 1037, scss/style.scss */
.bjqs-markers li {
  display: inline;
  margin-right: 5px; }

/* line 1042, scss/style.scss */
.bjqs-markers li a {
  display: inline-block;
  text-indent: -9999em;
  overflow: hidden;
  outline: none;
  width: 10px;
  height: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #969696;
  -moz-box-shadow: 0 1px 0 white, inset 0 1px 3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 1px 0 white, inset 0 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 1px 0 white, inset 0 1px 3px rgba(0, 0, 0, 0.6); }

/* line 1062, scss/style.scss */
.bjqs-markers .active-marker a,
.bjqs-markers li a:hover {
  background-color: #097b91; }

/* line 1068, scss/style.scss */
#features-container {
  background: #fff;
  padding-top: 0px;
  position: relative;
  z-index: 100;
  /*margin-top: -160px;*/ }

/* line 1076, scss/style.scss */
.device-features-cont {
  padding: 1.875em 0.9375em;
  position: relative;
  z-index: 100; }

/* line 1082, scss/style.scss */
.device-features-cont h2 {
  margin-bottom: 0.5em;
  width: 47.916667%;
  color: #404040;
  font-size: 1.875em; }
  @media screen and (max-width: 768px) {
    /* line 1082, scss/style.scss */
    .device-features-cont h2 {
      width: 100%; } }

/* line 1093, scss/style.scss */
.device-features-cont p {
  margin-bottom: 2.5em;
  width: 47.916667%;
  font-size: 1em; }

/* line 1099, scss/style.scss */
.device-features-cont ul {
  padding-top: 2em;
  padding-left: 25px;
  vertical-align: middle;
  line-height: 1em;
  width: 56.25%; }
  @media screen and (max-width: 768px) {
    /* line 1099, scss/style.scss */
    .device-features-cont ul {
      width: 100%; } }

/* line 1111, scss/style.scss */
.device-features-cont li {
    list-style: outside url(design/bullet.png);
    width: 100%;
  margin-right: 10%;
  float: left;
  font-size: 0.8125em;
  font-weight: bold;
  margin-bottom: 1.5em;
}