/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=2cccd322-94f7-49a3-9f25-cf6abba6b0d5");
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-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

/* http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
* { box-sizing: border-box; }

*:focus { outline: none; }

@font-face { font-family: "AvenirNextLTW01-UltraLi"; src: url("/fonts/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix"); src: url("/fonts/17c55b27-e9ab-43cd-b948-d49f97480d68.eot?#iefix") format("eot"), url("/fonts/fa19948e-5e38-4909-b31e-41acd170d6f2.woff") format("woff"), url("/fonts/6de0ce4d-9278-467b-b96f-c1f5f0a4c375.ttf") format("truetype"), url("/fonts/9fd4ea0c-b19a-4b21-9fdf-37045707dd78.svg#9fd4ea0c-b19a-4b21-9fdf-37045707dd78") format("svg"); }
@font-face { font-family: "AvenirNextLTW01-Regular"; src: url("/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix"); src: url("/fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"), url("/fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"), url("/fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"), url("/fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg"); }
@font-face { font-family: "Avenir Next LT W01 Demi"; src: url("/fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix"); src: url("/fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"), url("/fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"), url("/fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"), url("/fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg"); }
body { font-family: Avenir Next, sans-serif; font-family: "AvenirNextLTW01-Regular", "Avenir Next", sans-serif; font-size: 16px; line-height: 25px; color: #202020; }

a { text-decoration: none; color: #1AADD3; }

a:hover { text-decoration: underline; }

strong { font-family: "Avenir Next LT W01 Demi"; }

em { font-style: italic; }

ul { list-style: disc; padding-left: 20px; }

h1 { display: inline-block; padding: 20px 20px 40px 20px; font-size: 35px; line-height: 50px; font-family: "AvenirNextLTW01-UltraLi"; text-align: center; color: #202020; transition: font-size .250 ease, line-height .250 ease; }

h1.title { font-family: "AvenirNextLTW01-Regular"; padding: 20px 20px 20px 20px; font-size: 50px; line-height: 50px; }

.header h1, .pro h1 { color: #FFF; }

h1.page-title { color: #9F9F9F; font-size: 60px; line-height: 60px; padding: 0 0 30px; font-family: "AvenirNextLTW01-UltraLi"; text-align: left; display: inherit; margin-bottom: 25px; }

h1.page-title.centered { text-align: center; }

h2 { font-size: 35px; line-height: 45px; margin-bottom: 25px; font-family: "AvenirNextLTW01-UltraLi"; color: #808080; }

h2.section-title { font-size: 32px; margin-bottom: 50px; font-family: "Avenir Next LT W01 Demi"; color: #12AED4; line-height: 32px; }

.section-subtitle { font-size: 18px; color: #92929C; line-height: 25px; }

h3 { font-size: 30px; line-height: 40px; margin-bottom: 20px; color: #303030; }

h3.story-title { font-size: 18px; color: #1C1C20; line-height: 25px; font-family: "Avenir Next LT W01 Demi"; margin-bottom: 0; }

.timeline h3 { position: relative; display: block; font-size: 50px; color: #47B2E2; line-height: 50px; }

.timeline h3:after { content: ""; position: absolute; right: -40px; top: 15px; display: block; width: 17px; height: 17px; background: #48B2E2; border: 1px solid #48B2E2; box-shadow: inset 0px 0px 0px 4px #FFFFFF; border-radius: 50%; }

.timeline .align-ml-right h3:after { right: auto; left: -39px; }

h4 { margin-top: 50px; margin-bottom: 20px; color: #303030; font-size: 25px; line-height: 30px; font-family: "Avenir Next LT W01 Demi"; }

h4.story-subtitle { font-size: 14px; color: #666669; line-height: 25px; font-family: "Avenir Next LT W01 Demi"; margin-bottom: 0; margin-top: 20px; }

p { line-height: 25px; margin-bottom: 25px; font-family: "AvenirNextLTW01-Regular"; color: #404040; }

p.story-paragraph { color: #666669; line-height: 25px; margin-bottom: 0; }

.subtitle { font-size: 25px; line-height: 35px; font-family: "AvenirNextLTW01-UltraLi"; color: #FFF; }

.story { font-size: 14px; margin-bottom: 50px; }

.story-intro, .story-outro { font-size: 18px; line-height: 25px; color: #606060; }

.text-center { text-align: center; }

.pro h1 { padding: 0px 20px 0px 20px; font-size: 55px; color: #fff; line-height: 65px; }

.pro h1 span { color: #FFC300; }

.pro p { color: #B0B0B0; }

.pro h2 { color: #A0A0A0; }

.pro h3 { color: #fff; }

.discover-pro h2 { font-size: 25px; color: #fff; line-height: 40px; font-family: "AvenirNextLTW01-Regular"; }

.discover-pro h3 { font-size: 35px; color: #fff; line-height: 40px; font-family: "AvenirNextLTW01-UltraLi"; margin-bottom: 40px; }

.discover-pro h3 span { color: #FFC300; }

.row:before, .row:after { content: ""; display: table; }

.row:after { clear: both; }

.row { width: 100%; max-width: 1020px; margin: 0 auto; padding-left: 30px; padding-right: 30px; }

.wide .row { max-width: 1300px; }

.row .row { padding-left: 0; padding-right: 0; }

[class*="span"] { position: relative; direction: ltr; display: block; float: left; padding: 0 30px; }

[class*="span"].no-padding { padding: 0; }

[class*="span"] img, [class*="span"] video { display: block; width: 100%; height: auto; }

@media screen and (min-width: 980px) { [class*="-l6"] { width: 100%; }
  [class*="-l5"] { width: 83.333333334%; }
  [class*="-l4"] { width: 66.666666667%; }
  [class*="-l3"] { width: 50%; }
  [class*="-l2"] { width: 33.333333333%; }
  [class*="-l1"] { width: 16.666666667%; }
  .offl6 { margin-left: 100%; }
  .offl5 { margin-left: 83.333333334%; }
  .offl4 { margin-left: 66.666666667%; }
  .offl3 { margin-left: 50%; }
  .offl2 { margin-left: 33.333333333%; }
  .offl1 { margin-left: 16.666666667%; }
  [class*="-lperc75"] { width: 75%; }
  [class*="-lperc25"] { width: 25%; } }
@media screen and (min-width: 640px) and (max-width: 979px) { .row { padding-left: 20px; padding-right: 20px; }
  [class*="-m6"] { width: 100%; }
  [class*="-m5"] { width: 83.333333334%; }
  [class*="-m4"] { width: 66.666666667%; }
  [class*="-m3"] { width: 50%; }
  [class*="-m2"] { width: 33.333333333%; }
  [class*="-m1"] { width: 16.666666667%; }
  .offm6 { margin-left: 100%; }
  .offm5 { margin-left: 83.333333334%; }
  .offm4 { margin-left: 66.666666667%; }
  .offm3 { margin-left: 50%; }
  .offm2 { margin-left: 33.333333333%; }
  .offm1 { margin-left: 16.666666667%; }
  [class*="-mperc75"] { width: 75%; }
  [class*="-mperc25"] { width: 25%; } }
@media screen and (max-width: 639px) { .row { padding-left: 10px; padding-right: 10px; }
  [class*="span"] { padding: 0 10px; }
  [class*="-s6"] { width: 100%; }
  [class*="-s5"] { width: 83.333333334%; }
  [class*="-s4"] { width: 66.666666667%; }
  [class*="-s3"] { width: 50%; }
  [class*="-s2"] { width: 33.333333333%; }
  [class*="-s1"] { width: 16.666666667%; }
  .offs6 { margin-left: 100%; }
  .offs5 { margin-left: 83.333333334%; }
  .offs4 { margin-left: 66.666666667%; }
  .offs3 { margin-left: 50%; }
  .offs2 { margin-left: 33.333333333%; }
  .offs1 { margin-left: 16.666666667%; }
  [class*="-sperc75"] { width: 75%; }
  [class*="-sperc25"] { width: 25%; } }
@media screen and (min-width: 640px) { .row.verticaly-aligned { display: table; }
  .row.verticaly-aligned [class*="span"] { display: table-cell; vertical-align: middle; float: none; } }
.display-grid #grid { pointer-events: none; z-index: 100; position: absolute; top: 100%; left: 0; background-size: 20px 20px; background-position: 0 1px; background-image: repeating-linear-gradient(0deg, rgba(150, 150, 150, 0.5), rgba(150, 150, 150, 0.5) 1px, transparent 1px, transparent 20px), repeating-linear-gradient(-90deg, rgba(150, 150, 150, 0.5), rgba(150, 150, 150, 0.5) 1px, transparent 1px, transparent 20px), repeating-linear-gradient(0deg, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.2) 1px, transparent 1px, transparent 10px), repeating-linear-gradient(-90deg, rgba(150, 150, 150, 0.2), rgba(150, 150, 150, 0.2) 1px, transparent 1px, transparent 10px); height: 9999999px; width: 100%; }

.float-left { float: left; }

.float-right { float: right; }

.btn { display: inline-block; color: white; text-align: center; font-family: Avenir Next, sans-serif; border: none; position: relative; text-decoration: none; }

.btn:hover { cursor: pointer; text-decoration: none; }

.btn:focus { outline: none; }

.btn.small { height: 25px; margin-left: 10px; margin-right: 10px; padding: 0 10px; border-radius: 2px; font-size: 14px; line-height: 25px; }

.btn.medium { height: 35px; margin-left: 10px; margin-right: 10px; padding: 0 10px; border-radius: 2px; font-size: 14px; line-height: 35px; }

.btn.normal { height: 40px; padding: 0 15px; border-radius: 4px; font-size: 14px; line-height: 39px; font-weight: 500; }

.btn.large { height: 45px; margin-left: 10px; margin-right: 10px; padding: 0 30px; border-radius: 4px; font-size: 14px; line-height: 45px; }

.btn.rounded { border-radius: 99px; }

.btn.primary { background-color: #FE822C; background-image: linear-gradient(180deg, #FF9D0E 0%, #FF7539 100%); }

.btn.jolicloud { background-color: #48B2E2; }

.btn.jolicloud:hover, .btn.jolicloud:focus { background-color: #5CC0ED; }

.btn.jolicloud:hover, .btn.jolicloud:focus { background-color: #5CC0ED; }

.btn.jolicloud:active { background-color: #3D9AC4; }

.btn.primary:active { background-color: #FF7A33; background-image: linear-gradient(180deg, #FF7A33 0%, #FF7A34 100%); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

.btn.premium { font-weight: 600; background-image: linear-gradient(-180deg, #FAC312 0%, #E8A211 100%); border: 1px solid #E8A211; }

.btn.premium:hover { background-image: linear-gradient(-180deg, #FAC312 0%, #F4B812 100%); }

.btn.premium:active { background-image: linear-gradient(180deg, #D4A81A 0%, #BC9410 100%); }

.btn.transparent, .btn.transparent span { padding: 0; margin: 0; background: transparent; color: #909090; transition: color .125s ease; }

.btn.transparent span { display: block; font-size: 12px; color: #B0B0B0; }

.btn.transparent:hover, .btn.transparent:focus { color: #606060; }

.btn.transparent:hover span, .btn.transparent:focus span { color: #909090; }

.btn.transparent:active, .btn.transparent:active span { color: #303030; }

.btn.google { font-size: 16px; background-image: linear-gradient(-180deg, #E2533B 0%, #D9452F 100%); }

.btn.google:hover, .btn.google:focus { background-image: linear-gradient(-180deg, #F75C42 0%, #D9452F 100%); }

.btn.google:active { background-image: linear-gradient(-180deg, #DA4630 0%, #D9452F 100%); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

.btn.google.loading .icon-google-loading { display: inline-block; }

.btn.google.loading .btn-label { display: none; }

.btn.facebook { font-size: 16px; background-image: linear-gradient(-180deg, #6092DB 0%, #3B76C2 100%); }

.btn.facebook:hover, .btn.facebook:focus { background-image: linear-gradient(-180deg, #6BA2F2 0%, #3B76C2 100%); }

.btn.facebook:active { background-image: linear-gradient(-180deg, #3C76C2 0%, #3C76C2 100%); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

.btn.google-drive { font-size: 16px; background-image: linear-gradient(-179deg, #FAB525 0%, #ECAA21 100%); }

.btn.google-drive:hover, .btn.google-drive:focus { background-image: linear-gradient(-179deg, #F9BE43 0%, #F2AF24 100%); }

.btn.google-drive:active { background-image: linear-gradient(-179deg, #E1A221 0%, #E6A724 100%); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

.btn.dropbox { font-size: 16px; background-image: linear-gradient(-179deg, #0086F5 0%, #0075D5 100%); }

.btn.dropbox:hover, .btn.dropbox:focus { background-image: linear-gradient(-179deg, #239AFC 0%, #0080E8 100%); }

.btn.dropbox:active { background-image: linear-gradient(-179deg, #0870C6 0%, #0068BD 100%); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

.btn.form-action { font-size: 16px; font-weight: 600; background: #63C1F1; }

.btn.form-action:hover, .btn.form-action:focus { background: #85D6FF; }

.btn.form-action:active { background: #46B2E8; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

.btn.default { font-weight: 600; background: #FF9100; }

.btn.default:hover, .btn.default:focus { background: #FFA124; }

.btn.default:active { background: #EA8500; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

.btn.stacked { padding-left: 50px; color: #808080; text-align: left; font-size: 14px; font-weight: 400; background-color: #FFF; border: 1px solid #E0E0E0; border-radius: 0; transition: color .125s ease, border-color .125s ease, background-color .125s ease; }

.btn.stacked:first-child { border-radius: 4px 4px 0 0; }

.btn.stacked:last-child { border-radius: 0 0 4px 4px; }

.btn.stacked:hover, .btn.stacked:focus { color: #707070; background-color: #FAFAFA; border: 1px solid #E0E0E0; }

.btn.stacked:active { color: #606060; background-color: #F0F0F0; box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }

/* outline */
.btn.outline { border: 1px solid #FFF; }

.btn.outline:hover { background-color: #FFF; border: 1px solid #FFF; color: #000; }

.btn.outline.dark { border: 1px solid #C0C0C0; color: #A0A0A0; }

.btn.outline.dark:hover { background-color: transparent; border: 1px solid #202020; color: #000; }

.btn.outline.disabled { pointer-events: none; border: 1px solid transparent; }

/* special buttons */
.btn.user-action.outline { color: #FFF; padding: 0 15px; border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0); background-color: transparent; }

.btn.user-action.outline:hover { color: #FFF; border: 1px solid white; background-color: transparent; }

.btn.btn-signin { width: 255px; padding-left: 50px; padding-right: 20px; }

.form-separator { position: relative; display: inline-block; height: 40px; padding: 0 15px; margin-bottom: 10px; line-height: 40px; color: #AAA; }

.form-separator:before, .form-separator:after { content: ""; position: absolute; display: block; width: 50px; height: 1px; background-color: #AAA; }

.form-separator:before { margin-top: 20px; right: -50px; background-image: linear-gradient(90deg, #C0C0C0 0%, #FFF 100%); }

.form-separator:after { margin-top: -20px; left: -50px; background-image: linear-gradient(-90deg, #C0C0C0 0%, #FFF 100%); }

.input-block { position: relative; z-index: 0; height: 45px; border-radius: 4px; border: 1px solid #E0E0E0; transition: border .25s ease; margin-top: -1px; margin-bottom: 10px; box-shadow: 0 0 2px 0 transparent; }

fieldset .input-block { margin-bottom: 0; border-radius: 0; }

fieldset .input-block:first-child { border-radius: 4px 4px 0 0; }

fieldset .input-block:last-child { border-radius: 0 0 4px 4px; }

.input-block.focused { z-index: 1; border: 1px solid #89C6E7; box-shadow: 0 0 2px 0 #89C6E7; }

.input-block input { display: block; width: 100%; height: 100%; padding: 7px 0 0 0; background: #F8F8F8; color: #505050; border-radius: 4px; border: none; text-align: center; font-family: Avenir Next, sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; box-shadow: inset 0 0 0 0 transparent; outline: none; transition: background-color .15s ease, color .15s ease; }

.input-block input:hover { background: #F4F4F4; color: #303030; }

.input-block input:focus { outline: none; background: #FDFDFD; color: #202020; }

.input-block label { pointer-events: none; position: absolute; top: 0; display: block; width: 100%; line-height: 14px; text-align: center; font-size: 14px; color: #A0A0A0; transform: translateY(14px); transition: color .25s ease, transform .25s ease; }

.input-block input:focus + label, .input-block.filled label { color: #C0C0C0; font-weight: 400; transform: scale(0.55) translateY(3px); }

fieldset .input-block input, fieldset .input-block input:focus { border-radius: 0; }

fieldset .input-block:first-child input { border-radius: 4px 4px 0 0; margin-bottom: 0; }

fieldset .input-block:last-child input { border-radius: 0 0 4px 4px; }

.modal.access .services-selector .btn { margin-top: 20px; margin-bottom: 0; }

.services-selector .service-item { position: relative; width: 100%; min-height: 62px; margin-bottom: 10px; padding: 10px 0 10px 10px; border-radius: 4px; }

.services-selector .service-item.checkable { border: 1px solid #E0E0E0; transition: border-color .25s ease; }

.services-selector .service-item.checkable:hover { border: 1px solid #C0C0C0; cursor: pointer; }

.services-selector .service-item:hover .icon.icon-check { opacity: .4; }

.services-selector .service-item.checkable.checked { border: 1px solid #82AD30; }

.services-selector .service-item .icon, .services-selector .service-item h4 { float: left; text-align: left; }

.services-selector .service-item .icon { position: absolute; left: 10px; }

.services-selector .service-item .icon.icon-check { left: auto; right: 6px; top: 17px; opacity: .2; transition: opacity .25s ease; }

.services-selector .service-item.checked .icon.icon-check { opacity: 1; background-position: -24px -80px; }

.services-selector .service-item h4, .services-selector .service-item p { margin-left: 50px; }

.services-selector .service-item h4 { width: 100%; margin-top: -7px; margin-bottom: 0; font-size: 16px; font-weight: 500; }

.services-selector .service-item p { margin-bottom: 0; font-size: 12px; line-height: 20px; text-align: left; }

html, body { height: 100%; }

body { overflow-x: hidden; background-color: white; }

.main-container { min-height: 100%; position: relative; padding-bottom: 100px; overflow: hidden; }

.fit { height: 100%; }

.container { padding-top: 40px; padding-bottom: 40px; }

.fit.container { overflow: hidden; position: relative; }

.container.app-drive { background-image: linear-gradient(0deg, #FFAB00 0%, #FF7539 100%); }

.container.app-library { background-image: linear-gradient(180deg, #33629B 0%, #3E99C9 100%); }

.section { padding-top: 60px; padding-bottom: 60px; }

.section.narrow { padding-bottom: 30px; padding-top: 30px; }

.row.discover-pro { padding-top: 20px; padding-bottom: 20px; }

.content > .row img { margin-top: 20px; margin-bottom: 20px; }

.img-shadows { border-radius: 3px; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px 1px rgba(0, 0, 0, 0.1); }

.pro { background-color: #101010; }

.header { position: relative; width: 100%; background-image: linear-gradient(224deg, #2085BA 0%, #45BBF9 100%); background-image: -webkit-linear-gradient(224deg, #2085BA 0%, #45BBF9 100%); }

.drive .header { background-color: #FFAB00; background-image: linear-gradient(-180deg, #FF7539 0%, #FFAB00 100%); }

.login .main-container { padding: 0; background-color: #FFAB00; background-image: linear-gradient(-180deg, #FF7539 0%, #FFAB00 100%); background-attachment: fixed; }

.pro .header { background: #101010; border-bottom: 1px solid #2A2A2A; }

.footer { display: flex; align-items: center; pointer-events: auto; position: absolute; bottom: 0px; width: 100%; height: 100px; border-top: 1px solid #383838; background-color: #101010; }

@media screen and (max-width: 980px) { .main-container .footer { position: relative; } }

.login .footer { position: relative; height: auto; padding: 6px 10px 6px 0; border-top: none; background-color: transparent; }

.login .footer .row { max-width: 100%; }

.login .footer a { color: #FFF; }

.login .modals-wrapper { top: 0; }

.login .footer-navigation { background: none; }

.login .navigation.footer-navigation a.jolicloud-logo { float: none; margin-bottom: -12px; }

.press { border-top: 1px solid #EAEAEA; background-color: #F0F0F0; }

.press h3 { color: #A0A0A0; }

.press-col { margin-top: 40px; }

.press p { padding-top: 80px; font-size: 14px; line-height: 25px; }

.press i { position: absolute; top: 0; margin-left: -50px; }

.press p span { font-weight: 400; color: #C0C0C0; }

.team-member { margin-bottom: 25px; }

.team-member:not(.mo) { min-height: 188px; padding: 0 10px; }

.team-member-picture { border-radius: 50%; max-width: 100px !important; display: inline-block !important; transition: transform .125s ease; }

.team-member-name { font-weight: 400; font-family: "Avenir Next LT W01 Demi"; color: #404040; line-height: 25px; display: inline-block; transition: color .125s ease; }

.team-member-function { font-size: 12px; color: #7E7E7E; line-height: 20px; transition: color .125s ease; }

.team-member:hover { text-decoration: none; }

.our-team .team-member:hover .team-member-name, .our-team .team-member:hover .team-member-function { color: #12AED4; }

.our-team .team-member:hover .team-member-picture { transform: scale(1.025); }

.team-member-infos.body { margin-left: 120px; }

.team-member-bio { font-size: 16px; color: #7E7E7E; line-height: 25px; }

.our-board .team-member-name, .our-investors .team-member-name { margin-bottom: 7px; }

.timeline-line { z-index: 0; position: absolute; background-color: #47B3E2; width: 1px; height: 65%; left: 50%; }

.timeline-line:before, .timeline-line:after { content: ""; z-index: 1; position: absolute; display: block; width: 1px; height: 85px; }

.timeline-line:before { background-image: linear-gradient(-180deg, #FFFFFF 0%, #47B3E2 100%); }

.timeline-line:after { background-image: linear-gradient(0deg, #FFFFFF 0%, #47B3E2 100%); bottom: 0; }

/* App icons */
.footer-app-link { display: inline-block; margin-top: -5px; margin-right: 30px; text-align: left; }

.footer-app-icon { display: block; width: 38px; height: 38px; float: left; border-radius: 50%; background-size: 88px 88px; background-repeat: no-repeat; background-position: 0px 0px; }

.footer-app-icon { background-image: url("/img/app-icon-circle.png"); }

@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .footer-app-icon { background-image: url("/img/app-icon-circle@2x.png"); } }
.app-icon-library .footer-app-icon { background-position: -50px 0px; }

.app-icon-drive:hover .footer-app-icon { background-position: 0 -50px; }

.app-icon-library:hover .footer-app-icon { background-position: -50px -50px; }

.footer-app-title { display: block; height: 16px; font-size: 16px; font-weight: 500; text-transform: none; color: #FF880E; padding-left: 50px; }

.footer-app-link:hover { text-decoration: none; color: #FFF; }

.footer-app-link:hover .footer-app-title { color: #FFF; }

.app-icon-drive .footer-app-title { color: #FE822C; }

.app-icon-library .footer-app-title { color: #5191D1; }

.footer-app-subtitle { display: block; height: 16px; font-size: 13px; font-weight: 400; text-transform: none; color: #A0A0A0; padding-left: 50px; }

.footer-app-link:hover .footer-app-subtitle { color: white; }

.mo .object { float: left; margin-right: 16px; }

.boxed { position: relative; border-radius: 6px; border: 1px solid #DEDEDE; padding: 30px 20px; margin-bottom: 20px; min-height: 334px; font-size: 14px; text-align: center; }

.boxed a { position: absolute; left: 20px; right: 20px; bottom: 30px; }

/* header links and visuals */
.navigation a { display: inline-block; margin: 0; height: 30px; background: none; border-bottom: 1px solid transparent; color: #FFF; color: rgba(255, 255, 255, 0.8); transition: color .25s ease, border-color .25s ease; }

.navigation a:hover { color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.4); text-decoration: none; }

.navigation a.active { color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.8); }

.navigation a, .navigation button.btn { line-height: 34px; font-size: 10px; font-weight: 600; text-transform: uppercase; }

a.app-logo { z-index: 10; position: absolute; display: block; left: 50%; margin-left: -48px; margin-top: -12px; width: 96px; height: 64px; font-size: 14px; font-weight: 500; line-height: 14px; text-align: center; color: #FFF; }

a.app-logo img { width: 96px; height: 64px; }

.navigation.footer-navigation a.jolicloud-logo { float: right; display: inline-block; margin-left: 20px; margin-right: 0; }

a.jolicloud-logo, a.app-logo { border-bottom: none !important; }

.navigation.footer-navigation a.jolicloud-logo img { width: 84px; height: 26px; }

.footer .social-links { display: inline-block; margin-right: 10px; }

.footer .social-links a { margin: 0 0 0 15px; line-height: 30px; opacity: .5; }

.footer .social-links a:first-child { margin: 0; }

.footer .social-links i { margin-bottom: -3px; }

.footer .social-links a:hover { opacity: 1; text-decoration: none; }

.main-navigation { z-index: 0; position: relative; text-align: left; }

.sub-navigation { z-index: 0; position: relative; text-align: right; }

.main-navigation a { margin-right: 24px; }

.sub-navigation a { margin-left: 15px; }

.user-actions { z-index: 0; position: relative; text-align: right; }

a.btn.signup { color: #FFF; border-radius: 4px; }

body:not(.pro) .header a.btn.signup { border: 1px solid rgba(255, 255, 255, 0.5); background: none; }

body:not(.pro) .header a.btn.signup:hover { border: 1px solid white; text-decoration: none; }

.navigation.footer-navigation { display: flex; justify-content: center; }

.navigation.footer-navigation a { font-size: 10px; margin-left: 10px; color: rgba(255, 255, 255, 0.8); }

.footer-navigation a:hover, .footer-navigation button.login:hover { color: #FFF; text-decoration: none; }

a.btn.signup { margin-left: 20px; padding-left: 20px; padding-right: 20px; }

.inner-nav { margin-top: 25px; margin-bottom: 20px; text-align: right; }

.inner-nav a { display: inline-block; margin: 0 10px; padding-bottom: 5px; font-size: 20px; font-weight: 500; color: #A0A0A0; text-decoration: none; }

.inner-nav a:hover { border-bottom: 1px solid; }

.inner-nav a.active { border-bottom: 1px solid; color: #48ADDC; }

.header.hero { position: absolute; overflow: hidden; top: 0; width: 100%; height: 100%; }

.hero-push { position: relative; width: 100%; height: 100%; }

.header-wrapper { display: table; height: 100%; width: 100%; }

.header .top-bar, .header .headline, .header .visual-wrapper { position: relative; display: table-row; width: 100%; }

.header .cell { position: relative; display: table-cell; width: 100%; margin: 0 auto; text-align: center; vertical-align: middle; }

.header .top-bar { height: 100px; }

.header .headline { height: 100%; }

.drive .visual { position: relative; max-width: 860px; margin: 0 auto; }

.drive .visual { border-radius: 6px 6px 0 0; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5); transition: width .35s ease, transform .35s ease; }

.drive .visual .browser-chrome { border-radius: 6px 6px 0 0; }

.video-mask { position: relative; }

.video-mask video { position: absolute; top: 0; }

.header .visual-wrapper { overflow: hidden; }

.jolicloud .header .visual-wrapper .cell { padding: 0 0 200px 0; }

.drive .header .visual-wrapper .cell { vertical-align: bottom; padding: 0 20px 80px 20px; }

.header .visual img, .header .visual video { display: block; width: 100%; height: auto; }

.header .visual video { display: none; }

.header .visual video.active { display: block; }

.jolicloud .header .baseline { text-align: left; padding: 0 0 0 60px; font-size: 50px; }

.jolicloud .header .baseline h1 { font-size: 1.25em; line-height: 1em; text-align: left; padding: 0; }

.jolicloud .header .baseline span { color: white; display: inline-block; font-size: .325em; line-height: 2em; text-align: left; margin-bottom: .5em; }

.jolicloud .header .baseline .btn { display: inline-block; font-size: .25em; line-height: 3.25em; padding: 0 1em; height: 3.25em; border: 1px solid white; border-radius: .45em; font-weight: 400; margin-top: .85em; text-decoration: none; transition: color .125s ease, background-color .125s ease; }

.jolicloud .header .baseline .btn:hover { background-color: #FFF; color: #43ADE7; }

@media screen and (min-width: 1601px) { .jolicloud .header .baseline { font-size: 85px; } }
@media screen and (max-width: 1600px) { .jolicloud .header .baseline { font-size: 75px; } }
@media screen and (max-width: 1300px) { .jolicloud .header .baseline { font-size: 70px; } }
@media screen and (max-width: 1200px) { .jolicloud .header .baseline { font-size: 60px; } }
@media screen and (max-width: 1000px) { .jolicloud .header .baseline { font-size: 50px; } }
@media screen and (max-width: 800px) { .jolicloud .header .baseline { font-size: 40px; } }
@media screen and (max-width: 640px) { .jolicloud .header .baseline { font-size: 45px; margin-top: 10px; } }
@media screen and (max-width: 440px) { .jolicloud .header .baseline { font-size: 34px; margin-top: 20px; } }
.jolicloud .header .visual { display: table-cell; height: 100%; width: 50%; pointer-events: none; }

.jolicloud .header .visual img { position: absolute; height: 85%; width: auto; margin-left: -50px; left: 50%; bottom: 100px; }

@-moz-document url-prefix() { .jolicloud .header .visual img { height: 75% !important; } }
.header .bottom-bar { z-index: 4; position: absolute; bottom: 0; width: 100%; }

.drive .header .bottom-bar { height: 80px; padding-top: 18px; background-color: white; border-bottom: 1px solid #F0F0F0; box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.15); }

.icon { background-image: url("/img/sprite.png"); display: inline-block; }

.icon.small.logo { width: 32px; height: 16px; }

.icon.x-small { width: 16px; height: 16px; }

.icon.small { width: 50px; height: 30px; }

.icon.medium { width: 32px; height: 32px; }

.icon.large { width: 48px; height: 48px; }

.icon-service { width: 40px; height: 40px; }

.icon.extra-large { width: 96px; height: 72px; }

@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) { .icon { background-image: url("/img/sprite@2x.png"); background-size: 288px 272px; } }
/* Google Login Services */
.icon-google-services-gplus { background-position: 0 0; }

.icon-google-services-drive { background-position: -40px 0; }

.icon-google-services-youtube { background-position: -80px 0; }

.icon-google-services-picasa { background-position: -120px 0; }

/* Social normal */
.icon-google-drive { background-position: 0 -40px; }

.icon-facebook { background-position: -24px -40px; }

.icon-dropbox { background-position: -48px -40px; }

.icon-chrome { background-position: -72px -40px; }

/* Social normal color */
.icon-google-drive-color { background-position: -192px -40px; }

.icon-facebook-color { background-position: -216px -40px; }

.icon-dropbox-color { background-position: -240px -40px; }

/* Social x-small */
.icon-x-small-googleplus { background-position: 0 -64px; }

.icon-x-small-facebook { background-position: -16px -64px; }

.icon-x-small-twitter { background-position: -32px -64px; }

/* Various icons */
.icon-arrow-right { background-position: -192px -64px; }

.icon-check { background-position: 0 -80px; }

.icon-checked { background-position: -24px -80px; }

.icon-check-black { background-position: -48px -80px; }

.icon-check-yellow { background-position: -72px -80px; }

/* App logos */
img.jolicloud-logo { display: inline-block; width: 104px; height: 32px; }

.icon-jolicloud { background-position: 0 -110px; }

.icon-drive { background-position: -48px -104px; }

.icon-library { background-position: -96px -104px; }

.icon-logo-jolicloud { background-position: 0 -152px; }

.icon-logo-drive { background-position: -48px -152px; }

.icon-logo-library { background-position: -96px -152px; }

.footer-logo { position: absolute; left: 50%; margin: -12px 0 0 -24px; }

/* plans */
.icon-plan-basic { background-position: 0 -200px; }

.icon-plan-pro { background-position: -96px -200px; }

.icon-plan-proplus { background-position: -192px -200px; }

.icon-press { display: inline-block; width: 100px; height: 60px; background-image: url("/img/press-sprite@2x.png"); background-size: 300px 60px; }

.icon-tnw { background-position: 0 0; }

.icon-twitter { background-position: -100px 0; }

.icon-tc { background-position: -200px 0; }

/* button icons */
.btn .icon { position: absolute; left: 13px; margin-top: 10px; }

.btn .icon.align-right { left: auto; right: 5px; }

.btn .icon.align-right { opacity: .2; }

.btn:hover .icon.align-right, .btn:focus .icon.align-right { opacity: .4; }

.btn:active .icon.align-right { opacity: .6; }

.icon-google-loading { display: none; width: 34px; height: 10px; background-image: url("/img/button-google-loading@2x.gif"); background-size: 34px 10px; }

/* Carousel */
.carousel { padding: 0 10px; margin-top: 20px; }

.carousel > div { perspective: 1000px; }

.content > .row .carousel img { transform-style: preserve-3d; margin: 0; border-radius: 3px; }

.slides-carousel { position: relative; width: 100%; height: auto; margin-bottom: 30px; transform-style: preserve-3d; }

.slide-item { z-index: 10; transform-style: preserve-3d; transform-origin: 50% 80%; position: absolute; top: 0; background-color: #FFF; }

.slide-img-placeholder { visibility: hidden; }

.slide-item[data-state="0"], .text-item[data-state="0"] { z-index: 0; }

.slide-item[data-state="1"], .text-item[data-state="1"] { z-index: 1; }

.slide-item[data-state="2"], .text-item[data-state="2"] { z-index: 2; }

.slide-item[data-state="3"], .text-item[data-state="3"] { z-index: 3; }

.slide-item[data-state="4"], .text-item[data-state="4"] { z-index: 2; }

.slide-item[data-state="5"], .text-item[data-state="5"] { z-index: 1; }

.slide-item[data-state="6"], .text-item[data-state="6"] { z-index: 0; }

.slide-item[data-state="0"] { transform: translateX(-180%) translateY(15%) translateZ(-1000px); opacity: 0; }

.slide-item[data-state="1"] { transform: translateX(-110%) translateY(10%) translateZ(-600px); }

.slide-item[data-state="2"] { transform: translateX(-58%) translateY(6%) translateZ(-250px); }

.slide-item[data-state="3"] { transform: translate3d(0, 0, 0); }

.slide-item[data-state="4"] { transform: translateX(58%) translateY(6%) translateZ(-250px); }

.slide-item[data-state="5"] { transform: translateX(110%) translateY(10%) translateZ(-600px); }

.slide-item[data-state="6"] { transform: translateX(180%) translateY(15%) translateZ(-1000px); opacity: 0; }

.texts-carousel { position: relative; width: 100%; height: 40px; margin-top: 40px; transition-delay: 1s; }

.text-item { display: block; position: absolute; left: 50%; width: 120px; height: 20px; margin-left: -60px; text-align: center; }

.text-item:hover { text-decoration: underline; }

.text-item[data-state="0"] { transform: translateX(-450%); opacity: 0; }

.text-item[data-state="1"] { transform: translateX(-300%); opacity: .3; }

.text-item[data-state="2"] { transform: translateX(-155%); opacity: .6; }

.text-item[data-state="3"] { transform: translate3d(0, 0, 0); opacity: 1; }

.text-item[data-state="4"] { transform: translateX(155%); opacity: .6; }

.text-item[data-state="5"] { transform: translateX(300%); opacity: .3; }

.text-item[data-state="6"] { transform: translateX(450%); opacity: 0; }

/* Timing */
.slide-item, .text-item { backface-visibility: hidden; transition: transform 0.275s cubic-bezier(0.6, 0, 0.35, 1.15), opacity 0.275s linear; }

.slide-item[data-state="0"], .text-item[data-state="0"] { transition-delay: 0.0s; }

.slide-item[data-state="1"], .text-item[data-state="1"] { transition-delay: 0.275s; }

.slide-item[data-state="2"], .text-item[data-state="2"] { transition-delay: 0.24063s; }

.slide-item[data-state="3"], .text-item[data-state="3"] { transition-delay: 0.20625s; }

.slide-item[data-state="4"], .text-item[data-state="4"] { transition-delay: 0.1375s; }

.slide-item[data-state="5"], .text-item[data-state="5"] { transition-delay: 0.06875s; }

.slide-item[data-state="6"], .text-item[data-state="6"] { transition-delay: 0.0s; }

.reverse .slide-item[data-state="0"], .reverse .text-item[data-state="0"] { transition-delay: 0.0s; }

.reverse .slide-item[data-state="1"], .reverse .text-item[data-state="1"] { transition-delay: 0.06875s; }

.reverse .slide-item[data-state="2"], .reverse .text-item[data-state="2"] { transition-delay: 0.1375s; }

.reverse .slide-item[data-state="3"], .reverse .text-item[data-state="3"] { transition-delay: 0.20625s; }

.reverse .slide-item[data-state="4"], .reverse .text-item[data-state="4"] { transition-delay: 0.24063s; }

.reverse .slide-item[data-state="5"], .reverse .text-item[data-state="5"] { transition-delay: 0.275s; }

.reverse .slide-item[data-state="6"], .reverse .text-item[data-state="6"] { transition-delay: 0.0s; }

.carousel .slide-item, .carousel .text-item, .carousel.reverse .slide-item, .carousel .text-item .carousel .carousel-control { cursor: default; pointer-events: none; }

.carousel.not-animated .text-item, .carousel.not-animated.reverse .text-item { cursor: pointer; pointer-events: auto; }

.carousel.not-animated .carousel-control, .carousel.not-animated.reverse .carousel-control { pointer-events: auto; }

.carousel-control { display: block; position: absolute; left: -80px; top: 0; width: 60%; height: 80%; cursor: w-resize; }

.carousel-control.control-right { left: auto; right: -80px; cursor: e-resize; }

.carousel .arrow { pointer-events: none; z-index: 100; position: absolute; top: 50%; width: 27px; height: 40px; margin-top: -30px !important; }

.carousel .arrow-left { left: -5px; }

.carousel .arrow-right { right: -5px; }

.plans { margin-bottom: 60px; }

.pro .plans { margin-top: 30px; }

.plan { padding: 30px 0; width: 100%; border-radius: 4px; border: 1px solid #DADADA; }

.pro .plan { border: 1px solid #616161; color: #fff; }

.plan h3 { font-size: 30px; display: block; width: 100%; margin-top: 10px; margin-bottom: 20px; font-weight: 600; }

.pro .plan h3 { font-size: 18px; color: #B7B7B7; line-height: 20px; font-weight: 400; }

.plan p { display: block; width: 100%; font-size: 15px; color: #B7B7B7; margin-bottom: 0; }

.plan-cost { display: block; width: 100%; font-size: 40px; margin-bottom: 15px; }

.plan-cost-medium { font-size: 26px; color: #808080; }

.plan-cost sup { vertical-align: top; font-size: .6em; line-height: .6em; margin-right: .05em; }

.plan-cost small { font-size: .6em; margin-left: .05em; }

.plan-features { margin-top: 25px; margin-bottom: 25px; font-size: 14px; line-height: 30px; color: #A0A0A0; text-align: center; padding-left: 0; list-style-type: none; }

.plan-features strong { font-weight: 600; color: #202020; }

.plans-table { display: table; border-collapse: collapse; }

.plans-table-row { display: table-row; }

.plans-table-cell { display: table-cell; border-left: 1px solid #A0A0A0; }

.cell-check { width: 25%; text-align: center; }

.plans-table h4 { font-size: 25px; color: #202020; }

.plans-table h4 strong { font-weight: 600; }

.plans-table .pro h4 strong { color: #FFC300; }

.plans-table h5 { font-size: 17px; color: #202020; }

.plans-table p { color: #909090; }

.plans-table p strong { color: #202020; }

.overlay { pointer-events: none; position: fixed; z-index: 999; width: 100%; height: 100%; opacity: 0; background-color: #FF7539; background-image: linear-gradient(-180deg, #FF7539 0%, #FFAB00 100%); background: rgba(0, 0, 0, 0.75); transition: opacity .25s ease; }

.modals-wrapper { display: table; pointer-events: none; vertical-align: middle; position: fixed; z-index: 1000; width: 100%; height: 100%; }

.overlay, .modals-wrapper { top: -100%; }

.prevent .overlay, .prevent .modals-wrapper { top: 0; /*transition: top 0s linear 0s;*/ }

/* Login */
.modal-errors { display: none; font-size: 14px; color: #D9452F; margin-bottom: 5px; }

.modal-errors.active { display: block; }

.modals-container { width: 100%; height: 100%; overflow-y: auto; display: table-cell; vertical-align: middle; }

.login.loading { background-image: url("/img/ajax-loader.gif"); background-position: 50% 50%; background-size: 24px 24px; background-repeat: no-repeat; }

.login.loading .modals-wrapper { transform: scale(0.75); pointer-events: none !important; opacity: 0 !important; transition: none; }

.login .modals-wrapper { transition: transform 0.25s cubic-bezier(0.62, 0.055, 0.165, 1.385), opacity 0.25s linear; }

.modal { margin: 10px auto; pointer-events: none; overflow: hidden; opacity: 0; width: 100%; height: auto; max-height: 700px; background: #fff; border-radius: 5px; transition: opacity 0.125; }

.modal.active { pointer-events: auto; opacity: 1; }

.prevent .overlay { pointer-events: auto; opacity: 1; }

.prevent .modal { pointer-events: auto; }

.modal-errors { display: none; font-size: 14px; color: #D9452F; margin-bottom: 5px; }

.modal-errors.active { display: block; }

/* modal access */
.modal.access { max-width: 320px; padding-top: 30px; padding-bottom: 30px; text-align: center; }

.modal.access .modal-container { position: relative; width: 100%; height: auto; }

.modal.access .modal-header { padding-left: 30px; padding-right: 30px; }

.modal.access .access-app-logo { margin-bottom: 20px; }

.modal.access .access-app-logo:hover { cursor: pointer; }

.modal.access h2 { display: inline-block; line-height: 1.5; margin-bottom: 20px; font-size: 18px; font-weight: 400; color: #404040; }

.modal.access .btn { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 10px; }

.modal.access .btn.stacked { margin-bottom: -1px; }

.modal.access .btn.forgot-password { margin-bottom: 14px; }

.modal.access fieldset { margin-bottom: 10px; }

.modal.access .input-block { width: 100%; margin-left: 0; margin-right: 0; }

.modal.access .modal-footer { padding-top: 20px; }

.modal.access .modal-footer .btn { width: auto; margin: 0; height: 50px; line-height: 20px; }

/* Modal access states */
.modal { transform: translate3d(0, 0, 0); transition: height 0.5s cubic-bezier(0.62, 0.055, 0.165, 1.385); }

.modal.access .modal-content { pointer-events: none; z-index: 0; position: absolute; top: 0; opacity: 0; width: 100%; height: auto; padding-left: 30px; padding-right: 30px; transform: translate3d(0, 0, 0); transition: opacity .3s linear; }

.modal.access .signin-buttons { height: 133px; overflow: hidden; transform: translate3d(0, 0, 0); transition: height 0.5s cubic-bezier(0.62, 0.055, 0.165, 1.385); }

.modal.access[data-activestate="content-forgot"] .modal-content.content-forgot, .modal.access[data-activestate="content-create-password"] .modal-content.content-create-password, .modal.access[data-activestate="content-signin"] .modal-content.content-signin, .modal.access[data-activestate="content-classic-signin"] .modal-content.content-classic-signin, .modal.access[data-activestate="content-classic-signup"] .modal-content.content-classic-signup, .modal.access[data-activestate="content-google-services"] .modal-content.content-google-services { position: relative; pointer-events: auto; z-index: 1; opacity: 1; }

/* Hide Sign in button */
.modal.access[data-activestate="content-classic-signin"] .signin-buttons, .modal.access[data-activestate="content-forgot"] .signin-buttons, .modal.access[data-activestate="content-create-password"] .signin-buttons, .modal.access[data-activestate="content-google-services"] .signin-buttons { height: 0; }

/* Intro animation */
.drive .visual-wrapper { animation-name: show-up; animation-duration: .65s; animation-timing-function: cubic-bezier(0.325, -0.055, 0, 1.06); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; transform: translateY(70%); }

.app-logo { animation-delay: .2s; }

.title { animation-delay: .15s; }

.subtitle { animation-delay: .1s; }

.visual-wrapper { animation-delay: 1s; }

@keyframes show-up { from { transform: translateY(70%); }
  to { transform: translateY(0px); } }
/* Video animation */
.visual.animated { transform-style: preserve-3d; transform: scale(1); transform-origin: 50% 0%; }

@keyframes zoom-player { 0% { transform-origin: 0% 0%; }
  30% { transform-origin: 0% 0%; transform: scale(1); }
  100% { transform-origin: 0% 0%; transform: scale(1); } }
@keyframes zoom-edit { 0% { transform-origin: 50% 0%; transform: scale(1); }
  20% { transform-origin: 50% 0%; transform: scale(1.1); }
  50% { transform-origin: 50% 0%; transform: scale(1.1); }
  90% { transform-origin: 50% 100%; transform: scale(1.1); }
  100% { transform-origin: 50% 100%; transform: scale(1); } }
@keyframes zoom-photos { 0% { transform-origin: 50% 100%; }
  10% { transform-origin: 50% 100%; transform: scale(1); }
  90% { transform-origin: 50% 100%; transform: scale(1); }
  100% { transform-origin: 50% 100%; transform: scale(1); } }
@keyframes zoom-share { 0% { transform-origin: 50% 0%; }
  30% { transform-origin: 50% 0%; transform: scale(1.1); }
  70% { transform-origin: 50% 0%; transform: scale(1.1); }
  100% { transform-origin: 50% 0%; transform: scale(1); } }
/* large screens */
@media screen and (min-width: 1500px) and (min-height: 899px) { h1 { font-size: 60px; }
  .drive .visual { max-width: 1220px; } }
/* medium and large screens */
@media screen and (min-width: 640px) { .navigation a, .navigation button.btn { line-height: 30px; font-size: 12px; }
  .small-screen-only { display: none !important; }
  .align-ml-left { direction: ltr; }
  .align-ml-right { direction: rtl; } }
/* medium screens only */
/* medium screens to small */
@media screen and (max-width: 1100px) { .boxed { min-height: 100%; } }
/* small and medium screens */
@media screen and (max-width: 979px) { .wide .row { padding: 0 15px; }
  .jolicloud .header .visual img { height: 75%; }
  @-moz-document url-prefix() { .jolicloud .header .visual img { height: 65% !important; } }
  .footer-apps { float: none; margin-bottom: 25px; text-align: center; }
  .footer-app-link { margin: 0 15px; }
  .footer-navigation { width: 100%; text-align: center; }
  .footer-navigation { width: 100%; text-align: center; flex-direction: column; }
  .footer-navigation a { margin: 0 7px; }
  .footer-tabs { background-image: linear-gradient(-90deg, #101010 0%, #404040 49%, #101010 100%); background-size: 100% 1px; background-repeat: no-repeat; }
  .footer .social-links { float: left; }
  .footer .jolicloud-logo img { float: none; margin: 0; }
  .plans div .plan { border-radius: 0 0 0; margin-top: -1px; }
  .plans div:first-child .plan { border-radius: 4px 4px 0 0; margin-top: 0; }
  .plans div:last-child .plan { border-radius: 0 0 4px 4px; }
  .plan-features { text-align: center; padding-left: 0; }
  .header .top-bar .row { padding-left: 20px; padding-right: 20px; }
  .jolicloud .header.hero { overflow-y: auto; }
  .bottom-bar > .container { padding-top: 0; padding-bottom: 0; }
  body:not(.login) .main-container { padding-bottom: 0; }
  .team-member-infos.body { margin-left: 0; } }
/* small screens only */
@media screen and (max-width: 639px) { .jolicloud .header-wrapper { height: auto; }
  .jolicloud .main-navigation, .jolicloud .sub-navigation { text-align: center; }
  .jolicloud .jolicloud-logo { margin-right: 0; }
  .jolicloud .sub-navigation a { margin: 0 10px; }
  .jolicloud .header .baseline { text-align: center; padding-left: 20px; padding-right: 20px; }
  .jolicloud .header .visual-wrapper .cell { padding: 0 0 240px 0; }
  .jolicloud .header .baseline h1 { text-align: center; }
  .jolicloud .header .visual { display: none; height: 100%; width: 100%; position: absolute; bottom: 0; }
  .jolicloud .header .visual img { left: 50%; margin: 0; width: auto; height: 200px; bottom: 0; transform: translateX(-50%); }
  @-moz-document url-prefix() { .jolicloud .header .visual img { height: auto !important; width: 100% !important; bottom: auto !important; top: 340px; } }
  .drive .top-bar .main-navigation a { margin: 0 10px 0 0; }
  .drive .top-bar .row { padding: 0; }
  h1.title { padding: 0 20px 30px 20px; }
  h1.page-title { text-align: center; }
  h2 { font-size: 35px; line-height: 45px; }
  h3 { font-size: 35px; line-height: 45px; }
  p { font-size: 16px; line-height: 30px; }
  .subtitle { padding: 10px 5px 0 5px; font-size: 18px; line-height: 28px; font-weight: 500; }
  .container { padding-top: 30px; padding-bottom: 30px; }
  .section { padding-top: 30px; padding-bottom: 30px; text-align: center; }
  .section.straight { text-align: left; }
  .our-board, .our-investors { text-align: left; }
  body.login .footer { text-align: center; }
  body.login .footer-navigation { padding-right: 20px; }
  .footer .jolicloud-logo { right: 0; padding-left: 15px; }
  .jolicloud .header .bottom-bar { position: relative; }
  .inner-nav { margin-top: 0; margin-bottom: 50px; text-align: center; }
  .footer-navigation a.btn.signup { margin-top: 20px; margin-left: auto; margin-right: auto; width: 50%; }
  .footer-app-link { margin: 10px 15px 10px 0; }
  .modal { margin-top: 0; border-radius: 0; }
  .modals-wrapper { position: relative; }
  .modal.access .modal-container { width: 100%; }
  .modal.access .modal-header, .modal.access .modal-content { padding-left: 15px; padding-right: 15px; }
  .medium-and-large-screen-only { display: none !important; } }
@media screen and (max-width: 440px) { .footer-app-link { width: 190px; } }
/* medium screens vertical*/
@media screen and (min-width: 640px) and (min-height: 900px) { h1 { padding-left: 120px; padding-right: 120px; font-size: 50px; } }
/* big height screens */
@media screen and (min-height: 900px) { .visual { max-width: 1280px; } }
/* small height screens */
@media screen and (max-height: 710px) and (max-width: 640px) { .header.hero { position: relative; } }
/* small height screens */
@media screen and (max-height: 710px) { .drive .header .visual-wrapper .cell { padding: 0 20px 60px 20px; }
  .drive .header .bottom-bar { height: 60px; padding-top: 10px; }
  .drive .visual { max-width: 700px; } }