7233 lines
194 KiB
CSS
7233 lines
194 KiB
CSS
|
|
.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 */
|