/*
	Table of Contents
	update on Mon Sep 19 2016 15:02:10 GMT+0200 (CEST)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Fonts ------------------------------------
	     03. Base -------------------------------------
	     04. Media Queries ----------------------------
	         Mobile -----------------------------------
	     05. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Mobile -----------------------------------
	     06. Media Queries ----------------------------
	         Mobile -----------------------------------
	         Mobile -----------------------------------
	II.  Regions --------------------------------------
	     01. Wrapper ----------------------------------
	     02. Container --------------------------------
	     03. Media Queries ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     04. Shell ------------------------------------
	     05. Header -----------------------------------
	     06. Media Queries ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     07. Main -------------------------------------
	     08. Footer -----------------------------------
	     09. Media Queries ----------------------------
	         Mobile -----------------------------------
	     10. Content ----------------------------------
	     11. Sidebar ----------------------------------
	III. Themes ---------------------------------------
	IV.  Modules --------------------------------------
	     01. Api Items --------------------------------
	         IE7+ -------------------------------------
	     02. Media Queries ----------------------------
	         Mobile -----------------------------------
	     03. Button -----------------------------------
	     04. Media Queries ----------------------------
	         Mobile -----------------------------------
	     05. Form Elements ----------------------------
	     06. Form -------------------------------------
	     06. Support Form -----------------------------
	     07. Intro ------------------------------------
	     08. Intro Alt --------------------------------
	     09. Intro Secondary --------------------------
	     10. Intro Tertiary ---------------------------
	     11. Intro Quaternary -------------------------
	     12. Intro Quinary ----------------------------
	     12. Media Queries ----------------------------
	         Tablet Portrait --------------------------
	         Intro Secondary --------------------------
	         Intro Tertiary ---------------------------
	         Intro Quaternary -------------------------
	         Intro Quinary ----------------------------
	         Mobile -----------------------------------
	         Intro ------------------------------------
	         Intro Secondary --------------------------
	         Intro Tertiary ---------------------------
	         Intro Quaternary -------------------------
	         Intro Quinary ----------------------------
	     13. List -------------------------------------
	     14. List Grey Dots ---------------------------
	     15. List Apps --------------------------------
	     16. Media Queries ----------------------------
	         Mobile -----------------------------------
	         List Grey Dots ---------------------------
	     17. Logo -------------------------------------
	     18. Nav --------------------------------------
	     19. Nav Secondary ----------------------------
	     20. Media Queries ----------------------------
	         Mobile -----------------------------------
	         Nav Secondary ----------------------------
	     21. Section ----------------------------------
	     22. Section Primary --------------------------
	     23. Section Api ------------------------------
	     24. Section Message --------------------------
	     25. Section Chat -----------------------------
	     26. Section Voice ----------------------------
	     27. Section Timeline -------------------------
	     28. Section Share ----------------------------
	         Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+95,e4e4e4+100,e6e6e6+100
	         Old browsers -----------------------------
	         FF3.6-15 ---------------------------------
	         Chrome10-25,Safari5.1-6 ------------------
	         W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	         IE6-9 ------------------------------------
	     29. Section Apps -----------------------------
	         Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+100
	         Old browsers -----------------------------
	         FF3.6-15 ---------------------------------
	         Chrome10-25,Safari5.1-6 ------------------
	         W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	         IE6-9 ------------------------------------
	     30. Section Pages ----------------------------
	     31. Section Follow ---------------------------
	     32. Section Analytics ------------------------
	     33. Media Queries ----------------------------
	         Section Share ----------------------------
	         Section Apps -----------------------------
	         Section Pages ----------------------------
	         Tablet Portrait --------------------------
	         Section Message --------------------------
	         Section Primary --------------------------
	         Section Chat -----------------------------
	         Section Voice ----------------------------
	         Section Timeline -------------------------
	         Section Share ----------------------------
	         Section Apps -----------------------------
	         Section Pages ----------------------------
	         Section Analytics ------------------------
	         Mobile -----------------------------------
	         Section Message --------------------------
	         Section Primary --------------------------
	         Section Chat -----------------------------
	         Section Voice ----------------------------
	         Section Timeline -------------------------
	         Section Share ----------------------------
	         Section Apps -----------------------------
	         Section Api ------------------------------
	         Section Pages ----------------------------
	         Section Follow ---------------------------
	         Section Analytics ------------------------
	     34. Slider -----------------------------------
	     35. Table ------------------------------------
	     36. Widget -----------------------------------
 */

.ico-android { background-image: url(images/sprite.png); background-position: -84px -84px; width: 17px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-apple-blue-large { background-image: url(images/sprite.png); background-position: -105px -84px; width: 15px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-apple-blue { background-image: url(images/sprite.png); background-position: -124px -84px; width: 14px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-apple-white { background-image: url(images/sprite.png); background-position: -142px -84px; width: 13px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-close { background-image: url(images/sprite.png); background-position: -120px -108px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-cloud { background-image: url(images/sprite.png); background-position: 0 0; width: 80px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-pay { background-image: url(images/sprite.png); background-position: -84px 0; width: 80px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-play-blue { background-image: url(images/sprite.png); background-position: -84px -108px; width: 14px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-play-white { background-image: url(images/sprite.png); background-position: -102px -108px; width: 14px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-superuser { background-image: url(images/sprite.png); background-position: 0 -84px; width: 80px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-android { background-image: url(images/sprite.@2x.png); background-position: -82px -82px; background-size: 162px 162px; width: 17px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-apple-blue-large { background-image: url(images/sprite.@2x.png); background-position: -101px -82px; background-size: 162px 162px; width: 15px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-apple-blue { background-image: url(images/sprite.@2x.png); background-position: -118px -82px; background-size: 162px 162px; width: 13.5px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-apple-white { background-image: url(images/sprite.@2x.png); background-position: -133.5px -82px; background-size: 162px 162px; width: 13.5px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-close { background-image: url(images/sprite.@2x.png); background-position: -114px -104px; background-size: 162px 162px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-cloud { background-image: url(images/sprite.@2x.png); background-position: 0 0; background-size: 162px 162px; width: 80px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-pay { background-image: url(images/sprite.@2x.png); background-position: -82px 0; background-size: 162px 162px; width: 80px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-play-blue { background-image: url(images/sprite.@2x.png); background-position: -82px -104px; background-size: 162px 162px; width: 14px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-play-white { background-image: url(images/sprite.@2x.png); background-position: -98px -104px; background-size: 162px 162px; width: 14px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-superuser { background-image: url(images/sprite.@2x.png); background-position: 0 -82px; background-size: 162px 162px; width: 80px; height: 80px; display: inline-block; vertical-align: middle; font-size: 0; }
}

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }

img { height: auto; display: inline-block; border: 0; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/helveticaneue-bold-webfont.eot');
    src: url('fonts/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-bold-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue-bold-webfont.woff') format('woff'),
         url('fonts/helveticaneue-bold-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-bold-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/helveticaneue-italic-webfont.eot');
    src: url('fonts/helveticaneue-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-italic-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue-italic-webfont.woff') format('woff'),
         url('fonts/helveticaneue-italic-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-italic-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/helveticaneue-light-webfont.eot');
    src: url('fonts/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-light-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue-light-webfont.woff') format('woff'),
         url('fonts/helveticaneue-light-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-light-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/helveticaneue-medium-webfont.eot');
    src: url('fonts/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-medium-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue-medium-webfont.woff') format('woff'),
         url('fonts/helveticaneue-medium-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-medium-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/helveticaneue-roman-webfont.eot');
    src: url('fonts/helveticaneue-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-roman-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue-roman-webfont.woff') format('woff'),
         url('fonts/helveticaneue-roman-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-roman-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/helveticaneue-thin-webfont.eot');
    src: url('fonts/helveticaneue-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneue-thin-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue-thin-webfont.woff') format('woff'),
         url('fonts/helveticaneue-thin-webfont.ttf') format('truetype'),
         url('fonts/helveticaneue-thin-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: 100;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.4; color: #868686; }

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.7em; color: #4f4f4f; font-weight: 100; }

h1 { font-size: 45px; }
h2 { font-size: 38px; line-height: 1.23; }
h3 { font-size: 30px; }
h4 { font-size: 24px; font-weight: 300; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.4em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* Mobile */

@media (max-width: 767px) {
	body { font-size: 17px; }

	h1 { font-size: 30px; }
	h2 { font-size: 30px; }
	h3 { font-size: 20px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

	p { font-weight: 300; }
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.section-primary .section-body:after,
.footer .shell:after,
.intro .shell:after,
.header .shell:after,
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Mobile  */
.mobile-show { display: none; }

@media screen and (max-width: 768px) {
  html.ios .resolve-according-to-os.btn-googleplay {
    display: none !important;
  }

  html.ios .resolve-according-to-os.btn-appstore {
    display: block !important;
    margin: 0 auto;
  }

  html.android .resolve-according-to-os.btn-googleplay {
    display: block !important;
    margin: 0 auto;
  }

  html.android .resolve-according-to-os.btn-appstore {
    display: none !important;
  }
}



/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* Mobile */

@media (max-width: 767px) {
	/*  Mobile  */
	.mobile-show { display: block; }
	.mobile-hide { display: none; }
}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; overflow: hidden; min-height: 100%; }

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container { padding-bottom: 66px; }

.container-secondary { padding-top: 120px; }

.container-tertiary { padding-bottom: 71px; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* Tablet Portrait */

@media (max-width: 1023px) {
	.container-secondary { padding-top: 133px; }
}

/* Mobile */

@media (max-width: 767px) {
	.container { padding-bottom: 100px; }

	.container-secondary { padding-top: 85px; }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1002px; padding: 0 16px; margin: auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { position: fixed; top: 0; left: 0; z-index: 4; width: 100%; padding: 41px 0 16px; color: white; transition: all .4s; }
.header.fixed { padding-top: 15px; background: white; box-shadow: 0 1px 5px rgba(0,0,0,0.25); }

.header.fixed .logo { background-image: url(https://kingsch.at/h/css/images/logo-blue@2x.png); }

.header.fixed .nav a { color: #2f92e5; }

.header.fixed .nav-secondary li ~ li:before { background: #efefef; opacity: 1; }

.header.fixed .nav-secondary .ico-apple-white,
.header.fixed .nav-secondary .ico-play-white { display: none; }

.header.fixed .nav-secondary .ico-apple-blue,
.header.fixed .nav-secondary .ico-play-blue { display: inline-block; }

.header .logo { float: left; }

.header-inner { float: right; padding-top: 6px; padding-right: 9px; }
.header-inner .btn-close { display: none; }

.header .nav { float: left; margin-top: 2px; }

.header .nav-secondary { float: left; margin-left: 33px; }

.header-secondary .logo { background-image: url(https://kingsch.at/h/css/images/logo-blue@2x.png); }
.header-secondary .nav a { color: #2f92e5; }

.header-secondary .nav-secondary li ~ li:before { background: #efefef; opacity: 1; }

.header-tertiary.fixed { position: absolute; padding-top: 41px; background: none; box-shadow: none; }
.header-tertiary.fixed .logo { background-image: url(/h/css/images/logo-white@2x.png); }
.header-tertiary.fixed .nav a { color: white; }

.header-tertiary.fixed .nav-secondary .ico-apple-white,
.header-tertiary.fixed .nav-secondary .ico-play-white { display: inline-block; }
.header-tertiary.fixed .nav-secondary li ~ li:before { opacity: .7; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* Tablet Portrait */

@media (max-width: 1023px) {
	.header-inner { padding-right: 1px; }
}

/* Mobile */

@media (max-width: 767px) {
	.header.fixed,
	.header { position: absolute; z-index: 6; padding: 17px 0 16px; background: none; box-shadow: none; }

	.header .logo { margin-left: 16px; }

	.header.fixed .logo { background-image: url(/h/css/images/logo-white@2x.png); }

	.header .nav { float: none; margin: 0; }

	.header .nav-mobile { margin: 9px 9px 0 0; }

	.header-secondary .nav-mobile { color: #2f92e5; }

	.header-inner { position: fixed; top: 0; right: -69%; bottom: 0; overflow-y: auto; width: 69%; padding: 71px 0 0 ; background: white; box-shadow: -2px 0px 8px rgba(0,0,0,0.35); transition: right .4s; }
	.header-inner.expanded { right: 0; }
	.header-inner .btn-close { position: absolute; top: 28px; right: 24px; display: block; }

	.header-tertiary.fixed .nav a { color: #2f92e5; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { position: absolute; bottom: 0; left: 0; z-index: 5; width: 100%; height: 66px; padding: 23px 0 24px; background: rgba(0,0,0, .3); font-size: 14px; color: white; font-weight: 300; }

.footer-secondary { height: 71px; padding-top: 28px; }
.footer-tertiary { background: #7d8b98; }
.footer-quaternary { background: #8998a4; }

.footer .shell { max-width: 1152px; }

.footer .copyright { float: left; margin-bottom: 0; }

.footer .footer-nav { float: right; }

.footer-nav ul { list-style: none outside none; }
.footer-nav li { display: inline-block; vertical-align: top; }
.footer-nav li ~ li { margin-left: 19px; }
.footer-nav a { transition: opacity .4s; }
.footer-nav a:hover { opacity: .8; text-decoration: none; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* Mobile */

@media (max-width: 767px) {
	.footer { height: 100px; padding: 21px 0 22px; text-align: center; }

	.footer .copyright { float: none; margin-bottom: 11px; }

	.footer .footer-nav { float: none; }
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
	III. Themes
\* ------------------------------------------------------------ */



/* ------------------------------------------------------------ *\
	IV.  Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Api Items
\* ------------------------------------------------------------ */

.api-items { list-style: none outside none; }

.api-item ~ .api-item { margin-top: 60px; }

.api-item pre { padding: 27px 20px 23px 48px; border-radius: 5px; background: #f5f9fb; font-family: "Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace; color: #00b4f2; letter-spacing: -0.02em; }
.api-item pre {
	word-break: break-all; /* webkit */
	word-wrap: break-word;
	white-space: pre;
	white-space: -moz-pre-wrap; /* fennec */
	white-space: pre-wrap;
	white-space: pre\9; /* IE7+ */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.api-item h4 { margin-bottom: 17px; }
.api-item p { margin-bottom: 0; }
.api-item p br { display: none; }
.api-item p + p { margin-top: 25px; }

.api-item p + pre { margin-top: 14px; }

.api-item .list-grey-dots { margin-top: 9px; }

.api-item-primary,
.api-item-secondary { border-top: 1px solid #ebebeb; }
.api-item ~ .api-item-primary { padding-top: 62px; margin-top: 64px; }
.api-item ~ .api-item-secondary { padding-top: 62px; margin-top: 62px; }

.api-item-secondary h4 { margin-bottom: 13px; }
.api-item-secondary pre { padding-bottom: 21px; }

.api-actions { padding-top: 24px; font-size: 0; text-align: right; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* Mobile */

@media (max-width: 767px) {
	.api-item ~ .api-item { margin-top: 25px; }
	.api-item ~ .api-item-primary { padding-top: 27px; margin-top: 18px; }
	.api-item ~ .api-item-secondary { padding-top: 27px; margin-top: 32px; }

	.api-item h4 { margin-bottom: 13px; }
	.api-item p + p { margin-top: 15px; }
	.api-item p br { display: block; }
	.api-item pre { padding-left: 16px; padding-right: 5px; font-size: 16px; line-height: 1.4; }
	.api-item p + pre { margin-top: 12px; }

	.api-item .list-grey-dots { margin-top: 12px; }

	.api-item-secondary h4 { margin-bottom: 10px; }

	.api-item-tertiary h4 { margin-bottom: 10px; }
	.api-item-tertiary p { font-size: 16px; font-weight: normal; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: opacity .4s; }
.btn:hover { text-decoration: none; opacity: .8; }

.btn-blue { padding: 14px 25px 12px 24px; border-radius: 3px; background: rgba(0,0,0, .3); font-size: 16px; letter-spacing: 0.025em; }

.btn-grey { padding: 14px 24px 12px 23px; border-radius: 4px; background: #f4f4f4; font-size: 16px; color: #acb1bb; letter-spacing: 0.024em; }

.btn-loveworld {
	color: white;
    font-weight: 500;
    min-height: 98px;
    border-radius: 6px;
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    min-width: 150px;
    background: #9CA1AD;
	padding-bottom: 20px;	
}

.btn-loveworld span {
	font-size: 32px;
    line-height: 1;
}
.btn-appstore,
.btn-googleplay { width: 135px; height: 49px; background: url(/h/css/images/btn-googleplay-white@2x.png) no-repeat 0 0; background-size: 100% 100%; }
.btn-appstore { background-image: url(/h/css/images/btn-appstore-white@2x.png); }

.btn-appstore-large,
.btn-googleplay-large { width: 139px; height: 53px; }

.btn-googleplay-large { background-image: url(/h/css/images/btn-googleplay@2x.png); }
.btn-appstore-large { background-image: url(/h/css/images/btn-appstore@2x.png); }


.btn-googleplay-large--dark {
  background-image: url(/h/css/images/btn-googleplay-dark@2x.png);
}

.btn-appstore-xlarge,
.btn-googleplay-xlarge { width: 270px; height: 98px; }

.btn-appstore-xlarge { background-image: url(/h/css/images/btn-appstore-xlarge@2x.png); }
.btn-googleplay-xlarge { background-image: url(/h/css/images/btn-googleplay-xlarge@2x.png); }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* Mobile */

@media (max-width: 767px) {
	.btn-appstore-xlarge,
	.btn-loveworld,
	.btn-googleplay-xlarge { width: 139px; height: 53px; }

	.btn-loveworld { height: 50px; padding: 0; min-height: 0; font-size: 10px; min-width: auto; }
	.btn-loveworld span { font-size: 14px; }

	.btn-blue { padding-top: 11px; padding-bottom: 10px; }

	.btn-grey { padding-top: 11px; padding-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {}

/* ------------------------------------------------------------ *\
    Support Form
\* ------------------------------------------------------------ */

.intro .support-form {
	text-align: left;
}
.support-form input,
.support-form textarea,
.support-form button { color: #000000; }

.support-form label { margin-bottom: 8px; display:inline-block; font-weight: bold; }
.support-form-input { margin-top: 12px; padding: 0 12px; }

.support-form textarea:focus,
.support-form input:focus { border-color: #2f92e5 }

.support-form textarea::-webkit-input-placeholder,
.support-form input::-webkit-input-placeholder { color: #ababab; }
.support-form textarea:-ms-input-placeholder,
.support-form input:-ms-input-placeholder { color: #ababab; }
.support-form textarea::-ms-input-placeholder,
.support-form input::-ms-input-placeholder { color: #ababab; }
.support-form textarea::placeholder,
.support-form input::placeholder { color: #ababab; }

.support-form textarea,
.support-form input { display: block; width: 100%; padding: .375em .75em; font-size: 1em; font-weight: 400; line-height: 1.5; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25em; }

.support-form button { height: 48px; width: 134px; display: block; margin: 24px auto; background: rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.27); border-radius: 4px; border: none; color: #ffffff; }

@media (min-width: 768px) {
	.support-form .support-form-input { padding: 0; }
	.support-form .support-form-half { box-sizing: border-box; width: 50%; display: inline-block; }
	.support-form button { margin: 24px 0; }
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { position: relative; padding: 147px 0 50px; background: url(/h/css/images/intro-bg1@2x.jpg) no-repeat center center; background-size: cover; color: white; }

.intro .intro-content { float: left; width: 380px; padding-top: 82px; vertical-align: middle; }

.intro .intro-image { float: right; margin-right: 110px; }

.intro h2 { margin-bottom: 35px; color: white; }
.intro p { margin-bottom: 10px; letter-spacing: 0.025em; }

.intro .intro-content-actions { padding-top: 21px; font-size: 0; }

.intro .btn { margin-right: 11px; }

.intro .intro-content p .tablet-show { display: none; }

/* ------------------------------------------------------------ *\
	Intro Alt
\* ------------------------------------------------------------ */

.intro-alt { padding-bottom: 66px; }

/* ------------------------------------------------------------ *\
	Intro Secondary
\* ------------------------------------------------------------ */

.intro-secondary { padding: 171px 0 121px; background-image: url(/h/css/images/intro-bg2@2x.jpg); }
.intro-secondary h2 { margin-bottom: 23px; }

.intro-secondary .shell { max-width: 1102px; }

.intro-secondary .intro-content { width: 430px; padding-top: 40px; }
.intro-secondary .intro-content p .dash { position: relative; display: inline-block; font-size: 0; }
.intro-secondary .intro-content p .dash:before { display: inline-block; width: 12px; border-top: 1px solid white; margin: -5px 2px 0; vertical-align: top; content: ''; }

.intro-secondary .intro-image { margin-right: 17px; }

.intro-secondary .intro-content-actions { padding-top: 32px; margin-left: -2px; }
.intro-secondary .btn { margin-right: 11px; }

.intro-secondary .intro-content-foot { padding-top: 61px; }

/* ------------------------------------------------------------ *\
	Intro Tertiary
\* ------------------------------------------------------------ */

.intro-tertiary { padding: 98px 0 66px; background: #2f92e5; }
.intro-tertiary h2 { margin-bottom: 23px; }

.intro-tertiary .shell { max-width: 1142px; }

.intro-tertiary .intro-content { position: relative; z-index: 2; float: right; width: 442px; padding-bottom: 50px; margin-right: -2px; }

.intro-tertiary .intro-image { position: absolute; top: 0; bottom: 66px; left: 0px; right: 0px; z-index: 1; padding-right: 70px; margin-right: 0; text-align: center; }
.intro-tertiary .intro-image img { max-height: 100%; }

.intro-tertiary .intro-image-inner { display: table; width: 100%; height: 100%; }
.intro-tertiary .intro-image-inner span { display: table-cell; padding-top: 150px; vertical-align: bottom; }

.intro-tertiary .intro-content-actions { padding-top: 18px; }

.intro-tertiary .btn { margin-right: 15px; }

/* ------------------------------------------------------------ *\
	Intro Quaternary
\* ------------------------------------------------------------ */

.intro-quaternary { padding: 132px 0 0; background-image: url(/h/css/images/intro-quaternary-bg@2x.jpg); box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .4); }

.intro-quaternary .intro-content { width: 350px; padding-top: 111px; }
.intro-quaternary .intro-content h2 { margin-bottom: 27px; }
.intro-quaternary .intro-content p { line-height: 1.43; }

.intro-quaternary .intro-image { margin-right: -10px; }

.intro-quaternary .intro-content-actions { padding-top: 26px; }

/* ------------------------------------------------------------ *\
	Intro Quinary
\* ------------------------------------------------------------ */

.intro-quinary { padding: 171px 0 121px; background-image: url(/h/css/images/intro-bg3@2x.jpg); }
.intro-quinary h2 { margin-bottom: 23px; }
.intro-quinary h3 { color: #ffffff; font-size: 20px; font-weight: bold; }

.intro-quinary .shell { max-width: 1102px; }

.intro-quinary .intro-content { width: 430px; float: right; padding-top: 40px; }
.intro-quinary .intro-content p .dash { position: relative; display: inline-block; font-size: 0; }
.intro-quinary .intro-content p .dash:before { display: inline-block; width: 12px; border-top: 1px solid white; margin: -5px 2px 0; vertical-align: top; content: ''; }

.intro-quinary .intro-image { margin-left: 17px; margin-right: 0; float: left; }

.intro-quinary .intro-content-actions { padding-top: 32px; margin-left: -2px; }
.intro-quinary .btn { margin-right: 11px; }

.intro-quinary .intro-content-foot { padding-top: 61px; }
.intro-quinary .mail-illustration { width: 60%; display: block; margin: 20px auto; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media (max-width: 1210px) {
	.intro-secondary .intro-image { width: 56%; margin-right: 0; }
	.intro-quinary .intro-image { width: 56%; margin-left: 0; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.intro .intro-image { margin-right: 0; }

	.intro .intro-content p .tablet-show { display: inline; }
	.intro .intro-content p .tablet-hide { display: none; }

	/*  Intro Secondary  */
	.intro-secondary .intro-content { width: 49%; padding-top: 10px; }
	.intro-secondary .intro-content p br { display: none; }

	.intro-secondary .intro-image { width: 49%; }

	/*  Intro Tertiary  */
	.intro-tertiary .intro-content { padding-top: 20px; }

	.intro-tertiary .intro-image { padding-right: 210px; }

	.intro-tertiary .intro-image-inner span { padding-top: 220px; }

	/*  Intro Quaternary  */
	.intro-quaternary .intro-content { width: 49%; padding-top: 20px; }

	.intro-quaternary .intro-image { width: 49%; }

    /*  Intro Quinary  */

    .intro-quinary .intro-content { width: 49%; padding-top: 10px; }
    .intro-quinary .intro-content p br { display: none; }

    .intro-quinary .intro-image { width: 49%; }
}

/* Mobile */

@media (max-width: 767px) {
	/*  Intro  */
	.intro { padding: 116px 0 45px; text-align: center; }

	.intro .shell { padding: 0 10px; }

	.intro .intro-content { float: none; width: auto; padding-top: 0; }
	.intro .intro-content h2 { margin-bottom: 13px; line-height: 1.4; }
	.intro .intro-content p { letter-spacing: 0.025em; }
	.intro .intro-content p br { display: none; }

	.intro .intro-image { float: none; width: auto; padding: 0 96px; margin: 35px 0 0; }

	.intro .intro-content-actions { padding-top: 19px; }
	.intro .intro-content-actions .btn { margin: 0 5px; }

	/*  Intro Secondary  */
	.intro-secondary { padding-bottom: 130px; }

	.intro-quaternary .intro-content h2,
	.intro-tertiary .intro-content h2,
	.intro-secondary .intro-content h2 { margin-bottom: 17px; }

	.intro-secondary .intro-image { padding: 0 2px 0 4px; }

	.intro-secondary .intro-content-foot { display: none; }

	.intro-quaternary .intro-content-actions,
	.intro-tertiary .intro-content-actions,
	.intro-secondary .intro-content-actions { padding-top: 18px; }

	.intro-secondary .btn-googleplay { display: none; }

	/*  Intro Tertiary  */
	.intro-tertiary { padding-bottom: 100px; }
	.intro-tertiary .intro-content { padding: 0 7px; }

	.intro-tertiary .intro-content-actions { margin-bottom: 33px; }

	.intro-quaternary .btn-googleplay,
	.intro-tertiary .btn-googleplay { display: none; }
	.intro-quaternary .btn-appstore,
	.intro-tertiary .btn-appstore { width: 139px; height: 53px; background-image: url(/h/css/images/btn-applestore-dark@2x.png); }

	.intro-tertiary .intro-image { position: static; width: 320px; padding: 0; margin: 0 auto; }
	.intro-tertiary .intro-image img { max-width: none; width: 688px; margin-left: -78px; }

	.intro-tertiary .intro-image-inner { display: block; }
	.intro-tertiary .intro-image-inner span { display: block; padding: 0; }

	/*  Intro Quaternary  */
	.intro-quaternary { overflow: hidden; padding-bottom: 0; }
	.intro-quaternary .intro-content { padding: 0 5px; }
	.intro-quaternary .intro-content p { line-height: 1.7; }

	.intro-quaternary .intro-image { padding: 0 38px 0 20px; margin: 0 0 -20px; }

	.intro-quaternary .intro-content-actions { margin-bottom: 37px; }

    /*  Intro Quinary  */

    .intro-quinary { padding-bottom: 130px; }

    .intro-quinary .intro-content h2 { margin-bottom: 17px; }
    .intro-quinary .intro-content h3,
    .intro-quinary .intro-content p { text-align: center; }

    .intro-quinary .intro-image { padding: 0 2px 0 4px; }

    .intro-quinary .intro-content-foot { display: none; }

    .intro-quinary .intro-content-actions { padding-top: 18px; }

    .intro-quinary .btn-googleplay { display: none; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Grey Dots
\* ------------------------------------------------------------ */

.list-grey-dots li { position: relative; padding-left: 36px; letter-spacing: 0.025em; }
.list-grey-dots li:before { position: absolute; top: 8px; left: 12px; width: 4px; height: 4px; border-radius: 50%; background: #868686; content: ''; }

/* ------------------------------------------------------------ *\
	List Apps
\* ------------------------------------------------------------ */

.list-apps { font-size: 0; }
.list-apps li { display: inline-block; margin: 0 60px; vertical-align: top; }
.list-apps a { transition: opacity .4s; }
.list-apps a:hover { opacity: .8; text-decoration: none; }
.list-apps span { display: block; margin-top: 10px; font-size: 16px; color: #3e3e3e; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* Mobile */

@media (max-width: 767px) {
	.list-apps li { margin: 0; }
	.list-apps li ~ li { margin-left: 22px; }
	.list-apps li [class^="ico-"] { -webkit-transform: scale(.67); -ms-transform: scale(.67); transform: scale(.67); }
	.list-apps span { margin-top: -9px; font-size: 12px; }

	/*  List Grey Dots  */
	.list-grey-dots li { font-weight: 300; }
	.list-grey-dots li:before { top: 10px; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; width: 135px; height: 31px; background: url(/h/css/images/logo-white@2x.png) no-repeat 0 0; background-size: 100% 100%; font-size: 0; text-indent: 100%; white-space: nowrap; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav ul { font-size: 0; list-style: none outside none; }
.nav li { display: inline-block; vertical-align: top; }
.nav li ~ li { margin-left: 32px; }
.nav a { font-size: 14px; transition: opacity .4s; }
.nav a:hover { opacity: .7; text-decoration: none; }

.nav .mobile-show { display: none; }

.nav-mobile { display: none; }

/* ------------------------------------------------------------ *\
	Nav Secondary
\* ------------------------------------------------------------ */

.nav-secondary ul { font-size: 0; list-style: none outside none; }
.nav-secondary li { position: relative; display: inline-block; vertical-align: middle; }
.nav-secondary li ~ li { padding-left: 13px; margin-left: 12px; }
.nav-secondary li ~ li:before { position: absolute; top: -4px; left: 0; height: 28px; width: 1px; background: white; opacity: .5; content: ''; }
.nav-secondary a { transition: opacity .4s; }
.nav-secondary a:hover { opacity: .8; text-decoration: none; }

.nav-secondary [class^="ico-"]:nth-child(2) { display: none; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* Mobile */

@media (max-width: 767px) {
	.nav-mobile { float: right; display: block; font-size: 13px; color: white; font-weight: 300; }
	.nav-mobile:hover { text-decoration: none; }

	.nav { padding: 0 16px 20px; }
	.nav li { display: block; border-bottom: 1px solid #ececec; }
	.nav li ~ li { margin-left: 0; }
	.nav li:last-child { border: none; }
	.nav a { display: block; padding: 19px 10px 14px 24px; font-size: 13px; color: #2f92e5; font-weight: 300; letter-spacing: 0.025em; }
	.nav a:hover { text-decoration: none; }

	.nav .mobile-show { display: block; }

	/*  Nav Secondary  */
	.nav-secondary { display: none; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section { padding: 20px 0; text-align: center; }

.section .section-head { margin-bottom: 45px; }
.section .section-head p { font-size: 20px; color: #9ca1ad; font-weight: 300; }
.section .section-head p a { color: #2f92e5; transition: opacity .4s; }
.section .section-head p a:hover { opacity: .8; text-decoration: none; }
.section .section-head p [class^="ico-"] { vertical-align: top; }
.section .section-head p .ico-android { margin: 3px 4px 0 1px; }
.section .section-head p .ico-apple-blue-large { margin: 3px 3px 0 0; }

.section .section-title { margin-bottom: 6px; color: #3e3e3e; }

/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */

.section-primary { padding: 40px 0; }

.section-primary .section-content { float: right; width: 450px; }
.section-primary .section-content h2 { margin-bottom: 27px; color: #585858; }
.section-primary .section-content p { color: #737373; letter-spacing: 0.024em; }
.section-primary .section-content p .tablet-show { display: none; }

.section-primary .section-image { float: left; }

.section-primary-alt .section-content { float: left; }

.section-primary-alt .section-image { float: right; }

/* ------------------------------------------------------------ *\
	Section Api
\* ------------------------------------------------------------ */

.section-api { padding: 67px 0 99px; border-top: 1px solid #eaeaea; }
.section-api p { letter-spacing: 0.025em; }

.section-api .section-head { position: relative; padding-bottom: 57px; margin-bottom: 70px; }
.section-api .section-head:after { position: absolute; bottom: 0; left: -101px; right: -119px; border-bottom: 1px solid #ebebeb; content: ''; }
.section-api .section-head span { display: block; margin-bottom: 16px; font-size: 15px; color: #8d97a4; font-weight: 300; text-transform: uppercase; }

.section-api .section-title { color: #4f4f4f; }

/* ------------------------------------------------------------ *\
	Section Message
\* ------------------------------------------------------------ */

.section-message { position: relative; overflow: hidden; text-align: center; }

.section-message .section-image { padding-right: 6px; margin-bottom: -105px; }

.section-message .section-actions { display: none; }
.section-message .section-actions .btn-appstore-large { background-image: url(/h/css/images/btn-applestore-dark@2x.png); }

/* ------------------------------------------------------------ *\
	Section Chat
\* ------------------------------------------------------------ */

.section-chat { padding: 73px 0 72px; border-bottom: 1px solid #eae9ea; border-top: 1px solid #eae9ea; background: #f9f8f9; box-shadow: 0 -1px 4px rgba(0,0,0,0.11); }

.section-chat .section-content { width: 470px; padding: 183px 0 0; }
.section-chat .section-content p br { display: none; }

/* ------------------------------------------------------------ *\
	Section Voice
\* ------------------------------------------------------------ */

.section-voice { padding: 32px 0 89px; background: url(/h/css/images/map-bg.jpg) no-repeat center center; background-size: 867px 600px; }

.section-voice .section-image { margin-right: -3px; }

.section-voice .section-content { padding-top: 176px; }
.section-voice .section-content h2 br { display: none; }

/* ------------------------------------------------------------ *\
	Section Timeline
\* ------------------------------------------------------------ */

.section-timeline { padding: 110px 0 98px; background: url(/h/css/images/voice-bg@2x.jpg) no-repeat 0 0; background-size: cover; }

.section-timeline .section-image { margin-left: -24px; }

.section-timeline .section-content { padding-top: 133px; margin-right: -73px; }
.section-timeline .section-content h2 { margin-bottom: 13px; color: #3e3e3e; }
.section-timeline .section-content p { color: #3e3e3e; }

/* ------------------------------------------------------------ *\
	Section Share
\* ------------------------------------------------------------ */

.section-share { padding: 70px 0 0; border-top: 1px solid #f3f3ea; box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .4); }

.section-share .section-title { margin-bottom: 13px; color: #585858; }

.section-share .section-head { margin-bottom: 36px; }
.section-share .section-head p { font-size: 16px; color: #737373; font-weight: normal; letter-spacing: 0.024em; }

.section-share .section-image img { width: 100%; }

.section-share {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+95,e4e4e4+100,e6e6e6+100 */
	background: rgb(255,255,255); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 95%,rgba(228,228,228,1) 100%,rgba(230,230,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

/* ------------------------------------------------------------ *\
	Section Apps
\* ------------------------------------------------------------ */

.section-apps { padding: 61px 0 56px; }

.section-apps .section-actions { margin-bottom: 71px; font-size: 0; }
.section-apps .section-actions .btn { margin: 0 15px; }

.section-apps .section-body p { color: #3e3e3e; letter-spacing: 0.025em; }

.section-apps .section-body .list-apps { padding-top: 21px; }

.section-apps-secondary { padding: 81px 0 29px; }

.section-apps-secondary .section-title { margin-bottom: 16px; }

.section-apps-secondary .section-head p { font-size: 16px; color: #737373; font-weight: normal; letter-spacing: 0.025em; }

.section-apps-secondary .section-actions { padding-top: 28px; }

.section-apps {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+100 */
	background: rgb(255,255,255); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

/* ------------------------------------------------------------ *\
	Section Pages
\* ------------------------------------------------------------ */

.section-pages { padding: 0; background: #f9f8f9; }

.section-pages .section-image { margin-left: -106px; }

.section-pages .section-content { width: 370px; padding-top: 259px; margin-right: -58px; }
.section-pages .section-content h2 { margin-bottom: 23px; }

/* ------------------------------------------------------------ *\
	Section Follow
\* ------------------------------------------------------------ */

.section-follow { padding: 42px 0 50px; background: #fff url(/h/css/images/section-follow@2x.jpg) no-repeat center center; background-size: 1074px 514px; }

.section-follow .section-content { padding-top: 204px; margin-left: -2px; }
.section-follow .section-content h2 { margin-bottom: 23px; }

.section-follow .section-image { margin-right: 22px; }

/* ------------------------------------------------------------ *\
	Section Analytics
\* ------------------------------------------------------------ */

.section-analytics { padding: 107px 0 103px; border-bottom: 1px solid #d3d3d3; background: url(/h/css/images/section-analytics@2x.jpg) no-repeat 0 0; background-size: 100% 100%; color: white; }

.section-analytics .section-content { width: 460px; padding: 105px 0 0; margin-right: -87px; }
.section-analytics .section-content h2 { margin-bottom: 16px; color: white; }
.section-analytics .section-content p { color: white; }

.section-analytics .section-image { margin-left: -10px; }

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media (max-width: 1440px) {
	/*  Section Share  */
	.section-share .section-image { width: 768px; margin: 0 auto; }
	.section-share .section-image img { max-width: none; min-width: 1440px; margin-left: -336px; }

	/*  Section Apps  */
	.section-apps .btn-googleplay,
	.section-apps .btn-appstore { width: 278px; height: 106px; }
	.section-apps .btn-googleplay { background-image: url(/h/css/images/btn-googleplay-dark@2x.png); }
	.section-apps .btn-appstore { background-image: url(/h/css/images/btn-applestore-dark@2x.png); }
	.section-apps .btn-appstore { background-image: url(/h/css/images/btn-applestore-dark@2x.png); }
	.section-apps .btn-loveworld {
		background: #3E3E3E;
	}
}

@media (max-width: 1210px) {
	.section-message .section-image { width: 768px; padding-right: 0; margin: 0 auto -105px; }
	.section-message .section-image img { max-width: none; margin-left: -220px; }

	/*  Section Pages  */
	.section-pages .section-content { margin-right: -20px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	/*  Section Message  */
	.section-message .section-title { margin-bottom: 10px; }

	.section-message .section-head { margin-bottom: 116px; }

	/*  Section Primary  */
	.section-primary .section-content { width: 49%; }
	.section-primary .section-content h2 { margin-bottom: 15px; line-height: 1.15; }

	.section-primary .section-content p span.tablet-show { display: inline; }
	.section-primary .section-content p span.tablet-hide { display: none; }

	/*  Section Chat  */
	.section-chat { padding-bottom: 73px; border-top: none; }

	.section-chat .section-image { padding-left: 9px; }

	.section-chat .section-content { width: 49%; padding-top: 185px; margin-right: -7px; }
	.section-chat .section-content p br { display: block; }

	/*  Section Voice  */
	.section-voice { background-size: 433px 300px; }
	.section-voice .section-content { width: 48%; padding-top: 155px; }
	.section-voice .section-content h2 br { display: block; }
	.section-voice .section-content p br { display: none; }

	.section-voice .section-image { margin-right: 0; }

	/*  Section Timeline  */
	.section-timeline .section-image { margin-left: -170px; }

	.section-timeline .section-content { width: 48%; padding-top: 136px; margin-right: 0; }

	/*  Section Share  */
	.section-share .section-head { margin-bottom: 31px; }

	.section-share .section-title { margin-bottom: 18px; }

	/*  Section Apps  */
	.section-apps { padding-bottom: 122px; }
	.section-apps .section-head { margin-bottom: 43px; }

	.section-apps .section-actions { margin-bottom: 65px; }
	.section-apps .section-actions .btn { margin: 0 16px; }

	.section-apps-secondary { padding: 81px 0 29px; }

	/*  Section Pages  */
	.section-analytics .section-image,
	.section-pages .section-image { width: 49%; margin: 0; }

	.section-analytics .section-content,
	.section-pages .section-content { width: 49%; padding-top: 150px; margin: 0; }

	/*  Section Analytics  */
	.section-analytics .section-content { padding-top: 40px; }
}

/* Mobile */

@media (max-width: 767px) {
	/*  Section Message  */
	.section-message .section-head { padding: 0 10px; margin-bottom: 29px; }
	.section-message .section-head p { display: none; }

	.section-message .section-actions { display: block; padding-right: 8px; margin-bottom: 50px; }

	.section-message .section-image { width: 320px; margin: 0 auto -64px; }
	.section-message .section-image img { width: 602px; margin-left: -141px; }

	/*  Section Primary  */
	.section-primary { text-align: center; }

	.section-primary .section-content { float: none; width: auto; }
	.section-primary .section-content h2 { margin-bottom: 10px; }
	.section-primary .section-content p { letter-spacing: 0.025em; }

	.section-primary .section-image { float: none; width: auto; }

	/*  Section Chat  */
	.section-chat { padding: 35px 0 38px; }
	.section-chat .section-content { padding: 0; margin: 0 -5px; }
	.section-chat .section-content p br { display: none; }

	.section-chat .section-image { padding: 0 1px 0 4px; margin-top: 29px; }

	/*  Section Voice  */
	.section-voice { padding-bottom: 27px; }

	.section-voice .section-content { padding-top: 2px; }
	.section-voice .section-content h2 { margin-bottom: 26px; }
	.section-voice .section-content h2 br { display: none; }
	.section-voice .section-content p { padding-left: 4px; }

	.section-voice .section-image { padding: 0 38px 0 39px; margin: 21px 0 0; }

	/*  Section Timeline  */
	.section-timeline { padding: 48px 0 70px; }
	.section-timeline .section-content { padding-top: 0; }
	.section-timeline .section-content h2 { margin-bottom: 13px; color: #585858; }
	.section-timeline .section-content p { padding-left: 8px; margin-right: -8px; color: #737373; }

	.section-timeline .section-image { margin: 48px -16px 0; }

	/*  Section Share  */
	.section-share { padding-top: 57px; }
	.section-share .section-head { margin-bottom: 26px; }
	.section-share .section-head p { font-size: 17px; letter-spacing: 0.0em; }

	.section-share .section-title { margin-bottom: 13px; }

	.section-share .section-image { width: 320px; }
	.section-share .section-image img { min-width: 0; width: 580px; margin-left: -188px; }

	/*  Section Apps  */
	.section-apps { padding: 47px 0 60px; }

	.section-apps .section-head { margin-bottom: 30px; }

	.section-apps .section-title { padding-right: 14px; color: #585858; }

	.section-apps .section-actions { margin-bottom: 29px; }

	.section-apps .section-actions .btn { margin: 0 8px; }

	.section-apps .btn-googleplay,
	.section-apps .btn-appstore { width: 139px; height: 53px; }

	.section-apps .section-body p { margin: 0 20px; color: #737373; }

	.section-apps .section-body .list-apps { padding-top: 20px; padding-right: 15px; }

	.section-apps-secondary { padding-bottom: 61px; }
	.section-apps-secondary .section-title { padding-right: 0; margin-bottom: 29px; }

	.section-apps-secondary .section-actions { padding-top: 20px; margin-bottom: 0; }

	.section-apps-secondary .btn-googleplay:after {
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }

	.section-apps-secondary .section-head p { font-size: 17px; letter-spacing: 0; }

	/*  Section Api  */
	.section-api { padding: 28px 0 32px; }

	.section-api .section-head { padding-bottom: 17px; margin-bottom: 27px; }
	.section-api .section-head span { margin-bottom: 5px; }

	.section-api .section-title { line-height: 1.4; }

	/*  Section Pages  */
	.section-pages { padding: 35px 0 0; }

	.section-pages .section-content { padding: 0; }
	.section-pages .section-content h2 { margin-bottom: 17px; }

	.section-pages .section-image { padding-left: 2px; margin-top: 51px; }

	/*  Section Follow  */
	.section-follow { background-size: 537px 257px; }

	.section-follow .section-content { padding: 0; }
	.section-follow .section-content h2 { margin-bottom: 17px; }

	.section-follow .section-image { padding: 0 30px; margin: 30px 0 0; }

	/*  Section Analytics  */
	.section-analytics { padding: 48px 0 53px; border-bottom: none; background-size: cover; }
	.section-analytics .section-content { padding: 0; }
	.section-analytics .section-content h2 { margin-bottom: 21px; }

	.section-analytics .section-image { padding: 0 13px; margin-top: 54px; }

}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider {}

.slider .slides { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }