.swiper-container { margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; } .swiper-container-no-flexbox .swiper-slide { float:left; } .swiper-container-vertical>.swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; -webkit-box-sizing:content-box; box-sizing:content-box; } .swiper-container-android .swiper-slide,.swiper-wrapper { -webkit-transform:translate3d(0px, 0, 0); transform:translate3d(0px, 0, 0); } .swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap:wrap; flex-wrap:wrap; } .swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto; } .swiper-slide { -ms-flex-negative:0; flex-shrink:0; width:100%; height:100%; position:relative; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; transition-property:transform; transition-property:transform, -webkit-transform; } .swiper-invisible-blank-slide { visibility:hidden; } .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height:auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-transition-property:height, -webkit-transform; transition-property:height, -webkit-transform; transition-property:transform, height; transition-property:transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective:1200px; perspective:1200px; } .swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow { -webkit-transform-style:preserve-3d; transform-style:preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10; } .swiper-container-3d .swiper-slide-shadow-left { background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(transparent)); background-image:linear-gradient(to left, rgba(0,0,0,0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-right { background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(transparent)); background-image:linear-gradient(to right, rgba(0,0,0,0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-top { background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(transparent)); background-image:linear-gradient(to top, rgba(0,0,0,0.5), transparent); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(transparent)); background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), transparent); } .swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper { -ms-touch-action:pan-y; touch-action:pan-y; } .swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper { -ms-touch-action:pan-x; touch-action:pan-x; } .swiper-button-prev,.swiper-button-next { position:absolute; top:50%; width:27px; height:44px; margin-top:-22px; z-index:10; cursor:pointer; background-size:27px 44px; background-position:center; background-repeat:no-repeat; } .swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled { opacity:0.35; cursor:auto; pointer-events:none; } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left:10px; right:auto; } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right:10px; left:auto; } .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display:none; } .swiper-pagination { position:absolute; text-align:center; -webkit-transition:300ms opacity; transition:300ms opacity; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); z-index:10; } .swiper-pagination.swiper-pagination-hidden { opacity:0; } .swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal>.swiper-pagination-bullets { bottom:10px; left:0; width:100%; } .swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform:scale(0.33); transform:scale(0.33); position:relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform:scale(1); transform:scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform:scale(0.66); transform:scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform:scale(0.33); transform:scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform:scale(0.66); transform:scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform:scale(0.33); transform:scale(0.33); } .swiper-pagination-bullet { width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:0.2; } button.swiper-pagination-bullet { border:none; margin:0; padding:0; -webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer; } .swiper-pagination-bullet-active { opacity:1; background:#007aff; } .swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; -webkit-transform:translate3d(0px, -50%, 0); transform:translate3d(0px, -50%, 0); } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block; } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:8px; } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; -webkit-transition:200ms top, 200ms -webkit-transform; transition:200ms top, 200ms -webkit-transform; transition:200ms transform, 200ms top; transition:200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px; } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); white-space:nowrap; } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:200ms left, 200ms -webkit-transform; transition:200ms left, 200ms -webkit-transform; transition:200ms transform, 200ms left; transition:200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition:200ms right, 200ms -webkit-transform; transition:200ms right, 200ms -webkit-transform; transition:200ms transform, 200ms right; transition:200ms transform, 200ms right, 200ms -webkit-transform; } .swiper-pagination-progressbar { background:rgba(0,0,0,0.25); position:absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#007aff; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; transform-origin:left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin:right top; transform-origin:right top; } .swiper-container-horizontal>.swiper-pagination-progressbar { width:100%; height:4px; left:0; top:0; } .swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0; } .swiper-pagination-white .swiper-pagination-bullet-active { background:#ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background:rgba(255,255,255,0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background:#ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background:#000000; } .swiper-pagination-progressbar.swiper-pagination-black { background:rgba(0,0,0,0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background:#000000; } .swiper-pagination-lock { display:none; } .swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,0.1); } .swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%; } .swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%; } .swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0,0,0,0.5); border-radius:10px; left:0; top:0; } .swiper-scrollbar-cursor-drag { cursor:move; } .swiper-scrollbar-lock { display:none; } .swiper-zoom-container { width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; } .swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas { max-width:100%; max-height:100%; -o-object-fit:contain; object-fit:contain; } .swiper-slide-zoomed { cursor:move; } .swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; -webkit-transform-origin:50%; transform-origin:50%; -webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite; animation:swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display:block; content:''; width:100%; height:100%; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position:50%; background-size:100%; background-repeat:no-repeat; } .swiper-lazy-preloader-white:after { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } } .swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .swiper-container-fade .swiper-slide { pointer-events:none; -webkit-transition-property:opacity; transition-property:opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none; } .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto; } .swiper-container-cube { overflow:visible; } .swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; -webkit-transform-origin:0 0; transform-origin:0 0; width:100%; height:100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events:none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin:100% 0; transform-origin:100% 0; } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto; } .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide { pointer-events:auto; visibility:visible; } .swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; background:#000; opacity:0.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0; } .swiper-container-flip { overflow:visible; } .swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none; } .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto; } .swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective:1200px; } /*! * Bootstrap Reboot v4.0.0-beta.2 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ *,*::before,*::after { -webkit-box-sizing:border-box; box-sizing:border-box; } html { font-family:sans-serif; line-height:1.15; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -ms-overflow-style:scrollbar; -webkit-tap-highlight-color:transparent; } @-ms-viewport { width:device-width; } article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section { display:block; } body { margin:0; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size:1rem; font-weight:400; line-height:1.5; color:#212529; text-align:left; background-color:#fff; } [tabindex="-1"]:focus { outline:none !important; } hr { -webkit-box-sizing:content-box; box-sizing:content-box; height:0; overflow:visible; } h1,h2,h3,h4,h5,h6 { margin-top:0; margin-bottom:0.5rem; } p { margin-top:0; margin-bottom:1rem; } abbr[title],abbr[data-original-title] { text-decoration:underline; -webkit-text-decoration:underline dotted; text-decoration:underline dotted; cursor:help; border-bottom:0; } address { margin-bottom:1rem; font-style:normal; line-height:inherit; } ol,ul,dl { margin-top:0; margin-bottom:1rem; } ol ol,ul ul,ol ul,ul ol { margin-bottom:0; } dt { font-weight:700; } dd { margin-bottom:.5rem; margin-left:0; } blockquote { margin:0 0 1rem; } dfn { font-style:italic; } b,strong { font-weight:bolder; } small { font-size:80%; } sub,sup { position:relative; font-size:75%; line-height:0; vertical-align:baseline; } sub { bottom:-.25em; } sup { top:-.5em; } a { color:#007bff; text-decoration:none; background-color:transparent; -webkit-text-decoration-skip:objects; } a:hover { color:#0056b3; text-decoration:underline; } a:not([href]):not([tabindex]) { color:inherit; text-decoration:none; } a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover { color:inherit; text-decoration:none; } a:not([href]):not([tabindex]):focus { outline:0; } pre,code,kbd,samp { font-family:monospace, monospace; font-size:1em; } pre { margin-top:0; margin-bottom:1rem; overflow:auto; -ms-overflow-style:scrollbar; } figure { margin:0 0 1rem; } img { vertical-align:middle; border-style:none; } svg:not(:root) { overflow:hidden; } a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea { -ms-touch-action:manipulation; touch-action:manipulation; } table { border-collapse:collapse; } caption { padding-top:0.75rem; padding-bottom:0.75rem; color:#868e96; text-align:left; caption-side:bottom; } th { text-align:inherit; } label { display:inline-block; margin-bottom:.5rem; } button { border-radius:0; } button:focus { outline:1px dotted; outline:5px auto -webkit-focus-ring-color; } input,button,select,optgroup,textarea { margin:0; font-family:inherit; font-size:inherit; line-height:inherit; } button,input { overflow:visible; } button,select { text-transform:none; } button,html [type="button"],[type="reset"],[type="submit"] { -webkit-appearance:button; } button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { padding:0; border-style:none; } input[type="radio"],input[type="checkbox"] { -webkit-box-sizing:border-box; box-sizing:border-box; padding:0; } input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] { -webkit-appearance:listbox; } textarea { overflow:auto; resize:vertical; } fieldset { min-width:0; padding:0; margin:0; border:0; } legend { display:block; width:100%; max-width:100%; padding:0; margin-bottom:.5rem; font-size:1.5rem; line-height:inherit; color:inherit; white-space:normal; } progress { vertical-align:baseline; } [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height:auto; } [type="search"] { outline-offset:-2px; -webkit-appearance:none; } [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { -webkit-appearance:none; } ::-webkit-file-upload-button { font:inherit; -webkit-appearance:button; } output { display:inline-block; } summary { display:list-item; } template { display:none; } [hidden] { display:none !important; } /*! * Bootstrap Grid v4.0.0-beta.2 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width:device-width; } html { -webkit-box-sizing:border-box; box-sizing:border-box; -ms-overflow-style:scrollbar; } *,*::before,*::after { -webkit-box-sizing:inherit; box-sizing:inherit; } .container { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; } @media (min-width: 576px) { .container { max-width:540px; } } @media (min-width: 768px) { .container { max-width:720px; } } @media (min-width: 992px) { .container { max-width:960px; } } @media (min-width: 1200px) { .container { max-width:1140px; } } .container-fluid { width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; } .row { display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px; } .no-gutters { margin-right:0; margin-left:0; } .no-gutters>.col,.no-gutters>[class*="col-"] { padding-right:0; padding-left:0; } .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto { position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px; } .col { -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; max-width:100%; } .col-auto { -ms-flex:0 0 auto; -webkit-box-flex:0; flex:0 0 auto; width:auto; max-width:none; } .col-1 { -ms-flex:0 0 8.333333%; -webkit-box-flex:0; flex:0 0 8.333333%; max-width:8.333333%; } .col-2 { -ms-flex:0 0 16.666667%; -webkit-box-flex:0; flex:0 0 16.666667%; max-width:16.666667%; } .col-3 { -ms-flex:0 0 25%; -webkit-box-flex:0; flex:0 0 25%; max-width:25%; } .col-4 { -ms-flex:0 0 33.333333%; -webkit-box-flex:0; flex:0 0 33.333333%; max-width:33.333333%; } .col-5 { -ms-flex:0 0 41.666667%; -webkit-box-flex:0; flex:0 0 41.666667%; max-width:41.666667%; } .col-6 { -ms-flex:0 0 50%; -webkit-box-flex:0; flex:0 0 50%; max-width:50%; } .col-7 { -ms-flex:0 0 58.333333%; -webkit-box-flex:0; flex:0 0 58.333333%; max-width:58.333333%; } .col-8 { -ms-flex:0 0 66.666667%; -webkit-box-flex:0; flex:0 0 66.666667%; max-width:66.666667%; } .col-9 { -ms-flex:0 0 75%; -webkit-box-flex:0; flex:0 0 75%; max-width:75%; } .col-10 { -ms-flex:0 0 83.333333%; -webkit-box-flex:0; flex:0 0 83.333333%; max-width:83.333333%; } .col-11 { -ms-flex:0 0 91.666667%; -webkit-box-flex:0; flex:0 0 91.666667%; max-width:91.666667%; } .col-12 { -ms-flex:0 0 100%; -webkit-box-flex:0; flex:0 0 100%; max-width:100%; } .order-first { -ms-flex-order:-1; -webkit-box-ordinal-group:0; order:-1; } .order-1 { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1; } .order-2 { -ms-flex-order:2; -webkit-box-ordinal-group:3; order:2; } .order-3 { -ms-flex-order:3; -webkit-box-ordinal-group:4; order:3; } .order-4 { -ms-flex-order:4; -webkit-box-ordinal-group:5; order:4; } .order-5 { -ms-flex-order:5; -webkit-box-ordinal-group:6; order:5; } .order-6 { -ms-flex-order:6; -webkit-box-ordinal-group:7; order:6; } .order-7 { -ms-flex-order:7; -webkit-box-ordinal-group:8; order:7; } .order-8 { -ms-flex-order:8; -webkit-box-ordinal-group:9; order:8; } .order-9 { -ms-flex-order:9; -webkit-box-ordinal-group:10; order:9; } .order-10 { -ms-flex-order:10; -webkit-box-ordinal-group:11; order:10; } .order-11 { -ms-flex-order:11; -webkit-box-ordinal-group:12; order:11; } .order-12 { -ms-flex-order:12; -webkit-box-ordinal-group:13; order:12; } .offset-1 { margin-left:8.333333%; } .offset-2 { margin-left:16.666667%; } .offset-3 { margin-left:25%; } .offset-4 { margin-left:33.333333%; } .offset-5 { margin-left:41.666667%; } .offset-6 { margin-left:50%; } .offset-7 { margin-left:58.333333%; } .offset-8 { margin-left:66.666667%; } .offset-9 { margin-left:75%; } .offset-10 { margin-left:83.333333%; } .offset-11 { margin-left:91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; max-width:100%; } .col-sm-auto { -ms-flex:0 0 auto; -webkit-box-flex:0; flex:0 0 auto; width:auto; max-width:none; } .col-sm-1 { -ms-flex:0 0 8.333333%; -webkit-box-flex:0; flex:0 0 8.333333%; max-width:8.333333%; } .col-sm-2 { -ms-flex:0 0 16.666667%; -webkit-box-flex:0; flex:0 0 16.666667%; max-width:16.666667%; } .col-sm-3 { -ms-flex:0 0 25%; -webkit-box-flex:0; flex:0 0 25%; max-width:25%; } .col-sm-4 { -ms-flex:0 0 33.333333%; -webkit-box-flex:0; flex:0 0 33.333333%; max-width:33.333333%; } .col-sm-5 { -ms-flex:0 0 41.666667%; -webkit-box-flex:0; flex:0 0 41.666667%; max-width:41.666667%; } .col-sm-6 { -ms-flex:0 0 50%; -webkit-box-flex:0; flex:0 0 50%; max-width:50%; } .col-sm-7 { -ms-flex:0 0 58.333333%; -webkit-box-flex:0; flex:0 0 58.333333%; max-width:58.333333%; } .col-sm-8 { -ms-flex:0 0 66.666667%; -webkit-box-flex:0; flex:0 0 66.666667%; max-width:66.666667%; } .col-sm-9 { -ms-flex:0 0 75%; -webkit-box-flex:0; flex:0 0 75%; max-width:75%; } .col-sm-10 { -ms-flex:0 0 83.333333%; -webkit-box-flex:0; flex:0 0 83.333333%; max-width:83.333333%; } .col-sm-11 { -ms-flex:0 0 91.666667%; -webkit-box-flex:0; flex:0 0 91.666667%; max-width:91.666667%; } .col-sm-12 { -ms-flex:0 0 100%; -webkit-box-flex:0; flex:0 0 100%; max-width:100%; } .order-sm-first { -ms-flex-order:-1; -webkit-box-ordinal-group:0; order:-1; } .order-sm-1 { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1; } .order-sm-2 { -ms-flex-order:2; -webkit-box-ordinal-group:3; order:2; } .order-sm-3 { -ms-flex-order:3; -webkit-box-ordinal-group:4; order:3; } .order-sm-4 { -ms-flex-order:4; -webkit-box-ordinal-group:5; order:4; } .order-sm-5 { -ms-flex-order:5; -webkit-box-ordinal-group:6; order:5; } .order-sm-6 { -ms-flex-order:6; -webkit-box-ordinal-group:7; order:6; } .order-sm-7 { -ms-flex-order:7; -webkit-box-ordinal-group:8; order:7; } .order-sm-8 { -ms-flex-order:8; -webkit-box-ordinal-group:9; order:8; } .order-sm-9 { -ms-flex-order:9; -webkit-box-ordinal-group:10; order:9; } .order-sm-10 { -ms-flex-order:10; -webkit-box-ordinal-group:11; order:10; } .order-sm-11 { -ms-flex-order:11; -webkit-box-ordinal-group:12; order:11; } .order-sm-12 { -ms-flex-order:12; -webkit-box-ordinal-group:13; order:12; } .offset-sm-0 { margin-left:0; } .offset-sm-1 { margin-left:8.333333%; } .offset-sm-2 { margin-left:16.666667%; } .offset-sm-3 { margin-left:25%; } .offset-sm-4 { margin-left:33.333333%; } .offset-sm-5 { margin-left:41.666667%; } .offset-sm-6 { margin-left:50%; } .offset-sm-7 { margin-left:58.333333%; } .offset-sm-8 { margin-left:66.666667%; } .offset-sm-9 { margin-left:75%; } .offset-sm-10 { margin-left:83.333333%; } .offset-sm-11 { margin-left:91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; max-width:100%; } .col-md-auto { -ms-flex:0 0 auto; -webkit-box-flex:0; flex:0 0 auto; width:auto; max-width:none; } .col-md-1 { -ms-flex:0 0 8.333333%; -webkit-box-flex:0; flex:0 0 8.333333%; max-width:8.333333%; } .col-md-2 { -ms-flex:0 0 16.666667%; -webkit-box-flex:0; flex:0 0 16.666667%; max-width:16.666667%; } .col-md-3 { -ms-flex:0 0 25%; -webkit-box-flex:0; flex:0 0 25%; max-width:25%; } .col-md-4 { -ms-flex:0 0 33.333333%; -webkit-box-flex:0; flex:0 0 33.333333%; max-width:33.333333%; } .col-md-5 { -ms-flex:0 0 41.666667%; -webkit-box-flex:0; flex:0 0 41.666667%; max-width:41.666667%; } .col-md-6 { -ms-flex:0 0 50%; -webkit-box-flex:0; flex:0 0 50%; max-width:50%; } .col-md-7 { -ms-flex:0 0 58.333333%; -webkit-box-flex:0; flex:0 0 58.333333%; max-width:58.333333%; } .col-md-8 { -ms-flex:0 0 66.666667%; -webkit-box-flex:0; flex:0 0 66.666667%; max-width:66.666667%; } .col-md-9 { -ms-flex:0 0 75%; -webkit-box-flex:0; flex:0 0 75%; max-width:75%; } .col-md-10 { -ms-flex:0 0 83.333333%; -webkit-box-flex:0; flex:0 0 83.333333%; max-width:83.333333%; } .col-md-11 { -ms-flex:0 0 91.666667%; -webkit-box-flex:0; flex:0 0 91.666667%; max-width:91.666667%; } .col-md-12 { -ms-flex:0 0 100%; -webkit-box-flex:0; flex:0 0 100%; max-width:100%; } .order-md-first { -ms-flex-order:-1; -webkit-box-ordinal-group:0; order:-1; } .order-md-1 { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1; } .order-md-2 { -ms-flex-order:2; -webkit-box-ordinal-group:3; order:2; } .order-md-3 { -ms-flex-order:3; -webkit-box-ordinal-group:4; order:3; } .order-md-4 { -ms-flex-order:4; -webkit-box-ordinal-group:5; order:4; } .order-md-5 { -ms-flex-order:5; -webkit-box-ordinal-group:6; order:5; } .order-md-6 { -ms-flex-order:6; -webkit-box-ordinal-group:7; order:6; } .order-md-7 { -ms-flex-order:7; -webkit-box-ordinal-group:8; order:7; } .order-md-8 { -ms-flex-order:8; -webkit-box-ordinal-group:9; order:8; } .order-md-9 { -ms-flex-order:9; -webkit-box-ordinal-group:10; order:9; } .order-md-10 { -ms-flex-order:10; -webkit-box-ordinal-group:11; order:10; } .order-md-11 { -ms-flex-order:11; -webkit-box-ordinal-group:12; order:11; } .order-md-12 { -ms-flex-order:12; -webkit-box-ordinal-group:13; order:12; } .offset-md-0 { margin-left:0; } .offset-md-1 { margin-left:8.333333%; } .offset-md-2 { margin-left:16.666667%; } .offset-md-3 { margin-left:25%; } .offset-md-4 { margin-left:33.333333%; } .offset-md-5 { margin-left:41.666667%; } .offset-md-6 { margin-left:50%; } .offset-md-7 { margin-left:58.333333%; } .offset-md-8 { margin-left:66.666667%; } .offset-md-9 { margin-left:75%; } .offset-md-10 { margin-left:83.333333%; } .offset-md-11 { margin-left:91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; max-width:100%; } .col-lg-auto { -ms-flex:0 0 auto; -webkit-box-flex:0; flex:0 0 auto; width:auto; max-width:none; } .col-lg-1 { -ms-flex:0 0 8.333333%; -webkit-box-flex:0; flex:0 0 8.333333%; max-width:8.333333%; } .col-lg-2 { -ms-flex:0 0 16.666667%; -webkit-box-flex:0; flex:0 0 16.666667%; max-width:16.666667%; } .col-lg-3 { -ms-flex:0 0 25%; -webkit-box-flex:0; flex:0 0 25%; max-width:25%; } .col-lg-4 { -ms-flex:0 0 33.333333%; -webkit-box-flex:0; flex:0 0 33.333333%; max-width:33.333333%; } .col-lg-5 { -ms-flex:0 0 41.666667%; -webkit-box-flex:0; flex:0 0 41.666667%; max-width:41.666667%; } .col-lg-6 { -ms-flex:0 0 50%; -webkit-box-flex:0; flex:0 0 50%; max-width:50%; } .col-lg-7 { -ms-flex:0 0 58.333333%; -webkit-box-flex:0; flex:0 0 58.333333%; max-width:58.333333%; } .col-lg-8 { -ms-flex:0 0 66.666667%; -webkit-box-flex:0; flex:0 0 66.666667%; max-width:66.666667%; } .col-lg-9 { -ms-flex:0 0 75%; -webkit-box-flex:0; flex:0 0 75%; max-width:75%; } .col-lg-10 { -ms-flex:0 0 83.333333%; -webkit-box-flex:0; flex:0 0 83.333333%; max-width:83.333333%; } .col-lg-11 { -ms-flex:0 0 91.666667%; -webkit-box-flex:0; flex:0 0 91.666667%; max-width:91.666667%; } .col-lg-12 { -ms-flex:0 0 100%; -webkit-box-flex:0; flex:0 0 100%; max-width:100%; } .order-lg-first { -ms-flex-order:-1; -webkit-box-ordinal-group:0; order:-1; } .order-lg-1 { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1; } .order-lg-2 { -ms-flex-order:2; -webkit-box-ordinal-group:3; order:2; } .order-lg-3 { -ms-flex-order:3; -webkit-box-ordinal-group:4; order:3; } .order-lg-4 { -ms-flex-order:4; -webkit-box-ordinal-group:5; order:4; } .order-lg-5 { -ms-flex-order:5; -webkit-box-ordinal-group:6; order:5; } .order-lg-6 { -ms-flex-order:6; -webkit-box-ordinal-group:7; order:6; } .order-lg-7 { -ms-flex-order:7; -webkit-box-ordinal-group:8; order:7; } .order-lg-8 { -ms-flex-order:8; -webkit-box-ordinal-group:9; order:8; } .order-lg-9 { -ms-flex-order:9; -webkit-box-ordinal-group:10; order:9; } .order-lg-10 { -ms-flex-order:10; -webkit-box-ordinal-group:11; order:10; } .order-lg-11 { -ms-flex-order:11; -webkit-box-ordinal-group:12; order:11; } .order-lg-12 { -ms-flex-order:12; -webkit-box-ordinal-group:13; order:12; } .offset-lg-0 { margin-left:0; } .offset-lg-1 { margin-left:8.333333%; } .offset-lg-2 { margin-left:16.666667%; } .offset-lg-3 { margin-left:25%; } .offset-lg-4 { margin-left:33.333333%; } .offset-lg-5 { margin-left:41.666667%; } .offset-lg-6 { margin-left:50%; } .offset-lg-7 { margin-left:58.333333%; } .offset-lg-8 { margin-left:66.666667%; } .offset-lg-9 { margin-left:75%; } .offset-lg-10 { margin-left:83.333333%; } .offset-lg-11 { margin-left:91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; -webkit-box-flex:1; flex-grow:1; max-width:100%; } .col-xl-auto { -ms-flex:0 0 auto; -webkit-box-flex:0; flex:0 0 auto; width:auto; max-width:none; } .col-xl-1 { -ms-flex:0 0 8.333333%; -webkit-box-flex:0; flex:0 0 8.333333%; max-width:8.333333%; } .col-xl-2 { -ms-flex:0 0 16.666667%; -webkit-box-flex:0; flex:0 0 16.666667%; max-width:16.666667%; } .col-xl-3 { -ms-flex:0 0 25%; -webkit-box-flex:0; flex:0 0 25%; max-width:25%; } .col-xl-4 { -ms-flex:0 0 33.333333%; -webkit-box-flex:0; flex:0 0 33.333333%; max-width:33.333333%; } .col-xl-5 { -ms-flex:0 0 41.666667%; -webkit-box-flex:0; flex:0 0 41.666667%; max-width:41.666667%; } .col-xl-6 { -ms-flex:0 0 50%; -webkit-box-flex:0; flex:0 0 50%; max-width:50%; } .col-xl-7 { -ms-flex:0 0 58.333333%; -webkit-box-flex:0; flex:0 0 58.333333%; max-width:58.333333%; } .col-xl-8 { -ms-flex:0 0 66.666667%; -webkit-box-flex:0; flex:0 0 66.666667%; max-width:66.666667%; } .col-xl-9 { -ms-flex:0 0 75%; -webkit-box-flex:0; flex:0 0 75%; max-width:75%; } .col-xl-10 { -ms-flex:0 0 83.333333%; -webkit-box-flex:0; flex:0 0 83.333333%; max-width:83.333333%; } .col-xl-11 { -ms-flex:0 0 91.666667%; -webkit-box-flex:0; flex:0 0 91.666667%; max-width:91.666667%; } .col-xl-12 { -ms-flex:0 0 100%; -webkit-box-flex:0; flex:0 0 100%; max-width:100%; } .order-xl-first { -ms-flex-order:-1; -webkit-box-ordinal-group:0; order:-1; } .order-xl-1 { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1; } .order-xl-2 { -ms-flex-order:2; -webkit-box-ordinal-group:3; order:2; } .order-xl-3 { -ms-flex-order:3; -webkit-box-ordinal-group:4; order:3; } .order-xl-4 { -ms-flex-order:4; -webkit-box-ordinal-group:5; order:4; } .order-xl-5 { -ms-flex-order:5; -webkit-box-ordinal-group:6; order:5; } .order-xl-6 { -ms-flex-order:6; -webkit-box-ordinal-group:7; order:6; } .order-xl-7 { -ms-flex-order:7; -webkit-box-ordinal-group:8; order:7; } .order-xl-8 { -ms-flex-order:8; -webkit-box-ordinal-group:9; order:8; } .order-xl-9 { -ms-flex-order:9; -webkit-box-ordinal-group:10; order:9; } .order-xl-10 { -ms-flex-order:10; -webkit-box-ordinal-group:11; order:10; } .order-xl-11 { -ms-flex-order:11; -webkit-box-ordinal-group:12; order:11; } .order-xl-12 { -ms-flex-order:12; -webkit-box-ordinal-group:13; order:12; } .offset-xl-0 { margin-left:0; } .offset-xl-1 { margin-left:8.333333%; } .offset-xl-2 { margin-left:16.666667%; } .offset-xl-3 { margin-left:25%; } .offset-xl-4 { margin-left:33.333333%; } .offset-xl-5 { margin-left:41.666667%; } .offset-xl-6 { margin-left:50%; } .offset-xl-7 { margin-left:58.333333%; } .offset-xl-8 { margin-left:66.666667%; } .offset-xl-9 { margin-left:75%; } .offset-xl-10 { margin-left:83.333333%; } .offset-xl-11 { margin-left:91.666667%; } } .flex-row { -ms-flex-direction:row !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; flex-direction:row !important; } .flex-column { -ms-flex-direction:column !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; flex-direction:column !important; } .flex-row-reverse { -ms-flex-direction:row-reverse !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:reverse !important; flex-direction:row-reverse !important; } .flex-column-reverse { -ms-flex-direction:column-reverse !important; -webkit-box-orient:vertical !important; -webkit-box-direction:reverse !important; flex-direction:column-reverse !important; } .flex-wrap { -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; } .flex-nowrap { -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap:wrap-reverse !important; flex-wrap:wrap-reverse !important; } .justify-content-start { -ms-flex-pack:start !important; -webkit-box-pack:start !important; justify-content:flex-start !important; } .justify-content-end { -ms-flex-pack:end !important; -webkit-box-pack:end !important; justify-content:flex-end !important; } .justify-content-center { -ms-flex-pack:center !important; -webkit-box-pack:center !important; justify-content:center !important; } .justify-content-between { -ms-flex-pack:justify !important; -webkit-box-pack:justify !important; justify-content:space-between !important; } .justify-content-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; } .align-items-start { -ms-flex-align:start !important; -webkit-box-align:start !important; align-items:flex-start !important; } .align-items-end { -ms-flex-align:end !important; -webkit-box-align:end !important; align-items:flex-end !important; } .align-items-center { -ms-flex-align:center !important; -webkit-box-align:center !important; align-items:center !important; } .align-items-baseline { -ms-flex-align:baseline !important; -webkit-box-align:baseline !important; align-items:baseline !important; } .align-items-stretch { -ms-flex-align:stretch !important; -webkit-box-align:stretch !important; align-items:stretch !important; } .align-content-start { -ms-flex-line-pack:start !important; align-content:flex-start !important; } .align-content-end { -ms-flex-line-pack:end !important; align-content:flex-end !important; } .align-content-center { -ms-flex-line-pack:center !important; align-content:center !important; } .align-content-between { -ms-flex-line-pack:justify !important; align-content:space-between !important; } .align-content-around { -ms-flex-line-pack:distribute !important; align-content:space-around !important; } .align-content-stretch { -ms-flex-line-pack:stretch !important; align-content:stretch !important; } .align-self-auto { -ms-flex-item-align:auto !important; align-self:auto !important; } .align-self-start { -ms-flex-item-align:start !important; align-self:flex-start !important; } .align-self-end { -ms-flex-item-align:end !important; align-self:flex-end !important; } .align-self-center { -ms-flex-item-align:center !important; align-self:center !important; } .align-self-baseline { -ms-flex-item-align:baseline !important; align-self:baseline !important; } .align-self-stretch { -ms-flex-item-align:stretch !important; align-self:stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction:row !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; flex-direction:row !important; } .flex-sm-column { -ms-flex-direction:column !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; flex-direction:column !important; } .flex-sm-row-reverse { -ms-flex-direction:row-reverse !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:reverse !important; flex-direction:row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction:column-reverse !important; -webkit-box-orient:vertical !important; -webkit-box-direction:reverse !important; flex-direction:column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; } .flex-sm-nowrap { -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap:wrap-reverse !important; flex-wrap:wrap-reverse !important; } .justify-content-sm-start { -ms-flex-pack:start !important; -webkit-box-pack:start !important; justify-content:flex-start !important; } .justify-content-sm-end { -ms-flex-pack:end !important; -webkit-box-pack:end !important; justify-content:flex-end !important; } .justify-content-sm-center { -ms-flex-pack:center !important; -webkit-box-pack:center !important; justify-content:center !important; } .justify-content-sm-between { -ms-flex-pack:justify !important; -webkit-box-pack:justify !important; justify-content:space-between !important; } .justify-content-sm-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; } .align-items-sm-start { -ms-flex-align:start !important; -webkit-box-align:start !important; align-items:flex-start !important; } .align-items-sm-end { -ms-flex-align:end !important; -webkit-box-align:end !important; align-items:flex-end !important; } .align-items-sm-center { -ms-flex-align:center !important; -webkit-box-align:center !important; align-items:center !important; } .align-items-sm-baseline { -ms-flex-align:baseline !important; -webkit-box-align:baseline !important; align-items:baseline !important; } .align-items-sm-stretch { -ms-flex-align:stretch !important; -webkit-box-align:stretch !important; align-items:stretch !important; } .align-content-sm-start { -ms-flex-line-pack:start !important; align-content:flex-start !important; } .align-content-sm-end { -ms-flex-line-pack:end !important; align-content:flex-end !important; } .align-content-sm-center { -ms-flex-line-pack:center !important; align-content:center !important; } .align-content-sm-between { -ms-flex-line-pack:justify !important; align-content:space-between !important; } .align-content-sm-around { -ms-flex-line-pack:distribute !important; align-content:space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack:stretch !important; align-content:stretch !important; } .align-self-sm-auto { -ms-flex-item-align:auto !important; align-self:auto !important; } .align-self-sm-start { -ms-flex-item-align:start !important; align-self:flex-start !important; } .align-self-sm-end { -ms-flex-item-align:end !important; align-self:flex-end !important; } .align-self-sm-center { -ms-flex-item-align:center !important; align-self:center !important; } .align-self-sm-baseline { -ms-flex-item-align:baseline !important; align-self:baseline !important; } .align-self-sm-stretch { -ms-flex-item-align:stretch !important; align-self:stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction:row !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; flex-direction:row !important; } .flex-md-column { -ms-flex-direction:column !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; flex-direction:column !important; } .flex-md-row-reverse { -ms-flex-direction:row-reverse !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:reverse !important; flex-direction:row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction:column-reverse !important; -webkit-box-orient:vertical !important; -webkit-box-direction:reverse !important; flex-direction:column-reverse !important; } .flex-md-wrap { -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; } .flex-md-nowrap { -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap:wrap-reverse !important; flex-wrap:wrap-reverse !important; } .justify-content-md-start { -ms-flex-pack:start !important; -webkit-box-pack:start !important; justify-content:flex-start !important; } .justify-content-md-end { -ms-flex-pack:end !important; -webkit-box-pack:end !important; justify-content:flex-end !important; } .justify-content-md-center { -ms-flex-pack:center !important; -webkit-box-pack:center !important; justify-content:center !important; } .justify-content-md-between { -ms-flex-pack:justify !important; -webkit-box-pack:justify !important; justify-content:space-between !important; } .justify-content-md-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; } .align-items-md-start { -ms-flex-align:start !important; -webkit-box-align:start !important; align-items:flex-start !important; } .align-items-md-end { -ms-flex-align:end !important; -webkit-box-align:end !important; align-items:flex-end !important; } .align-items-md-center { -ms-flex-align:center !important; -webkit-box-align:center !important; align-items:center !important; } .align-items-md-baseline { -ms-flex-align:baseline !important; -webkit-box-align:baseline !important; align-items:baseline !important; } .align-items-md-stretch { -ms-flex-align:stretch !important; -webkit-box-align:stretch !important; align-items:stretch !important; } .align-content-md-start { -ms-flex-line-pack:start !important; align-content:flex-start !important; } .align-content-md-end { -ms-flex-line-pack:end !important; align-content:flex-end !important; } .align-content-md-center { -ms-flex-line-pack:center !important; align-content:center !important; } .align-content-md-between { -ms-flex-line-pack:justify !important; align-content:space-between !important; } .align-content-md-around { -ms-flex-line-pack:distribute !important; align-content:space-around !important; } .align-content-md-stretch { -ms-flex-line-pack:stretch !important; align-content:stretch !important; } .align-self-md-auto { -ms-flex-item-align:auto !important; align-self:auto !important; } .align-self-md-start { -ms-flex-item-align:start !important; align-self:flex-start !important; } .align-self-md-end { -ms-flex-item-align:end !important; align-self:flex-end !important; } .align-self-md-center { -ms-flex-item-align:center !important; align-self:center !important; } .align-self-md-baseline { -ms-flex-item-align:baseline !important; align-self:baseline !important; } .align-self-md-stretch { -ms-flex-item-align:stretch !important; align-self:stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -ms-flex-direction:row !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; flex-direction:row !important; } .flex-lg-column { -ms-flex-direction:column !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; flex-direction:column !important; } .flex-lg-row-reverse { -ms-flex-direction:row-reverse !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:reverse !important; flex-direction:row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction:column-reverse !important; -webkit-box-orient:vertical !important; -webkit-box-direction:reverse !important; flex-direction:column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; } .flex-lg-nowrap { -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap:wrap-reverse !important; flex-wrap:wrap-reverse !important; } .justify-content-lg-start { -ms-flex-pack:start !important; -webkit-box-pack:start !important; justify-content:flex-start !important; } .justify-content-lg-end { -ms-flex-pack:end !important; -webkit-box-pack:end !important; justify-content:flex-end !important; } .justify-content-lg-center { -ms-flex-pack:center !important; -webkit-box-pack:center !important; justify-content:center !important; } .justify-content-lg-between { -ms-flex-pack:justify !important; -webkit-box-pack:justify !important; justify-content:space-between !important; } .justify-content-lg-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; } .align-items-lg-start { -ms-flex-align:start !important; -webkit-box-align:start !important; align-items:flex-start !important; } .align-items-lg-end { -ms-flex-align:end !important; -webkit-box-align:end !important; align-items:flex-end !important; } .align-items-lg-center { -ms-flex-align:center !important; -webkit-box-align:center !important; align-items:center !important; } .align-items-lg-baseline { -ms-flex-align:baseline !important; -webkit-box-align:baseline !important; align-items:baseline !important; } .align-items-lg-stretch { -ms-flex-align:stretch !important; -webkit-box-align:stretch !important; align-items:stretch !important; } .align-content-lg-start { -ms-flex-line-pack:start !important; align-content:flex-start !important; } .align-content-lg-end { -ms-flex-line-pack:end !important; align-content:flex-end !important; } .align-content-lg-center { -ms-flex-line-pack:center !important; align-content:center !important; } .align-content-lg-between { -ms-flex-line-pack:justify !important; align-content:space-between !important; } .align-content-lg-around { -ms-flex-line-pack:distribute !important; align-content:space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack:stretch !important; align-content:stretch !important; } .align-self-lg-auto { -ms-flex-item-align:auto !important; align-self:auto !important; } .align-self-lg-start { -ms-flex-item-align:start !important; align-self:flex-start !important; } .align-self-lg-end { -ms-flex-item-align:end !important; align-self:flex-end !important; } .align-self-lg-center { -ms-flex-item-align:center !important; align-self:center !important; } .align-self-lg-baseline { -ms-flex-item-align:baseline !important; align-self:baseline !important; } .align-self-lg-stretch { -ms-flex-item-align:stretch !important; align-self:stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -ms-flex-direction:row !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:normal !important; flex-direction:row !important; } .flex-xl-column { -ms-flex-direction:column !important; -webkit-box-orient:vertical !important; -webkit-box-direction:normal !important; flex-direction:column !important; } .flex-xl-row-reverse { -ms-flex-direction:row-reverse !important; -webkit-box-orient:horizontal !important; -webkit-box-direction:reverse !important; flex-direction:row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction:column-reverse !important; -webkit-box-orient:vertical !important; -webkit-box-direction:reverse !important; flex-direction:column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap:wrap !important; flex-wrap:wrap !important; } .flex-xl-nowrap { -ms-flex-wrap:nowrap !important; flex-wrap:nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap:wrap-reverse !important; flex-wrap:wrap-reverse !important; } .justify-content-xl-start { -ms-flex-pack:start !important; -webkit-box-pack:start !important; justify-content:flex-start !important; } .justify-content-xl-end { -ms-flex-pack:end !important; -webkit-box-pack:end !important; justify-content:flex-end !important; } .justify-content-xl-center { -ms-flex-pack:center !important; -webkit-box-pack:center !important; justify-content:center !important; } .justify-content-xl-between { -ms-flex-pack:justify !important; -webkit-box-pack:justify !important; justify-content:space-between !important; } .justify-content-xl-around { -ms-flex-pack:distribute !important; justify-content:space-around !important; } .align-items-xl-start { -ms-flex-align:start !important; -webkit-box-align:start !important; align-items:flex-start !important; } .align-items-xl-end { -ms-flex-align:end !important; -webkit-box-align:end !important; align-items:flex-end !important; } .align-items-xl-center { -ms-flex-align:center !important; -webkit-box-align:center !important; align-items:center !important; } .align-items-xl-baseline { -ms-flex-align:baseline !important; -webkit-box-align:baseline !important; align-items:baseline !important; } .align-items-xl-stretch { -ms-flex-align:stretch !important; -webkit-box-align:stretch !important; align-items:stretch !important; } .align-content-xl-start { -ms-flex-line-pack:start !important; align-content:flex-start !important; } .align-content-xl-end { -ms-flex-line-pack:end !important; align-content:flex-end !important; } .align-content-xl-center { -ms-flex-line-pack:center !important; align-content:center !important; } .align-content-xl-between { -ms-flex-line-pack:justify !important; align-content:space-between !important; } .align-content-xl-around { -ms-flex-line-pack:distribute !important; align-content:space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack:stretch !important; align-content:stretch !important; } .align-self-xl-auto { -ms-flex-item-align:auto !important; align-self:auto !important; } .align-self-xl-start { -ms-flex-item-align:start !important; align-self:flex-start !important; } .align-self-xl-end { -ms-flex-item-align:end !important; align-self:flex-end !important; } .align-self-xl-center { -ms-flex-item-align:center !important; align-self:center !important; } .align-self-xl-baseline { -ms-flex-item-align:baseline !important; align-self:baseline !important; } .align-self-xl-stretch { -ms-flex-item-align:stretch !important; align-self:stretch !important; } } body { font-family:"Proxima N W01 Reg", sans-serif; font-weight:400; font-size:1.0625rem; line-height:1.52947; } a { color:#000; -webkit-transition:color 0.2s ease-in-out; transition:color 0.2s ease-in-out; cursor:pointer; } a:hover { color:#000; text-decoration:none; } @media not all and (hover: none), (-ms-high-contrast: none) { a:hover { color:#888E9B; text-decoration:none; } } strong { font-family:"Proxima N W01 Xbold", sans-serif; font-weight:800; } h1,h2,h3,h4,h5,h6 { font-family:"Proxima N W01 Xbold", sans-serif; font-weight:800; color:#000; letter-spacing:0.025em; margin:0 0 0.4em 0; position:relative; } h1.large { font-size:3rem; line-height:1.08365; } @media (min-width: 768px) { h1.large { font-size:4rem; line-height:1.0625; } } @media (min-width: 1200px) { h1.large { font-size:5rem; line-height:1.05; } } h1,h2.large { font-size:2rem; line-height:1.125; } @media (min-width: 768px) { h1,h2.large { font-size:2.75rem; line-height:1.09091; } } @media (min-width: 1200px) { h1,h2.large { font-size:3.5rem; line-height:1.07143; } } h2 { font-size:1.75rem; line-height:1.1073; } @media (min-width: 768px) { h2 { font-size:2.125rem; line-height:1.08824; } } @media (min-width: 1200px) { h2 { font-size:2.5rem; line-height:1.05; } } h3 { font-size:1.1875rem; line-height:1.42115; } @media (min-width: 768px) { h3 { font-size:1.5rem; line-height:1.16667; } } @media (min-width: 1200px) { h3 { font-size:1.6875rem; line-height:1.14815; } } p,ol,ul { font-family:"Proxima N W01 Reg", sans-serif; font-weight:400; color:#5C5B6D; font-size:1.0625rem; position:relative; } p a,ol a,ul a { color:#00D4F0; } @media not all and (hover: none), (-ms-high-contrast: none) { p a:hover,ol a:hover,ul a:hover { color:#5ae5ff; } } li { position:relative; } p { margin:0 0 1em 0; font-size:1.0625rem; line-height:1.52947; } p.large { font-size:19px; line-height:1.42115; margin:0 0 1em 0; } @media (min-width: 768px) { p.large { font-size:1.3125rem; line-height:1.38105; } } @media (min-width: 1200px) { p.large { font-size:1.4375rem; line-height:1.34783; } } .dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6 { color:#fff; } .dark p,.dark ol,.dark ul { color:#EFF0F2; } .SiteFooter { font-family:"Proxima N W01 Reg", sans-serif; font-weight:400; } .SiteFooter h1,.SiteFooter h2,.SiteFooter h3,.SiteFooter h4,.SiteFooter h5,.SiteFooter h6 { color:#EFF0F2; } .SiteFooter p,.SiteFooter ol,.SiteFooter ul,.SiteFooter a { color:#888E9B; } @media not all and (hover: none), (-ms-high-contrast: none) { .SiteFooter a:hover { color:#EFF0F2; } } .SiteFooter ul { list-style:none; margin:0px; padding:0px; } .TextLink { font-family:"Proxima N W01 Smbd", sans-serif; font-weight:700; font-size:13px; letter-spacing:0.2em; text-transform:uppercase; color:#00D4F0; position:relative; } .TextLink:after { content:""; display:block; background:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/svg/right-arrow-blue.svg) center center no-repeat; width:8px; height:9px; position:absolute; right:-12px; top:5px; -webkit-transition:right 0.2s ease-in-out; transition:right 0.2s ease-in-out; } @media not all and (hover: none), (-ms-high-contrast: none) { .TextLink:hover { color:#1B1B1B; } .TextLink:hover:after { right:-15px; } } .CTALink { font-family:"Proxima N W01 Smbd", sans-serif; font-weight:700; display:block; font-size:.8125rem; margin:25px auto; border-radius:4px; border-width:2px; line-height:1em; padding:11px 35px; border-style:solid; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); text-transform:capitalize; color:#5C5B6D; text-align:center; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transition:opacity 0.35s 0.4s ease,background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out,-webkit-transform 0.35s 0.4s ease,-webkit-box-shadow 0.2s ease-in-out !important; transition:opacity 0.35s 0.4s ease,background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out,-webkit-transform 0.35s 0.4s ease,-webkit-box-shadow 0.2s ease-in-out !important; transition:opacity 0.35s 0.4s ease,transform 0.35s 0.4s ease,background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out,box-shadow 0.2s ease-in-out !important; transition:opacity 0.35s 0.4s ease,transform 0.35s 0.4s ease,background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,-webkit-transform 0.35s 0.4s ease,-webkit-box-shadow 0.2s ease-in-out !important; max-width:220px; cursor:pointer; } .CTALink--whiteOutline { color:#EFF0F2; border-color:#EFF0F2; } .CTALink--greyOutline { color:#1B1B1B; border-color:#1B1B1B; } .CTALink--blueSolid { color:#fff; border-color:transparent; background:#00D4F0; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); } .CTALink--blueSolid:hover { background:#5ae5ff; color:#1B1B1B; } .CTALink--blueSolid:active { background:#5abdd8; color:#1B1B1B; } .CTALink--paired { display:block; text-align:center; margin:25px 0; -webkit-box-flex:1; -ms-flex:1; flex:1; } .CTALink--pairedWrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; } .CTALink--pairedWrap .wistia_embed:nth-child(1),.CTALink--pairedWrap a:nth-child(1) { margin-right:25px; } .CTALink--pairedWrap .wistia_embed a { width:100%; margin:0; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } @media (max-width: 576px) { .CTALink--pairedWrap .wistia_embed a { min-height:62px; } .CTALink--pairedWrap .wistia_embed a span { height:100%; } } .CTALink--pairedWrap>.CTALink--paired { margin:0; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } @media (max-width: 576px) { .CTALink--pairedWrap>.CTALink--paired { min-height:62px; } .CTALink--pairedWrap>.CTALink--paired span { height:100%; } } .CTALink--large { font-size:1.375rem; max-width:260px; } .CTALink--skillLink,.CTALink--techLink { font-family:"Proxima N W01 Reg", sans-serif; font-weight:400; padding:30px 10px; display:block; width:100%; margin-bottom:35px; background:#fff; border-width:0px; max-width:none; font-size:1.125rem; text-transform:none; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; } @media (min-width: 768px) { .CTALink--skillLink,.CTALink--techLink { -webkit-box-flex:0; -ms-flex:none; flex:none; font-size:1.5rem; } } @media not all and (hover: none), (-ms-high-contrast: none) { .CTALink:hover { -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); } .CTALink:active { -webkit-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; } .CTALink--whiteOutline:hover { color:#1B1B1B; border-color:#EFF0F2; background:#EFF0F2; } .CTALink--whiteOutline:active { color:#000; border-color:#fff; background-color:#fff; } .CTALink--greyOutline:hover { color:#EFF0F2; border-color:#1B1B1B; background-color:#1B1B1B; } .CTALink--greyOutline:active { color:#fff; border-color:#000; background-color:#000; } .CTALink--skillLink:hover,.CTALink--techLink:hover { color:#EFF0F2; background:#1B1B1B; } .CTALink--skillLink:active,.CTALink--techLink:active { color:#fff; background:#000; } } html { max-width:100%; overflow-x:hidden; } body { background:#1B1B1B; overflow-x:hidden; width:100%; max-width:100%; position:relative; } section { width:100%; max-width:100%; display:block; clear:both; background:#fafafa; padding:50px 0px; position:relative; } @media (min-width: 768px) { section { padding:75px 0px; } } @media (min-width: 992px) { section { padding:100px 0px; } } @media (min-width: 1200px) { section { padding:125px 0px; } } section:first-of-type { margin-top:65px; } body.show-promo-bar section:first-of-type { padding:105px 0px 75px 0; } @media (min-width: 768px) { body.show-promo-bar section:first-of-type { padding:118px 0px 75px 0; } } @media (min-width: 992px) { body.show-promo-bar section:first-of-type { padding:144px 0px 100px 0; } } @media (min-width: 1200px) { body.show-promo-bar section:first-of-type { padding:168px 0px 125px 0; } } .SectionSpacer { width:100%; display:block; clear:both; background:#fafafa; position:relative; height:50px; } @media (min-width: 768px) { .SectionSpacer { height:75px; } } @media (min-width: 992px) { .SectionSpacer { height:100px; } } @media (min-width: 1200px) { .SectionSpacer { height:125px; } } .dark { background:#1B1B1B; } .row { margin-bottom:0px; } @media (min-width: 768px) { .row { margin-bottom:64px; } } @media (min-width: 1200px) { .row { margin-bottom:80px; } } img,picture { width:100%; display:block; margin-bottom:25px; } .FadeElement,.FadeElementAlt { opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:opacity 0.35s ease, -webkit-filter 0.35s ease, -webkit-transform 0.35s ease; transition:opacity 0.35s ease, -webkit-filter 0.35s ease, -webkit-transform 0.35s ease; transition:filter 0.35s ease, opacity 0.35s ease, transform 0.35s ease; transition:filter 0.35s ease, opacity 0.35s ease, transform 0.35s ease, -webkit-filter 0.35s ease, -webkit-transform 0.35s ease; will-change:transform, opacity; } .FadeElement--hidden,.FadeElementAlt--hidden { opacity:0; -webkit-transform:translateY(35px); transform:translateY(35px); } .FadeElementAlt { -webkit-transition:opacity 0.35s 0.2s ease, -webkit-filter 0.35s 0.2s ease, -webkit-transform 0.35s 0.2s ease; transition:opacity 0.35s 0.2s ease, -webkit-filter 0.35s 0.2s ease, -webkit-transform 0.35s 0.2s ease; transition:filter 0.35s 0.2s ease, opacity 0.35s 0.2s ease, transform 0.35s 0.2s ease; transition:filter 0.35s 0.2s ease, opacity 0.35s 0.2s ease, transform 0.35s 0.2s ease, -webkit-filter 0.35s 0.2s ease, -webkit-transform 0.35s 0.2s ease; } .FadeElementAltWrap>:nth-child(1),.FadeElementAltWrap>:nth-child(2),.FadeElementAltWrap>:nth-child(3),.FadeElementAltWrap>:nth-child(4),.FadeElementAltWrap>:nth-child(5),.FadeElementAltWrap>:nth-child(6) { opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:opacity 0.35s ease, -webkit-transform 0.35s ease; transition:opacity 0.35s ease, -webkit-transform 0.35s ease; transition:opacity 0.35s ease, transform 0.35s ease; transition:opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease; will-change:transform, opacity; } .FadeElementAltWrap>:nth-child(1).FadeElementAltWrap--hidden,.FadeElementAltWrap>:nth-child(2).FadeElementAltWrap--hidden,.FadeElementAltWrap>:nth-child(3).FadeElementAltWrap--hidden,.FadeElementAltWrap>:nth-child(4).FadeElementAltWrap--hidden,.FadeElementAltWrap>:nth-child(5).FadeElementAltWrap--hidden,.FadeElementAltWrap>:nth-child(6).FadeElementAltWrap--hidden { opacity:0; -webkit-transform:translateY(35px); transform:translateY(35px); } .FadeElementAltWrap>:nth-child(1) { -webkit-transition-delay:0.2s; transition-delay:0.2s; } .FadeElementAltWrap>:nth-child(2),.FadeElementAltWrap>:nth-child(3),.FadeElementAltWrap>:nth-child(4),.FadeElementAltWrap>:nth-child(5),.FadeElementAltWrap>:nth-child(6) { -webkit-transition-delay:0.4s; transition-delay:0.4s; } .ShadowWrap { width:100%; display:block; padding:0 0 25px 0; background:#fff; } .ShadowWrap--ShadowWrapMobile { padding:25px; -webkit-box-shadow:0 2px 16px 0 rgba(0,0,0,0.1); box-shadow:0 2px 16px 0 rgba(0,0,0,0.1); border-radius:10px; } .ShadowWrap--ShadowWrapTransparent { background:rgba(255,255,255,0.5); } @media (min-width: 768px) { .ShadowWrap { padding:50px; -webkit-box-shadow:0 2px 16px 0 rgba(0,0,0,0.1); box-shadow:0 2px 16px 0 rgba(0,0,0,0.1); border-radius:10px; } } @media (min-width: 992px) { .ShadowWrap { padding:80px; } } .SemiTransparentWrap { padding:25px; border-radius:15px; background:rgba(250,250,250,0.1); } .SemiTransparentWrap p { margin-bottom:0px; } @media (min-width: 576px) { .SemiTransparentWrap { padding:50px; } } @media (min-width: 768px) { .SemiTransparentWrap { padding:75px; } } img.blur-up { -webkit-filter:blur(5px); filter:blur(5px); -webkit-transition:-webkit-filter 0.2s ease-in-out; transition:-webkit-filter 0.2s ease-in-out; transition:filter 0.2s ease-in-out; transition:filter 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out; will-change:filter; } img.blur-up.lazyloaded { -webkit-filter:blur(0); filter:blur(0); } .VideoLink { position:relative; display:block; border-radius:4px; overflow:hidden; margin-bottom:25px; } .VideoLink picture,.VideoLink img { margin-bottom:0px; } @media not all and (hover: none), (-ms-high-contrast: none) { .VideoLink:hover .VideoLink__playIcon { -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); background:#00D4F0; } .VideoLink:hover .VideoLink__playIcon svg path { fill:#fff; } } .VideoLink__playIcon { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:19%; height:21%; border-radius:4px; background:rgba(255,255,255,0.5); -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); } .VideoLink__playIcon svg { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:50%; max-height:50%; } .VideoLink__playIcon svg path { -webkit-transition:fill 0.2s ease-in-out; transition:fill 0.2s ease-in-out; } .swiper-button-prev,.swiper-button-next { position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:-20px; display:block; margin-top:0px; width:13px; height:20px; background:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/svg/left-arrow-metro-light.svg); background-size:cover; } @media (min-width: 768px) { .swiper-button-prev,.swiper-button-next { display:none; } } .swiper-button-next { left:auto; right:-20px; background:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/svg/right-arrow-metro-light.svg); } .swiper-pagination-bullet { background:#B5B5B5; margin-right:10px; } .swiper-pagination-bullet:last-child { margin-right:0px; } .swiper-pagination-bullet-active { background:#00D4F0; } @media (min-width: 992px) { .TextWideImage .row { min-height:425px; } } .TextWideImage .row:nth-child(1) { min-height:0px; } .TextWideImage div[class^="col-"],.TextWideImage div[class*=" col-"] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .TextWideImage .ShadowWrap { padding:50px; -webkit-box-flex:1; -ms-flex:1; flex:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .TextWideImage .ShadowWrap p { margin-bottom:0px; } .TextWideImage__imageWrap { display:block; overflow:hidden; height:100%; border-radius:10px; position:relative; } @media (min-width: 768px) { .TextWideImage__imageWrap picture,.TextWideImage__imageWrap img { margin:0; min-width:100%; min-height:100%; width:auto; height:auto; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } } .TripleVideoWrap { width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; clear:both; background:#EFF0F2; padding:10px 5px 0px 5px; } @media (min-width: 768px) { .TripleVideoWrap { padding:10px 5px; } } .TripleVideoWrap picture,.TripleVideoWrap img { margin-bottom:0px; } .TripleVideoWrap .row { margin-bottom:0px; } .TripleVideoWrap .row>div { margin-bottom:10px; } .TripleVideoWrap .row>:nth-child(1) { padding-left:5px; padding-right:5px; } .TripleVideoWrap .row>:nth-child(2) { padding-left:5px; padding-right:5px; } .TripleVideoWrap .row>:nth-child(3) { padding-left:5px; padding-right:5px; } @media (min-width: 768px) { .TripleVideoWrap .row>div { margin-bottom:0px; } } .TripleVideoWrap__playIcon { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:19%; height:21%; border-radius:4px; background:rgba(255,255,255,0.5); -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); } .TripleVideoWrap__playIcon svg { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:50%; max-height:50%; } .TripleVideoWrap__playIcon svg path { -webkit-transition:fill 0.2s ease-in-out; transition:fill 0.2s ease-in-out; } .TripleVideoWrap__videoLink { position:relative; display:block; border-radius:4px; overflow:hidden; } @media not all and (hover: none), (-ms-high-contrast: none) { .TripleVideoWrap__videoLink:hover .TripleVideoWrap__playIcon { -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); background:#00D4F0; } .TripleVideoWrap__videoLink:hover .TripleVideoWrap__playIcon svg path { fill:#fff; } } .LargeBgTextOverlayLeft,.LargeBgTextOverlayRight { overflow:hidden; position:relative; padding-top:250px; } @media (min-width: 768px) { .LargeBgTextOverlayLeft,.LargeBgTextOverlayRight { padding-top:75px; } } @media (min-width: 992px) { .LargeBgTextOverlayLeft,.LargeBgTextOverlayRight { padding-top:100px; } } @media (min-width: 1200px) { .LargeBgTextOverlayLeft,.LargeBgTextOverlayRight { padding-top:125px; } } .LargeBgTextOverlayLeft .container,.LargeBgTextOverlayRight .container { position:relative; } .LargeBgTextOverlayLeft .ShadowWrap,.LargeBgTextOverlayRight .ShadowWrap { padding-top:25px; border-radius:0 0 10px 10px; } @media (min-width: 768px) { .LargeBgTextOverlayLeft .ShadowWrap,.LargeBgTextOverlayRight .ShadowWrap { padding-top:175px; border-radius:10px; } } .LargeBgTextOverlayLeft__backgroundImage,.LargeBgTextOverlayRight__backgroundImage { border-radius:10px 10px 0 0; width:calc(100% - 30px); position:absolute; overflow:hidden; top:-250px; display:block; } .LargeBgTextOverlayLeft__backgroundImage picture,.LargeBgTextOverlayLeft__backgroundImage img,.LargeBgTextOverlayRight__backgroundImage picture,.LargeBgTextOverlayRight__backgroundImage img { margin:0; width:100%; max-width:100%; } .LargeBgTextOverlayLeft__icon,.LargeBgTextOverlayRight__icon { width:50px; height:50px; margin:0 auto 15px auto; padding:10px; border-radius:100%; background:#00D4F0; position:relative; display:block; } .LargeBgTextOverlayLeft__icon svg,.LargeBgTextOverlayRight__icon svg { width:60%; height:60%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:block; } .LargeBgTextOverlayLeft__icon svg path,.LargeBgTextOverlayRight__icon svg path { fill:#fff; } @media (min-width: 768px) { .LargeBgTextOverlayLeft__icon,.LargeBgTextOverlayRight__icon { width:76px; height:76px; margin:0 auto 50px auto; position:absolute; left:50%; top:75px; -webkit-transform:translateX(-50%); transform:translateX(-50%); } } @media (min-width: 768px) { .LargeBgTextOverlayLeft__backgroundImage { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:33%; width:125%; max-height:calc(100% + 150px); border-radius:10px; } } @media (min-width: 992px) { .LargeBgTextOverlayLeft__backgroundImage { width:102%; left:25%; max-height:calc(100% + 200px); } } @media (min-width: 1200px) { .LargeBgTextOverlayLeft__backgroundImage { width:102%; left:21%; max-height:calc(100% + 250px); } } @media (min-width: 768px) { .LargeBgTextOverlayRight__backgroundImage { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:29%; width:125%; max-height:calc(100% + 150px); border-radius:10px; } } @media (min-width: 992px) { .LargeBgTextOverlayRight__backgroundImage { width:102%; right:25%; max-height:calc(100% + 200px); } } @media (min-width: 1200px) { .LargeBgTextOverlayRight__backgroundImage { width:102%; right:20.5%; max-height:calc(100% + 250px); } } textarea,input,button { border:none; outline:none; outline-color:transparent; outline-style:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-shadow:none; box-shadow:none; } input[type=text],input[type=email],input[type=password] { display:block; -webkit-box-flex:1; -ms-flex:1; flex:1; border-radius:4px; border:none; -webkit-box-shadow:inset 0 0 0 2px #d3d1d1; box-shadow:inset 0 0 0 2px #d3d1d1; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; width:100%; margin-bottom:25px; } @media (min-width: 576px) { input[type=text],input[type=email],input[type=password] { margin-bottom:0px; } } input[type=text]:active,input[type=text]:focus,input[type=email]:active,input[type=email]:focus,input[type=password]:active,input[type=password]:focus { -webkit-box-shadow:inset 0 0 0 2px #00d4f0; box-shadow:inset 0 0 0 2px #00d4f0; } input[type=checkbox] { -webkit-appearance:checkbox; } input[type=radio] { -webkit-appearance:radio; } .SubmitButton { font-family:"Proxima N W01 Smbd", sans-serif; font-weight:700; display:block; font-size:.8125rem; border-radius:4px; line-height:1em; padding:11px 35px; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); box-shadow:0 2px 5px 0 rgba(0,0,0,0.26); text-transform:capitalize; color:#EFF0F2; text-align:center; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transition:opacity 0.35s 0.4s ease,background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out,-webkit-transform 0.35s 0.4s ease,-webkit-box-shadow 0.2s ease-in-out !important; transition:opacity 0.35s 0.4s ease,background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out,-webkit-transform 0.35s 0.4s ease,-webkit-box-shadow 0.2s ease-in-out !important; transition:opacity 0.35s 0.4s ease,transform 0.35s 0.4s ease,background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out,box-shadow 0.2s ease-in-out !important; transition:opacity 0.35s 0.4s ease,transform 0.35s 0.4s ease,background 0.2s ease-in-out,border 0.2s ease-in-out,color 0.2s ease-in-out,box-shadow 0.2s ease-in-out,-webkit-transform 0.35s 0.4s ease,-webkit-box-shadow 0.2s ease-in-out !important; max-width:170px; margin:0 auto; background:#00D4F0; cursor:pointer; } @media (min-width: 576px) { .SubmitButton { -webkit-box-flex:1; -ms-flex:1; flex:1; } } @media not all and (hover: none), (-ms-high-contrast: none) { .SubmitButton--blue:hover { color:#1B1B1B; background:#5ae5ff; -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); box-shadow:0 5px 15px 0 rgba(0,0,0,0.2); } .SubmitButton--blue:active { color:#000; background-color:#5abdd8; } } .SubscribeForm,.hbspt-form { display:block; margin:50px auto 17px auto; } .SubscribeForm__email,.hbspt-form__email { margin-right:15px; padding:4px 10px; } .SubscribeForm__notification,.hbspt-form__notification { width:100%; min-width:100%; display:block; clear:both; font-family:"Proxima N W01 Reg", sans-serif; font-weight:400; font-size:1.125rem; } .SubscribeForm .row,.hbspt-form .row { margin-bottom:0px; } @media (min-width: 576px) { .SubscribeForm,.hbspt-form { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; } } @media (min-width: 768px) { .SubscribeForm,.hbspt-form { width:80%; } } .SubscribeForm--success .SubscribeForm__email,.hbspt-form--success .SubscribeForm__email { -webkit-box-shadow:inset 0 0 0 2px #2bf268; box-shadow:inset 0 0 0 2px #2bf268; } .SubscribeForm--success .SubscribeForm__notification,.hbspt-form--success .SubscribeForm__notification { color:#2bf268; } .SubscribeForm--error .SubscribeForm__email,.hbspt-form--error .SubscribeForm__email { -webkit-box-shadow:inset 0 0 0 2px #f22b68; box-shadow:inset 0 0 0 2px #f22b68; } .SubscribeForm--error .SubscribeForm__notification,.hbspt-form--error .SubscribeForm__notification { color:#F22B68; } .SiteHeader__wrap { position:fixed; display:block; clear:both; z-index:9999; top:0px; left:0px; width:100%; } .PromoBar { width:100%; display:block; padding:9px 45px 8px 12px; text-align:center; background:#00D4F0; color:#1B1B1B; will-change:background, height, padding; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; line-height:1.2em; position:relative; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:.90625rem; height:53px; } @media (min-width: 768px) { .PromoBar { height:36px; padding-right:15px; font-size:1.0625rem; } } @media not all and (hover: none), (-ms-high-contrast: none) { .PromoBar:hover { color:#1B1B1B; background:#5ae5ff; } } .PromoBar--dismissed,.PromoBar--hidden { height:0px; padding-top:0px; padding-bottom:0px; } .PromoBar__dismiss { position:absolute; top:50%; right:0px; padding:14px; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:44px; height:44px; z-index:1; opacity:0.7; will-change:opacity; -webkit-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out; } @media not all and (hover: none), (-ms-high-contrast: none) { .PromoBar__dismiss:hover { opacity:1; } } .PromoBar__dismiss svg { width:100%; } .PromoBar__dismiss svg path { color:#1B1B1B; } .SiteHeader { width:100%; background:#1B1B1B; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; z-index:1000; position:relative; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out; } @media (min-width: 768px) { .SiteHeader { background:#1B1B1B; } } .SiteHeader__homeLink { display:block; float:left; -webkit-transition:margin 0.2s ease-in-out; transition:margin 0.2s ease-in-out; margin:12px 12px; } @media (min-width: 768px) { .SiteHeader__homeLink { margin:22px; } } .SiteHeader__homeH1 { margin:0; } .SiteHeader__logoSVG { display:block; height:35px; width:auto; margin-right:25px; margin-bottom:0px; } .SiteHeader__logoSVG path,.SiteHeader__logoSVG rect { -webkit-transition:fill 0.2s ease-in-out; transition:fill 0.2s ease-in-out; fill:#fff; } @media (min-width: 768px) { .SiteHeader__logoSVG path,.SiteHeader__logoSVG rect { fill:#fff; } } .SiteHeader__navigation { width:calc(100% - 87.7666666577px); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .SiteHeader__siteNav { list-style:none; margin:0; position:absolute; top:100%; left:0; right:0; background:rgba(0,0,0,0.9); max-height:0px; -webkit-transition:max-height 0.4s ease-in-out, margin 0.2s ease-in-out; transition:max-height 0.4s ease-in-out, margin 0.2s ease-in-out; overflow:hidden; padding:0 22px; } .SiteHeader__siteNav li { display:block; width:100%; clear:both; opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px); -webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition:opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out; transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .SiteHeader__siteNav li:first-child { margin-top:22px; } .SiteHeader__siteNav li:last-child { margin-bottom:22px; } .SiteHeader__siteNav li:nth-child(1) { -webkit-transition-delay:0.2s; transition-delay:0.2s; } .SiteHeader__siteNav li:nth-child(2) { -webkit-transition-delay:0.15s; transition-delay:0.15s; } .SiteHeader__siteNav li:nth-child(3) { -webkit-transition-delay:0.1s; transition-delay:0.1s; } .SiteHeader__siteNav li:nth-child(4) { -webkit-transition-delay:0.05s; transition-delay:0.05s; } .SiteHeader__siteNav li:nth-child(5) { -webkit-transition-delay:0.0s; transition-delay:0.0s; } .SiteHeader__siteNav li a { font-family:"Proxima N W01 Smbd", sans-serif; font-weight:700; color:#EFF0F2; width:100%; display:block; text-align:right; font-size:2rem; padding-top:5px; padding-bottom:4px; } @media (min-width: 768px) { .SiteHeader__siteNav li a { color:#EFF0F2; } } @media (min-width: 768px) { .SiteHeader__siteNav { position:relative; top:auto; left:auto; right:auto; background:transparent; max-height:35px; margin:22px 0px 22px 0px; padding:0px; } .SiteHeader__siteNav li { display:inline-block; margin:0 27px; width:auto; opacity:1; -webkit-transform:translateX(0px); transform:translateX(0px); } .SiteHeader__siteNav li:first-child { margin-top:0px; } .SiteHeader__siteNav li:last-child { margin-bottom:0px; } .SiteHeader__siteNav li:nth-child(1),.SiteHeader__siteNav li:nth-child(2),.SiteHeader__siteNav li:nth-child(3),.SiteHeader__siteNav li:nth-child(4) { -webkit-transition-delay:0s; transition-delay:0s; } .SiteHeader__siteNav li a { text-align:center; font-size:1.0625rem; } } @media not all and (min-width: 768px) and (hover: none), (min-width: 768px) and (-ms-high-contrast: none) { .SiteHeader__siteNav li a:hover { color:#888E9B; } } @media (min-width: 992px) { .SiteHeader__siteNav li { margin:0 40px; } } .SiteHeader__buyLink { font-family:"Proxima N W01 Smbd", sans-serif; font-weight:700; color:#EFF0F2; -webkit-transition:color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; transition:color 0.2s ease-in-out, background 0.2s ease-in-out, padding 0.2s ease-in-out; margin:0 12px 0 12px; background:#00D4F0; padding:9px; border-radius:4px; white-space:nowrap; font-size:12px; } .SiteHeader__buyLink:hover { color:#EFF0F2; } @media (min-width: 576px) { .SiteHeader__buyLink { padding:10px 22px; font-size:17px; } } @media (min-width: 768px) { .SiteHeader__buyLink { padding:10px 22px; margin:0 22px 0 22px; } .SiteHeader__buyLink:hover { background:#5ae5ff; color:#1B1B1B; } .SiteHeader__buyLink:active { background:#5abdd8; } } .SiteHeader__hamburger { -webkit-box-flex:1; -ms-flex:1; flex:1; width:35px; height:35px; max-width:35px; position:relative; display:block; background:#1B1B1B; border-radius:2px; border:2px solid #5C5B6D; margin-right:12px; } .SiteHeader__hamburger span { width:calc(100% - 6px); height:2px; background:#888E9B; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:3px; border-radius:2px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .SiteHeader__hamburger span:nth-child(1) { top:25%; -webkit-transform-origin:right center; transform-origin:right center; -webkit-transform:translateY(-50%),scaleX(1); transform:translateY(-50%),scaleX(1); -webkit-transition-delay:0.2s; transition-delay:0.2s; } .SiteHeader__hamburger span:nth-child(2),.SiteHeader__hamburger span:nth-child(3) { -webkit-transform-origin:center center; transform-origin:center center; } .SiteHeader__hamburger span:nth-child(4) { top:76%; -webkit-transform-origin:left center; transform-origin:left center; -webkit-transform:translateY(-50%) scaleX(1); transform:translateY(-50%) scaleX(1); -webkit-transition-delay:0.2s; transition-delay:0.2s; } .SiteHeader__hamburger span:focus { outline:none; } @media (min-width: 768px) { .SiteHeader__hamburger { display:none; } } .SiteHeader--navOpen .SiteHeader__siteNav { max-height:667px; } .SiteHeader--navOpen .SiteHeader__siteNav li { opacity:1; -webkit-transform:translateX(0); transform:translateX(0); } .SiteHeader--navOpen .SiteHeader__siteNav li:nth-child(1) { -webkit-transition-delay:0s; transition-delay:0s; } .SiteHeader--navOpen .SiteHeader__siteNav li:nth-child(2) { -webkit-transition-delay:0.05s; transition-delay:0.05s; } .SiteHeader--navOpen .SiteHeader__siteNav li:nth-child(3) { -webkit-transition-delay:0.10s; transition-delay:0.10s; } .SiteHeader--navOpen .SiteHeader__siteNav li:nth-child(4) { -webkit-transition-delay:0.15s; transition-delay:0.15s; } .SiteHeader--navOpen .SiteHeader__siteNav li:nth-child(4) { -webkit-transition-delay:0.20s; transition-delay:0.20s; } .SiteHeader--navOpen .SiteHeader__hamburger span:nth-child(1) { top:50%; opacity:0; -webkit-transition-delay:0s; transition-delay:0s; } .SiteHeader--navOpen .SiteHeader__hamburger span:nth-child(2) { -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.2s 0.2s ease-in-out; transition:all 0.2s 0.2s ease-in-out; } .SiteHeader--navOpen .SiteHeader__hamburger span:nth-child(3) { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:all 0.2s 0.2s ease-in-out; transition:all 0.2s 0.2s ease-in-out; } .SiteHeader--navOpen .SiteHeader__hamburger span:nth-child(4) { top:50%; opacity:0; -webkit-transition-delay:0s; transition-delay:0s; } .SiteFooter { width:100%; display:block; background:#1B1B1B; } .SiteFooter .row { margin-bottom:0px; } .SiteFooter__primary { padding:30px 15px; } @media (min-width: 768px) { .SiteFooter__primary { padding:60px 15px; } } .SiteFooter__secondaryWrap { background:#000; width:100%; display:block; clear:both; } .SiteFooter__secondary { text-align:center; padding:10px 0; } .SiteFooter__secondary span { display:inline-block; font-size:.8125rem; color:#888E9B; } .SiteFooter__secondary ul { display:inline-block; } .SiteFooter__secondary ul li { display:inline-block; padding:0 5px; margin-right:5px; font-size:.8125rem; } .SiteFooter__secondary ul li:after { content:""; position:absolute; right:-5px; top:20%; height:60%; width:1px; background:#888E9B; } .SiteFooter__secondary ul li:last-child:after { display:none; } .SiteFooter__socialWrap { display:block; width:100%; position:relative; float:left; } .SiteFooter__socialIcon { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; } .SiteFooter__socialIcon { -webkit-box-flex:1; -ms-flex:1; flex:1; padding:12px; border-radius:100%; background:rgba(255,255,255,0.1); display:block; margin-right:20px; width:calc(25% - 15px); max-width:51px; max-height:51px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; position:relative; float:left; } @media (max-width: 767px) { .SiteFooter__socialIcon { width:51px; height:51px; } } .SiteFooter__socialIcon:last-child { margin-right:0px; } .SiteFooter__socialIcon svg { display:block; width:100%; } @media (min-width: 768px) { .SiteFooter__socialIcon svg { width:25px; height:25px; } } .SiteFooter__socialIcon svg path { -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; fill:#EFF0F2; } @media not all and (hover: none), (-ms-high-contrast: none) { .SiteFooter__socialIcon:hover { background:rgba(255,255,255,0.05); } .SiteFooter__socialIcon:hover svg path { fill:#fff; } } #FooterNavOne,#FooterNavTwo,#FooterNavThree,#FooterNavFour { margin-bottom:30px; } .HomeHero { position:relative; background-image:url(jibo-hero-2280px.jpg); height:calc(100vh - 65px); background-position:center center; background-repeat:no-repeat; background-size:cover; } @media (min-width: 181px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } @media (min-width: 361px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } @media (min-width: 571px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } @media (min-width: 721px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } @media (min-width: 1141px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } @media (min-width: 1441px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); padding:193px 0px 150px; } } @media (min-width: 2281px) { .HomeHero { background-image:url(jibo-hero-2280px.jpg); } } .HomeHero.dark p.large { color:#EFF0F2; } @media (max-width: 767px) { .HomeHero.dark p.large { font-family:"Proxima N W01 Smbd", sans-serif; font-weight:700; margin-bottom:2em; } } @media (min-width: 992px) { .HomeHero.dark p.large { font-size:22px; } } .HomeHero .container { position:absolute; bottom:15%; left:50%; -webkit-transform:translate(-50%, 0%); transform:translate(-50%, 0%); } @media (min-width: 768px) { .HomeHero .container { bottom:auto; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } } .HomeHero .row { margin-bottom:0px; } .HomeFeatured { width:100vw; height:calc(100vh - 112px); position:relative; padding:0px; position:relative; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .HomeFeatured__carousel { width:100%; height:100%; } .HomeFeatured .swiper-slide { background-position:center center; background-repeat:no-repeat; background-size:cover; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:100%; } .HomeFeatured .swiper-slide .SemiTransparentWrap { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:opacity 0.3s 0.2s ease-in-out, -webkit-transform 0.3s 0.2s ease-in-out; transition:opacity 0.3s 0.2s ease-in-out, -webkit-transform 0.3s 0.2s ease-in-out; transition:opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out; transition:opacity 0.3s 0.2s ease-in-out, transform 0.3s 0.2s ease-in-out, -webkit-transform 0.3s 0.2s ease-in-out; background:rgba(255,255,255,0.7); -webkit-transform:translateX(-15px); transform:translateX(-15px); opacity:0; } @media (max-width: 767px) { .HomeFeatured .swiper-slide .SemiTransparentWrap { max-width:calc(100% - 30px); } } @media (min-width: 768px) { .HomeFeatured .swiper-slide .SemiTransparentWrap { float:right; width:55%; margin-right:25%; -ms-flex-item-align:end; align-self:flex-end; padding:50px; } } @media (min-width: 992px) { .HomeFeatured .swiper-slide .SemiTransparentWrap { width:40%; margin-right:20%; } } @media (min-width: 1200px) { .HomeFeatured .swiper-slide .SemiTransparentWrap { width:30%; margin-right:15%; } } .HomeFeatured .swiper-slide .SemiTransparentWrap p { color:#1B1B1B; } .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-vertical-180px.jpg); } @media (min-width: 181px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-vertical-360px.jpg); } } @media (min-width: 361px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-vertical-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-vertical-720px.jpg); } } @media (min-width: 571px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-1140px.jpg); } } @media (min-width: 721px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-1440px.jpg); } } @media (min-width: 1141px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-2280px.jpg); } } @media (min-width: 1441px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-2280px.jpg); } } @media (min-width: 2281px) { .HomeFeatured .swiper-slide:nth-child(odd) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/be-a-maker-home-2880px.jpg); } } .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-vertical-180px.jpg); } @media (min-width: 181px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-vertical-360px.jpg); } } @media (min-width: 361px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-vertical-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-vertical-720px.jpg); } } @media (min-width: 571px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-1140px.jpg); } } @media (min-width: 721px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-1440px.jpg); } } @media (min-width: 1141px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-2280px.jpg); } } @media (min-width: 1441px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-2280px.jpg); } } @media (min-width: 2281px) { .HomeFeatured .swiper-slide:nth-child(even) { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-2880px.jpg); } } .HomeFeatured .swiper-slide.swiper-slide-active .SemiTransparentWrap { -webkit-transform:translateX(0px); transform:translateX(0px); opacity:1; } .HomeFeatured__paginationWrap { position:absolute; top:calc(100% - 35px); left:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; z-index:100; } .HomeFeatured__pagination { display:-webkit-box; display:-ms-flexbox; display:flex; width:75px; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .HomeFeatured__pager { -webkit-box-sizing:border-box; box-sizing:border-box; width:33.33333333%; max-width:15px; max-height:15px; display:block; margin:4px; cursor:pointer; } .HomeFeatured__pager--active circle { fill:#5C5B6D; } @media (min-width: 768px) { .HomeFeatured__pager { max-width:20px; max-height:20px; } } .HomeFeatured__pager svg { width:100%; max-width:100%; } .HomeVision { background:#fff url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/svg/jibo-pattern.svg) center center no-repeat; background-size:cover; } .HomeVision .row { margin-bottom:0px; } @media (min-width: 992px) { .HomeVision { padding:135px; } } .HomeVision__jiboLean { position:relative; margin:35px auto; max-width:50%; } @media (min-width: 768px) { .HomeVision__jiboLean { width:100%; max-width:100%; margin:0; } .HomeVision__jiboLean img { margin-bottom:0px; } } .HomeVision__copy { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .HomeVision__copy h2,.HomeVision__copy p { display:block; width:100%; -ms-flex-item-align:center; align-self:center; } .HomeVision__copy h2 img { display:inline-block; margin-right:10px; margin-bottom:0px; vertical-align:bottom; width:50px; } @media (min-width: 768px) { .HomeVision__copy h2 img { width:74px; } } .HomeVision__linkWrap { display:block; width:100%; } .HomeVision__linkWrap .CTALink--pairedWrap { -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .HomeSkillsOne,.HomeSkillsThree { overflow:hidden; position:relative; padding-top:250px; } @media (min-width: 768px) { .HomeSkillsOne,.HomeSkillsThree { padding-top:75px; } } @media (min-width: 992px) { .HomeSkillsOne,.HomeSkillsThree { padding-top:100px; } } @media (min-width: 1200px) { .HomeSkillsOne,.HomeSkillsThree { padding-top:125px; } } .HomeSkillsOne .container,.HomeSkillsThree .container { position:relative; } .HomeSkillsOne .ShadowWrap,.HomeSkillsThree .ShadowWrap { padding-top:25px; border-radius:0 0 10px 10px; } @media (min-width: 768px) { .HomeSkillsOne .ShadowWrap,.HomeSkillsThree .ShadowWrap { padding-top:200px; border-radius:10px; } } .HomeSkillsOne__backgroundImage,.HomeSkillsThree__backgroundImage { border-radius:10px 10px 0 0; width:calc(100% - 30px); position:absolute; overflow:hidden; top:-250px; display:block; } .HomeSkillsOne__backgroundImage picture,.HomeSkillsOne__backgroundImage img,.HomeSkillsThree__backgroundImage picture,.HomeSkillsThree__backgroundImage img { margin:0; width:100%; max-width:100%; } .HomeSkillsIntro { padding-bottom:48px; } @media (min-width: 768px) { .HomeSkillsIntro { padding-botom:64px; } } @media (min-width: 992px) { .HomeSkillsIntro { padding-botom:80px; } } @media (min-width: 768px) { .HomeSkillsOne__backgroundImage { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:33%; width:125%; max-height:calc(100% + 150px); border-radius:10px; } } @media (min-width: 992px) { .HomeSkillsOne__backgroundImage { width:102%; left:25%; max-height:calc(100% + 200px); } } @media (min-width: 1200px) { .HomeSkillsOne__backgroundImage { width:102%; left:21%; max-height:calc(100% + 250px); } } .HomeSkillsOne__lightbulb { width:15%; margin:0 auto 15px auto; position:relative; } .HomeSkillsOne .ShadowWrap { padding-top:25px; } @media (min-width: 768px) { .HomeSkillsOne__lightbulb { width:100px; margin:0 auto; position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); top:-12%; } .HomeSkillsOne .ShadowWrap { padding-top:155px; } } @media (min-width: 992px) { .HomeSkillsOne__lightbulb { top:-10%; } .HomeSkillsOne .ShadowWrap { padding-top:125px; } } @media (min-width: 1200px) { .HomeSkillsOne__lightbulb { top:-10%; } .HomeSkillsOne .ShadowWrap { padding-top:125px; } } @media (max-width: 767px) { .HomeSkillsTwo { padding-top:0px; } } .HomeSkillsTwo .ShadowWrap { padding:50px; } @media (min-width: 768px) { .HomeSkillsTwo .ShadowWrap { padding:70px 140px; } } @media (min-width: 992px) { .HomeSkillsTwo .ShadowWrap { padding:90px 190px; } } .HomeSkillsTwo__guitar { position:absolute; left:calc(100% - 65px); width:20%; top:-25px; } @media (min-width: 768px) { .HomeSkillsTwo__guitar { bottom:-50px; left:calc(100% - 50px); width:30%; top:auto; } } @media (min-width: 992px) { .HomeSkillsTwo__guitar { left:calc(100% - 165px); } } @media (min-width: 768px) { .HomeSkillsThree__backgroundImage { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:29%; width:125%; max-height:calc(100% + 150px); border-radius:10px; } } @media (min-width: 992px) { .HomeSkillsThree__backgroundImage { width:102%; right:25%; max-height:calc(100% + 200px); } } @media (min-width: 1200px) { .HomeSkillsThree__backgroundImage { width:102%; right:20.5%; max-height:calc(100% + 250px); } } .HomeSkillsThree__camera { width:25%; margin:0 auto 15px auto; } @media (min-width: 768px) { .HomeSkillsThree__camera { width:120px; margin:0 auto 75px auto; position:absolute; left:50%; top:75px; -webkit-transform:translateX(-50%); transform:translateX(-50%); } } .HomePress { overflow-x:hidden; } .HomePress__quote { width:40px; display:block; clear:both; margin:0 auto 25px auto; } @media (min-width: 768px) { .HomePress__quote { width:85px; margin:0 auto 75px auto; } } .HomePress__paginationWrap { overflow:hidden; } .HomePress__pagination { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; } .HomePress__pager { padding:40px 0; cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .HomePress__pager:before { content:""; position:absolute; width:calc(100% - 30px); height:5px; top:0; left:15px; border-radius:12px; background:#f5f5f5; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out; } .HomePress__pager svg { display:block; margin:0 auto; max-width:80%; max-height:20px; -webkit-box-flex:1; -ms-flex:1; flex:1; } .HomePress__pager svg.ZDNetLogo { max-height:30px; } .HomePress__pager svg path { -webkit-transition:fill 0.2s ease-in-out; transition:fill 0.2s ease-in-out; } @media (min-width: 768px) { .HomePress__pager svg { max-width:80%; max-height:25px; } .HomePress__pager svg.ZDNetLogo { max-height:45px; } } @media (min-width: 992px) { .HomePress__pager svg { max-width:80%; max-height:40px; } .HomePress__pager svg.ZDNetLogo { max-height:65px; } } .HomePress__pager--active svg path { fill:auto; } .HomePress__pager--active:before { background:#888E9B; } .HomePress__pager:not(.HomePress__pager--active) svg path { fill:#888E9B; } .HomePress__pager:not(.HomePress__pager--active) svg path.ZDNetLogo__z { fill:#fff; } .HomeBringJiboHome { min-height:400px; position:relative; background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-180px.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; } .HomeBringJiboHome .row { margin-bottom:0px; } .HomeBringJiboHome .CTALink--large { margin-bottom:0px; } @media (min-width: 181px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-360px.jpg); } } @media (min-width: 361px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-720px.jpg); } } @media (min-width: 571px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-1140px.jpg); } } @media (min-width: 721px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-1440px.jpg); } } @media (min-width: 1141px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-2280px.jpg); } } @media (min-width: 1441px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-2280px.jpg); } } @media (min-width: 2281px) { .HomeBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-on-wood-table-2880px.jpg); } } @media (min-width: 768px) { .HomeBringJiboHome { min-height:800px; } } @media (min-width: 992px) { .HomeBringJiboHome { min-height:830px; } } .HomeLatest__featuredPost { margin-bottom:35px; } @media (min-width: 768px) { .HomeLatest__featuredPost { margin-bottom:0; } } .HomeLatest__featuredPostTitleWrap { overflow:hidden; position:relative; margin-bottom:17px; } @media (min-width: 768px) { .HomeLatest__featuredPostTitleWrap { border-radius:10px; } } .HomeLatest__featuredPostImage { margin:0; } .HomeLatest__featuredPostTitle { position:absolute; bottom:0px; left:0px; width:100%; display:block; padding:20px 30px; background:rgba(216,216,215,0.65); margin:0; } .HomeLatest__post:first-of-type { margin-bottom:35px; } .HomeLatest__postDate { font-size:.8125rem; text-transform:uppercase; color:#1B1B1B; letter-spacing:0.2em; margin-bottom:10px; display:block; } .HomeSubscribeForm { padding-top:0px; position:relative; } .HomeSubscribeForm__jiboBG { position:absolute; bottom:0px; right:0px; width:25%; display:block; margin:0px; padding:0px; } .HomeSubscribeForm__jiboBG img { margin-bottom:0px; } @-webkit-keyframes beatHeart { 0% { -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); opacity:0.2; } 25% { -webkit-transform:translate(-50%, -50%) scale(1.2); transform:translate(-50%, -50%) scale(1.2); opacity:0.8; } 40% { -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); opacity:0.2; } 60% { -webkit-transform:translate(-50%, -50%) scale(1.2); transform:translate(-50%, -50%) scale(1.2); opacity:0.8; } 100% { -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); opacity:0; } } @keyframes beatHeart { 0% { -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); opacity:0.2; } 25% { -webkit-transform:translate(-50%, -50%) scale(1.2); transform:translate(-50%, -50%) scale(1.2); opacity:0.8; } 40% { -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); opacity:0.2; } 60% { -webkit-transform:translate(-50%, -50%) scale(1.2); transform:translate(-50%, -50%) scale(1.2); opacity:0.8; } 100% { -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); opacity:0; } } @-webkit-keyframes offset { to { stroke-dashoffset:0; } } @keyframes offset { to { stroke-dashoffset:0; } } .TechnologyHeroText { position:fixed; top:0px; left:0px; right:0px; bottom:0px; width:100%; max-width:100%; height:100%; display:block; background:#fff; margin:0; padding:0; z-index:999; display:block; margin:0; padding:0; -webkit-transition-delay:0s; transition-delay:0s; } .TechnologyHeroText .container { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyHeroText h1 { margin:0 0 0.2em 0; color:#000; will-change:transform, opacity; -webkit-transform:translateY(50px); transform:translateY(50px); opacity:0; -webkit-transition:opacity 0.6s ease-out, -webkit-transform 0.6s ease-out; transition:opacity 0.6s ease-out, -webkit-transform 0.6s ease-out; transition:transform 0.6s ease-out, opacity 0.6s ease-out; transition:transform 0.6s ease-out, opacity 0.6s ease-out, -webkit-transform 0.6s ease-out; } .TechnologyHeroText h2 { margin:0 0 1.2em 0; color:#00D4F0; will-change:opacity; opacity:0; -webkit-transform:translateY(-50px); transform:translateY(-50px); -webkit-transition:opacity 0.6s ease-out, -webkit-transform 0.6s ease-out; transition:opacity 0.6s ease-out, -webkit-transform 0.6s ease-out; transition:transform 0.6s ease-out, opacity 0.6s ease-out; transition:transform 0.6s ease-out, opacity 0.6s ease-out, -webkit-transform 0.6s ease-out; } .TechnologyHeroText h2 span { color:#00D4F0; will-change:color; -webkit-transition:color 0.6s 0.6s ease-out; transition:color 0.6s 0.6s ease-out; } .TechnologyHeroText p { color:#5C5B6D; will-change:color, transform, opacity; opacity:0; -webkit-transition:opacity 1.2s 1.4s ease-out; transition:opacity 1.2s 1.4s ease-out; } .TechnologyHeroText .CTALink { clear:both; display:block; margin:25px auto; } .TechnologyHeroText--loaded { opacity:0; visibility:hidden; -webkit-transition:opacity 0.2s 9s ease-in-out, visibility 0s 9.2s; transition:opacity 0.2s 9s ease-in-out, visibility 0s 9.2s; } .TechnologyHeroText--loaded h1 { -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1; } .TechnologyHeroText--loaded h2 { -webkit-transform:translateY(0px); transform:translateY(0px); opacity:1; } .TechnologyHeroText--loaded h2 span { color:#F22B68; } .TechnologyHeroText--loaded p { opacity:1; } .TechnologyHeroText--forceLoad { -webkit-transition:opacity 0.2s ease-out, visibility 0s 0.2s; transition:opacity 0.2s ease-out, visibility 0s 0.2s; opacity:0; visibility:hidden; background:transparent; } .TechnologyHeroText--forceLoad>* { -webkit-transition:opacity 0.2s ease-out, visibility 0s 0.2s; transition:opacity 0.2s ease-out, visibility 0s 0.2s; opacity:0; visibility:hidden; } .TechnologyJiboHardware { margin-top:65px; background:#f2f2f2; } @media (min-width: 992px) { .TechnologyJiboHardware { padding-top:60px; } } .TechnologyJiboHardware__diagram { width:50%; margin:0 auto; position:relative; } .TechnologyJiboHardware__diagram:before { display:block; content:""; position:absolute; bottom:-14%; left:48%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:74%; height:30%; border-radius:75%; -webkit-box-shadow:0 0 78px 10px rgba(0,0,0,0.6); box-shadow:0 0 78px 10px rgba(0,0,0,0.6); opacity:1; will-change:opacity, transform, box-shadow; -webkit-transition:opacity 0.4s 1.5s ease-in-out, -webkit-transform 0.4s 1.5s ease-in-out, -webkit-box-shadow 0.4s 2.2s ease-in-out; transition:opacity 0.4s 1.5s ease-in-out, -webkit-transform 0.4s 1.5s ease-in-out, -webkit-box-shadow 0.4s 2.2s ease-in-out; transition:opacity 0.4s 1.5s ease-in-out, transform 0.4s 1.5s ease-in-out, box-shadow 0.4s 2.2s ease-in-out; transition:opacity 0.4s 1.5s ease-in-out, transform 0.4s 1.5s ease-in-out, box-shadow 0.4s 2.2s ease-in-out, -webkit-transform 0.4s 1.5s ease-in-out, -webkit-box-shadow 0.4s 2.2s ease-in-out; } @media (min-width: 768px) { .TechnologyJiboHardware__diagram { width:100%; } } .TechnologyJiboHardware__diagram picture { position:relative; opacity:1; } .TechnologyJiboHardware__diagram>img { width:100%; display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); will-change:opacity, transform; -webkit-transition:opacity 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out; transition:opacity 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out; transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out; transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out; opacity:1; } .TechnologyJiboHardware__diagram>img:nth-child(1) { position:relative; -webkit-transform:none; transform:none; top:auto; left:auto; opacity:1; } .TechnologyJiboHardware__diagram>img:nth-child(4) { opacity:0; -webkit-animation:beatHeart 0.8s 2 ease-in-out; animation:beatHeart 0.8s 2 ease-in-out; -webkit-transform:traslate(-50%, -50%); transform:traslate(-50%, -50%); width:16%; top:68.5%; left:45.5%; } .TechnologyJiboHardware__diagram>img:nth-child(2) { -webkit-transition-delay:1.5s; transition-delay:1.5s; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyJiboHardware__diagram>img:nth-child(3) { -webkit-transition-delay:1.60s; transition-delay:1.60s; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyJiboHardware__diagram>img:nth-child(5) { -webkit-transition-delay:1.70s; transition-delay:1.70s; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyJiboHardware__diagram>img:nth-child(6) { -webkit-transition-delay:1.80s; transition-delay:1.80s; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyJiboHardware__diagram>img:nth-child(7) { -webkit-transition-delay:1.90s; transition-delay:1.90s; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyJiboHardware__diagram>img:nth-child(8) { -webkit-transition-delay:2s; transition-delay:2s; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyJiboHardware__diagram>img:nth-child(9) { -webkit-transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform:translate(-50%, -50%) scale(1); transform:translate(-50%, -50%) scale(1); -webkit-transition-delay:3s; transition-delay:3s; width:35%; top:29.5%; left:34%; } .TechnologyJiboHardware__diagram--showBody:before { opacity:0; -webkit-transform:translate(-50%, 2%); transform:translate(-50%, 2%); -webkit-transition:opacity 0.4s 0s ease-in-out, -webkit-transform 0s 1.5s ease-in-out, -webkit-box-shadow 0.4s 0s ease-in-out; transition:opacity 0.4s 0s ease-in-out, -webkit-transform 0s 1.5s ease-in-out, -webkit-box-shadow 0.4s 0s ease-in-out; transition:opacity 0.4s 0s ease-in-out, transform 0s 1.5s ease-in-out, box-shadow 0.4s 0s ease-in-out; transition:opacity 0.4s 0s ease-in-out, transform 0s 1.5s ease-in-out, box-shadow 0.4s 0s ease-in-out, -webkit-transform 0s 1.5s ease-in-out, -webkit-box-shadow 0.4s 0s ease-in-out; -webkit-box-shadow:0 0 0px 0px transparent; box-shadow:0 0 0px 0px transparent; } .TechnologyJiboHardware__diagram--showBody>img { opacity:0; } .TechnologyJiboHardware__diagram--showBody>img:nth-child(1) { opacity:1; visibility:visible; } .TechnologyJiboHardware__diagram--showBody>img:nth-child(4) { -webkit-animation:none; animation:none; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyJiboHardware__diagram--showBody>img:nth-child(2) { -webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:translate(-50%, -35%); transform:translate(-50%, -35%); } .TechnologyJiboHardware__diagram--showBody>img:nth-child(3) { -webkit-transition-delay:0.5s; transition-delay:0.5s; -webkit-transform:translate(-35%, -50%); transform:translate(-35%, -50%); } .TechnologyJiboHardware__diagram--showBody>img:nth-child(5) { -webkit-transition-delay:0.4s; transition-delay:0.4s; -webkit-transform:translate(-65%, -50%); transform:translate(-65%, -50%); } .TechnologyJiboHardware__diagram--showBody>img:nth-child(6) { -webkit-transition-delay:0.3s; transition-delay:0.3s; -webkit-transform:translate(-65%, -50%); transform:translate(-65%, -50%); } .TechnologyJiboHardware__diagram--showBody>img:nth-child(7) { -webkit-transition-delay:0.2s; transition-delay:0.2s; -webkit-transform:translate(-35%, -50%); transform:translate(-35%, -50%); } .TechnologyJiboHardware__diagram--showBody>img:nth-child(8) { -webkit-transition-delay:0.1s; transition-delay:0.1s; -webkit-transform:translate(-65%, -50%); transform:translate(-65%, -50%); } .TechnologyJiboHardware__diagram--showBody>img:nth-child(9) { -webkit-transition-delay:0s; transition-delay:0s; -webkit-transform:translate(-45%, -50%) scale(0.2); transform:translate(-45%, -50%) scale(0.2); } .TechnologyJiboHardware__techSpecs { display:block; background:transparent; height:100%; } @media (min-width: 768px) { .TechnologyJiboHardware__techSpecs h2 { -webkit-box-flex:1; -ms-flex:1 1 10%; flex:1 1 10%; } } @media (min-width: 768px) { .TechnologyJiboHardware__techSpecs { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } } .TechnologyJiboHardware__techSpecsList { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; list-style:none; text-align:center; font-size:1.125rem; padding:0px; margin:0 auto; width:calc(100% - 30px); position:relative; } @media (min-width: 768px) { .TechnologyJiboHardware__techSpecsList .swiper-wrapper { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } } .TechnologyJiboHardware__techSpecsList .swiper-slide { width:100%; display:block; clear:both; } .TechnologyJiboHardware__techSpecsList .swiper-slide .CTALink { margin:10px auto; } @media (min-width: 768px) { .TechnologyJiboHardware__techSpecsList .swiper-slide { -ms-flex-negative:1; flex-shrink:1; } } @media (min-width: 768px) { .TechnologyJiboHardware__techSpecsList { font-size:1.375rem; -webkit-box-flex:1; -ms-flex:1 1 90%; flex:1 1 90%; width:100%; } } .TechnologyJiboHardware__primaryDesc { position:relative; will-change:opacity; -webkit-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out; cursor:pointer; } .TechnologyJiboHardware__secondaryDesc { display:block; position:absolute; width:100%; padding:10px 10px; -webkit-box-sizing:border-box; box-sizing:border-box; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:1.125rem; opacity:0; visibility:hidden; z-index:1; will-change:opacity, visibility; -webkit-transition:opacity 0.2s ease-in-out, visibility 0s; transition:opacity 0.2s ease-in-out, visibility 0s; cursor:pointer; color:#EFF0F2; } @media (min-width: 768px) { .TechnologyJiboHardware__secondaryDesc { padding:10px; } } .TechnologyJiboHardware__secondaryDesc a { color:#00D4F0; } @media not all and (hover: none), (-ms-high-contrast: none) { .TechnologyJiboHardware__secondaryDesc a:hover { color:#5ae5ff; } } .TechnologyJiboHardware .CTALink--secondaryActive { background:#1B1B1B; } .TechnologyJiboHardware .CTALink--secondaryActive .TechnologyJiboHardware__primaryDesc { opacity:0; } .TechnologyJiboHardware .CTALink--secondaryActive .TechnologyJiboHardware__secondaryDesc { opacity:1; visibility:visible; } @media (min-width: 992px) { body.show-promo-bar section.TechnologyJiboHardware { padding-top:100px; } } .TechonologyThreeComponents { background:#f2f2f2; } .TechonologyThreeComponents picture,.TechonologyThreeComponents img { max-height:325px; width:auto; display:block; margin-left:auto; margin-right:auto; position:relative; } .TechonologyThreeComponents__bgOval { position:absolute; width:100%; height:100%; overflow:hidden; top:0px; left:0px; } .TechonologyThreeComponents__bgOval:before { content:""; width:250%; height:62%; position:absolute; top:15%; left:50%; border-radius:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); display:block; background:#FAFAFA; } @media (min-width: 768px) { .TechonologyThreeComponents__bgOval:before { width:150%; top:32%; height:100%; } } .TechnologyDetail { overflow:hidden; position:relative; padding-top:250px; } @media (min-width: 768px) { .TechnologyDetail { padding-top:75px; } } @media (min-width: 992px) { .TechnologyDetail { padding-top:100px; } } @media (min-width: 1200px) { .TechnologyDetail { padding:200px 0; } } .TechnologyDetail .container { position:relative; } .TechnologyDetail__backgroundImage { border-radius:10px 10px 0 0; width:calc(100% - 30px); position:absolute; overflow:hidden; top:-250px; display:block; } .TechnologyDetail__backgroundImage picture,.TechnologyDetail__backgroundImage img { margin:0; width:100%; max-width:100%; } @media (min-width: 768px) { .TechnologyDetail__backgroundImage { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:29%; width:125%; max-height:calc(100% + 150px); border-radius:10px; } } @media (min-width: 992px) { .TechnologyDetail__backgroundImage { width:102%; left:25%; max-height:calc(100% + 200px); } .TechnologyDetail__backgroundImage picture { -webkit-transform:translateY(-4%); transform:translateY(-4%); } } @media (min-width: 1200px) { .TechnologyDetail__backgroundImage { width:102%; left:20%; max-height:calc(100% + 250px); } .TechnologyDetail__backgroundImage picture { -webkit-transform:translateY(-13%); transform:translateY(-13%); } } .TechnologyDetail--alt .TechnologyDetail__backgroundImage { left:auto; } @media (min-width: 768px) { .TechnologyDetail--alt .TechnologyDetail__backgroundImage { top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:29%; width:125%; max-height:calc(100% + 150px); border-radius:10px; } } @media (min-width: 992px) { .TechnologyDetail--alt .TechnologyDetail__backgroundImage { width:102%; right:25%; max-height:calc(100% + 200px); } } @media (min-width: 1200px) { .TechnologyDetail--alt .TechnologyDetail__backgroundImage { width:102%; right:20%; max-height:calc(100% + 250px); } } .TechnologyBacktoTop { display:block; position:fixed; bottom:15px; right:15px; width:50px; text-align:center; font-size:.75rem; text-transform:uppercase; color:#00D4F0; opacity:0.0; visibility:hidden; will-change:opacity, color, visibility; -webkit-transition:opacity 0.2s ease-in-out, color 0.2s ease-in-out; transition:opacity 0.2s ease-in-out, color 0.2s ease-in-out; } .TechnologyBacktoTop--visible { opacity:0.8; visibility:visible; } .TechnologyBacktoTop svg path { fill:#00D4F0; will-change:fill; -webkit-transition:fill 0.2s ease-in-out; transition:fill 0.2s ease-in-out; } @media not all and (hover: none), (-ms-high-contrast: none) { .TechnologyBacktoTop:hover { color:#5ae5ff; } .TechnologyBacktoTop:hover svg path { fill:#5ae5ff; } } .TechnologyJiboHardware__diagramAnimations { width:100%; height:100%; display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyJiboHardware__diagramAnimations svg { width:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .TechnologyJiboHardware__diagramAnimations svg#revolute-motion { display:block; } .TechnologyJiboHardware__diagramAnimations svg#revolute-motion #top-ring { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#revolute-motion #middle-ring { stroke-dasharray:1600; stroke-dashoffset:1600; } .TechnologyJiboHardware__diagramAnimations svg#revolute-motion #bottom-ring { stroke-dasharray:1300; stroke-dashoffset:1300; } .TechnologyJiboHardware__diagramAnimations svg#stereo-vision { display:block; } .TechnologyJiboHardware__diagramAnimations svg#stereo-vision #right-camera { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#stereo-vision #left-camera { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#microphone-array { display:block; } .TechnologyJiboHardware__diagramAnimations svg#microphone-array #left-mic { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#microphone-array #right-mic { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#microphone-array #top-mic { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#touch-screen-vector { display:block; } .TechnologyJiboHardware__diagramAnimations svg#touch-screen-vector #touch-screen { stroke-dasharray:2500; stroke-dashoffset:2500; } .TechnologyJiboHardware__diagramAnimations svg#visual-voice-id { display:block; } .TechnologyJiboHardware__diagramAnimations svg#visual-voice-id #left-mic { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#visual-voice-id #right-mic { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#visual-voice-id #top-mic { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#visual-voice-id #right-camera { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimations svg#visual-voice-id #left-camera { stroke-dasharray:1165; stroke-dashoffset:1165; } .TechnologyJiboHardware__diagramAnimation--active #top-ring,.TechnologyJiboHardware__diagramAnimation--active #middle-ring,.TechnologyJiboHardware__diagramAnimation--active #bottom-ring,.TechnologyJiboHardware__diagramAnimation--active #right-camera,.TechnologyJiboHardware__diagramAnimation--active #left-camera,.TechnologyJiboHardware__diagramAnimation--active #left-mic,.TechnologyJiboHardware__diagramAnimation--active #right-mic,.TechnologyJiboHardware__diagramAnimation--active #top-mic,.TechnologyJiboHardware__diagramAnimation--active #touch-screen { -webkit-animation:offset 3s ease-in-out both; animation:offset 3s ease-in-out both; } html.no-smil #top-ring,html.no-smil #middle-ring,html.no-smil #bottom-ring,html.no-smil #right-camera,html.no-smil #left-camera,html.no-smil #left-mic,html.no-smil #right-mic,html.no-smil #top-mic,html.no-smil #touch-screen { stroke-dasharray:0 !important; stroke-dashoffset:0 !important; opacity:0; -webkit-animation:none; animation:none; visibility:hidden; opacity:0; -webkit-transition:opacity 0.2s ease-in-out; transition:opacity 0.2s ease-in-out; } html.no-smil .TechnologyJiboHardware__diagramAnimation--active #top-ring,html.no-smil .TechnologyJiboHardware__diagramAnimation--active #middle-ring,html.no-smil .TechnologyJiboHardware__diagramAnimation--active #bottom-ring,html.no-smil .TechnologyJiboHardware__diagramAnimation--active #right-camera,html.no-smil .TechnologyJiboHardware__diagramAnimation--active #left-camera,html.no-smil .TechnologyJiboHardware__diagramAnimation--active #left-mic,html.no-smil .TechnologyJiboHardware__diagramAnimation--active #right-mic,html.no-smil .TechnologyJiboHardware__diagramAnimation--active #top-mic,html.no-smil .TechnologyJiboHardware__diagramAnimation--active #touch-screen { visibility:visible; opacity:1; } .Skills__sectionTitleWrap { -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; display:-webkit-box; display:-ms-flexbox; display:flex; } .Skills h2.mediumLeftSpacer30 { margin:1em 0 0 0; } @media (min-width: 768px) { .Skills h2.mediumLeftSpacer30 { margin-left:30px; } } .Skills h2.mediumRightSpacer30 { margin:1em 0 0 0; } @media (min-width: 768px) { .Skills h2.mediumRightSpacer30 { margin-right:30px; } } .Skills__demoElement { display:block; border-radius:10px; overflow:hidden; position:relative; } .Skills__demoElement img,.Skills__demoElement picture { width:100%; margin-bottom:0px; } .Skills__pagination { position:relative; width:calc(100% - 30px); margin:0 auto; } @media (min-width: 768px) { .Skills__pagination { width:100%; } } .Skills__pagination .swiper-button-prev,.Skills__pagination .swiper-button-next { top:60px; -webkit-transform:translateY(0px); transform:translateY(0px); } @media (min-width: 768px) { .Skills__pagination .swiper-wrapper { display:block; } } .Skills__demoTextWrap { position:absolute; top:50%; left:calc(50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:block; width:calc(100% - 60px); z-index:1; } .Skills__demoTextWrap--alignTop { top:100px; } .Skills__demoTextWrap--alignBottom { top:calc(100% - 70px); } .Skills__demoTextWrap--alignOneQuarter { top:25%; } .Skills__demoTextWrap--alignThreeQuarters { top:75%; } .Skills__demoText { position:relative; display:block; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transform:translateY(100%); transform:translateY(100%); opacity:0; background:#EFF0F2; border-radius:10px; padding:25px; will-change:transform, opacity; -webkit-transition:all 0s; transition:all 0s; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; margin-bottom:25px; } .Skills__demoText p { margin:0px; text-align:center; width:100%; } .Skills__demoText img { width:auto; height:auto; max-width:50px; max-height:50px; margin-right:25px; } .Skills__demoText:nth-child(2) { -webkit-transition:all 0s; transition:all 0s; } .Skills__demoText:after { content:""; position:absolute; width:0px; height:0px; z-index:-1; } .Skills__demoText--topLeft:after { top:0px; left:-20px; border-left:40px solid transparent; border-right:40px solid transparent; border-top:40px solid #EFF0F2; } .Skills__demoText--topRight:after { top:0px; right:-20px; border-left:40px solid transparent; border-right:40px solid transparent; border-top:40px solid #EFF0F2; } .Skills__demoText--bottomLeft:after { bottom:0px; left:-20px; border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:40px solid #EFF0F2; } .Skills__demoText--bottomRight:after { bottom:0px; right:-20px; border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:40px solid #EFF0F2; } .Skills__demoText--topCenter:after { top:-20px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:40px solid #EFF0F2; } .Skills__demoText--bottomCenter:after { bottom:-20px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-top:40px solid #EFF0F2; } .Skills__demoText--topCenterLeft:after { top:-20px; left:25%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:40px solid #EFF0F2; } .Skills__demoText--topCenterRight:after { top:-20px; left:75%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:40px solid #EFF0F2; } .Skills__demoText--topCenterFarLeft:after { top:-20px; left:10%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:40px solid #EFF0F2; } .Skills__demoText--topCenterFarRight:after { top:-20px; left:90%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-bottom:40px solid #EFF0F2; } .Skills__demoText--bottomCenterLeft:after { bottom:-20px; left:25%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-top:40px solid #EFF0F2; } .Skills__demoText--bottomCenterRight:after { bottom:-20px; left:75%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-top:40px solid #EFF0F2; } .Skills__demoText--bottomCenterFarLeft:after { bottom:-20px; left:10%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-top:40px solid #EFF0F2; } .Skills__demoText--bottomCenterFarRight:after { bottom:-20px; left:90%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:40px solid transparent; border-right:40px solid transparent; border-top:40px solid #EFF0F2; } .Skills .swiper-slide-active.demo-text-active .Skills__demoText { opacity:1; -webkit-transform:translateY(0px); transform:translateY(0px); -webkit-transition:all 0.8s 0.4s ease-in-out; transition:all 0.8s 0.4s ease-in-out; } .Skills .swiper-slide-active.demo-text-active .Skills__demoText:nth-child(2) { -webkit-transition:all 0.8s 2.4s ease-in-out; transition:all 0.8s 2.4s ease-in-out; } .SkillsCharacter .CTALink--skillLink.active,.SkillsHelpful .CTALink--skillLink.active,.SkillsFamily .CTALink--skillLink.active { -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.26),inset 0 0 0 6px #00D4F0; box-shadow:0 2px 5px 0 rgba(0,0,0,0.26),inset 0 0 0 6px #00D4F0; } @media not all and (hover: none), (-ms-high-contrast: none) { .SkillsCharacter .CTALink--skillLink.active:hover,.SkillsHelpful .CTALink--skillLink.active:hover,.SkillsFamily .CTALink--skillLink.active:hover { -webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 6px #00D4F0; box-shadow:0 5px 15px 0 rgba(0,0,0,0.2),inset 0 0 0 6px #00D4F0; } } .SkillsIFTTT { overflow-x:hidden; padding:0px; } @media (min-width: 768px) { .SkillsIFTTT .row { margin-bottom:40px; } } .SkillsIFTTT__introParagraph { margin-bottom:45px !important; } .SkillsIFTTT__logo { width:160px; margin:0 auto 45px auto; } .SkillsIFTTT__pagination { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; position:relative; } .SkillsIFTTT__pager { padding:35px 0 10px 0; cursor:pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative; } .SkillsIFTTT__pager h4 { font-family:"Proxima N W01 Reg", sans-serif; font-weight:400; font-size:.75rem; text-transform:uppercase; color:#00D4F0; text-align:center; position:absolute; top:0px; left:0px; width:100%; display:block; letter-spacing:0.15em; } @media (min-width: 992px) { .SkillsIFTTT__pager h4 { font-size:1.0625rem; } } .SkillsIFTTT__pager:before { content:""; position:absolute; width:calc(100% - 30px); height:5px; top:40px; left:15px; border-radius:12px; background:#f5f5f5; -webkit-transition:background 0.2s ease-in-out; transition:background 0.2s ease-in-out; } .SkillsIFTTT__pager:after { content:""; display:block; position:absolute; bottom:10px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid transparent; -webkit-transition:border-color 0.2s ease-in-out; transition:border-color 0.2s ease-in-out; } .SkillsIFTTT__pager svg { display:block; margin:0 auto; max-width:80%; max-height:90px; -webkit-box-flex:1; -ms-flex:1; flex:1; } .SkillsIFTTT__pager svg path { -webkit-transition:fill 0.2s ease-in-out; transition:fill 0.2s ease-in-out; } @media (min-width: 768px) { .SkillsIFTTT__pager svg { max-width:80%; } } @media (min-width: 992px) { .SkillsIFTTT__pager svg { max-width:80%; } } .SkillsIFTTT__pager--active svg path { fill:auto; } .SkillsIFTTT__pager--active:before { background:#888E9B; } .SkillsIFTTT__pager--active:after { border-top-color:#5C5B6D; } @media (min-width: 992px) { .SkillsIFTTT { padding:80px 0 40px 0; } } .SkillsIFTTT__pager:not(.SkillsIFTTT__pager--active) svg path { fill:#888E9B; } .SkillsIFTTT__pager:not(.SkillsIFTTT__pager--active) h4 { color:transparent; } .SkillsMusic { position:relative; background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-180px.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:cover; } @media (min-width: 181px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-360px.jpg); } } @media (min-width: 361px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-720px.jpg); } } @media (min-width: 571px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-1140px.jpg); } } @media (min-width: 721px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-1440px.jpg); } } @media (min-width: 1141px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-2280px.jpg); } } @media (min-width: 1441px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-2280px.jpg); } } @media (min-width: 2281px) { .SkillsMusic { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-music-sunglasses-2880px.jpg); } } .SkillsCommander { position:relative; background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-180px.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; } @media (min-width: 181px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-360px.jpg); } } @media (min-width: 361px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-720px.jpg); } } @media (min-width: 571px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-1140px.jpg); } } @media (min-width: 721px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-1440px.jpg); } } @media (min-width: 1141px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-2280px.jpg); } } @media (min-width: 1441px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-2280px.jpg); } } @media (min-width: 2281px) { .SkillsCommander { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-commander-app-2880px.jpg); } } .SkillsCommander__logo { width:90px; display:block; margin:0 auto 30px auto; } .TeamIntro .row { margin-bottom:0px; } .TeamList { padding-top:0px; } .JobsHero { height:65vh; background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-180px.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; padding:100px 0; } @media (min-width: 181px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-360px.jpg); } } @media (min-width: 361px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-720px.jpg); } } @media (min-width: 571px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-1140px.jpg); } } @media (min-width: 721px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-1440px.jpg); } } @media (min-width: 1141px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-2280px.jpg); } } @media (min-width: 1441px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-2280px.jpg); } } @media (min-width: 2281px) { .JobsHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-header-2880px.jpg); } } .JobsHero .container { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .JobsHero .row { margin-bottom:0px; } .JobsTestimonials__testimonial { display:block; width:100%; clear:both; } @media (min-width: 768px) { .JobsTestimonials__testimonial { width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } } .JobsTestimonials__testimonialImage { -webkit-box-sizing:border-box; box-sizing:border-box; width:75%; display:block; clear:both; border-radius:100%; overflow:hidden; position:relative; margin:0 auto 25px auto; } .JobsTestimonials__testimonialImage picture,.JobsTestimonials__testimonialImage img { width:100%; margin:0; } @media (min-width: 768px) { .JobsTestimonials__testimonialImage { width:calc(33.33333333% - 45px); margin:0 45px 0 0; clear:none; } } .JobsTestimonials__testimonialText { -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; display:block; clear:both; } @media (min-width: 768px) { .JobsTestimonials__testimonialText { width:66.66666667%; clear:none; } } .JobsTestimonials__swiperPagination { position:absolute; bottom:-30px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); display:block; z-index:100; } .JobsPerks { background:#00D4F0; } .JobsPerks__perksList { margin-bottom:0; } .JobsPerks ul { list-style:none; margin:0; padding:0; } .JobsPerks ul li { display:block; clear:both; padding-bottom:15px; } .JobsPerks ul li img { float:left; display:block; margin-right:15px; max-width:75px; } @media (max-width: 560px) { .JobsPerks ul li img { margin-bottom:80px; } } .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-180px.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; } @media (min-width: 181px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-360px.jpg); } } @media (min-width: 361px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-720px.jpg); } } @media (min-width: 571px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-1140px.jpg); } } @media (min-width: 721px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-1440px.jpg); } } @media (min-width: 1141px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-2280px.jpg); } } @media (min-width: 1441px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-2280px.jpg); } } @media (min-width: 2281px) { .JobsBottomCTA { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/careers-cta-2880px.jpg); } } .page-template-page-jobs-open-positions section { background-color:#fff; } .LandingPageScratchHero { position:relative; height:calc(100vh - 80px); background:#e9a755; background:-webkit-gradient(linear, left top, left bottom, from(#e9a755), to(#f58442)); background:linear-gradient(to bottom, #e9a755 0%, #f58442 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9a755', endColorstr='#f58442',GradientType=0 ); } @media (min-width: 768px) { .LandingPageScratchHero { height:calc(100vh); } } .LandingPageScratchHero h1 { margin-bottom:0.2em; } .LandingPageScratchHero h3 { margin-bottom:0.8em; } .LandingPageScratchHero__appStoreLink { width:155px; display:block; clear:both; margin-bottom:0px; } .LandingPageScratchHero.dark p.large { color:#EFF0F2; } @media (min-width: 992px) { .LandingPageScratchHero.dark p.large { font-size:22px; } } .LandingPageScratchHero__heyMakerIntro { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } @media (max-width: 767px) { .LandingPageScratchHero__heyMakerIntro { margin-top:60px; } } .LandingPageScratchHero .container { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .LandingPageScratchHero .row { margin-bottom:0px; } .ScratchVideos { background:#5ad9e7; background:-webkit-gradient(linear, left top, left bottom, from(#5ad9e7), to(#5dc3f2)); background:linear-gradient(to bottom, #5ad9e7 0%, #5dc3f2 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ad9e7', endColorstr='#5dc3f2',GradientType=0 ); } .ScratchIntro { padding:0; } .ScratchIntro .row { margin-bottom:0; padding-bottom:15px; } @media (min-width: 768px) { .ScratchIntro .row { padding-bottom:15px; } } @media (min-width: 1200px) { .ScratchIntro .row { padding-bottom:25px; } } .ScratchFoundation .LargeBgTextOverlayLeft__backgroundImage { z-index:10; } @media (max-width: 439px) { .ScratchFoundation .LargeBgTextOverlayLeft__backgroundImage { width:86%; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); } } @media (min-width: 440px) { .ScratchFoundation .LargeBgTextOverlayLeft__backgroundImage { width:78%; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); } } @media (min-width: 490px) { .ScratchFoundation .LargeBgTextOverlayLeft__backgroundImage { width:70%; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); } } @media (min-width: 768px) { .ScratchFoundation .LargeBgTextOverlayLeft__backgroundImage { width:80%; left:58%; margin:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); } } @media (min-width: 992px) { .ScratchFoundation .LargeBgTextOverlayLeft__backgroundImage { width:80%; left:42%; } } @media (min-width: 1200px) { .ScratchFoundation .LargeBgTextOverlayLeft__backgroundImage { width:80%; left:35%; } } .ScratchCallTheShots { padding:250px 15px 75px 15px; } @media (min-width: 768px) { .ScratchCallTheShots { padding:550px 0 540px 0; } } .ScratchCallTheShots__background { position:absolute; background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-180px.jpg); top:0px; left:15px; width:calc(100% - 30px); height:250px; border-radius:10px 10px 0 0; background-position:center center; background-repeat:no-repeat; background-size:cover; } @media (min-width: 768px) { .ScratchCallTheShots__background { width:100%; height:calc(100% - 175px); top:calc(50% - 88px); left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); border-radius:0; } } @media (min-width: 181px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-360px.jpg); } } @media (min-width: 361px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-720px.jpg); } } @media (min-width: 571px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-1140px.jpg); } } @media (min-width: 721px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-1440px.jpg); } } @media (min-width: 1141px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-2280px.jpg); } } @media (min-width: 1441px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-2280px.jpg); } } @media (min-width: 2281px) { .ScratchCallTheShots__background { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/call-the-shots-bg-2880px.jpg); } } @media (min-width: 768px) { .ScratchCallTheShots .container { position:absolute; top:60px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); } } .ScratchCallTheShots .SemiTransparentWrap { background:rgba(255,255,255,0.9); } @media (min-width: 768px) { .ScratchCallTheShots .SemiTransparentWrap { padding:30px; } } @media (max-width: 767px) { .ScratchCallTheShots .SemiTransparentWrap { border-radius:0 0 10px 10px; } } .ScratchCallTheShots .SemiTransparentWrap__icon { width:50px; height:50px; margin:0 auto 15px auto; padding:10px; border-radius:100%; background:#00D4F0; position:relative; display:block; } .ScratchCallTheShots .SemiTransparentWrap__icon svg { width:60%; height:60%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); display:block; } .ScratchCallTheShots .SemiTransparentWrap__icon svg path { fill:#fff; } @media (min-width: 768px) { .ScratchCallTheShots .SemiTransparentWrap__icon { width:60px; height:60px; margin:0 auto 20px auto; } } @media (max-width: 767px) { .ScratchCallTheShots div[class^="col-"],.ScratchCallTheShots div[class*=" col-"] { padding:0px; } } .ScratchFoundation .LargeBgTextOverlayRight__icon { background:#ffcf02; } .ScratchPersonality .SemiTransparentWrap__icon { background:#ffa119; } .ScratchMore .LargeBgTextOverlayRight__icon { background:#43b7e2; } .ScratchTutorials .LargeBgTextOverlayRight__icon { background:#ff8019; } .ScratchEveryone .LargeBgTextOverlayRight__icon { background:#38b741; } .LandingPagePRHero { position:relative; height:calc(100vh - 80px); background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-vertical-180px.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; } @media (min-width: 181px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-vertical-360px.jpg); } } @media (min-width: 361px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-vertical-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-vertical-720px.jpg); } } @media (min-width: 571px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-1140px.jpg); } } @media (min-width: 721px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-1440px.jpg); } } @media (min-width: 1141px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-2280px.jpg); } } @media (min-width: 1441px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-2280px.jpg); padding:193px 0px 150px; } } @media (min-width: 2281px) { .LandingPagePRHero { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-hero-grad-2880px.jpg); } } @media (min-width: 768px) { .LandingPagePRHero { height:calc(100vh); } } .LandingPagePRHero .container { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .LandingPagePROverview { background:#fafafa; } .LandingPagePROverview h3,.LandingPagePROverview p { color:#fff; } .LandingPagePROverview .container { background:#525252; padding:25px; } @media (min-width: 768px) { .LandingPagePROverview .container { border-radius:10px; padding:50px; margin-top:-240px; } } .LandingPagePROverview .row { margin-bottom:0px; } .LandingPagePROverview .row .col-md-4:nth-child(1) h3 { color:#FFCD52; } .LandingPagePROverview .row .col-md-4:nth-child(2) h3 { color:#ACB8DE; } .LandingPagePROverview .row .col-md-4:nth-child(3) h3 { color:#F4833D; } .LandingPagePROverview img { max-width:50%; margin-left:auto; margin-right:auto; } @media (min-width: 768px) { .LandingPagePROverview img { margin-top:-135px; max-width:80%; } } @media (max-width: 767px) { .LandingPagePROverview { padding-top:0px; } } .PRCalendar .LargeBgTextOverlayRight__icon,.PRTraffic .LargeBgTextOverlayRight__icon,.PRNews .LargeBgTextOverlayRight__icon,.PRWeather .LargeBgTextOverlayRight__icon { background:#525252; } .PRBringJiboHome { min-height:400px; position:relative; background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-180px.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; } @media (min-width: 181px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-360px.jpg); } } @media (min-width: 361px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-720px.jpg); } } @media (min-width: 571px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-1140px.jpg); } } @media (min-width: 721px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-1440px.jpg); } } @media (min-width: 1141px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-2280px.jpg); } } @media (min-width: 1441px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-2280px.jpg); } } @media (min-width: 2281px) { .PRBringJiboHome { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/jibo-personal-report-buy-2880px.jpg); } } @media (min-width: 768px) { .PRBringJiboHome { min-height:800px; } } @media (min-width: 992px) { .PRBringJiboHome { min-height:830px; } } .PRBringJiboHome .row { margin-bottom:0px; } .PRBringJiboHome .CTALink--large { margin-bottom:0px; } .PRBringJiboHome h2 { color:#fff; } .PRBringJiboHome p { color:#EFF0F2; } .ArticlePreview__fadeOut { position:absolute; bottom:50px; height:20px; width:100%; z-index:1; background:#fafafa; } .ArticlePreview__fadeOut:after { content:""; position:absolute; width:100%; height:150px; bottom:0px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); background:-webkit-gradient(linear, left top, left bottom, from(rgba(250,250,250,0.01)), to(#fafafa)); background:linear-gradient(to bottom, rgba(250,250,250,0.01) 0%, #fafafa 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#03fafafa', endColorstr='#fafafa',GradientType=0 ); } .ArticlePreview .CTALink { z-index:10; position:relative; } .DevelopersIntro { position:relative; background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-vertical-180px.jpg); height:calc(100vh - 100px); margin-top:100px !important; background-position:top center; background-repeat:no-repeat; background-size:cover; } @media (min-width: 181px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-vertical-360px.jpg); } } @media (min-width: 361px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-vertical-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-vertical-720px.jpg); } } @media (min-width: 571px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-1140px.jpg); } } @media (min-width: 721px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-1440px.jpg); } } @media (min-width: 1141px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-2280px.jpg); } } @media (min-width: 1441px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-2280px.jpg); padding:193px 0px 150px; } } @media (min-width: 2281px) { .DevelopersIntro { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-hero-2880px.jpg); } } .DevelopersIntro.dark p.large { color:#EFF0F2; } @media (max-width: 767px) { .DevelopersIntro.dark p.large { font-family:"Proxima N W01 Smbd", sans-serif; font-weight:700; margin-bottom:2em; } } @media (min-width: 992px) { .DevelopersIntro.dark p.large { font-size:22px; } } .DevelopersIntro .container { position:absolute; bottom:15%; left:50%; -webkit-transform:translate(-50%, 0%); transform:translate(-50%, 0%); } @media (min-width: 768px) { .DevelopersIntro .container { bottom:0%; -webkit-transform:translate(-50%, -20%); transform:translate(-50%, -20%); } } .DevelopersIntro .row { margin-bottom:0px; } .DevelopersIntro__logo { display:block; max-width:250px; margin-left:auto; margin-right:auto; margin-bottom:50px; } .DevelopersFollow { padding-top:50px !important; padding-bottom:50px !important; background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-180px.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; } @media (min-width: 181px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-360px.jpg); } } @media (min-width: 361px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-570px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 361px), (min-resolution: 192dpi) and (min-width: 361px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-720px.jpg); } } @media (min-width: 571px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-720px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 571px), (min-resolution: 192dpi) and (min-width: 571px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-1140px.jpg); } } @media (min-width: 721px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-1140px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 721px), (min-resolution: 192dpi) and (min-width: 721px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-1440px.jpg); } } @media (min-width: 1141px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-1440px.jpg); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (-webkit-min-device-pixel-ratio: 2) and (min-width: 1141px), (min-resolution: 192dpi) and (min-width: 1141px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-2280px.jpg); } } @media (min-width: 1441px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-2280px.jpg); padding:193px 0px 150px; } } @media (min-width: 2281px) { .DevelopersFollow { background-image:url(/web/20181219091126im_/https://www.jibo.com/wp-content/themes/jibo-v2/dist/images/responsive/developers-follow-bg-2880px.jpg); } } .DevelopersFollow .CTALink { margin-bottom:0px; } .DevelopersSignup .row,.DevelopersAppsToLife .row,.DevelopersHumanize .row,.DevelopersSkillsMadeEasy .row,.DevelopersFollow .row { margin-bottom:0px; } @media (max-width: 767px) { .DevelopersSignup img,.DevelopersAppsToLife img,.DevelopersHumanize img,.DevelopersSkillsMadeEasy img,.DevelopersFollow img { max-width:50%; margin-left:auto; margin-right:auto; } } .DevelopersSignup div[class^="col-"],.DevelopersSignup div[class*=" col-"],.DevelopersAppsToLife div[class^="col-"],.DevelopersAppsToLife div[class*=" col-"],.DevelopersHumanize div[class^="col-"],.DevelopersHumanize div[class*=" col-"],.DevelopersSkillsMadeEasy div[class^="col-"],.DevelopersSkillsMadeEasy div[class*=" col-"] { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .DevelopersHumanize,.DevelopersSkillsMadeEasy { background:#EFF0F2; } .alignCenter { text-align:center; } .alignCenter .CTA__Link--floated { display:inline-block; float:none; } @media (min-width: 768px) { .mediumLeftSpacer30 { max-width:calc(100% - 30px); margin-left:30px; } } @media (min-width: 768px) { .mediumRightSpacer30 { max-width:calc(100% - 30px); margin-right:30px; } } .col-centered { margin-left:auto; margin-right:auto; } .jiboBlue { color:#00D4F0; } .proxima { font-family:"Proxima N W01 Reg", sans-serif; font-weight:400; } .proximasbold { font-family:"Proxima N W01 Smbd", sans-serif; font-weight:700; } .proximaxbold { font-family:"Proxima N W01 Xbold", sans-serif; font-weight:800; } .underline { text-decoration:underline; } @media (max-width: 767px) { .hideMobile { display:none; } } .mdOnly { display:none; } @media (min-width: 768px) and (max-width: 991px) { .mdOnly { display:inherit; } } @media (min-width: 1200px) { .belowLgOnly { display:none; } } .aboveLgOnly { display:none; } @media (min-width: 992px) { .aboveLgOnly { display:inherit; } } .xlOnly { display:none; } @media (min-width: 1200px) { .xlOnly { display:inherit; } } .justified { text-align:justify; text-align-last:center; } /*# sourceMappingURL=style.min.css.map */