html {
box-sizing: border-box
}
*,
*::after,
*::before {
box-sizing: inherit
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
-ms-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
-ms-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1)
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1)
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
-ms-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
-ms-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97)
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-ms-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
-ms-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97)
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-ms-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-ms-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 1
}
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
-ms-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
-ms-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
-ms-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
-ms-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
-ms-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
-ms-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
100% {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
100% {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
-ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
-ms-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
.invisible {
visibility: hidden !important
}
.hide {
display: none !important
}
.show {
display: block !important
}
.sr-only {
height: 1px;
width: 1px;
overflow: hidden;
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px)
}
.hidden-xs-up {
display: none !important
}
@media (max-width: 479px) {
.hidden-xs-down {
display: none !important
}
}
@media (min-width: 480px) {
.hidden-sm-up {
display: none !important
}
}
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important
}
}
@media (max-width: 991px) {
.hidden-md-down {
display: none !important
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important
}
}
@media (max-width: 1179px) {
.hidden-lg-down {
display: none !important
}
}
@media (min-width: 1180px) {
.hidden-xl-up {
display: none !important
}
}
.hidden-xl-down {
display: none !important
}
.visible-print-block {
display: none !important
}
@media print {
.visible-print-block {
display: block !important
}
}
.visible-print-inline {
display: none !important
}
@media print {
.visible-print-inline {
display: inline !important
}
}
.visible-print-inline-block {
display: none !important
}
@media print {
.visible-print-inline-block {
display: inline-block !important
}
}
@media print {
.hidden-print {
display: none !important
}
}
.clear::after,
.clearfix::after {
clear: both;
content: "";
display: table
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.inline {
display: inline-block
}
.left {
margin-left: 0 !important
}
.right {
margin-right: 0 !important
}
.center {
margin-left: auto;
margin-right: auto
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-half {
margin-bottom: 0.75rem !important
}
.mb-1 {
margin-bottom: 0.75rem !important
}
@media screen and (min-width: 48rem) {
.mb-1 {
margin-bottom: 1.5rem !important
}
}
.mb-2 {
margin-bottom: 1.5rem !important
}
@media screen and (min-width: 48rem) {
.mb-2 {
margin-bottom: 3rem !important
}
}
.mb-3 {
margin-bottom: 2.25rem !important
}
@media screen and (min-width: 48rem) {
.mb-3 {
margin-bottom: 4.5rem !important
}
}
.mb-4 {
margin-bottom: 3rem !important
}
@media screen and (min-width: 48rem) {
.mb-4 {
margin-bottom: 6rem !important
}
}
.mb-5 {
margin-bottom: 3.75rem !important
}
@media screen and (min-width: 48rem) {
.mb-5 {
margin-bottom: 7.5rem !important
}
}
.mb-6 {
margin-bottom: 4.5rem !important
}
@media screen and (min-width: 48rem) {
.mb-6 {
margin-bottom: 9rem !important
}
}
.mb-7 {
margin-bottom: 5.25rem !important
}
@media screen and (min-width: 48rem) {
.mb-7 {
margin-bottom: 10.5rem !important
}
}
.mb-8 {
margin-bottom: 6rem !important
}
@media screen and (min-width: 48rem) {
.mb-8 {
margin-bottom: 12rem !important
}
}
.mb-9 {
margin-bottom: 6.75rem !important
}
@media screen and (min-width: 48rem) {
.mb-9 {
margin-bottom: 13.5rem !important
}
}
.mb-10 {
margin-bottom: 7.5rem !important
}
@media screen and (min-width: 48rem) {
.mb-10 {
margin-bottom: 15rem !important
}
}
.vds-mb-1 {
margin-bottom: 0.25rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-1 {
margin-bottom: 0.5rem !important
}
}
.vds-mb-2 {
margin-bottom: 0.5rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-2 {
margin-bottom: 1rem !important
}
}
.vds-mb-3 {
margin-bottom: 0.75rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-3 {
margin-bottom: 1.5rem !important
}
}
.vds-mb-4 {
margin-bottom: 1rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-4 {
margin-bottom: 2rem !important
}
}
.vds-mb-5 {
margin-bottom: 1.25rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-5 {
margin-bottom: 2.5rem !important
}
}
.vds-mb-6 {
margin-bottom: 1.5rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-6 {
margin-bottom: 3rem !important
}
}
.vds-mb-7 {
margin-bottom: 1.75rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-7 {
margin-bottom: 3.5rem !important
}
}
.vds-mb-8 {
margin-bottom: 2rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-8 {
margin-bottom: 4rem !important
}
}
.vds-mb-9 {
margin-bottom: 2.25rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-9 {
margin-bottom: 4.5rem !important
}
}
.vds-mb-10 {
margin-bottom: 2.5rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-10 {
margin-bottom: 5rem !important
}
}
.vds-mb-11 {
margin-bottom: 2.75rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-11 {
margin-bottom: 5.5rem !important
}
}
.vds-mb-12 {
margin-bottom: 3rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-12 {
margin-bottom: 6rem !important
}
}
.vds-mb-13 {
margin-bottom: 3.25rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-13 {
margin-bottom: 6.5rem !important
}
}
.vds-mb-14 {
margin-bottom: 3.5rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-14 {
margin-bottom: 7rem !important
}
}
.vds-mb-15 {
margin-bottom: 3.75rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-15 {
margin-bottom: 7.5rem !important
}
}
.vds-mb-16 {
margin-bottom: 4rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-16 {
margin-bottom: 8rem !important
}
}
.vds-mb-17 {
margin-bottom: 4.25rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-17 {
margin-bottom: 8.5rem !important
}
}
.vds-mb-18 {
margin-bottom: 4.5rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-18 {
margin-bottom: 9rem !important
}
}
.vds-mb-19 {
margin-bottom: 4.75rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-19 {
margin-bottom: 9.5rem !important
}
}
.vds-mb-20 {
margin-bottom: 5rem !important
}
@media screen and (min-width: 48rem) {
.vds-mb-20 {
margin-bottom: 10rem !important
}
}
hr {
border: 0;
height: 0;
margin-top: 0;
margin-bottom: 0;
max-width: 73.75rem;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
border-top: 1px solid rgba(0, 0, 0, 0.1)
}
.bar {
position: relative
}
.bar--white::before {
background-color: #fff !important
}
.bar--yellow::before {
background-color: #ecc81a !important
}
.bar--green::before {
background-color: #15c26b !important
}
.bar--turquoise::before {
background-color: #02ccba !important
}
.bar--left::before {
top: 1.25rem;
content: "";
left: -0.125rem;
width: 0.25rem;
height: 2.25rem;
position: absolute;
background: #02b3e4
}
@media screen and (min-width: 48rem) {
.bar--left::before {
top: 2rem
}
}
.bar--top::before {
left: 0;
content: "";
top: -0.75rem;
width: 3.75rem;
height: 0.25rem;
position: absolute;
background-color: #02b3e4
}
@media screen and (min-width: 48rem) {
.bar--top::before {
top: -1.5rem
}
}
.bar--bottom::before {
left: 0;
content: "";
width: 3.75rem;
height: 0.25rem;
bottom: -0.75rem;
position: absolute;
background-color: #02b3e4
}
@media screen and (min-width: 48rem) {
.bar--bottom::before {
bottom: -0.75rem
}
}
.shadow-center {
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2)
}
.shadow-right {
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.bg-white {
background-color: #fff !important
}
.bg-gray {
background-color: #fafbfc !important
}
.bg-beige {
background-color: #f4f4ef !important
}
.bg-slate {
background-color: #2e3d49 !important
}
.bg-gradient-primary {
background-image: linear-gradient(to bottom right, #02ccba, #a951ed)
}
.bg-gradient-secondary {
background-image: linear-gradient(to bottom right, #02b3e4, #02ccba)
}
.bg-gradient-tertiary {
background-image: linear-gradient(to bottom right, #a951ed, #ff5483)
}
.bg-gradient-blend {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
.beige-dark {
color: #dfdfd1 !important
}
.beige-medium {
color: #eaeae0 !important
}
.beige-light {
color: #f4f4ef !important
}
.blue-dark {
color: #028bb1 !important
}
.blue {
color: #02b3e4 !important
}
.blue-light {
color: #91daee !important
}
.green {
color: #15c26b !important
}
.magenta {
color: #ff5483 !important
}
.orange {
color: #ffa234 !important
}
.red {
color: #f04546 !important
}
.red-orange {
color: #f95c3c !important
}
.yellow-dark {
color: #ffae0c !important
}
.yellow {
color: #ecc81a !important
}
.purple {
color: #a951ed !important
}
.silver {
color: #fafbfc !important
}
.slate-dark {
color: #1c262f !important
}
.slate {
color: #2e3d49 !important
}
.turquoise {
color: #02ccba !important
}
.gray-dark {
color: #525c65 !important
}
.gray-medium {
color: #7d97ad !important
}
.gray {
color: #bcc9d4 !important
}
.gray-light {
color: #dbe2e8 !important
}
.white {
color: #fff !important
}
.regular {
font-weight: 400 !important
}
.light {
font-weight: 300 !important
}
.italic,
em {
font-style: italic !important
}
.strong,
strong {
font-weight: 600 !important
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-justify {
text-align: justify !important
}
.text-nowrap {
white-space: nowrap !important
}
.lowercase {
text-transform: lowercase
}
.uppercase {
text-transform: uppercase
}
.capitalize {
text-transform: capitalize
}
.breadcrumbs {
margin-bottom: 2.25em
}
.breadcrumbs ul {
list-style-type: none;
margin: 0;
padding: 0
}
.breadcrumbs ul li {
display: inline-block;
margin: 0;
font-size: .75em;
font-weight: 600;
color: #7d97ad;
text-transform: uppercase
}
.breadcrumbs ul li::after {
content: "›";
margin: 0 .5em 0 .75em
}
.breadcrumbs ul li:last-child::after {
display: none
}
.breadcrumbs ul li a {
color: #7d97ad;
text-decoration: none;
transition: color .3s ease
}
.breadcrumbs ul li a:hover {
color: #4c6478
}
:target:before {
content: '';
display: inline-block;
height: 130px;
margin: -130px 0 0
}
.header {
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.header::after {
clear: both;
content: "";
display: table
}
.header.header--clone {
width: 100%;
top: -1000px
}
.header.header--clone .header__navbar {
height: 4.5rem
}
.header.header--stick {
top: 0;
background-color: #fff;
z-index: 8000;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1)
}
.header__navbar {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
height: 4.5rem;
padding: 0 1.5em
}
.header__navbar::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.header__navbar {
height: 6rem
}
}
@media screen and (min-width: 73.75rem) {
.header__navbar {
padding: 0
}
}
.header__navbar--toggle {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.header__navbar--toggle:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.header__navbar--toggle {
display: none
}
}
.header__navbar--logo {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.header__navbar--logo:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.header__navbar--logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.header__navbar--logo:last-child {
margin-right: 0
}
}
.header__navbar--navigation {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: none
}
@media screen and (min-width: 30rem) {
.header__navbar--navigation {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%
}
.header__navbar--navigation:last-child {
margin-right: 0
}
}
.header__navbar--logo {
text-align: center
}
@media screen and (min-width: 30rem) {
.header__navbar--logo {
text-align: left
}
}
.header__navbar--logo .logo-wordmark {
width: 11.25rem;
height: 1.875rem;
display: none
}
@media screen and (min-width: 30rem) {
.header__navbar--logo .logo-wordmark {
display: block
}
}
.header__navbar--logo .logo-mark {
display: block;
margin: 0 auto;
width: 1.875rem;
height: 1.875rem
}
@media screen and (min-width: 30rem) {
.header__navbar--logo .logo-mark {
display: none
}
}
.header__navbar--toggle .nav-toggle {
display: block;
width: 1.25rem;
height: 1.25rem;
cursor: pointer;
transition: transform .25s ease
}
.header__navbar--toggle .nav-toggle .bar {
display: block;
width: 100%;
height: 0.1875rem;
margin-left: -0.5rem;
margin-top: 0.1875rem;
background: #02b3e4;
transition: opacity .25s ease, transform .25s ease;
user-select: none
}
.header__navbar--navigation nav {
float: right
}
.header__navbar--navigation a,
.header__navbar--navigation div {
float: left
}
.header__navbar--navigation .button {
display: none;
letter-spacing: 0;
font-size: 0.875rem;
text-transform: capitalize;
height: 2.25rem;
font-weight: 400;
margin-left: 2.5rem;
line-height: 1.9375rem
}
.header__navbar--navigation .button:first-child {
margin-left: 0
}
@media screen and (min-width: 62rem) {
.header__navbar--navigation .button {
display: block
}
}
.header__navbar--navigation .button--navigation {
padding: 0;
color: #525c65
}
.header__navbar--navigation .button--navigation:hover {
color: #474f57
}
.header__navbar--navigation .button--primary,
.header__navbar--navigation .button--turquoise {
width: 7.75rem;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15)
}
.header__navbar--navigation .button--primary:hover,
.header__navbar--navigation .button--turquoise:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2);
background-color: #02b7e9
}
.header__navbar--navigation .button--turquoise:hover {
background-color: #02d1bf
}
.header__navbar--navigation .button--guest,
.header__navbar--navigation .button--student {
display: none
}
.header__navbar--navigation .divider {
cursor: default
}
.header__navbar--navigation .divider::before {
content: '';
border-left: 1px solid rgba(82, 92, 101, 0.4);
width: 0px;
height: 12px
}
.header__sidenav {
background-color: #2e3d49
}
.header__sidenav--logo {
height: 4.5rem;
display: block;
background-color: #1C262F
}
.header__sidenav--logo::after {
clear: both;
content: "";
display: table
}
.header__sidenav--logo .logo-link {
display: block;
width: 100%;
height: 100%
}
.header__sidenav--logo .logo-link .logo-wordmark {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 1.5em;
width: 11.25rem;
height: 1.875rem
}
.header__sidenav--logo .logo-link #wordmark {
fill: #fff
}
.header__sidenav--navigation {
display: block
}
.header__sidenav--navigation::after {
clear: both;
content: "";
display: table
}
.header__sidenav--navigation li {
height: 4.5rem
}
.header__sidenav--navigation a {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
color: #fff;
display: block;
padding-left: 1.5em
}
@media screen and (min-width: 48rem) {
.header__sidenav--navigation a {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.header__sidenav--navigation a:hover {
color: #cccccc
}
.header__sidenav--navigation .guest,
.header__sidenav--navigation .student {
display: none
}
.header__sidenav--navigation .guest a,
.header__sidenav--navigation .student a {
color: #02b3e4
}
.header__sidenav--navigation .guest a:hover,
.header__sidenav--navigation .student a:hover {
color: #01647f
}
.footer {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
.footer__logo {
height: 3.75rem
}
.footer__logo__mark {
display: block;
width: 1.9375rem;
height: 1.9375rem
}
.footer__primary {
min-height: 24rem;
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
padding-bottom: 2.25rem
}
.footer__primary::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.footer__primary {
padding-bottom: 0
}
}
.footer__nav__col {
box-shadow: 12px 16px 20px 0px rgba(46, 61, 73, 0.2);
background: #fff
}
@media screen and (min-width: 48rem) {
.footer__nav__col {
box-shadow: none
}
}
@media screen and (min-width: 30rem) {
.footer__nav__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 16.9491525424%
}
.footer__nav__col:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.footer__nav__col {
background: none;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%
}
.footer__nav__col:last-child {
margin-right: 0
}
.footer__nav__col:nth-child(2n) {
margin-right: 0
}
.footer__nav__col:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.footer__nav__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.footer__nav__col:last-child {
margin-right: 0
}
.footer__nav__col:nth-child(2n) {
margin-right: 1.6949152542%
}
.footer__nav__col:nth-child(2n+1) {
clear: none
}
.footer__nav__col:nth-child(1),
.footer__nav__col:nth-child(2) {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.footer__nav__col:nth-child(1):last-child,
.footer__nav__col:nth-child(2):last-child {
margin-right: 0
}
}
.footer__nav>li {
font-size: 0.8125rem;
line-height: 1.5rem;
display: block
}
@media screen and (min-width: 48rem) {
.footer__nav>li {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
.footer__nav__list {
margin: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease
}
@media screen and (min-width: 48rem) {
.footer__nav__list {
overflow: visible;
max-height: 24rem;
margin-top: 0;
margin-bottom: 1.125rem
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.footer__nav__list {
margin-bottom: 2.25rem
}
}
@media screen and (min-width: 48rem) {
.footer__nav__list:last-child {
margin-top: 0;
margin-bottom: 1.125rem
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.footer__nav__list:last-child {
margin-bottom: 2.25rem
}
}
.footer__nav__list.nav--on {
max-height: 24rem
}
.footer__nav__list>li a {
margin-top: 0;
margin-bottom: 4px;
width: 100%;
height: 100%;
display: block;
font-size: 0.8125rem;
line-height: 1.25rem;
padding: 0.25rem 1.5rem
}
@media screen and (min-width: 48rem) {
.footer__nav__list>li a {
margin-bottom: 8px
}
}
@media screen and (min-width: 48rem) {
.footer__nav__list>li a {
padding: 0
}
}
.footer__nav h6 {
margin-top: 0;
margin-bottom: 0rem;
cursor: pointer;
letter-spacing: 0;
position: relative;
padding: 0.75rem 1.5rem
}
@media screen and (min-width: 48rem) {
.footer__nav h6 {
margin-bottom: 0.75rem
}
}
.footer__nav h6::after {
content: '+';
opacity: 0.3;
color: #2e3d49;
display: block;
position: absolute;
font-size: 1.25rem;
top: 0.75rem;
right: 1.5rem;
font-weight: 400;
transition: all 0.3s ease
}
@media screen and (min-width: 48rem) {
.footer__nav h6::after {
display: none;
cursor: inherit
}
}
.footer__nav h6:hover::after {
opacity: 0.6
}
.footer__nav h6.nav--on::after {
opacity: 1;
transform: rotate(45deg)
}
@media screen and (min-width: 48rem) {
.footer__nav h6 {
padding: 0
}
}
.footer__secondary {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0rem;
padding-top: 2.25rem;
border-top: 1px solid #dbe2e8
}
.footer__secondary::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 30rem) {
.footer__secondary {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.footer__secondary {
padding-top: 0
}
}
@media screen and (min-width: 48rem) {
.footer__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.footer__col:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.footer__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.footer__col:last-child {
margin-right: 0
}
}
.footer__col>ul>li {
font-size: 0.8125rem;
line-height: 1.5rem;
text-align: center;
display: inline-block
}
@media screen and (min-width: 48rem) {
.footer__col>ul>li {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.footer__col>ul>li {
text-align: left
}
}
@media screen and (min-width: 30rem) {
.footer__col .fineprint {
height: 3rem
}
}
@media screen and (min-width: 30rem) {
.footer__col .fineprint>li {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.footer__col .fineprint>li:first-child {
width: 100%;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 30rem) {
.footer__col .fineprint>li:first-child {
margin-bottom: 0rem
}
}
@media screen and (min-width: 48rem) {
.footer__col .fineprint>li:first-child {
width: auto
}
}
.footer__col .fineprint__link {
margin-right: 1.5rem
}
@media screen and (min-width: 30rem) {
.footer__col .fineprint__link {
width: auto;
float: right;
margin-right: 0;
margin-left: 0.75rem
}
}
@media screen and (min-width: 48rem) {
.footer__col .fineprint__link {
margin-left: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.footer__col .fineprint__link {
float: none;
margin-left: 1.125rem
}
}
@media screen and (min-width: 73.75rem) {
.footer__col .fineprint__link {
margin-left: 1.5rem
}
}
.footer__col .locales {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 30rem) {
.footer__col .locales {
margin-bottom: 0rem
}
}
@media screen and (min-width: 30rem) {
.footer__col .locales {
float: right
}
}
.footer__col .locales .dd-select {
font-size: 0.8125rem;
line-height: 1.5rem;
padding: 0;
border: none;
margin: 0 auto;
width: 11.25rem;
background: none;
box-shadow: none;
border-radius: none;
transition: all 0.3s ease
}
@media screen and (min-width: 48rem) {
.footer__col .locales .dd-select {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
.footer__col .locales .dd-select.dd-open {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
z-index: 5000;
background-color: #fff;
box-shadow: 0 4px 8px 0 rgba(46, 61, 73, 0.12)
}
.footer__col .locales .dd-container {
margin-bottom: 0
}
.footer__col .locales .dd-selected {
height: 3rem
}
.footer__col .locales .dd-option-text,
.footer__col .locales .dd-option-image,
.footer__col .locales .dd-selected-text,
.footer__col .locales .dd-selected-image {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0.8125rem;
line-height: 1.5rem;
float: left
}
@media screen and (min-width: 48rem) {
.footer__col .locales .dd-option-text,
.footer__col .locales .dd-option-image,
.footer__col .locales .dd-selected-text,
.footer__col .locales .dd-selected-image {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
.footer__col .locales .dd-option-image,
.footer__col .locales .dd-selected-image {
padding: 0 0.75rem
}
.footer__col .locales .dd-options {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
left: 0;
right: 0;
bottom: 100%;
border: none;
width: 11.25rem;
margin-left: auto;
margin-right: auto;
z-index: 4000;
box-shadow: 0 4px 8px 0 rgba(46, 61, 73, 0.12)
}
.footer__col .locales .dd-options .dd-option {
height: 3rem;
padding: 0
}
.footer__col .locales .dd-pointer.dd-pointer-up {
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
top: 1.25rem
}
.footer__col .social {
margin: 0 auto;
margin-top: 0;
margin-bottom: 1.5rem;
text-align: center
}
@media screen and (min-width: 30rem) {
.footer__col .social {
margin-bottom: 0rem
}
}
@media screen and (min-width: 30rem) {
.footer__col .social {
height: 3rem;
float: left
}
}
@media screen and (min-width: 62rem) {
.footer__col .social {
float: right
}
}
.footer__col .social>li {
margin-right: 0.75rem
}
@media screen and (min-width: 30rem) {
.footer__col .social>li {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-right: 0.75rem
}
}
@media screen and (min-width: 48rem) {
.footer__col .social>li {
margin-right: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.footer__col .social>li {
margin-right: 1.125rem
}
}
.footer__col .social>li a {
height: 1.5rem;
display: block
}
.footer__col .social>li a #icon-social {
opacity: 0.6;
transition: opacity 0.3s ease
}
.footer__col .social>li a #icon-social:hover {
opacity: 0.8
}
.page-homepage .banner.featured {
display: block
}
.page-ai .banner.featured.featured--sitewide {
display: none
}
.page-drive .banner.featured.featured--sitewide {
display: none
}
.page-homepage .banner.featured.featured--sitewide {
display: none
}
.page-robotics .banner.featured.featured--sitewide {
display: none
}
.page-self-driving-car .banner.featured.featured--sitewide {
display: none
}
.page-bosch-challenge .logo-wordmark #wordmark {
fill: #fff
}
.page-bosch-challenge .button--navigation {
color: #fff
}
.page-bosch-challenge .button--navigation:hover {
color: #e6e6e6
}
.page-bosch-challenge .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-bosch-challenge .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-bosch-challenge .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-bosch-challenge .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-bosch-challenge .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-business .logo-wordmark #wordmark {
fill: #fff
}
.page-business .button--navigation {
color: #fff
}
.page-business .button--navigation:hover {
color: #e6e6e6
}
.page-business .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-business .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-business .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-business .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-business .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-corporate-training .logo-wordmark #wordmark {
fill: #fff
}
.page-corporate-training .button--navigation {
color: #fff
}
.page-corporate-training .button--navigation:hover {
color: #e6e6e6
}
.page-corporate-training .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-corporate-training .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-corporate-training .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-corporate-training .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-corporate-training .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-didi-challenge .logo-wordmark #wordmark {
fill: #fff
}
.page-didi-challenge .button--navigation {
color: #fff
}
.page-didi-challenge .button--navigation:hover {
color: #e6e6e6
}
.page-didi-challenge .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-didi-challenge .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-didi-challenge .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-didi-challenge .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-didi-challenge .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-dl-next-step .logo-wordmark #wordmark {
fill: #fff
}
.page-dl-next-step .button--navigation {
color: #fff
}
.page-dl-next-step .button--navigation:hover {
color: #e6e6e6
}
.page-dl-next-step .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-dl-next-step .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-dl-next-step .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-dl-next-step .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-dl-next-step .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-flying-car .logo-wordmark #wordmark {
fill: #fff
}
.page-flying-car .button--navigation {
color: #fff
}
.page-flying-car .button--navigation:hover {
color: #e6e6e6
}
.page-flying-car .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-flying-car .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-flying-car .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-flying-car .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-flying-car .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-get-hired .logo-wordmark #wordmark {
fill: #fff
}
.page-get-hired .button--navigation {
color: #fff
}
.page-get-hired .button--navigation:hover {
color: #e6e6e6
}
.page-get-hired .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-get-hired .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-get-hired .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-get-hired .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-get-hired .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-google-scholarships .logo-wordmark #wordmark {
fill: #fff
}
.page-google-scholarships .button--navigation {
color: #fff
}
.page-google-scholarships .button--navigation:hover {
color: #e6e6e6
}
.page-google-scholarships .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-google-scholarships .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-google-scholarships .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-google-scholarships .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-google-scholarships .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-hire-talent .logo-wordmark #wordmark {
fill: #fff
}
.page-hire-talent .button--navigation {
color: #fff
}
.page-hire-talent .button--navigation:hover {
color: #e6e6e6
}
.page-hire-talent .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-hire-talent .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-hire-talent .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-hire-talent .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-hire-talent .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-hiring-partners .logo-wordmark #wordmark {
fill: #fff
}
.page-hiring-partners .button--navigation {
color: #fff
}
.page-hiring-partners .button--navigation:hover {
color: #e6e6e6
}
.page-hiring-partners .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-hiring-partners .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-hiring-partners .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-hiring-partners .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-hiring-partners .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-homepage .logo-wordmark #wordmark {
fill: #fff
}
.page-homepage .button--navigation {
color: #fff
}
.page-homepage .button--navigation:hover {
color: #e6e6e6
}
.page-homepage .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-homepage .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-homepage .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-homepage .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-homepage .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-ndop.nd101 .logo-wordmark #wordmark {
fill: #fff
}
.page-ndop.nd101 .button--navigation {
color: #fff
}
.page-ndop.nd101 .button--navigation:hover {
color: #e6e6e6
}
.page-ndop.nd101 .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-ndop.nd101 .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-ndop.nd101 .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-ndop.nd101 .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-ndop.nd101 .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-ndplus .logo-wordmark #wordmark {
fill: #fff
}
.page-ndplus .button--navigation {
color: #fff
}
.page-ndplus .button--navigation:hover {
color: #e6e6e6
}
.page-ndplus .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-ndplus .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-ndplus .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-ndplus .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-ndplus .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-progressive-web-apps .logo-wordmark #wordmark {
fill: #fff
}
.page-progressive-web-apps .button--navigation {
color: #fff
}
.page-progressive-web-apps .button--navigation:hover {
color: #e6e6e6
}
.page-progressive-web-apps .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-progressive-web-apps .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-progressive-web-apps .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-progressive-web-apps .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-progressive-web-apps .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-ride .logo-wordmark #wordmark {
fill: #fff
}
.page-ride .button--navigation {
color: #fff
}
.page-ride .button--navigation:hover {
color: #e6e6e6
}
.page-ride .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-ride .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-ride .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-ride .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-ride .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-saudi .logo-wordmark #wordmark {
fill: #fff
}
.page-saudi .button--navigation {
color: #fff
}
.page-saudi .button--navigation:hover {
color: #e6e6e6
}
.page-saudi .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-saudi .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-saudi .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-saudi .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-saudi .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-saudi-ar .logo-wordmark #wordmark {
fill: #fff
}
.page-saudi-ar .button--navigation {
color: #fff
}
.page-saudi-ar .button--navigation:hover {
color: #e6e6e6
}
.page-saudi-ar .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-saudi-ar .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-saudi-ar .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-saudi-ar .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-saudi-ar .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-special-offer .logo-wordmark #wordmark {
fill: #fff
}
.page-special-offer .button--navigation {
color: #fff
}
.page-special-offer .button--navigation:hover {
color: #e6e6e6
}
.page-special-offer .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-special-offer .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-special-offer .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-special-offer .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-special-offer .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-start-mentoring .logo-wordmark #wordmark {
fill: #fff
}
.page-start-mentoring .button--navigation {
color: #fff
}
.page-start-mentoring .button--navigation:hover {
color: #e6e6e6
}
.page-start-mentoring .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-start-mentoring .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-start-mentoring .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-start-mentoring .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-start-mentoring .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-tech-entrepreneur .logo-wordmark #wordmark {
fill: #fff
}
.page-tech-entrepreneur .button--navigation {
color: #fff
}
.page-tech-entrepreneur .button--navigation:hover {
color: #e6e6e6
}
.page-tech-entrepreneur .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-tech-entrepreneur .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-tech-entrepreneur .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-tech-entrepreneur .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-tech-entrepreneur .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-uconnect-start .logo-wordmark #wordmark {
fill: #fff
}
.page-uconnect-start .button--navigation {
color: #fff
}
.page-uconnect-start .button--navigation:hover {
color: #e6e6e6
}
.page-uconnect-start .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(255, 255, 255, 0.4)
}
.page-uconnect-start .header--stick .logo-wordmark #wordmark {
fill: #2e3d49
}
.page-uconnect-start .header--stick .header__navbar--navigation .button--navigation {
color: #525c65
}
.page-uconnect-start .header--stick .header__navbar--navigation .button--navigation:hover {
color: #697681
}
.page-uconnect-start .header--stick .header__navbar--navigation .divider::before {
border-left: 2px solid rgba(82, 92, 101, 0.4)
}
.page-human .footer {
background-image: none;
background-color: #2e3d49;
background-image: linear-gradient(-45deg, #2F4F66 0%, #020304 95%, #010304 96%, #010304 96%, #000 100%)
}
@media screen and (min-width: 48rem) {
.page-human .footer__nav h6 {
color: #fff
}
.page-human .footer__nav__list>li a,
.page-human .footer__col .fineprint>li a {
color: #bcc9d4
}
.page-human .footer__nav__list>li a:hover,
.page-human .footer__col .fineprint>li a:hover {
color: #7e97ac
}
}
.page-human .footer__col .fineprint>li:first-child p {
color: #fff
}
.page-human .micro {
color: #7d97ad
}
.page-human #icon-social {
fill: #fff
}
.page-human .dd-select .dd-pointer {
background: url(assets/icon_drop_arrow_white-fc3883db1996146bf0af137701cdc9270d5047a3142fac5ecb65de8122a61058.svg) no-repeat center
}
.page-human .footer__col .locales .dd-pointer.dd-pointer-up {
background: url(assets/icon_drop_arrow-a78c7d3f3a6f4753db86feaa092c0ed999e3b6b7fb7e178d0e0c4e0343015a4c.svg) no-repeat center
}
.page-ndop.nd101 .footer {
background-image: none;
background-color: #2e3d49;
background-image: linear-gradient(-45deg, #2F4F66 0%, #020304 95%, #010304 96%, #010304 96%, #000 100%)
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .footer__nav h6 {
color: #fff
}
.page-ndop.nd101 .footer__nav__list>li a,
.page-ndop.nd101 .footer__col .fineprint>li a {
color: #bcc9d4
}
.page-ndop.nd101 .footer__nav__list>li a:hover,
.page-ndop.nd101 .footer__col .fineprint>li a:hover {
color: #7e97ac
}
}
.page-ndop.nd101 .footer__col .fineprint>li:first-child p {
color: #fff
}
.page-ndop.nd101 .micro {
color: #7d97ad
}
.page-ndop.nd101 #icon-social {
fill: #fff
}
.page-ndop.nd101 .dd-select .dd-pointer {
background: url(assets/icon_drop_arrow_white-fc3883db1996146bf0af137701cdc9270d5047a3142fac5ecb65de8122a61058.svg) no-repeat center
}
.page-ndop.nd101 .footer__col .locales .dd-pointer.dd-pointer-up {
background: url(assets/icon_drop_arrow-a78c7d3f3a6f4753db86feaa092c0ed999e3b6b7fb7e178d0e0c4e0343015a4c.svg) no-repeat center
}
.page-special-offer .footer {
background-image: none;
background-color: #2e3d49;
background-image: linear-gradient(-45deg, #2F4F66 0%, #020304 95%, #010304 96%, #010304 96%, #000 100%)
}
@media screen and (min-width: 48rem) {
.page-special-offer .footer__nav h6 {
color: #fff
}
.page-special-offer .footer__nav__list>li a,
.page-special-offer .footer__col .fineprint>li a {
color: #bcc9d4
}
.page-special-offer .footer__nav__list>li a:hover,
.page-special-offer .footer__col .fineprint>li a:hover {
color: #7e97ac
}
}
.page-special-offer .footer__col .fineprint>li:first-child p {
color: #fff
}
.page-special-offer .micro {
color: #7d97ad
}
.page-special-offer #icon-social {
fill: #fff
}
.page-special-offer .dd-select .dd-pointer {
background: url(assets/icon_drop_arrow_white-fc3883db1996146bf0af137701cdc9270d5047a3142fac5ecb65de8122a61058.svg) no-repeat center
}
.page-special-offer .footer__col .locales .dd-pointer.dd-pointer-up {
background: url(assets/icon_drop_arrow-a78c7d3f3a6f4753db86feaa092c0ed999e3b6b7fb7e178d0e0c4e0343015a4c.svg) no-repeat center
}
.page-homepage .header #mark,
.page-google-scholarships .header #mark {
fill: #fff
}
.page-homepage .header__navbar--toggle .bar,
.page-google-scholarships .header__navbar--toggle .bar {
background: #fff
}
.page-homepage .header--stick #mark,
.page-google-scholarships .header--stick #mark {
fill: #02b3e4
}
.page-homepage .header--stick .header__navbar--toggle .bar,
.page-google-scholarships .header--stick .header__navbar--toggle .bar {
background: #02b3e4
}
.page-podcast .header,
.page-podcast .footer {
display: none
}
.page-ai .footer,
.page-drive .footer,
.page-robotics .footer,
.page-self-driving-car .footer {
display: none
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format("woff")
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff) format("woff")
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: local("Open Sans Light Italic"), local("OpenSansLight-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxvR_54zmj3SbGZQh3vCOwvY.woff) format("woff")
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format("woff")
}
*,
*::before,
*::after {
box-sizing: border-box
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
progress {
vertical-align: baseline
}
template,
[hidden] {
display: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
margin: 0
}
optgroup {
font-weight: bold
}
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 {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
textarea {
overflow: auto
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
#contain-all {
width: 100%;
overflow: hidden;
background: #fff;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d
}
.outer_contain {
margin: 0 auto;
max-width: 90rem
}
.contain {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.contain::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
@media screen and (min-width: 73.75rem) {
.contain {
padding-left: 0;
padding-right: 0
}
}
.contain.no-padding {
padding: 0
}
.contain.no-padding-top {
padding-top: 0
}
.contain.no-padding-bottom {
padding-bottom: 0
}
.contain--none {
padding-top: 0rem;
padding-bottom: 0rem;
margin: 0 auto
}
@media screen and (min-width: 48rem) {
.contain--none {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.contain--small {
padding-top: 3rem;
padding-bottom: 3rem;
margin: 0 auto
}
@media screen and (min-width: 48rem) {
.contain--small {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.cards_contain {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.cards_contain::after {
clear: both;
content: "";
display: table
}
body {
color: #525c65;
font-size: 16px;
font-family: "Open Sans", sans-serif;
line-height: 1.5rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
p {
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 0.875rem;
line-height: 1.5rem;
color: #525c65;
font-weight: 400
}
@media screen and (min-width: 48rem) {
p {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
p {
font-size: 1rem;
line-height: 1.75rem
}
}
p.micro {
font-size: 0.5625rem;
line-height: 0.75rem
}
@media screen and (min-width: 48rem) {
p.micro {
font-size: 0.5625rem;
line-height: 0.75rem
}
}
p.x-small {
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
p.x-small {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
p small,
p.small {
font-size: 0.8125rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
p small,
p.small {
font-size: 0.875rem;
line-height: 1.5rem
}
}
p.large,
p.lead {
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 1rem;
line-height: 1.75rem
}
@media screen and (min-width: 48rem) {
p.large,
p.lead {
margin-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
p.large,
p.lead {
font-size: 1.125rem;
line-height: 2rem
}
}
p a {
border-bottom: 1px solid #91daee;
cursor: pointer
}
p.legible {
max-width: 48.75rem !important
}
a {
border-bottom: none;
text-decoration: none;
color: #525c65;
transition: color 0.3s ease
}
a:active,
a:focus,
a:hover {
color: #24292d
}
a.white {
color: #fff
}
a.white:hover {
color: #cccccc
}
a.gray {
color: #7d97ad
}
a.gray:hover {
color: #4c6478
}
a [data-page-scroller] {
cursor: pointer
}
.text-only,
.more+[data-readmore-toggle] {
font-size: 0.8125rem;
line-height: 1.5rem;
width: auto;
border-bottom: none;
color: #02b3e4;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.09375rem;
transition: color 0.3s ease, background 0.3s ease
}
@media screen and (min-width: 48rem) {
.text-only,
.more+[data-readmore-toggle] {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
.text-only:hover,
.more+[data-readmore-toggle]:hover {
text-decoration: none;
color: #028bb1
}
blockquote {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
blockquote {
margin-bottom: 1.5rem
}
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 0;
margin-bottom: 1.5rem;
color: #2e3d49;
-webkit-font-smoothing: antialiased
}
@media screen and (min-width: 48rem) {
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-bottom: 1.5rem
}
}
h1,
.h1 {
font-size: 2rem;
line-height: 2.5rem;
font-weight: 300
}
@media screen and (min-width: 48rem) {
h1,
.h1 {
font-size: 2.5rem;
line-height: 3rem
}
}
h1--headline,
.h1--headline {
font-size: 2rem;
line-height: 2.5rem
}
@media screen and (min-width: 48rem) {
h1--headline,
.h1--headline {
font-size: 3rem;
line-height: 3.75rem
}
}
h2,
.h2 {
font-size: 1.75rem;
line-height: 2.25rem;
font-weight: 300
}
@media screen and (min-width: 48rem) {
h2,
.h2 {
font-size: 2rem;
line-height: 2.5rem
}
}
h3,
.h3 {
font-size: 1.5rem;
line-height: 2.25rem;
font-weight: 300
}
@media screen and (min-width: 48rem) {
h3,
.h3 {
font-size: 1.75rem;
line-height: 2.25rem
}
}
h4,
.h4 {
font-size: 1.125rem;
line-height: 2rem;
font-weight: 400
}
@media screen and (min-width: 48rem) {
h4,
.h4 {
font-size: 1.5rem;
line-height: 2.25rem
}
}
h5,
.h5 {
font-size: 1rem;
line-height: 1.75rem;
font-weight: 600
}
@media screen and (min-width: 48rem) {
h5,
.h5 {
font-size: 1.125rem;
line-height: 2rem
}
}
h6,
.h6 {
font-size: 0.8125rem;
line-height: 1.5rem;
color: #7d97ad;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.09375rem
}
@media screen and (min-width: 48rem) {
h6,
.h6 {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input:not([type]),
textarea,
select[multiple] {
margin-top: 0;
margin-bottom: 0.75rem;
width: 100%;
outline: none;
color: #7d97ad;
vertical-align: top;
height: 3rem;
border: 1px solid #dbe2e8;
padding: 0 1.25rem;
box-sizing: border-box;
font-size: 0.875rem;
box-shadow: 5px 5px 10px 0 rgba(46, 61, 73, 0.05);
border-radius: 0.25rem;
transition: box-shadow 0.3s ease, border 0.3s ease
}
@media screen and (min-width: 48rem) {
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input:not([type]),
textarea,
select[multiple] {
margin-bottom: 1.5rem
}
}
input[type="color"]:hover,
input[type="color"].hover,
input[type="date"]:hover,
input[type="date"].hover,
input[type="datetime"]:hover,
input[type="datetime"].hover,
input[type="datetime-local"]:hover,
input[type="datetime-local"].hover,
input[type="email"]:hover,
input[type="email"].hover,
input[type="month"]:hover,
input[type="month"].hover,
input[type="number"]:hover,
input[type="number"].hover,
input[type="password"]:hover,
input[type="password"].hover,
input[type="search"]:hover,
input[type="search"].hover,
input[type="tel"]:hover,
input[type="tel"].hover,
input[type="text"]:hover,
input[type="text"].hover,
input[type="time"]:hover,
input[type="time"].hover,
input[type="url"]:hover,
input[type="url"].hover,
input[type="week"]:hover,
input[type="week"].hover,
input:not([type]):hover,
input:not([type]).hover,
textarea:hover,
textarea.hover,
select[multiple]:hover,
select[multiple].hover {
box-shadow: 0 4px 8px 0 rgba(46, 61, 73, 0.12)
}
input[type="color"]:focus,
input[type="color"].focus,
input[type="date"]:focus,
input[type="date"].focus,
input[type="datetime"]:focus,
input[type="datetime"].focus,
input[type="datetime-local"]:focus,
input[type="datetime-local"].focus,
input[type="email"]:focus,
input[type="email"].focus,
input[type="month"]:focus,
input[type="month"].focus,
input[type="number"]:focus,
input[type="number"].focus,
input[type="password"]:focus,
input[type="password"].focus,
input[type="search"]:focus,
input[type="search"].focus,
input[type="tel"]:focus,
input[type="tel"].focus,
input[type="text"]:focus,
input[type="text"].focus,
input[type="time"]:focus,
input[type="time"].focus,
input[type="url"]:focus,
input[type="url"].focus,
input[type="week"]:focus,
input[type="week"].focus,
input:not([type]):focus,
input:not([type]).focus,
textarea:focus,
textarea.focus,
select[multiple]:focus,
select[multiple].focus {
border-color: #02b3e4;
box-shadow: 5px 5px 10px 0 rgba(46, 61, 73, 0.05)
}
input[type="color"]:disabled,
input[type="color"].disabled,
input[type="date"]:disabled,
input[type="date"].disabled,
input[type="datetime"]:disabled,
input[type="datetime"].disabled,
input[type="datetime-local"]:disabled,
input[type="datetime-local"].disabled,
input[type="email"]:disabled,
input[type="email"].disabled,
input[type="month"]:disabled,
input[type="month"].disabled,
input[type="number"]:disabled,
input[type="number"].disabled,
input[type="password"]:disabled,
input[type="password"].disabled,
input[type="search"]:disabled,
input[type="search"].disabled,
input[type="tel"]:disabled,
input[type="tel"].disabled,
input[type="text"]:disabled,
input[type="text"].disabled,
input[type="time"]:disabled,
input[type="time"].disabled,
input[type="url"]:disabled,
input[type="url"].disabled,
input[type="week"]:disabled,
input[type="week"].disabled,
input:not([type]):disabled,
input:not([type]).disabled,
textarea:disabled,
textarea.disabled,
select[multiple]:disabled,
select[multiple].disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none
}
input[type="color"]:disabled:hover,
input[type="color"].disabled:hover,
input[type="date"]:disabled:hover,
input[type="date"].disabled:hover,
input[type="datetime"]:disabled:hover,
input[type="datetime"].disabled:hover,
input[type="datetime-local"]:disabled:hover,
input[type="datetime-local"].disabled:hover,
input[type="email"]:disabled:hover,
input[type="email"].disabled:hover,
input[type="month"]:disabled:hover,
input[type="month"].disabled:hover,
input[type="number"]:disabled:hover,
input[type="number"].disabled:hover,
input[type="password"]:disabled:hover,
input[type="password"].disabled:hover,
input[type="search"]:disabled:hover,
input[type="search"].disabled:hover,
input[type="tel"]:disabled:hover,
input[type="tel"].disabled:hover,
input[type="text"]:disabled:hover,
input[type="text"].disabled:hover,
input[type="time"]:disabled:hover,
input[type="time"].disabled:hover,
input[type="url"]:disabled:hover,
input[type="url"].disabled:hover,
input[type="week"]:disabled:hover,
input[type="week"].disabled:hover,
input:not([type]):disabled:hover,
input:not([type]).disabled:hover,
textarea:disabled:hover,
textarea.disabled:hover,
select[multiple]:disabled:hover,
select[multiple].disabled:hover {
box-shadow: 5px 5px 10px 0 rgba(46, 61, 73, 0.05)
}
input[type="color"].inline,
input[type="date"].inline,
input[type="datetime"].inline,
input[type="datetime-local"].inline,
input[type="email"].inline,
input[type="month"].inline,
input[type="number"].inline,
input[type="password"].inline,
input[type="search"].inline,
input[type="tel"].inline,
input[type="text"].inline,
input[type="time"].inline,
input[type="url"].inline,
input[type="week"].inline,
input:not([type]).inline,
textarea.inline,
select[multiple].inline {
display: inline-block;
margin-right: 0.75rem
}
input[type="color"].inline:last-child,
input[type="date"].inline:last-child,
input[type="datetime"].inline:last-child,
input[type="datetime-local"].inline:last-child,
input[type="email"].inline:last-child,
input[type="month"].inline:last-child,
input[type="number"].inline:last-child,
input[type="password"].inline:last-child,
input[type="search"].inline:last-child,
input[type="tel"].inline:last-child,
input[type="text"].inline:last-child,
input[type="time"].inline:last-child,
input[type="url"].inline:last-child,
input[type="week"].inline:last-child,
input:not([type]).inline:last-child,
textarea.inline:last-child,
select[multiple].inline:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
input[type="color"].inline,
input[type="date"].inline,
input[type="datetime"].inline,
input[type="datetime-local"].inline,
input[type="email"].inline,
input[type="month"].inline,
input[type="number"].inline,
input[type="password"].inline,
input[type="search"].inline,
input[type="tel"].inline,
input[type="text"].inline,
input[type="time"].inline,
input[type="url"].inline,
input[type="week"].inline,
input:not([type]).inline,
textarea.inline,
select[multiple].inline {
margin-top: 0;
margin-bottom: 0
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
input[type="color"].inline,
input[type="date"].inline,
input[type="datetime"].inline,
input[type="datetime-local"].inline,
input[type="email"].inline,
input[type="month"].inline,
input[type="number"].inline,
input[type="password"].inline,
input[type="search"].inline,
input[type="tel"].inline,
input[type="text"].inline,
input[type="time"].inline,
input[type="url"].inline,
input[type="week"].inline,
input:not([type]).inline,
textarea.inline,
select[multiple].inline {
margin-bottom: 0
}
}
fieldset {
margin-top: 0;
margin-bottom: 0.75rem;
border: 0;
padding: 0;
background-color: transparent
}
@media screen and (min-width: 48rem) {
fieldset {
margin-bottom: 1.5rem
}
}
legend {
margin-top: 0;
margin-bottom: 0.75rem;
padding: 0
}
@media screen and (min-width: 48rem) {
legend {
margin-bottom: 1.5rem
}
}
label {
margin-top: 0;
margin-bottom: 0.75rem;
display: block
}
@media screen and (min-width: 48rem) {
label {
margin-bottom: 1.5rem
}
}
textarea {
padding: 0.6875rem 1.25rem
}
input[type="number"] {
-moz-appearance: textfield
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none
}
[type="search"] {
appearance: none
}
[type="radio"] {
display: inline;
margin-right: 0.75rem
}
[type="file"] {
margin-top: 0;
margin-bottom: 0.75rem;
width: 100%
}
@media screen and (min-width: 48rem) {
[type="file"] {
margin-bottom: 1.5rem
}
}
select {
margin-top: 0;
margin-bottom: 0.75rem;
max-width: 100%;
width: auto
}
@media screen and (min-width: 48rem) {
select {
margin-bottom: 1.5rem
}
}
.checkbox {
position: relative
}
.checkbox input[type=checkbox] {
display: none !important
}
.checkbox input[type=checkbox]:checked+label::after {
background-size: 60%;
opacity: 1
}
.checkbox input[type=checkbox]:disabled+label {
opacity: .5
}
.checkbox label {
font-size: 0.8125rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 0.75rem;
clear: left;
display: block;
position: relative;
color: #7d97ad;
text-transform: uppercase;
padding-left: 1.5rem;
letter-spacing: 0.09375rem
}
@media screen and (min-width: 48rem) {
.checkbox label {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.checkbox label {
margin-bottom: 0.75rem
}
}
.checkbox label a {
color: #7d97ad;
text-decoration: none;
border-bottom: 1px solid #91daee;
transition: color 0.3s ease
}
.checkbox label a:hover {
color: #9db0c0
}
.checkbox label::before,
.checkbox label::after {
content: '';
position: absolute;
top: 4px;
left: 0;
width: 16px;
height: 16px;
background: white;
border: 1px solid #dbe2e8;
box-shadow: 0 2px 5px 0 rgba(46, 61, 73, 0.08)
}
.checkbox label::after {
opacity: 0;
background-size: 20%;
background: url(assets/check_blue-5823d5e7599e5d63ea85758f2f7b551a988792dda3d263b26fdaf7c3e38ded1b.svg) no-repeat center;
transition: opacity 0.3s ease, background-size 0.3s ease
}
input.form-error,
select.form-error,
textarea.form-error {
color: #f95c3c;
background-color: rgba(249, 92, 60, 0.02);
border: 1px solid #f04546
}
.error-container {
height: 2.25rem;
position: absolute;
left: 0;
right: 0;
width: 90%;
margin: 0 auto;
display: block;
text-align: center;
top: -3rem;
background-color: #f04546;
border-radius: 0.25rem;
transition: all 0.3s ease;
opacity: 0
}
.error-container.filled {
transition: all 0.3s ease;
opacity: 1
}
.error-container:after {
content: '';
width: 0;
height: 0;
top: 18px;
position: relative;
border-style: solid;
border-width: 8px 6px 0;
border-color: #f04546 transparent transparent
}
.error-text {
font-size: 0.75rem;
line-height: 1.5rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
display: block;
text-align: center
}
@media screen and (min-width: 48rem) {
.error-text {
font-size: 0.75rem;
line-height: 1.5rem
}
}
ul,
ol {
padding: 0;
list-style-type: none;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
ul,
ol {
margin-bottom: 1.5rem
}
}
ul.alph,
ul.disc,
ul.num,
ul.rom,
ol.alph,
ol.disc,
ol.num,
ol.rom {
list-style-type: disc;
padding-left: 1.5rem
}
ul.alph p,
ul.disc p,
ul.num p,
ul.rom p,
ol.alph p,
ol.disc p,
ol.num p,
ol.rom p {
padding-left: 0.75rem
}
ul.alph.no-margin p,
ul.disc.no-margin p,
ul.num.no-margin p,
ul.rom.no-margin p,
ol.alph.no-margin p,
ol.disc.no-margin p,
ol.num.no-margin p,
ol.rom.no-margin p {
margin-bottom: 0
}
ul.alph li a,
ul.disc li a,
ul.num li a,
ul.rom li a,
ol.alph li a,
ol.disc li a,
ol.num li a,
ol.rom li a {
border-bottom: 1px solid #91daee;
cursor: pointer
}
ul.alph,
ol.alph {
list-style-type: lower-alpha
}
ul.checks li,
ol.checks li {
font-size: 0.875rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
position: relative;
padding-left: 2.25rem
}
@media screen and (min-width: 48rem) {
ul.checks li,
ol.checks li {
font-size: 1rem;
line-height: 1.75rem
}
}
@media screen and (min-width: 48rem) {
ul.checks li,
ol.checks li {
margin-bottom: 1.5rem
}
}
ul.checks li:last-child,
ol.checks li:last-child {
margin-bottom: 0
}
ul.checks li::before,
ol.checks li::before {
background: #15c26b url(assets/icon_checkmark_white-5c349694188d93e550235390d97e5f3e7cbce2c1113de846cd7c786bf98960ff.svg) no-repeat center;
content: "";
left: 0;
top: 0.1875rem;
width: 1.25rem;
height: 1.25rem;
position: absolute;
background-size: 60%;
border-radius: 1.25rem
}
@media screen and (min-width: 48rem) {
ul.checks li::before,
ol.checks li::before {
top: 0.3125rem
}
}
ul.num,
ol.num {
list-style-type: decimal
}
ul.rom,
ol.rom {
list-style-type: lower-roman
}
ul:last-child,
ol:last-child {
margin-bottom: 0
}
dl {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
dl {
margin-bottom: 1.5rem
}
}
dt {
margin-top: 0;
margin-bottom: 0.75rem;
font-weight: 600
}
@media screen and (min-width: 48rem) {
dt {
margin-bottom: 1.5rem
}
}
dd {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
dd {
margin-bottom: 3rem
}
}
figure {
padding: 0;
margin: 0;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
figure {
margin-bottom: 1.5rem
}
}
img,
picture,
svg {
margin: 0;
max-width: 100%;
height: auto
}
video.video--responsive {
width: auto;
height: 100%
}
video.video--responsive--landscape {
height: auto;
max-width: 100%
}
*::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none
}
.icon--video {
background: url(assets/icon-play-trailer-4e4439e3909d0b909730ae89271fb9fcfa57086bd7915b63648a125fbaafde33.svg) 0 1px no-repeat;
padding-left: 1.875rem
}
.icon-play {
top: 0.1875rem;
left: 0.125rem;
width: 1rem;
height: 1rem;
position: relative;
margin-right: 0.625rem;
display: inline-block;
background: url(assets/icon-play-blue-46658eca1d7853f132ece5776e691b7c96b58b91e04c22e44715729ebfa33180.svg) center center no-repeat
}
.icon-middle {
display: inline-block;
vertical-align: middle
}
.icon-top {
display: inline-block;
vertical-align: top
}
table {
width: 100%;
table-layout: fixed;
margin: 0.75rem 0;
border-collapse: collapse
}
td,
th {
padding: 0.75rem
}
@media screen and (min-width: 48rem) {
td,
th {
padding: 0.75rem 1.5rem
}
}
tr,
td,
th {
vertical-align: middle
}
.animates {
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden !important
}
.arrow-slider-block {
clear: both
}
.arrow-slider-block .flex-control-nav {
display: none
}
.arrow-slider-block .arrow_slider {
position: relative
}
.arrow-slider-block .arrow_slider .slides {
margin: 0;
padding: 0;
list-style-type: none
}
.arrow-slider-block .arrow_slider .flex-direction-nav {
margin: 0;
padding: 0;
list-style-type: none
}
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-prev,
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-next {
position: absolute;
top: 0;
left: 0;
width: 3.5em;
height: 100%
}
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-prev a,
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-next a {
display: block;
height: 100%;
transition: opacity 0.3s ease;
text-indent: -999em;
opacity: 0.7;
background-image: url(assets/icon-flexslider-left-blue-e2e6d5da2adeb2c911cb494dbd1e895ecb6604ec82b7358561034e53080dac1a.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto auto
}
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-prev a:hover,
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-next a:hover {
opacity: 1
}
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-next {
right: 0;
left: auto
}
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-next a {
background-image: url(assets/icon-flexslider-right-blue-ed2883be5aaa060406fe0c6f0b6988249841a6919cb36cd52656ece83313f64b.svg)
}
.arrow-slider-block blockquote {
margin: 0;
padding: 0 3.5em;
text-align: center
}
.arrow-slider-block blockquote .quote-content {
font-size: 1.125rem;
line-height: 2rem;
margin: 0 auto;
text-align: center;
font-style: italic;
color: #7d97ad;
font-weight: 300
}
@media screen and (min-width: 48rem) {
.arrow-slider-block blockquote .quote-content {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.arrow-slider-block blockquote .quote-content::before {
content: open-quote
}
.arrow-slider-block blockquote .quote-content::after {
content: close-quote
}
.arrow-slider-block blockquote cite {
font-style: normal
}
.arrow-slider-block blockquote cite h5,
.arrow-slider-block blockquote cite h6,
.arrow-slider-block blockquote cite p {
margin-bottom: 0
}
.arrow-slider-block blockquote cite img {
width: 6.25em;
margin-bottom: 1em;
border-radius: 50%
}
@media (min-width: 44em) {
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-prev,
.arrow-slider-block .arrow_slider .flex-direction-nav .flex-nav-next {
width: 5.625em
}
.arrow-slider-block blockquote {
padding: 0 8.125em
}
}
.banner {
font-size: 0.8125rem;
line-height: 1.5rem;
width: 100%;
color: #fff;
display: none;
position: relative;
text-align: center;
padding: 0.75rem 1.5rem;
background-color: #7d97ad
}
@media screen and (min-width: 48rem) {
.banner {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.banner {
padding: 0.625rem 1.5rem
}
}
@media screen and (min-width: 62rem) {
.banner {
border-radius: 0.375rem
}
}
.banner.standard {
background-color: #7d97ad
}
.banner.success {
background-color: #15c26b
}
.banner.warning {
background-color: #ffae0c
}
.banner.error {
background-color: #f95c3c
}
.banner.fixed {
top: 0;
left: 0;
position: fixed;
z-index: 9000
}
.banner .checkmark {
width: 12px;
margin-right: 5px
}
@media (min-width: 44em) {
.banner .checkmark {
width: 16px;
margin-right: 12px
}
}
.banner.featured {
display: none;
border-radius: 0;
background-color: #fff
}
.banner.featured p {
font-size: 0.8125rem;
line-height: 1.5rem;
margin: 0;
color: #02b3e4
}
@media screen and (min-width: 48rem) {
.banner.featured p {
font-size: 1rem;
line-height: 1.75rem
}
}
.banner.featured p a {
color: #02b3e4;
border-bottom: none
}
.banner.featured p .brow a {
border-bottom: 1px solid #02b3e4
}
@media screen and (min-width: 30rem) {
.banner.featured p {
display: inline
}
}
.banner.featured p .underline {
border-bottom: 1px solid #02b3e4
}
.banner.featured--sitewide {
display: block;
background-color: #02b3e4
}
.banner.featured--sitewide p {
color: #fff
}
.banner.featured--sitewide p a {
color: #fff
}
.banner.featured--sitewide p .brow a {
border-bottom: 1px solid #fff
}
.banner--close {
position: absolute;
top: 1em;
right: 1em;
width: 0.75rem;
height: 0.75rem;
cursor: pointer;
opacity: 0.7;
display: block;
line-height: 0;
background-size: cover;
transition: opacity 0.3s ease;
background: url(assets/icon_close_white-80b9a0dff7e94851c87e9476c187050c85cd56da3720a7974a8627913ee91bff.svg) 0 0 no-repeat
}
.banner--close:hover {
opacity: 1
}
.banner--close.dark {
background-image: url(assets/icon_close_dark-c7c6a31cb37c841e14b44a8c1a7b5e81447b9442d94fdea8bcf66cfea18d1a13.svg)
}
@media screen and (min-width: 30rem) {
.banner--close {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 0.875rem;
height: 0.875rem
}
}
.bookmark-button {
color: #7d97ad;
display: table;
height: 25px;
text-align: center
}
.bookmark-button:hover,
.bookmark-button:focus {
text-decoration: none
}
.bookmark-button:hover {
color: #02b3e4
}
.bookmark-button.active .star {
background-position: 0 -25px
}
.bookmark-button.loading,
.bookmark-button .loading {
cursor: wait;
opacity: 0.5
}
.bookmark-button .count,
.bookmark-button .star {
display: table-cell;
vertical-align: middle
}
.bookmark-button .count {
font-size: 14px;
margin-right: 1em
}
.bookmark-button .star {
background: url(assets/bookmark@2x-ec1ae97a4437cf776d4e771fcaa0503e71adad578cd5feedf4ad9fc86c1f65e3.png);
background-position: 0 0px;
background-size: 25px 50px;
height: 25px;
overflow: hidden;
text-indent: 999em;
vertical-align: middle;
width: 25px
}
.bookmark-button .loading {
color: #dbe2e8
}
.bookmarks-catalog-modal .bookmarks-catalog-modal--cta {
display: block;
max-width: none;
overflow: hidden;
text-transform: uppercase;
text-overflow: ellipsis;
width: 100%
}
.bookmarks-catalog-modal .bookmarks-catalog-modal--cta:hover {
text-decoration: none
}
.bookmarks-catalog-modal--header,
.bookmarks-catalog-modal--subhead {
text-align: center
}
.bookmarks-catalog-modal--content {
padding-left: 0
}
.bookmarks-catalog-modal--content li {
color: #525c65;
display: block;
margin: 0;
padding: 0.5em;
padding-left: 2.5em;
position: relative;
text-align: left
}
.bookmarks-catalog-modal--content li.disabled {
background-color: #fafbfc
}
.bookmarks-catalog-modal--content li::before {
background-size: 60%;
background: transparent url(assets/icon-checkmark-green-13d2911d3df53e597366a07c6547a3c5da115b34d72192390e7584c5bf8ac377.svg) no-repeat center;
border-radius: 1em;
content: "";
height: 1.25em;
left: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.25em
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button--primary,
.button--secondary,
.button--outline,
.button--white,
.button--navigation,
.button--turquoise,
.button--team {
display: block;
cursor: pointer;
appearance: none;
user-select: none;
text-align: center;
white-space: nowrap;
vertical-align: top;
text-decoration: none;
vertical-align: middle;
height: 3rem;
padding: 0 0.5rem;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
font-size: 0.8125rem;
line-height: 2.625rem;
-webkit-font-smoothing: antialiased;
border-radius: 0.25rem;
letter-spacing: 0.09375rem;
transition: all 0.3s ease
}
.button--primary,
.button--secondary,
.button--outline,
.button--white {
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15)
}
.button--primary:hover,
.button--secondary:hover,
.button--outline:hover,
.button--white:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
.button--primary {
width: 13.75rem;
color: #fff;
background-color: #02b3e4;
border: 0.125rem solid transparent
}
.button--primary:focus,
.button--primary.focus,
.button--primary:hover {
outline: none;
color: white;
border-color: transparent;
background-color: #029fcb
}
.button--primary.disabled,
.button--primary[disabled],
fieldset[disabled] .button--primary {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.button--primary.pending {
cursor: progress;
box-shadow: none
}
.button--primary.pending:hover {
background-color: #02b3e4
}
.button--primary.inline {
display: inline-block
}
.button--primary.sm {
width: 11.25rem
}
.button--primary.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.button--primary.lg {
width: 100%
}
}
.button--primary.full {
width: 100%
}
.button--primary>svg {
fill: currentcolor
}
.button--secondary {
width: 13.75rem;
color: #fff;
background-color: #7d97ad;
border: 0.125rem solid transparent
}
.button--secondary:focus,
.button--secondary.focus,
.button--secondary:hover {
outline: none;
color: white;
border-color: transparent;
background-color: #6d8aa3
}
.button--secondary.disabled,
.button--secondary[disabled],
fieldset[disabled] .button--secondary {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.button--secondary.pending {
cursor: progress;
box-shadow: none
}
.button--secondary.pending:hover {
background-color: #7d97ad
}
.button--secondary.inline {
display: inline-block
}
.button--secondary.sm {
width: 11.25rem
}
.button--secondary.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.button--secondary.lg {
width: 100%
}
}
.button--secondary.full {
width: 100%
}
.button--secondary>svg {
fill: currentcolor
}
.button--outline {
width: 13.75rem;
color: #fff;
background-color: transparent;
border: 0.125rem solid #fff
}
.button--outline:focus,
.button--outline.focus,
.button--outline:hover {
outline: none;
color: white;
border-color: #fff;
background-color: transparent
}
.button--outline.disabled,
.button--outline[disabled],
fieldset[disabled] .button--outline {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.button--outline.pending {
cursor: progress;
box-shadow: none
}
.button--outline.pending:hover {
background-color: transparent
}
.button--outline.inline {
display: inline-block
}
.button--outline.sm {
width: 11.25rem
}
.button--outline.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.button--outline.lg {
width: 100%
}
}
.button--outline.full {
width: 100%
}
.button--outline>svg {
fill: currentcolor
}
.button--white {
width: 13.75rem;
color: #02b3e4;
background-color: #fff;
border: 0.125rem solid transparent
}
.button--white:focus,
.button--white.focus,
.button--white:hover {
outline: none;
color: #1cccfd;
border-color: transparent;
background-color: #f2f2f2
}
.button--white.disabled,
.button--white[disabled],
fieldset[disabled] .button--white {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.button--white.pending {
cursor: progress;
box-shadow: none
}
.button--white.pending:hover {
background-color: #fff
}
.button--white.inline {
display: inline-block
}
.button--white.sm {
width: 11.25rem
}
.button--white.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.button--white.lg {
width: 100%
}
}
.button--white.full {
width: 100%
}
.button--white>svg {
fill: currentcolor
}
.button--navigation {
color: #fff;
background-color: transparent;
border: 0.125rem solid transparent
}
.button--navigation:focus,
.button--navigation.focus,
.button--navigation:hover {
outline: none;
color: white;
border-color: transparent;
background-color: transparent
}
.button--navigation.disabled,
.button--navigation[disabled],
fieldset[disabled] .button--navigation {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.button--navigation.pending {
cursor: progress;
box-shadow: none
}
.button--navigation.pending:hover {
background-color: transparent
}
.button--navigation.inline {
display: inline-block
}
.button--navigation.sm {
width: 11.25rem
}
.button--navigation.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.button--navigation.lg {
width: 100%
}
}
.button--navigation.full {
width: 100%
}
.button--navigation>svg {
fill: currentcolor
}
.button--turquoise {
color: #fff;
background-color: #02ccba;
border: 0.125rem solid transparent
}
.button--turquoise:focus,
.button--turquoise.focus,
.button--turquoise:hover {
outline: none;
color: white;
border-color: transparent;
background-color: #02b3a3
}
.button--turquoise.disabled,
.button--turquoise[disabled],
fieldset[disabled] .button--turquoise {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.button--turquoise.pending {
cursor: progress;
box-shadow: none
}
.button--turquoise.pending:hover {
background-color: #02ccba
}
.button--turquoise.inline {
display: inline-block
}
.button--turquoise.sm {
width: 11.25rem
}
.button--turquoise.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.button--turquoise.lg {
width: 100%
}
}
.button--turquoise.full {
width: 100%
}
.button--turquoise>svg {
fill: currentcolor
}
.button--team {
color: #2e3d49;
background-color: transparent;
border: 0.125rem solid transparent
}
.button--team:focus,
.button--team.focus,
.button--team:hover {
outline: none;
color: #425768;
border-color: transparent;
background-color: transparent
}
.button--team.disabled,
.button--team[disabled],
fieldset[disabled] .button--team {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.button--team.pending {
cursor: progress;
box-shadow: none
}
.button--team.pending:hover {
background-color: transparent
}
.button--team.inline {
display: inline-block
}
.button--team.sm {
width: 11.25rem
}
.button--team.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.button--team.lg {
width: 100%
}
}
.button--team.full {
width: 100%
}
.button--team>svg {
fill: currentcolor
}
.card {
margin-top: 0;
margin-bottom: 1.5rem;
text-align: left;
position: relative;
background: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem;
transition: all 0.3s ease
}
@media screen and (min-width: 48rem) {
.card {
margin-bottom: 1.5rem
}
}
.card.no-hover:hover {
cursor: default !important;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2) !important
}
.card:last-child {
margin-bottom: 0
}
a.card:hover,
.card--nanodegree:hover,
.card--nanodegree--video:hover,
.page-special-offer .catalog__card:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
.list-bookmarks {
max-width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #fafbfc
}
.list-bookmarks::after {
clear: both;
content: "";
display: table
}
.list-bookmarks .contain {
text-align: center
}
.list-bookmarks .empty {
padding: 1em;
text-align: center
}
.list-bookmarks .empty a {
color: #02b3e4
}
.card--bookmark {
padding: 1.5rem;
padding-bottom: 0;
position: relative;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
min-height: 16.25rem
}
.card--bookmark:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.card--bookmark {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.card--bookmark:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.card--bookmark {
padding: 2.25rem;
padding-bottom: 0;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%;
height: 24rem
}
.card--bookmark:last-child {
margin-right: 0
}
.card--bookmark:nth-child(2n) {
margin-right: 0
}
.card--bookmark:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.card--bookmark {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
height: 27rem
}
.card--bookmark:last-child {
margin-right: 0
}
.card--bookmark:nth-child(2n) {
margin-right: 1.6949152542%
}
.card--bookmark:nth-child(2n+1) {
clear: none
}
.card--bookmark:nth-child(3n) {
margin-right: 0
}
.card--bookmark:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 73.75rem) {
.card--bookmark {
height: 24rem
}
}
.card--bookmark.type--nanodegree::before {
background: #02b3e4
}
.card--bookmark.type--course::before {
background: #02ccba
}
.card--bookmark.template {
display: none
}
.card--bookmark .click-wrapper {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5
}
.card--bookmark .archive {
background-size: contain;
background: url(assets/icon_close_dark-c7c6a31cb37c841e14b44a8c1a7b5e81447b9442d94fdea8bcf66cfea18d1a13.svg) no-repeat center;
border: none;
cursor: pointer;
display: block;
height: 1em;
margin: 0;
opacity: .5;
outline: none;
overflow: visible;
padding: 0;
position: absolute;
right: 1em;
text-indent: 999em;
top: 1em;
transition: opacity .3s ease;
width: 1em;
z-index: 10
}
.card--bookmark .archive:hover {
opacity: 0.7
}
.card--bookmark .archive:focus {
opacity: 0.9
}
.card--bookmark .description {
height: 100%;
overflow: hidden
}
.card--bookmark .description:after {
content: "";
width: 100%;
height: 2.0em;
position: absolute;
left: 0;
bottom: 0;
z-index: 4;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 75%, #fff 100%)
}
.card--bookmark .description--subtitle {
font-weight: 300
}
.card--bookmark .description--content {
overflow: hidden;
text-overflow: ellipsis
}
.card--image {
width: 100%
}
.card--course {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.card--course:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.card--course {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.card--course:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.card--course {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.card--course:last-child {
margin-right: 0
}
.card--course:nth-child(2n) {
margin-right: 0
}
.card--course:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.card--course {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.card--course:last-child {
margin-right: 0
}
.card--course:nth-child(2n) {
margin-right: 1.6949152542%
}
.card--course:nth-child(2n+1) {
clear: none
}
.card--course:nth-child(3n) {
margin-right: 0
}
.card--course:nth-child(3n+1) {
clear: left
}
}
.card--course.new::before {
color: #fff;
top: 2.75em;
left: -2.125em;
content: "New";
display: block;
font-size: 0.75rem;
position: absolute;
background: #02ccba;
padding: 0 0.75rem;
transform: rotate(-90deg);
text-transform: uppercase;
font-weight: 600;
line-height: 1.818181818em;
letter-spacing: 0.09375rem
}
.card--course .course-info {
height: 9rem;
padding: 1.5rem
}
.card--course .course-info--category {
font-size: 0.8125rem;
line-height: 1.5rem;
margin-bottom: 0;
color: #7d97ad;
font-weight: 300
}
@media screen and (min-width: 48rem) {
.card--course .course-info--category {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.card--course .course-info--title {
font-size: 1rem;
line-height: 1.75rem;
margin-bottom: 0;
font-weight: 400
}
@media screen and (min-width: 48rem) {
.card--course .course-info--title {
font-size: 1.125rem;
line-height: 2rem
}
}
.card--course .course-info p {
font-size: 0.8125rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.card--course .course-info p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.card--course .instructor-info {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding: 1.5rem 1.5rem 3rem
}
@media screen and (min-width: 48rem) {
.card--course .instructor-info {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.card--course .instructor-info img {
height: 3rem;
float: left;
margin-right: 1.5rem
}
.card--course .instructor-info--name,
.card--course .instructor-info--title {
margin-bottom: 0
}
.enrollment {
max-width: 100%;
margin-left: auto;
margin-right: auto;
background: #fafbfc
}
.enrollment::after {
clear: both;
content: "";
display: table
}
.enrollment .cards_contain {
align-items: center;
justify-content: space-around;
padding: 0
}
@media screen and (min-width: 48rem) {
.enrollment .cards_contain {
display: flex;
flex-wrap: nowrap
}
}
.card--enrollment {
max-width: 580px;
margin: 0 auto;
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.card--enrollment {
margin-bottom: 0rem
}
}
.card--enrollment .more {
max-height: 1px
}
@media screen and (min-width: 48rem) {
.card--enrollment .more {
max-height: 500px
}
}
.card--enrollment .ribbon {
top: 13px;
left: -5px;
color: #fff;
display: block;
font-size: 11px;
padding: 3px 10px;
position: absolute;
background: #02ccba;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.09375rem
}
.card--enrollment .guarantee {
margin: 0;
font-weight: 600
}
.card--enrollment .icon-variant {
float: right
}
@media screen and (min-width: 48rem) {
.card--enrollment .icon-variant {
margin: 18px 22px
}
}
@media screen and (min-width: 48rem) {
.card--enrollment:not(: only-child):first-child {
margin-right: -12px;
box-shadow: 0 5px 15px rgba(46, 61, 73, 0.2);
padding-top: 26px;
z-index: 5
}
}
.card--enrollment+.card--enrollment .button--primary {
color: #fff;
background-color: #7d97ad;
border: 0.125rem solid transparent
}
.card--enrollment+.card--enrollment .button--primary:focus,
.card--enrollment+.card--enrollment .button--primary.focus,
.card--enrollment+.card--enrollment .button--primary:hover {
outline: none;
color: white;
border-color: transparent;
background-color: #6d8aa3
}
.card--enrollment+.card--enrollment .button--primary.disabled,
.card--enrollment+.card--enrollment .button--primary[disabled],
fieldset[disabled] .card--enrollment+.card--enrollment .button--primary {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.card--enrollment+.card--enrollment .button--primary.pending {
cursor: progress;
box-shadow: none
}
.card--enrollment+.card--enrollment .button--primary.pending:hover {
background-color: #7d97ad
}
.card--enrollment+.card--enrollment .button--primary.inline {
display: inline-block
}
.card--enrollment+.card--enrollment .button--primary.sm {
width: 11.25rem
}
.card--enrollment+.card--enrollment .button--primary.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.card--enrollment+.card--enrollment .button--primary.lg {
width: 100%
}
}
.card--enrollment+.card--enrollment .button--primary.full {
width: 100%
}
.card--enrollment+.card--enrollment .button--primary>svg {
fill: currentcolor
}
.card--enrollment .enrollment__info {
display: block;
padding: 3rem 1.5rem 1.5rem 1.5rem
}
.card--enrollment .enrollment__info::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 62rem) {
.card--enrollment .enrollment__info {
padding: 72px
}
}
.card--enrollment .enrollment__buttons {
display: block;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
background-color: #f4f6f8
}
.card--enrollment .enrollment__buttons::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.card--enrollment .enrollment__buttons {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.card--enrollment .enrollment__buttons {
height: 9rem;
padding-left: 2.25rem;
padding-right: 2.25rem
}
}
.card--enrollment .enrollment__buttons--col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.card--enrollment .enrollment__buttons--col:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.card--enrollment .enrollment__buttons--col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.card--enrollment .enrollment__buttons--col:last-child {
margin-right: 0
}
}
.card--enrollment .enrollment__buttons .price {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 62rem) {
.card--enrollment .enrollment__buttons .price {
margin-bottom: 0rem
}
}
.card--enrollment .enrollment__buttons .price__number {
font-size: 0.875rem;
line-height: 1.5rem;
font-weight: 600
}
@media screen and (min-width: 48rem) {
.card--enrollment .enrollment__buttons .price__number {
font-size: 1rem;
line-height: 1.75rem
}
}
.card--enrollment .enrollment__buttons .price__number .original-price {
text-decoration: line-through
}
.card--enrollment .enrollment__buttons .price__info {
font-size: 0.75rem;
line-height: 1.5rem;
margin: 0
}
@media screen and (min-width: 48rem) {
.card--enrollment .enrollment__buttons .price__info {
font-size: 0.75rem;
line-height: 1.5rem
}
}
.card--lesson {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.card--lesson:hover {
cursor: pointer
}
.card--lesson:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.card--lesson {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.card--lesson:last-child {
margin-right: 0
}
.card--lesson:nth-child(2n) {
margin-right: 0
}
.card--lesson:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.card--lesson {
height: 30rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.card--lesson:last-child {
margin-right: 0
}
.card--lesson:nth-child(2n) {
margin-right: 1.6949152542%
}
.card--lesson:nth-child(2n+1) {
clear: none
}
.card--lesson:nth-child(3n) {
margin-right: 0
}
.card--lesson:nth-child(3n+1) {
clear: left
}
}
.card--lesson:last-child {
margin-bottom: 1.5rem
}
.card--lesson .lesson--title {
height: 9rem;
padding: 1.5rem
}
@media screen and (min-width: 48rem) {
.card--lesson .lesson--title {
height: 13.5rem;
padding: 2.25rem
}
}
.card--lesson .lesson--description {
overflow: hidden;
background-color: #fafbfc;
height: 12rem;
padding: 1.5rem
}
@media screen and (min-width: 48rem) {
.card--lesson .lesson--description {
height: 16.5rem;
padding: 2.25rem
}
}
.card--lesson .lesson--description ul {
padding-left: 1.5rem
}
@media screen and (min-width: 48rem) {
.card--lesson .lesson--description ul {
padding-left: 0.75rem
}
}
.card--lesson .lesson--description ul li {
font-size: 0.8125rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 0.375rem;
color: #2e3d49;
position: relative;
list-style-type: none
}
@media screen and (min-width: 48rem) {
.card--lesson .lesson--description ul li {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.card--lesson .lesson--description ul li {
margin-bottom: 0.75rem
}
}
.card--lesson .lesson--description ul li::before {
content: "·";
top: 0;
left: -1.5rem;
font-size: 1.875rem;
position: absolute
}
.card--lesson .lesson--description:after {
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
content: "";
width: 100%;
height: 3.5em;
position: absolute;
left: 0;
bottom: -2px;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%)
}
.list-nanodegrees {
backgound: #fafbfc;
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.list-nanodegrees::after {
clear: both;
content: "";
display: table
}
.list-nanodegrees .contain {
text-align: center
}
.card__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-top: 0;
margin-bottom: 1.5rem
}
.card__container:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.card__container {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 30rem) {
.card__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.card__container:last-child {
margin-right: 0
}
.card__container:nth-child(2n) {
margin-right: 0
}
.card__container:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.card__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%
}
.card__container:last-child {
margin-right: 0
}
.card__container .card--nanodegree {
margin-left: auto;
margin-right: auto
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.card__container:nth-last-child(-n+3) {
margin-bottom: 0
}
}
@media screen and (min-width: 62rem) {
.card__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.card__container:last-child {
margin-right: 0
}
.card__container:nth-child(2n) {
margin-right: 1.6949152542%
}
.card__container:nth-child(2n+1) {
clear: none
}
.card__container:nth-child(3n) {
margin-right: 0
}
.card__container:nth-child(3n+1) {
clear: left
}
}
.card__container:nth-of-type(17n+1) .card--nanodegree__header--overlay {
background-color: rgba(2, 179, 228, 0.8)
}
.card__container:nth-of-type(17n+1) .card--nanodegree__header--overlay .pill {
color: #02b3e4
}
.card__container:nth-of-type(17n+2) .card--nanodegree__header--overlay {
background-color: rgba(2, 204, 186, 0.8)
}
.card__container:nth-of-type(17n+2) .card--nanodegree__header--overlay .pill {
color: #02ccba
}
.card__container:nth-of-type(17n+3) .card--nanodegree__header--overlay {
background-color: rgba(169, 81, 237, 0.8)
}
.card__container:nth-of-type(17n+3) .card--nanodegree__header--overlay .pill {
color: #a951ed
}
.card__container:nth-of-type(17n+4) .card--nanodegree__header--overlay {
background-color: rgba(125, 151, 173, 0.8)
}
.card__container:nth-of-type(17n+4) .card--nanodegree__header--overlay .pill {
color: #7d97ad
}
.card__container:nth-of-type(17n+5) .card--nanodegree__header--overlay {
background-color: rgba(255, 162, 52, 0.8)
}
.card__container:nth-of-type(17n+5) .card--nanodegree__header--overlay .pill {
color: #ffa234
}
.card__container:nth-of-type(17n+6) .card--nanodegree__header--overlay {
background-color: rgba(255, 84, 131, 0.8)
}
.card__container:nth-of-type(17n+6) .card--nanodegree__header--overlay .pill {
color: #ff5483
}
.card__container:nth-of-type(17n+7) .card--nanodegree__header--overlay {
background-color: rgba(2, 204, 186, 0.8)
}
.card__container:nth-of-type(17n+7) .card--nanodegree__header--overlay .pill {
color: #02ccba
}
.card__container:nth-of-type(17n+8) .card--nanodegree__header--overlay {
background-color: rgba(169, 81, 237, 0.8)
}
.card__container:nth-of-type(17n+8) .card--nanodegree__header--overlay .pill {
color: #a951ed
}
.card__container:nth-of-type(17n+9) .card--nanodegree__header--overlay {
background-color: rgba(125, 151, 173, 0.8)
}
.card__container:nth-of-type(17n+9) .card--nanodegree__header--overlay .pill {
color: #7d97ad
}
.card__container:nth-of-type(17n+10) .card--nanodegree__header--overlay {
background-color: rgba(255, 162, 52, 0.8)
}
.card__container:nth-of-type(17n+10) .card--nanodegree__header--overlay .pill {
color: #ffa234
}
.card__container:nth-of-type(17n+11) .card--nanodegree__header--overlay {
background-color: rgba(255, 84, 131, 0.8)
}
.card__container:nth-of-type(17n+11) .card--nanodegree__header--overlay .pill {
color: #ff5483
}
.card__container:nth-of-type(17n+12) .card--nanodegree__header--overlay {
background-color: rgba(2, 179, 228, 0.8)
}
.card__container:nth-of-type(17n+12) .card--nanodegree__header--overlay .pill {
color: #02b3e4
}
.card__container:nth-of-type(17n+13) .card--nanodegree__header--overlay {
background-color: rgba(169, 81, 237, 0.8)
}
.card__container:nth-of-type(17n+13) .card--nanodegree__header--overlay .pill {
color: #a951ed
}
.card__container:nth-of-type(17n+14) .card--nanodegree__header--overlay {
background-color: rgba(125, 151, 173, 0.8)
}
.card__container:nth-of-type(17n+14) .card--nanodegree__header--overlay .pill {
color: #7d97ad
}
.card__container:nth-of-type(17n+15) .card--nanodegree__header--overlay {
background-color: rgba(255, 162, 52, 0.8)
}
.card__container:nth-of-type(17n+15) .card--nanodegree__header--overlay .pill {
color: #ffa234
}
.card__container:nth-of-type(17n+16) .card--nanodegree__header--overlay {
background-color: rgba(255, 84, 131, 0.8)
}
.card__container:nth-of-type(17n+16) .card--nanodegree__header--overlay .pill {
color: #ff5483
}
.card__container:nth-of-type(17n+17) .card--nanodegree__header--overlay {
background-color: rgba(2, 204, 186, 0.8)
}
.card__container:nth-of-type(17n+17) .card--nanodegree__header--overlay .pill {
color: #02ccba
}
@media screen and (min-width: 73.75rem) {
.card__container:nth-of-type(3n+1) .card--nanodegree {
float: left
}
.card__container:nth-of-type(3n+2) .card--nanodegree {
margin-left: auto;
margin-right: auto
}
.card__container:nth-of-type(3n+3) .card--nanodegree {
float: right
}
}
.card--nanodegree {
height: 19.5rem
}
@media screen and (min-width: 48rem) {
.card--nanodegree {
height: 22.5rem
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree {
max-width: 21.75rem
}
}
.card--nanodegree a {
width: 100%;
height: 100%;
display: block
}
.card--nanodegree__header {
height: 9.75rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
.card--nanodegree__header.nd000 {
background: url(assets/nd000-4647a2082ffd41c229d2f2ec19cbaff684cfd89790e5ccb57c025bbe7e674afe.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd000 {
background: url(assets/nd000@2x-009907f262202fb6ccc0c6f40862fe66c81a2a4ee7f32d40823b7029dd7aa98f.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd000 {
width: 21.75rem
}
}
.card--nanodegree__header.nd001 {
background: url(assets/nd001-b47eb9ee0bc50f5e94fb0d570f6c3553d94fbab6bf8f0eef9338ff333143e380.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd001 {
background: url(assets/nd001@2x-3cc1a1253388bb5439fa3e2f53dbb73b510ddb4c94ab7b2819c2a3f75c0e98ac.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd001 {
width: 21.75rem
}
}
.card--nanodegree__header.nd002 {
background: url(assets/nd002-b783ec1fda0ee357a1937ee55b99c746c4a629c547be9e2c8c84e55a9dff836d.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd002 {
background: url(assets/nd002@2x-6b20bbee6ff1e6cf86edeac865dd857421588005b35d8d30a2ebb2a87f078127.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd002 {
width: 21.75rem
}
}
.card--nanodegree__header.nd003 {
background: url(assets/nd003-5798f81d1df12041855249a83ada3c55a6714e522abe6271ded770019da24b50.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd003 {
background: url(assets/nd003@2x-721cc65628d48e7fc41d531732c6aef45dab9858cea9ec502f900ed45dc15604.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd003 {
width: 21.75rem
}
}
.card--nanodegree__header.nd004 {
background: url(assets/nd004-470cf6159ec14925c0ad3b5597fd337ef59ef10dd4e3773ff48eed36723b502e.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd004 {
background: url(assets/nd004@2x-e0a38b0348e83bf532c76c7057b415dc93017ff8107be44340a2c5ce715d5461.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd004 {
width: 21.75rem
}
}
.card--nanodegree__header.nd006 {
background: url(assets/nd006-6fd6e82042e67e637c16f19842425962d9df9bb583783f674ed4bdb09cb4e765.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd006 {
background: url(assets/nd006@2x-8c0ea30786e6ba570f2f50350cd5f89a6b7c1d863a3cbee86954339765fd11cc.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd006 {
width: 21.75rem
}
}
.card--nanodegree__header.nd008 {
background: url(assets/nd008-84d6ea34d5b909a9a9d843f99c651c5dac9c0b0a6da5a91207bb5afe3098b54d.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd008 {
background: url(assets/nd008@2x-684671c43a0a4194da30426155bd1b6a04f396ec231360f7a78ba99c4e124cdb.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd008 {
width: 21.75rem
}
}
.card--nanodegree__header.nd009 {
background: url(assets/nd009-b3bf2c0265b343c1d57767ca9813902c6703848bc8a3d99738700d31a9defee4.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd009 {
background: url(assets/nd009@2x-9f2d8b6e86c96a3140f3a9aac20869f374bdbb6481acad24cefd5db56dc8c999.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd009 {
width: 21.75rem
}
}
.card--nanodegree__header.nd013 {
background: url(assets/nd013-af5a93fc63da55d91a7eeb0b8c8bd7eb6b6d96874af8ec6cf36a15478993fe01.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd013 {
background: url(assets/nd013@2x-b10399641c41e92500787dd92b5074f846c5686c9df3c76fa17c0c1f564a51e4.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd013 {
width: 21.75rem
}
}
.card--nanodegree__header.nd017 {
background: url(assets/nd017-b83708097d275ca33fb189b52b86704a703025f43c1f286d3767dcc0e2b96897.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd017 {
background: url(assets/nd017@2x-461e220e0fc0777aedea812cc8c1044269d4fcc04f690faccb569398e48251c7.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd017 {
width: 21.75rem
}
}
.card--nanodegree__header.nd018 {
background: url(assets/nd018-46e83d9a625c4c7a76b610be7023ff6383f6ac4a4508bfab63fc5b5b4fc1f5eb.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd018 {
background: url(assets/nd018@2x-b1fd9d320ac33cecc1be6663e3ee2e833fa76f6c63a4be2e67f230f8469b5f1f.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd018 {
width: 21.75rem
}
}
.card--nanodegree__header.nd019 {
background: url(assets/nd019-1b6ded703586637c1c1573064fe0ccd419f9a7fff0fd33164792271003e71942.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd019 {
background: url(assets/nd019@2x-ee218b2af20d079ebaef58543a39509022c2cf979fe95f2ccbf06a8d27486eda.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd019 {
width: 21.75rem
}
}
.card--nanodegree__header.nd024 {
background: url(assets/nd024-59cc94eeeff11873f1d136877610cb7ece1607eda7459ee2745527ca6db6a9c7.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd024 {
background: url(assets/nd024@2x-55277a05c03befca12dfacfd04c2de9e8af39ab8293607fe7cb11c62f3df829a.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd024 {
width: 21.75rem
}
}
.card--nanodegree__header.nd100 {
background: url(assets/nd100-99c605075e2f24c27cfe9e7964972518f2911d4837767cd7edc98c47a7944011.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd100 {
background: url(assets/nd100@2x-93c68b1a83901b5cecca142bace5e42f2cb2b06a8904db75537f61501c2b3f22.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd100 {
width: 21.75rem
}
}
.card--nanodegree__header.nd101 {
background: url(assets/nd101-2744c44bddc33488bfbf85faf92a6b7b1c57117db9cbe8f26c3cd14fdacd3474.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd101 {
background: url(assets/nd101@2x-5ed1d6680baf0bb53f9286c5cda65c7c8cc0072538eaa5f0dcfcd9dc97724c77.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd101 {
width: 21.75rem
}
}
.card--nanodegree__header.nd113 {
background: url(assets/nd113-042d0e641dddf83b3efb41b2fd11e7dd3702ca2b54e3cffe527d2fa832079c15.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd113 {
background: url(assets/nd113@2x-c4b644a9f651d6999f9703e03ccbd9d7edd8e660c2e60fea84bf2ea2ee41343c.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd113 {
width: 21.75rem
}
}
.card--nanodegree__header.nd114 {
background: url(assets/nd114-9bd8017ef6d0f39ce69ea04108574a35c96348e0877da86a4f07c4202ded1ebe.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd114 {
background: url(assets/nd114@2x-118cbe4abeb61d1fb01f51ee9b24a89c8c3dbdeabdbfbc46fc988213b2cf293c.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd114 {
width: 21.75rem
}
}
.card--nanodegree__header.nd209 {
background: url(assets/nd209-02cba1688c8eb286edb8820fc6d5780a6fa481e794a8fde17d798455ed25e538.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd209 {
background: url(assets/nd209@2x-35fbc36e034e51c0e1e9787b00f210f29bd3ca598f63b0ba9e5ef5869eddb30c.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd209 {
width: 21.75rem
}
}
.card--nanodegree__header.nd801 {
background: url(assets/nd801-47a4f4e7155232a7c6977f5df0f1846ad1557dd7eb4e6abf6c7071722de4b25b.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd801 {
background: url(assets/nd801@2x-3ea0f5b9afcf521e889a0c5dfe437155804d8ae83bc1d708174215d07d539885.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd801 {
width: 21.75rem
}
}
.card--nanodegree__header.nd802 {
background: url(assets/nd802-4303b8584ec217d145a7583446e62f636e7cfad308eec9c86dc3aad5fb514db2.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd802 {
background: url(assets/nd802@2x-141e089b64f22cd7b15141547cf1444738cdb038d0eae17f3365acd27a80f0f5.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd802 {
width: 21.75rem
}
}
.card--nanodegree__header.nd803 {
background: url(assets/nd803-39ec3c7ae1b4265c31de7e4cdb78531894d5793fbb7f7c36bb588c21a889b411.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd803 {
background: url(assets/nd803@2x-bcfd6e294b33e11ddab9b5ac61af3dd677dabec36974b6e00760f8ab10c7a6e3.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd803 {
width: 21.75rem
}
}
.card--nanodegree__header.nd818 {
background: url(assets/nd818-47a4f4e7155232a7c6977f5df0f1846ad1557dd7eb4e6abf6c7071722de4b25b.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd818 {
background: url(assets/nd818@2x-3ea0f5b9afcf521e889a0c5dfe437155804d8ae83bc1d708174215d07d539885.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd818 {
width: 21.75rem
}
}
.card--nanodegree__header.nd889 {
background: url(assets/nd889-37c771246cee2ea9aa23a1792b514e189a27e86d6839473856787e3d80523af6.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.card--nanodegree__header.nd889 {
background: url(assets/nd889@2x-beb112bab50db572476684c4acfd544947cf300ae433e18e573414c2a76a59d9.jpg) no-repeat top left;
background-size: 348px 156px
}
}
@media screen and (min-width: 73.75rem) {
.card--nanodegree__header.nd889 {
width: 21.75rem
}
}
.card--nanodegree__header--overlay {
height: 9.75rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
width: 100%;
z-index: 4000
}
.card--nanodegree__header--overlay .pill {
position: relative;
top: 8px;
left: 12px
}
.card--nanodegree__title {
padding: 20px 24px;
height: 5.25rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
position: relative
}
@media screen and (min-width: 48rem) {
.card--nanodegree__title {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.card--nanodegree__title {
padding: 24px 32px;
height: 8.25rem
}
}
.card--nanodegree__title h4 {
margin-bottom: 0
}
.card--nanodegree__affiliates {
padding: 24px;
width: 100%;
position: relative
}
@media screen and (min-width: 48rem) {
.card--nanodegree__affiliates {
padding: 24px 32px
}
}
.card--nanodegree__affiliates ul {
height: 26px;
overflow: hidden
}
.card--nanodegree__affiliates ul li {
float: left;
margin: 0 20px 0 0
}
.card--nanodegree__affiliates ul li:last-child {
margin-right: 0
}
.card--nanodegree__affiliates--image {
height: 36px;
margin: -7px 0 0
}
.card--nanodegree--video {
height: 11.25rem;
display: block;
border-radius: 0.375rem
}
@media screen and (min-width: 30rem) {
.card--nanodegree--video {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.card--nanodegree--video:last-child {
margin-right: 0
}
.card--nanodegree--video:nth-child(2n) {
margin-right: 0
}
.card--nanodegree--video:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.card--nanodegree--video {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.card--nanodegree--video:last-child {
margin-right: 0
}
.card--nanodegree--video:nth-child(2n) {
margin-right: 1.6949152542%
}
.card--nanodegree--video:nth-child(2n+1) {
clear: none
}
}
@media screen and (min-width: 62rem) {
.card--nanodegree--video {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.card--nanodegree--video:last-child {
margin-right: 0
}
}
.card--nanodegree--video .icon-video {
height: 2.25rem;
cursor: pointer
}
.card--nanodegree--video.nd000 {
background: url(assets/nd000@2x-009907f262202fb6ccc0c6f40862fe66c81a2a4ee7f32d40823b7029dd7aa98f.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd001 {
background: url(assets/nd001@2x-3cc1a1253388bb5439fa3e2f53dbb73b510ddb4c94ab7b2819c2a3f75c0e98ac.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd002 {
background: url(assets/nd002@2x-6b20bbee6ff1e6cf86edeac865dd857421588005b35d8d30a2ebb2a87f078127.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd003 {
background: url(assets/nd003@2x-721cc65628d48e7fc41d531732c6aef45dab9858cea9ec502f900ed45dc15604.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd004 {
background: url(assets/nd004@2x-e0a38b0348e83bf532c76c7057b415dc93017ff8107be44340a2c5ce715d5461.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd006 {
background: url(assets/nd006@2x-8c0ea30786e6ba570f2f50350cd5f89a6b7c1d863a3cbee86954339765fd11cc.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd008 {
background: url(assets/nd008@2x-684671c43a0a4194da30426155bd1b6a04f396ec231360f7a78ba99c4e124cdb.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd009 {
background: url(assets/nd009@2x-9f2d8b6e86c96a3140f3a9aac20869f374bdbb6481acad24cefd5db56dc8c999.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd013 {
background: url(assets/nd013@2x-b10399641c41e92500787dd92b5074f846c5686c9df3c76fa17c0c1f564a51e4.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd017 {
background: url(assets/nd017@2x-461e220e0fc0777aedea812cc8c1044269d4fcc04f690faccb569398e48251c7.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd018 {
background: url(assets/nd018@2x-b1fd9d320ac33cecc1be6663e3ee2e833fa76f6c63a4be2e67f230f8469b5f1f.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd019 {
background: url(assets/nd019@2x-ee218b2af20d079ebaef58543a39509022c2cf979fe95f2ccbf06a8d27486eda.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd024 {
background: url(assets/nd024@2x-55277a05c03befca12dfacfd04c2de9e8af39ab8293607fe7cb11c62f3df829a.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd100 {
background: url(assets/nd100@2x-93c68b1a83901b5cecca142bace5e42f2cb2b06a8904db75537f61501c2b3f22.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd101 {
background: url(assets/nd101@2x-5ed1d6680baf0bb53f9286c5cda65c7c8cc0072538eaa5f0dcfcd9dc97724c77.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd113 {
background: url(assets/nd113@2x-c4b644a9f651d6999f9703e03ccbd9d7edd8e660c2e60fea84bf2ea2ee41343c.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd114 {
background: url(assets/nd114@2x-118cbe4abeb61d1fb01f51ee9b24a89c8c3dbdeabdbfbc46fc988213b2cf293c.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd209 {
background: url(assets/nd209@2x-35fbc36e034e51c0e1e9787b00f210f29bd3ca598f63b0ba9e5ef5869eddb30c.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd801 {
background: url(assets/nd801@2x-3ea0f5b9afcf521e889a0c5dfe437155804d8ae83bc1d708174215d07d539885.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd802 {
background: url(assets/nd802@2x-141e089b64f22cd7b15141547cf1444738cdb038d0eae17f3365acd27a80f0f5.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd803 {
background: url(assets/nd803@2x-bcfd6e294b33e11ddab9b5ac61af3dd677dabec36974b6e00760f8ab10c7a6e3.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd818 {
background: url(assets/nd818@2x-3ea0f5b9afcf521e889a0c5dfe437155804d8ae83bc1d708174215d07d539885.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video.nd889 {
background: url(assets/nd889@2x-beb112bab50db572476684c4acfd544947cf300ae433e18e573414c2a76a59d9.jpg) center center no-repeat;
background-size: cover
}
.card--nanodegree--video:nth-of-type(17n+1) .card--nanodegree--overlay {
background-color: rgba(2, 179, 228, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+2) .card--nanodegree--overlay {
background-color: rgba(2, 204, 186, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+3) .card--nanodegree--overlay {
background-color: rgba(169, 81, 237, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+4) .card--nanodegree--overlay {
background-color: rgba(125, 151, 173, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+5) .card--nanodegree--overlay {
background-color: rgba(255, 162, 52, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+6) .card--nanodegree--overlay {
background-color: rgba(255, 84, 131, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+7) .card--nanodegree--overlay {
background-color: rgba(2, 204, 186, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+8) .card--nanodegree--overlay {
background-color: rgba(169, 81, 237, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+9) .card--nanodegree--overlay {
background-color: rgba(125, 151, 173, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+10) .card--nanodegree--overlay {
background-color: rgba(255, 162, 52, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+11) .card--nanodegree--overlay {
background-color: rgba(255, 84, 131, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+12) .card--nanodegree--overlay {
background-color: rgba(2, 179, 228, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+13) .card--nanodegree--overlay {
background-color: rgba(169, 81, 237, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+14) .card--nanodegree--overlay {
background-color: rgba(125, 151, 173, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+15) .card--nanodegree--overlay {
background-color: rgba(255, 162, 52, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+16) .card--nanodegree--overlay {
background-color: rgba(255, 84, 131, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card--nanodegree--video:nth-of-type(17n+17) .card--nanodegree--overlay {
background-color: rgba(2, 204, 186, 0.8);
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
border-radius: 0.375rem
}
.card_scroller {
overflow: hidden
}
.card_scroller .scroll_pane {
overflow: visible !important;
width: 100%;
height: 22.5em;
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch
}
.scroll_cards {
list-style-type: none;
margin: 0;
padding: 0
}
.scroll_cards li {
float: left;
display: inline-block;
width: 17.5em;
margin: 0 1em 3.125em 0
}
.scroll_cards li:last-child {
margin-right: 0
}
@media (min-width: 35em) {
.scroll_cards li {
float: left;
display: inline-block;
width: 23.125em;
margin: 0 1.25em 3.125em 0
}
}
.scroll_cards[data-cards-size="1"] {
width: 296px
}
.scroll_cards[data-cards-size="2"] {
width: 592px
}
.scroll_cards[data-cards-size="3"] {
width: 888px
}
.scroll_cards[data-cards-size="4"] {
width: 1184px
}
.scroll_cards[data-cards-size="5"] {
width: 1480px
}
.scroll_cards[data-cards-size="6"] {
width: 1776px
}
.scroll_cards[data-cards-size="7"] {
width: 2072px
}
.scroll_cards[data-cards-size="8"] {
width: 2368px
}
.scroll_cards[data-cards-size="9"] {
width: 2664px
}
.scroll_cards[data-cards-size="10"] {
width: 2960px
}
.scroll_cards[data-cards-size="11"] {
width: 3256px
}
.scroll_cards[data-cards-size="12"] {
width: 3552px
}
.scroll_cards[data-cards-size="13"] {
width: 3848px
}
.scroll_cards[data-cards-size="14"] {
width: 4144px
}
.scroll_cards[data-cards-size="15"] {
width: 4440px
}
.scroll_cards[data-cards-size="16"] {
width: 4736px
}
.scroll_cards[data-cards-size="17"] {
width: 5032px
}
.scroll_cards[data-cards-size="18"] {
width: 5328px
}
.scroll_cards[data-cards-size="19"] {
width: 5624px
}
.scroll_cards[data-cards-size="20"] {
width: 5920px
}
@media (min-width: 35em) {
.scroll_cards[data-cards-size="1"] {
width: 390px
}
.scroll_cards[data-cards-size="2"] {
width: 780px
}
.scroll_cards[data-cards-size="3"] {
width: 1170px
}
.scroll_cards[data-cards-size="4"] {
width: 1560px
}
.scroll_cards[data-cards-size="5"] {
width: 1950px
}
.scroll_cards[data-cards-size="6"] {
width: 2340px
}
.scroll_cards[data-cards-size="7"] {
width: 2730px
}
.scroll_cards[data-cards-size="8"] {
width: 3120px
}
.scroll_cards[data-cards-size="9"] {
width: 3510px
}
.scroll_cards[data-cards-size="10"] {
width: 3900px
}
.scroll_cards[data-cards-size="11"] {
width: 4290px
}
.scroll_cards[data-cards-size="12"] {
width: 4680px
}
.scroll_cards[data-cards-size="13"] {
width: 5070px
}
.scroll_cards[data-cards-size="14"] {
width: 5460px
}
.scroll_cards[data-cards-size="15"] {
width: 5850px
}
.scroll_cards[data-cards-size="16"] {
width: 6240px
}
.scroll_cards[data-cards-size="17"] {
width: 6630px
}
.scroll_cards[data-cards-size="18"] {
width: 7020px
}
.scroll_cards[data-cards-size="19"] {
width: 7410px
}
.scroll_cards[data-cards-size="20"] {
width: 7800px
}
}
.card--scroll {
width: 100%;
height: 18.75em;
display: block;
cursor: pointer;
margin-bottom: 0
}
.card--scroll a {
text-decoration: none
}
.card--scroll .overflow_contain {
overflow: hidden;
height: 100%
}
.card--scroll .card-info {
padding: 1.875rem
}
@media screen and (min-width: 48rem) {
.card--scroll .card-info {
padding: 2.5rem
}
}
.card--scroll .card-info h6 {
margin-bottom: 0
}
.card--scroll .card-info p {
font-size: 0.875rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.card--scroll .card-info p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.card--scroll .card-info p:last-child {
margin-bottom: 0
}
.card--scroll.fade {
position: relative
}
.card--scroll.fade:after {
content: "";
width: 100%;
height: 3.5em;
position: absolute;
left: 0;
bottom: 0;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%)
}
.card--project {
position: relative;
height: 24em
}
@media screen and (min-width: 48rem) {
.card--project {
height: 28em
}
}
.card--project .overflow_contain {
padding: 2.25rem
}
.card--project:before {
content: "";
top: 2rem;
width: 0.25rem;
left: -0.125rem;
position: absolute;
height: 2.25rem;
background: #02b3e4
}
.card--project:after {
content: "";
width: 100%;
height: 3.5em;
position: absolute;
left: 0;
bottom: 160px;
z-index: 4;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%)
}
.card--project[data-has-course="true"]::after {
bottom: 160px
}
.card--project[data-has-course="false"]::after {
bottom: 0px;
height: 5.5em
}
.card--project .project-info--title {
font-weight: 600
}
.card--project .project-info--summary {
font-size: 0.875rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.card--project .project-info--summary {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.card--project .related-courses {
left: 0;
bottom: 0;
z-index: 5;
width: 100%;
display: block;
min-height: 10em;
position: absolute;
padding: 1.75em 2.5em;
background: #fafbfc;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem
}
.card--project .related-courses--title {
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.card--project .related-courses--title {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.faq__content {
position: relative
}
@media screen and (min-width: 62rem) {
.faq__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.faq__content:last-child {
margin-right: 0
}
}
.faq h2 {
margin-top: 0;
margin-bottom: 1.5rem;
text-align: left
}
@media screen and (min-width: 48rem) {
.faq h2 {
margin-bottom: 1.5rem
}
}
.faq p {
text-align: left
}
.faq__list>li {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
text-align: left;
margin-bottom: 0;
border-bottom: 1px solid #dbe2e8
}
@media screen and (min-width: 48rem) {
.faq__list>li {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.faq__list>li:last-child {
border-bottom: 0
}
.faq__list>li p {
margin-left: 0;
text-align: left;
max-width: 55rem
}
.faq__list>li p:last-child {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.faq__list>li p:last-child {
margin-bottom: 0.75rem
}
}
.faq__list>li h4 {
max-width: 55rem
}
.faq .faq__header {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.faq .faq__header::after {
clear: both;
content: "";
display: table
}
.faq .faq__header h2 {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.faq .faq__header h2:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.faq .faq__header h2 {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%
}
.faq .faq__header h2:last-child {
margin-right: 0
}
}
.faq .faq__header--button {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.faq .faq__header--button:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.faq .faq__header--button {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%
}
.faq .faq__header--button:last-child {
margin-right: 0
}
}
.hero {
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.hero a {
color: #fff
}
.hero a:hover {
color: #f2f2f2
}
.hero a.button--white {
color: #02b3e4
}
.hero h1,
.hero h2,
.hero h3,
.hero h4,
.hero h5,
.hero h6,
.hero p,
.hero .h1,
.hero .h2,
.hero .h3,
.hero .h4,
.hero .h5,
.hero .h6 {
color: #fff;
margin-left: auto;
margin-right: auto
}
.hero h1:last-child,
.hero h2:last-child,
.hero h3:last-child,
.hero h4:last-child,
.hero h5:last-child,
.hero h6:last-child,
.hero p:last-child,
.hero .h1:last-child,
.hero .h2:last-child,
.hero .h3:last-child,
.hero .h4:last-child,
.hero .h5:last-child,
.hero .h6:last-child {
margin-bottom: 0
}
.hero p {
max-width: 36.25rem
}
.hero .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.hero .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
}
@media screen and (min-width: 48rem) {
.hero .contain {
height: 37.5rem
}
}
.hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center
}
.hero__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.hero__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.hero__logo {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.hero__logo {
margin-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.hero--half .contain {
height: 24rem
}
}
.hero--inverse {
margin-top: -6rem
}
.hero--inverse .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
@media screen and (min-width: 48rem) {
.hero--inverse .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.hero--inverse .hero__content {
margin-top: 3rem
}
@media screen and (min-width: 48rem) {
.hero--inverse .hero__content {
margin-top: -1.5rem
}
}
.hero-video {
margin: 0 auto 3em;
max-width: 40em
}
.hero-video .video_contain {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
cursor: pointer;
z-index: 1000;
box-shadow: 0 0.3125em 1.25em 0 rgba(46, 61, 73, 0.12)
}
.hero-video .video_contain iframe,
.hero-video .video_contain object,
.hero-video .video_contain embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.hero-video .video_contain img {
float: left
}
.hero-video .video_contain .play_icon {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
display: inline-block;
width: 5em;
height: 5em;
margin-left: .35em;
transform: translate(-50%, -50%)
}
.hero-video .video_contain .play_icon::before {
content: "";
display: block;
position: absolute;
z-index: -1;
left: 40%;
bottom: 15%;
width: 55%;
height: 0%;
background: #02b3e4;
transform: translateX(-50%) rotate(32deg);
transition: height .5s ease-in-out
}
.hero-video .video_contain:hover .play_icon::before {
height: 55%
}
.instructors {
text-align: center;
background: #fafbfc
}
.instructors .list-instructors {
padding: 0;
display: flex;
margin: 0 auto;
flex-wrap: wrap;
justify-content: center
}
.instructors .instructor {
margin: 0;
width: 15rem;
padding: 1.5rem 2.25rem
}
.instructors .instructor--name {
margin-bottom: 0
}
.instructors .instructor--title {
margin-bottom: 0;
font-size: 0.8125rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.instructors .instructor--title {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.instructors .instructor--photo {
margin-top: 0;
margin-bottom: 1.5rem;
height: 9rem;
border-radius: 10em
}
@media screen and (min-width: 48rem) {
.instructors .instructor--photo {
margin-bottom: 1.5rem
}
}
.wf-loading {
visibility: hidden
}
.wf-active {
visibility: visible
}
.intersect-livestream {
font-family: "futura-pt", "Open Sans", sans-serif
}
.intersect-livestream .contain {
padding: 0
}
.intersect-livestream .contain .expander {
position: relative;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
overflow: hidden;
background-color: #00CCCC
}
.intersect-livestream .contain .expander:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.intersect-livestream .contain .expander {
border-radius: 0.375rem
}
}
.intersect-livestream .contain .expander--triangles-right {
position: absolute;
top: 24px;
left: 0;
width: 20px
}
.intersect-livestream .contain .expander--triangles-left {
position: absolute;
bottom: 32px;
right: 0
}
.intersect-livestream .contain .expander--yellow-bars {
position: absolute;
bottom: -12px;
left: 8%
}
.intersect-livestream .contain .collapsed {
display: none
}
.intersect-livestream .contain .video-player {
position: relative;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-right: 0;
padding: 1.5rem
}
.intersect-livestream .contain .video-player:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.intersect-livestream .contain .video-player {
padding: 3rem
}
}
.intersect-livestream .contain .video-player .collapse-video {
display: none
}
@media screen and (min-width: 30rem) {
.intersect-livestream .contain .video-player .collapse-video {
display: block;
height: 1rem;
width: 1rem;
position: absolute;
cursor: pointer;
top: 18px;
right: 18px
}
}
@media screen and (min-width: 48rem) {
.intersect-livestream .contain .video-player .collapse-video {
top: 18px;
right: 18px
}
}
.intersect-livestream .contain .video-player__details {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-livestream .contain .video-player__details:last-child {
margin-right: 0
}
@media screen and (min-width: 73.75rem) {
.intersect-livestream .contain .video-player__details {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.intersect-livestream .contain .video-player__details:last-child {
margin-right: 0
}
}
.intersect-livestream .contain .video-player__details .intersect-icon {
display: none
}
@media screen and (min-width: 48rem) {
.intersect-livestream .contain .video-player__details .intersect-icon {
display: block;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.intersect-livestream .contain .video-player__details .intersect-icon:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.intersect-livestream .contain .video-player__details .intersect-icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-livestream .contain .video-player__details .intersect-icon:last-child {
margin-right: 0
}
}
.intersect-livestream .contain .video-player__details .intersect-icon img {
height: 6rem
}
@media screen and (min-width: 73.75rem) {
.intersect-livestream .contain .video-player__details .intersect-icon img {
height: 7.5rem
}
}
.intersect-livestream .contain .video-player__details .intersect-icon-landscape {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-livestream .contain .video-player__details .intersect-icon-landscape:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.intersect-livestream .contain .video-player__details .intersect-icon-landscape {
display: none
}
}
.intersect-livestream .contain .video-player__details .intersect-icon-landscape img {
height: 2.25rem
}
.intersect-livestream .contain .video-player__details .intersect-icon-landscape h6,
.intersect-livestream .contain .video-player__details .intersect-icon-landscape p {
display: inline-block
}
.intersect-livestream .contain .video-player__details .live-now {
display: none;
padding-left: 1.5rem
}
@media screen and (min-width: 48rem) {
.intersect-livestream .contain .video-player__details .live-now {
display: block;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.intersect-livestream .contain .video-player__details .live-now:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.intersect-livestream .contain .video-player__details .live-now {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.intersect-livestream .contain .video-player__details .live-now:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.intersect-livestream .contain .video-player__details .live-now {
padding-left: 0;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-livestream .contain .video-player__details .live-now:last-child {
margin-right: 0
}
}
.intersect-livestream .contain .video-player__details .live {
color: #FFCF52;
font-size: 18px
}
.intersect-livestream .contain .video-player__details .datetime {
display: none
}
@media screen and (min-width: 48rem) {
.intersect-livestream .contain .video-player__details .datetime {
display: block;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-right: 0;
padding-left: 1.5rem
}
.intersect-livestream .contain .video-player__details .datetime:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.intersect-livestream .contain .video-player__details .datetime {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.intersect-livestream .contain .video-player__details .datetime:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.intersect-livestream .contain .video-player__details .datetime {
padding-left: 0;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-livestream .contain .video-player__details .datetime:last-child {
margin-right: 0
}
}
.intersect-livestream .contain .video-player__details .location {
display: none
}
@media screen and (min-width: 62rem) {
.intersect-livestream .contain .video-player__details .location {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.intersect-livestream .contain .video-player__details .location:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.intersect-livestream .contain .video-player__details .location {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-livestream .contain .video-player__details .location:last-child {
margin-right: 0
}
}
.intersect-livestream .contain .video-player__details h6 {
color: #0078A1;
font-size: 14px
}
.intersect-livestream .contain .video-player__wrapper {
position: relative;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-livestream .contain .video-player__wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 73.75rem) {
.intersect-livestream .contain .video-player__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%
}
.intersect-livestream .contain .video-player__wrapper:last-child {
margin-right: 0
}
.intersect-livestream .contain .video-player__wrapper:nth-child(n) {
margin-right: 0
}
}
.intersect-livestream .contain .video-player__wrapper #player {
display: none
}
@media screen and (min-width: 30rem) {
.intersect-livestream .contain .video-player__wrapper #player {
display: block
}
}
.intersect-livestream .contain .video-player__wrapper .player-image {
width: 100%;
border: 2px solid #fff
}
@media screen and (min-width: 30rem) {
.intersect-livestream .contain .video-player__wrapper .player-image {
display: none
}
}
.intersect-livestream .contain .video-player__wrapper .button-wrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
text-align: center
}
@media screen and (min-width: 30rem) {
.intersect-livestream .contain .video-player__wrapper .button-wrapper {
display: none
}
}
.intersect-livestream .contain .video-player__wrapper .watch-button-mobile {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border: 2px solid #FFCF52;
background-color: #FFCF52;
color: #2D3494;
padding: 8px 24px;
display: inline-block;
cursor: pointer
}
.intersect-livestream .contain .video-player__wrapper .watch-button-mobile:hover {
color: #0078A1
}
.intersect-livestream .contain .video-player__modules {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-livestream .contain .video-player__modules:last-child {
margin-right: 0
}
.pre-announcement {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center;
padding: 1.25rem 2.25rem
}
.pre-announcement:last-child {
margin-right: 0
}
.pre-announcement .image-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-bottom: 0.75rem;
height: 3rem
}
.pre-announcement .image-wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.pre-announcement .image-wrapper {
margin-bottom: 0;
text-align: left;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.pre-announcement .image-wrapper:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.pre-announcement .image-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%
}
.pre-announcement .image-wrapper:last-child {
margin-right: 0
}
}
.pre-announcement .image-wrapper img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.pre-announcement .image-wrapper p {
display: none
}
@media screen and (min-width: 62rem) {
.pre-announcement .image-wrapper p {
display: inline-block;
padding-left: 1.5rem;
margin-left: 1.5rem;
border-left: 1px solid #71e4e4
}
}
.pre-announcement .watch-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
direction: rtl;
height: 3rem
}
.pre-announcement .watch-wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.pre-announcement .watch-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
margin-right: 0
}
.pre-announcement .watch-wrapper:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.pre-announcement .watch-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%;
margin-right: 0
}
.pre-announcement .watch-wrapper:last-child {
margin-right: 0
}
}
.pre-announcement .watch-wrapper a {
direction: ltr;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 30rem) {
.pre-announcement .watch-wrapper a {
float: right
}
}
.watch-button {
border: 2px solid #FFCF52;
background-color: #FFCF52;
color: #2D3494;
padding: 8px 24px;
display: inline-block;
cursor: pointer
}
.watch-button:hover {
color: #0078A1
}
.intersect-modules {
margin-top: 1.5rem;
border-top: 2px solid #71e4e4;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
@media screen and (min-width: 48rem) {
.intersect-modules {
padding-top: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.intersect-modules {
padding-top: 0
}
}
.intersect-modules:last-child {
margin-right: 0
}
.intersect-modules h6 {
text-align: left;
color: #0078A1;
font-size: 0.875rem
}
.intersect-modules .announcements {
margin-top: 1.125rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-modules .announcements:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.intersect-modules .announcements {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.intersect-modules .announcements:last-child {
margin-right: 0
}
.intersect-modules .announcements:nth-child(3n) {
margin-right: 0
}
.intersect-modules .announcements:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.intersect-modules .announcements {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.intersect-modules .announcements:nth-child(3n) {
margin-right: 1.6949152542%
}
.intersect-modules .announcements:nth-child(3n+1) {
clear: none
}
.intersect-modules .announcements:last-child {
margin-right: 0
}
}
.intersect-modules__item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 0.75rem;
background: #71e4e4
}
.intersect-modules__item:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.intersect-modules__item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.intersect-modules__item:last-child {
margin-right: 0
}
.intersect-modules__item:nth-child(3n) {
margin-right: 0
}
.intersect-modules__item:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.intersect-modules__item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 18.6440677966%;
margin-bottom: 0.75rem
}
.intersect-modules__item:nth-child(3n) {
margin-right: 1.6949152542%
}
.intersect-modules__item:nth-child(3n+1) {
clear: none
}
.intersect-modules__item:last-child {
margin-right: 0
}
}
.intersect-modules__item h6 {
font-size: 0.5625rem
}
.intersect-modules__item h5 {
font-size: 1rem;
line-height: 1.5rem;
height: 1.5rem
}
@media screen and (min-width: 48rem) {
.intersect-modules__item h5 {
height: 3rem
}
}
.intersect-modules__item p {
color: #0078A1;
font-weight: 600;
opacity: 0.6
}
.intersect-modules__item:last-of-type {
margin-bottom: 0.75rem
}
#logo {
fill: #7d97ad
}
#logo .logo {
fill: #7d97ad
}
.partners__featured {
opacity: 0.7;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.partners__featured--image {
height: 48px;
margin: 0
}
@media screen and (min-width: 48rem) {
.partners__featured--image {
height: 60px;
margin: -7px 18px
}
}
.pill {
font-size: 0.8125rem;
line-height: 1.5rem;
height: 1.5rem;
color: transparent;
padding: 2px 6px;
border-radius: 2px;
letter-spacing: 2px;
z-index: 5000;
text-transform: uppercase;
line-height: 1.5rem;
font-weight: 600;
box-shadow: 4px 6px 8px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 48rem) {
.pill {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
.pill--white {
background-color: #fff
}
.pill--transparent {
color: #fff;
background-color: rgba(46, 61, 73, 0.2);
box-shadow: none
}
header.signup {
padding: 1.5em
}
header.signup .logo-signup {
float: none;
display: block;
width: 12.5em;
margin: 0 auto
}
header.signup .logo-signup img {
float: left
}
@media (min-width: 35em) {
header.signup {
padding: 2em 1.5em
}
}
@media (min-width: 45em) {
header.signup {
padding: 3em 1.5em
}
}
.signup_contain .button--primary {
margin: 0 auto
}
.signup_contain .button--primary.last {
margin: 1.5em auto 3em
}
.signup_contain .outer_contain {
background: #f4f4ef
}
.signup_contain .outer_contain .contain {
position: relative;
max-width: 41.75em;
padding: 1.5em 1.5em 4.5em
}
.signup_contain .inner_contain {
padding: 0 9.6774194% 2.875em
}
@media (min-width: 35em) {
.signup_contain .outer_contain .contain {
padding: 2.5em 1.5em 6em
}
}
@media (min-width: 45em) {
.signup_contain .outer_contain .contain {
padding: 3.75em 1.5em 7.5em
}
}
fieldset {
position: relative;
border: none;
margin: 2.5em 0 0;
padding: 0 9.6774194% 1.5em
}
fieldset legend {
position: relative;
display: block;
width: 100%;
font-weight: 400;
margin-bottom: 1em;
color: #2e3d49
}
fieldset legend::after {
content: "";
position: absolute;
top: .2em;
right: 0;
width: 1em;
height: 1em;
border: 2px solid #02ccba;
border-radius: 1em
}
fieldset legend.section_complete::after {
border-color: #15c26b;
background: #15c26b url(assets/icon_checkmark_white-5c349694188d93e550235390d97e5f3e7cbce2c1113de846cd7c786bf98960ff.svg) no-repeat center;
background-size: contain
}
fieldset:first-of-type {
margin-top: 0
}
fieldset .tooltip_contain {
clear: both;
position: relative
}
fieldset .tooltip_contain input {
margin-bottom: 0
}
fieldset .tooltip_contain .tooltip {
position: absolute;
top: .65em;
right: .5em
}
fieldset .input_contain {
position: relative;
clear: both;
display: block;
width: 100%;
margin: 0 0 1.5em 0
}
fieldset .input_contain input {
width: 100%;
margin: 0;
text-overflow: ellipsis
}
fieldset .input_contain.valid input,
fieldset .input_contain.invalid input {
padding-right: 2em
}
fieldset .input_contain.invalid input {
border-color: #f04546
}
fieldset .dual_input_contain {
float: left;
width: 100%;
border-radius: .125em;
margin-bottom: 1.3125em;
border: 1px solid #dbe2e8;
outline: none;
box-shadow: 0 0.25em 0.5em 0 rgba(46, 61, 73, 0.12);
transition: box-shadow .3s ease, border .3s ease
}
fieldset .dual_input_contain:hover {
box-shadow: 0 0.125em 0.5em 0 rgba(46, 61, 73, 0.06)
}
fieldset .dual_input_contain:focus {
box-shadow: none
}
fieldset .dual_input_contain .input_contain {
clear: none;
float: left;
width: 50%;
margin: 0;
border: 0;
box-shadow: none;
border-radius: 0
}
fieldset .dual_input_contain .input_contain:first-child {
border-right: 1px solid #dbe2e8
}
fieldset .dual_input_contain input {
border: 0;
box-shadow: none;
border-radius: 0
}
fieldset .valid::before,
fieldset .invalid::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: .5em;
width: 1em;
height: 1em;
background: url(assets/valid.min.svg) no-repeat center;
background-size: contain;
transform: translateY(-50%)
}
fieldset .invalid::before {
background-image: url(assets/invalid.min.svg)
}
fieldset .credit_card input {
padding-right: 3em
}
fieldset .credit_card .credit_card_type {
position: absolute;
top: 50%;
right: .5em;
height: 1.25em;
width: 1.875em;
opacity: 0;
transition: opacity .3s ease;
transform: translateY(-50%)
}
fieldset .credit_card .credit_card_type.visa {
opacity: 1;
background: url(../images/icons/visa.min.svg) no-repeat center;
background-size: contain
}
@media (min-width: 40em) {
fieldset input {
display: block
}
fieldset .input_contain.half {
clear: none;
float: left;
width: 47.5%
}
fieldset .input_contain.half.last {
margin-left: 5%
}
fieldset .tooltip_contain.small {
clear: none;
float: left;
width: 23.75%;
margin-left: 5%;
margin-bottom: 2.5em
}
fieldset .dual_input_contain {
width: 47.5%
}
}
.step_two {
max-height: 4em;
overflow: hidden;
transition: max-height .3s ease
}
.step_two input {
opacity: 0;
transition: background .3s ease, box-shadow .3s ease, border .3s ease, opacity .3s ease
}
.step_two_hide,
.step_two_show {
overflow: hidden;
max-height: 30em;
transition: max-height .3s ease, opacity .3s ease, padding .3s ease
}
.step_two--on .step_two {
overflow: visible;
max-height: 30em
}
.step_two--on .step_two input {
opacity: 1
}
.step_two--on .step_two_hide {
opacity: 0;
max-height: 0;
padding: 0 9.6774194%
}
.signup_disclaimer {
padding-top: 2em;
text-align: center
}
.signup_disclaimer p {
font-size: .875em;
font-weight: 300;
color: #838f9a
}
.signup_disclaimer p:last-child {
margin-bottom: 0
}
.signup_disclaimer a {
white-space: nowrap;
color: #02b3e4;
text-decoration: none;
transition: color .3s ease
}
.signup_disclaimer a:hover {
color: #028bb1
}
.signup_social {
padding: 2em 9.6774194% 3.75em;
text-align: center;
position: relative
}
.signup_social::before {
content: "";
width: 80%;
top: 0;
left: 10%;
position: absolute;
border-top: 1px solid #dbe2e8
}
.signup_social p {
font-size: .875em;
font-weight: 300;
color: #838f9a;
margin-bottom: 2em
}
.signup_social ul {
list-style-type: none;
margin: 0;
padding: 0
}
.signup_social ul li {
display: inline-block;
margin: 0 0 1.5em;
font-size: .8125em;
border-radius: .307692308em;
width: 18.461538462em;
max-width: 100%;
border: 1px solid #dbe2e8;
transition: border .3s ease
}
.signup_social ul li:last-child {
margin-bottom: 0
}
.signup_social ul li a {
display: block;
padding: .5em;
text-transform: uppercase;
color: #2e3d49;
line-height: 2.307692308em;
text-decoration: none;
transition: color .3s ease
}
.signup_social ul li span {
display: inline-block;
position: relative;
padding-left: 3em;
margin: 0 auto
}
.signup_social ul li span img {
position: absolute;
top: 50%;
left: 0;
width: 2em;
height: 2em;
transform: translateY(-50%)
}
.signup_social ul li:hover {
border: 1px solid #bcc9d4
}
.signup_social ul li:hover a {
color: #07090a
}
@media (min-width: 40em) {
.signup_social ul {
overflow: hidden
}
.signup_social ul li {
float: left;
width: 47.5%;
margin-right: 5%;
margin-bottom: 0
}
.signup_social ul li:last-child {
margin-right: 0
}
}
.message_contain {
overflow: hidden;
max-height: 0;
opacity: 0;
padding: 0 9.6774194%;
transition: opacity .5s ease, max-height .5s ease, padding .5s ease
}
.message_contain.message--on {
max-height: 20em;
opacity: 1;
padding: 0 9.6774194% 1.5em
}
.message_contain .message {
position: relative;
padding: 1em 3em 1em 1em;
background: #91daee
}
.message_contain .message p {
color: #2e3d49;
margin: 0;
font-size: .8125em;
line-height: 1.5em
}
.message_contain .message .message_close {
position: absolute;
opacity: .5;
top: 1.125em;
right: 1em;
width: 1em;
height: 1em;
transition: opacity .3s ease
}
.message_contain .message .message_close:hover {
opacity: .7
}
@media (min-width: 40em) {
.message_contain .message {
padding: 1em 3.75em 1em 1em
}
.message_contain .message p {
font-size: 1em
}
.message_contain .message .message_close {
top: 1.25em
}
}
.subcription_details {
padding: 3em 9.6774194%;
margin-bottom: 3em;
color: #2e3d49;
border-bottom: 1px solid #dbe2e8;
background: #fff url(../images/icons/nd_crop.min.svg) no-repeat top right;
background-size: 50%
}
.subcription_details h3 {
font-size: 1.125em
}
.subcription_details h4 {
font-size: .8125em;
font-weight: 300
}
.subcription_details ul.subscription_pricing {
list-style-type: none;
margin: 0 0 2em;
padding: 0
}
.subcription_details ul.subscription_pricing li {
font-size: .75em;
position: relative;
display: block;
margin-bottom: .75em;
color: #525c65;
padding-right: 7em
}
.subcription_details ul.subscription_pricing li span {
position: absolute;
top: 0;
right: 0;
font-weight: 600;
color: #2e3d49;
text-transform: uppercase
}
.subcription_details .info {
font-style: italic;
color: #838f9a;
font-size: .75em
}
.subcription_details .info span {
white-space: nowrap
}
@media (min-width: 30em) {
.subcription_details h4 {
font-size: 1em
}
.subcription_details ul.subscription_pricing li {
font-size: 1em
}
.subcription_details .info {
font-size: .8125em
}
}
@media (min-width: 70em) {
.subcription_details {
position: absolute;
width: 30em;
top: 3.75em;
right: 1.5em;
border: 1px solid #dbe2e8;
box-shadow: 0 0.3125em 1.25em 0 rgba(46, 61, 73, 0.12)
}
}
.tabs {
background: #fff;
border: 1px solid #dbe2e8;
border-radius: 0.375rem;
box-shadow: 0 0.3125em 1.25em 0 rgba(46, 61, 73, 0.12)
}
.tabs ul.tab_nav {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
overflow: hidden;
list-style-type: none;
margin: 0;
padding: 0;
display: flex
}
.tabs ul.tab_nav li {
flex-grow: 1
}
@media (min-width: 40em) {
.tabs ul.tab_nav li {
width: 50%
}
}
.tabs ul.tab_nav li a {
font-size: .75em;
text-transform: uppercase;
display: block;
color: #7d97ad;
font-weight: 600;
text-decoration: none;
text-align: center;
padding: 1.5em .75em;
letter-spacing: 0.5px;
background: #fafbfc;
border-right: 1px solid #dbe2e8;
border-bottom: 1px solid #dbe2e8;
transition: color .3s ease;
line-height: 18px
}
@media (min-width: 35em) {
.tabs ul.tab_nav li a {
letter-spacing: 2px
}
}
.tabs ul.tab_nav li a:hover {
color: #4c6478
}
.tabs ul.tab_nav li:last-child a {
border-right: none
}
.tabs .tab_content {
padding-top: 2.875em;
display: none
}
.tabs .tab_content .enroll {
display: none
}
.tabs .what_is_content,
.tabs .what_get_content {
padding: 2.25rem 1.5rem
}
@media screen and (min-width: 48rem) {
.tabs .what_is_content,
.tabs .what_get_content {
padding: 3rem 4.5rem
}
}
.signup_contain.enroll_on .signup_content,
.signup_contain.enroll_on .signin_content {
padding-top: 0
}
.signup_contain.enroll_on .signup_content .no_enroll,
.signup_contain.enroll_on .signin_content .no_enroll {
display: none
}
.signup_contain.enroll_on .signup_content .enroll,
.signup_contain.enroll_on .signin_content .enroll {
display: block
}
@media (min-width: 70em) {
.signup_contain.enroll_on .signup_content,
.signup_contain.enroll_on .signin_content {
padding-top: 2.875em
}
.signup_contain.enroll_on .outer_contain .contain {
max-width: 75.75em;
padding: 3.75em 35em 7.5em 1.5em
}
}
.signup--on .tabs ul.tab_nav li.signup_tab a {
background: #fff;
color: #2e3d49;
border-bottom: none
}
.signup--on .tabs .signup_content {
display: block
}
.signin--on .tabs ul.tab_nav li.signin_tab a {
background: #fff;
color: #2e3d49;
border-bottom: none
}
.signin--on .tabs .signin_content {
display: block
}
.signin--on .signup_disclaimer .terms,
.signin--on .signup_disclaimer .required {
display: none
}
.signin--on.enroll_on .signup_disclaimer .required {
display: block
}
.what_get--on .tabs ul.tab_nav li.what_get_tab a {
background: #fff;
color: #2e3d49;
border-bottom: none
}
.what_get--on .tabs .what_get_content {
display: block
}
.what_is--on .tabs ul.tab_nav li.what_is_tab a {
background: #fff;
color: #2e3d49;
border-bottom: none
}
.what_is--on .tabs .what_is_content {
display: block
}
.wf-loading {
visibility: hidden
}
.wf-active {
visibility: visible
}
.talks-livestream .contain {
padding: 0
}
.talks-livestream .contain .expander {
position: relative;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
overflow: hidden;
background-image: url(assets/hero-speaker-amr-c55152c0095ede11c7109922f6e37939bc4a35fec02a4606edf496012ae0dd05.jpg), linear-gradient(to right, #a951ed, #FFA234);
background-repeat: no-repeat;
background-size: cover
}
.talks-livestream .contain .expander:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.talks-livestream .contain .expander {
border-radius: 0.375rem
}
}
.talks-livestream .contain .collapsed {
display: none
}
.talks-livestream .contain .video-player {
position: relative;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-right: 0;
padding: 1.5rem
}
.talks-livestream .contain .video-player:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.talks-livestream .contain .video-player {
padding: 3rem
}
}
.talks-livestream .contain .video-player .collapse-video {
display: none
}
@media screen and (min-width: 30rem) {
.talks-livestream .contain .video-player .collapse-video {
display: block;
height: 1rem;
width: 1rem;
position: absolute;
cursor: pointer;
top: 18px;
right: 18px
}
}
@media screen and (min-width: 48rem) {
.talks-livestream .contain .video-player .collapse-video {
top: 18px;
right: 18px
}
}
@media screen and (min-width: 73.75rem) {
.talks-livestream .contain .video-player__details {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%;
height: 28.125rem
}
.talks-livestream .contain .video-player__details:last-child {
margin-right: 0
}
}
.talks-livestream .contain .video-player__details .live-now {
margin-bottom: -6.25rem;
padding-left: 1.5rem
}
@media screen and (min-width: 48rem) {
.talks-livestream .contain .video-player__details .live-now {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.talks-livestream .contain .video-player__details .live-now:last-child {
margin-right: 0
}
.talks-livestream .contain .video-player__details .live-now p a {
color: #fff;
border-bottom: 1px solid #fff
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.talks-livestream .contain .video-player__details .live-now h3.bar--top::before {
top: -0.75rem
}
}
@media screen and (min-width: 62rem) {
.talks-livestream .contain .video-player__details .live-now {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.talks-livestream .contain .video-player__details .live-now:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.talks-livestream .contain .video-player__details .live-now {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding-left: 0
}
.talks-livestream .contain .video-player__details .live-now:last-child {
margin-right: 0
}
.talks-livestream .contain .video-player__details .live-now .nd-relation {
position: relative;
margin-bottom: 0
}
}
.talks-livestream .contain .video-player__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
position: relative
}
.talks-livestream .contain .video-player__wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.talks-livestream .contain .video-player__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%
}
.talks-livestream .contain .video-player__wrapper:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.talks-livestream .contain .video-player__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%
}
.talks-livestream .contain .video-player__wrapper:last-child {
margin-right: 0
}
.talks-livestream .contain .video-player__wrapper:nth-child(n) {
margin-right: 0
}
}
.talks-livestream .contain .video-player__wrapper #player {
display: none
}
@media screen and (min-width: 30rem) {
.talks-livestream .contain .video-player__wrapper #player {
display: block
}
}
.talks-livestream .talks-announcement {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center;
padding: 1.25rem 2.25rem
}
.talks-livestream .talks-announcement:last-child {
margin-right: 0
}
.talks-livestream .talks-announcement .announcement-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-bottom: 0.75rem;
height: 3rem
}
.talks-livestream .talks-announcement .announcement-wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.talks-livestream .talks-announcement .announcement-wrapper {
margin-bottom: 0;
text-align: left;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.talks-livestream .talks-announcement .announcement-wrapper:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.talks-livestream .talks-announcement .announcement-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.talks-livestream .talks-announcement .announcement-wrapper:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.talks-livestream .talks-announcement .announcement-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%
}
.talks-livestream .talks-announcement .announcement-wrapper:last-child {
margin-right: 0
}
}
.talks-livestream .talks-announcement .announcement-wrapper p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0.8125rem;
line-height: 1.5rem;
display: inline-block
}
@media screen and (min-width: 48rem) {
.talks-livestream .talks-announcement .announcement-wrapper p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.talks-livestream .talks-announcement .announcement-wrapper p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.talks-livestream .talks-announcement .announcement-wrapper p {
font-size: 1rem;
line-height: 1.75rem
}
}
.talks-livestream .talks-announcement .announcement-wrapper p a {
color: #fff;
border-bottom: 1px solid #fff
}
.talks-livestream .talks-announcement .watch-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
direction: rtl;
height: 3rem
}
.talks-livestream .talks-announcement .watch-wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.talks-livestream .talks-announcement .watch-wrapper {
display: none;
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.talks-livestream .talks-announcement .watch-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
display: inline-block
}
.talks-livestream .talks-announcement .watch-wrapper:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.talks-livestream .talks-announcement .watch-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%;
margin-right: 0
}
.talks-livestream .talks-announcement .watch-wrapper:last-child {
margin-right: 0
}
}
.talks-livestream .talks-announcement .watch-wrapper a {
direction: ltr;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 30rem) {
.talks-livestream .talks-announcement .watch-wrapper a {
float: right
}
}
.testimonials .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.testimonials .contain {
padding-top: 3.75rem;
padding-bottom: 3.75rem
}
}
@media screen and (min-width: 30rem) {
.testimonials .contain {
padding-left: 0;
padding-right: 0
}
}
.testimonials .slides h3 {
font-size: 1.125rem;
line-height: 2rem
}
@media screen and (min-width: 48rem) {
.testimonials .slides h3 {
font-size: 1.75rem;
line-height: 2.25rem
}
}
.tooltip {
opacity: 0.6;
width: 1rem;
height: 1.5rem;
cursor: pointer;
text-align: left;
position: relative;
display: inline-block;
z-index: 1000;
vertical-align: middle;
transition: opacity 0.3s ease;
background: url(assets/icon-tooltip-1ec60fc6a5c0d38b963aa3008637e958ddcdcf84c8d8d2410b6451e33a8e2367.svg) center center no-repeat
}
@media screen and (min-width: 48rem) {
.tooltip {
height: 1.75rem
}
}
.tooltip:hover {
opacity: 1
}
.tooltip__content {
font-size: 0.8125rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 1.125rem;
left: 50%;
height: 0;
padding: 0;
opacity: 0;
bottom: 100%;
overflow: hidden;
position: absolute;
background: #fff;
width: 12.5rem;
transform: translate(-50%, 0);
box-shadow: 0px 8px 20px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.25rem;
transition: opacity 0.3s ease, transform 0.3s ease
}
@media screen and (min-width: 48rem) {
.tooltip__content {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.tooltip__content {
margin-bottom: 1.125rem
}
}
@media screen and (min-width: 48rem) {
.tooltip__content {
width: 17.125rem
}
}
.tooltip__content::after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 50%;
top: 100%;
pointer-events: none;
border: 1rem solid transparent;
border-top-color: #fff;
transform: translate(-50%, 0)
}
.tooltip.left .tooltip__content {
transform: translate(-2rem, 0.25rem)
}
.tooltip.left .tooltip__content::after {
left: 2rem
}
.tooltip.right .tooltip__content {
transform: translate(-15rem, 0.25rem)
}
.tooltip.right .tooltip__content::after {
right: 0;
left: auto
}
.tooltip.tooltip--on {
opacity: 1
}
.tooltip.tooltip--on .tooltip__content {
opacity: 1;
height: auto;
padding: 1rem;
overflow: visible;
transform: translate(-50%, 0)
}
.tooltip.tooltip--on.left .tooltip__content {
transform: translate(-2rem, 0)
}
.tooltip.tooltip--on.right .tooltip__content {
transform: translate(-15rem, 0)
}
.u-loading {
text-align: left;
display: block;
height: 2.4em;
position: relative;
width: 2.4em
}
.u-loading strong {
border: 2px solid #dbe2e8;
border-radius: 50%;
box-sizing: border-box;
display: block;
height: 100%;
overflow: hidden;
position: absolute;
text-indent: -999em;
width: 100%
}
.u-loading span {
animation: spinContainer 3s linear infinite;
clip: rect(0, 2.5em, 2.5em, 1.25em);
display: block;
height: 100%;
position: absolute;
transform: rotate(0deg);
width: 100%
}
.u-loading span i {
animation: spinProgress 3s ease-in infinite;
border: 2px solid #02b3e4;
border-radius: 50%;
box-sizing: border-box;
clip: rect(0, 1.25em, 2.5em, 0);
display: block;
height: 100%;
overflow: hidden;
position: absolute;
text-indent: -999em;
transform: rotate(0deg);
width: 100%
}
@keyframes spinContainer {
0% {
transform: rotate(0deg)
}
50% {
transform: rotate(540deg)
}
100% {
transform: rotate(1080deg)
}
}
@keyframes spinProgress {
0% {
transform: rotate(0deg)
}
25% {
transform: rotate(180deg)
}
50% {
transform: rotate(0deg)
}
75% {
transform: rotate(180deg)
}
100% {
transform: rotate(0deg)
}
}
.video__featured .contain {
height: 30rem;
padding: 0;
width: 100%;
background: url(assets/video-bg-udacity-472e0b1f3cbeff14b554410e0187fc0635ade8e63a82989d5b8d32dfd90d7e5f.jpg) center center no-repeat;
background-size: cover
}
@media screen and (min-width: 30rem) {
.video__featured .contain {
height: 39rem;
position: relative;
background-image: none;
background-color: #000
}
}
@media screen and (min-width: 73.75rem) {
.video__featured .contain {
border-radius: 0.375rem
}
}
.video__featured--bg {
height: 30rem;
display: none
}
@media screen and (min-width: 30rem) {
.video__featured--bg {
height: 100%;
width: 100%;
display: block;
overflow: hidden;
position: relative;
z-index: 6000;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.4)
}
}
@media screen and (min-width: 73.75rem) {
.video__featured--bg {
border-radius: 0.375rem
}
}
.video__featured--bg::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
opacity: 0.90;
background-image: linear-gradient(33deg, rgba(1, 178, 228, 0.38) 0%, rgba(28, 38, 47, 0.4) 100%)
}
.video__featured--overlay {
height: 30rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: block
}
@media screen and (min-width: 30rem) {
.video__featured--overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 7000
}
}
.video__featured--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 !important;
text-align: center
}
.video__featured--content:last-child {
margin-right: 0
}
.video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.video__featured--content h1 {
margin-bottom: 2.25rem
}
}
.video__featured--content .icon-video {
width: 48px
}
@media screen and (min-width: 30rem) {
.video__featured--content .icon-video {
width: 60px
}
}
.video__featured--content .icon-video-post {
position: relative;
bottom: -24px;
height: 3rem
}
@media screen and (min-width: 48rem) {
.video__featured--content .icon-video-post {
position: relative;
bottom: -96px
}
}
.video__nanodegree .contain {
height: 30rem;
padding: 0;
width: 100%;
background: url(assets/video-bg-nanodegree-bdea8c36dc872f9c65ca5dd13fd2db947dd6148af12438ba44573d3f3bae9e3c.jpg) center center no-repeat;
background-size: cover
}
@media screen and (min-width: 30rem) {
.video__nanodegree .contain {
height: 39rem;
position: relative;
background-image: none;
background-color: #000
}
}
@media screen and (min-width: 73.75rem) {
.video__nanodegree .contain {
border-radius: 0.375rem
}
}
.video__nanodegree--bg {
height: 30rem;
display: none
}
@media screen and (min-width: 30rem) {
.video__nanodegree--bg {
height: 100%;
width: 100%;
display: block;
overflow: hidden;
position: relative;
z-index: 6000;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.4)
}
}
@media screen and (min-width: 73.75rem) {
.video__nanodegree--bg {
border-radius: 0.375rem
}
}
.video__nanodegree--overlay {
height: 30rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: block
}
@media screen and (min-width: 30rem) {
.video__nanodegree--overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 7000
}
}
.video__nanodegree--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 !important;
text-align: center
}
.video__nanodegree--content:last-child {
margin-right: 0
}
.video__nanodegree--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.video__nanodegree--content h1 {
margin-bottom: 2.25rem
}
}
.video__nanodegree--content .icon-video {
width: 48px
}
@media screen and (min-width: 30rem) {
.video__nanodegree--content .icon-video {
width: 60px
}
}
.video__nanodegree--content .icon-video-post {
position: relative;
bottom: -24px;
height: 3rem
}
@media screen and (min-width: 48rem) {
.video__nanodegree--content .icon-video-post {
position: relative;
bottom: -96px
}
}
.module-android-path {
background: url(assets/elements-android-path-aa60de93ab6d3ddbea70b49bfa00f76c1d149e44e051de1cd5709b83e0c02013.svg), linear-gradient(to bottom right, #02b3e4, #02ccba);
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
.module-contact {
background: url(assets/bg-contact-af55a2fc35e6d46341c3439dec6d2b740445cc70f3f95d6ed1a5de8fdee32500.jpg) center center no-repeat;
background-size: cover
}
.module-contact .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.module-contact .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
}
@media screen and (min-width: 48rem) {
.module-contact .contain {
height: 22.5rem
}
}
.module-contact__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center
}
.module-contact__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.module-contact__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 25.4237288136%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.module-contact__content:last-child {
margin-right: 0
}
}
.page-homepage .hero__module {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-homepage .hero__module:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-homepage .hero__module {
padding: 0 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-homepage .hero__module {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
padding-left: 0
}
.page-homepage .hero__module:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-homepage .hero__module {
padding: 0
}
}
.page-homepage .hero__module--container {
height: 7.5rem;
margin-top: 0;
margin-bottom: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 0 1.5rem
}
@media screen and (min-width: 48rem) {
.page-homepage .hero__module--container {
margin-bottom: 1.5rem
}
}
.page-homepage .hero__module--container:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-homepage .hero__module--container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-left: 0%;
padding: 0
}
.page-homepage .hero__module--container:last-child {
margin-right: 0
}
.page-homepage .hero__module--container:nth-child(3n) {
margin-right: 0
}
.page-homepage .hero__module--container:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-homepage .hero__module--container {
height: 9rem;
float: left;
display: block;
margin-right: 5.2631578947%;
width: 100%;
margin-left: 0%
}
.page-homepage .hero__module--container:last-child {
margin-right: 0
}
.page-homepage .hero__module--container:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-homepage .hero__module--container:nth-child(2n+1) {
clear: none
}
}
.page-homepage .hero__module--container:last-child {
margin-bottom: 0
}
.page-homepage .hero__module .card--homepage {
height: 7.5rem;
width: 100%;
display: block
}
@media screen and (min-width: 62rem) {
.page-homepage .hero__module .card--homepage {
height: 9rem
}
}
@media screen and (min-width: 73.75rem) {
.page-homepage .hero__module .card--homepage {
float: right;
max-width: 21.75rem
}
}
.page-homepage .hero__module .card--homepage img {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem
}
.page-homepage .hero__module .card--image {
height: 7.5rem;
width: auto;
float: left;
margin-right: 20px
}
@media screen and (min-width: 62rem) {
.page-homepage .hero__module .card--image {
height: 9rem
}
}
.page-homepage .hero__module .card__content {
padding: 24px 20px;
width: 100%
}
@media screen and (min-width: 48rem) {
.page-homepage .hero__module .card__content {
padding: 20px 0 20px 12px
}
}
@media screen and (min-width: 62rem) {
.page-homepage .hero__module .card__content {
padding: 20px 20px
}
}
.page-homepage .hero__module .card__content--h5 {
margin-top: 0;
margin-bottom: 0.375rem;
font-size: 0.875rem;
line-height: 1.5rem;
line-height: 24px !important;
padding-right: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-homepage .hero__module .card__content--h5 {
margin-bottom: 0.375rem
}
}
@media screen and (min-width: 62rem) {
.page-homepage .hero__module .card__content--h5 {
font-size: 1rem;
line-height: 1.75rem
}
}
.page-homepage .hero__module .card__content h6 {
font-size: 0.5625rem;
line-height: 0.75rem;
margin-top: 0;
margin-bottom: 0.375rem;
letter-spacing: 1px
}
@media screen and (min-width: 48rem) {
.page-homepage .hero__module .card__content h6 {
font-size: 0.5625rem;
line-height: 0.75rem
}
}
@media screen and (min-width: 48rem) {
.page-homepage .hero__module .card__content h6 {
margin-bottom: 0.75rem
}
}
.module-pathfinder .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.module-pathfinder .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.module-pathfinder__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 2.25rem 1.5rem
}
.module-pathfinder__card:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.module-pathfinder__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.module-pathfinder__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.module-pathfinder__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 15rem;
margin-left: 0%;
padding: 3rem
}
.module-pathfinder__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.module-pathfinder__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%;
padding: 3.75rem
}
.module-pathfinder__card:last-child {
margin-right: 0
}
}
.module-pathfinder__card--icon {
text-align: center;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.module-pathfinder__card--icon:last-child {
margin-right: 0
}
.module-pathfinder__card--icon img {
height: 3rem
}
@media screen and (min-width: 48rem) {
.module-pathfinder__card--icon img {
height: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.module-pathfinder__card--icon {
text-align: left;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 2.0408163265%;
width: 8.1632653061%
}
.module-pathfinder__card--icon:last-child {
margin-right: 0
}
}
.module-pathfinder__card--copy {
margin-top: 0;
margin-bottom: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center
}
@media screen and (min-width: 48rem) {
.module-pathfinder__card--copy {
margin-bottom: 3rem
}
}
.module-pathfinder__card--copy:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.module-pathfinder__card--copy {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.module-pathfinder__card--copy:last-child {
margin-right: 0
}
.module-pathfinder__card--copy:nth-child(2n) {
margin-right: 0
}
.module-pathfinder__card--copy:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.module-pathfinder__card--copy {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 59.1836734694%
}
.module-pathfinder__card--copy:last-child {
margin-right: 0
}
}
.module-pathfinder__card--cta {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.module-pathfinder__card--cta:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.module-pathfinder__card--cta {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 38.7755102041%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.module-pathfinder__card--cta:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.module-pathfinder__card--cta {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 28.5714285714%
}
.module-pathfinder__card--cta:last-child {
margin-right: 0
}
}
.header--clone {
top: 0;
left: 0;
position: fixed;
z-index: 7000;
backface-visibility: hidden;
transform: translate3d(0, -100%, 0);
-webkit-transform-style: preserve-3d;
transition: all 0.3s ease
}
.header--stick {
transform: translate3d(0, 0, 0)
}
.header--open {
transform: translate3d(16.25rem, 0, 0)
}
.slideout-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
overflow-y: auto;
z-index: 6000;
width: 16.25rem;
-webkit-overflow-scrolling: touch
}
.slideout-panel {
position: relative;
z-index: 7000
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
overflow: hidden
}
.slideout-open .slideout-menu {
display: block
}
html.remodal-is-locked {
overflow: hidden;
touch-action: none
}
.remodal,
[data-remodal-id] {
display: none
}
.remodal-is-initialized {
display: inline-block
}
.remodal-overlay {
position: fixed;
top: -99em;
left: -99em;
right: -99em;
bottom: -99em;
display: none;
z-index: 9000;
backface-visibility: hidden
}
.remodal-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
overflow: auto;
text-align: center;
backface-visibility: hidden;
z-index: 10000;
-webkit-overflow-scrolling: touch
}
.remodal-wrapper::after {
height: 100%;
content: "";
display: inline-block;
vertical-align: middle
}
.remodal {
padding-top: 3rem;
padding-bottom: 3rem;
width: 100%;
outline: none;
position: relative;
background: #fff;
text-align: left;
text-size-adjust: 100%;
vertical-align: middle;
max-width: 36.25rem;
padding-left: 2.25rem;
padding-right: 2.25rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
transform: translate3d(0, 0, 0);
border-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.remodal {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.remodal {
padding-left: 3rem;
padding-right: 3rem
}
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards
}
.remodal.remodal-is-opening {
animation-name: remodal-opening-keyframes
}
.remodal.remodal-is-closing {
animation-name: remodal-closing-keyframes
}
.remodal label {
display: none
}
.remodal-close {
top: 0;
right: 0;
opacity: 0.5;
outline: none;
display: block;
width: 3rem;
height: 3rem;
cursor: pointer;
position: absolute;
transition: opacity 0.3s ease;
background: url(assets/icon_close_dark-c7c6a31cb37c841e14b44a8c1a7b5e81447b9442d94fdea8bcf66cfea18d1a13.svg) no-repeat center
}
.remodal-close.white {
background-image: url(assets/icon_close_white-80b9a0dff7e94851c87e9476c187050c85cd56da3720a7974a8627913ee91bff.svg)
}
.remodal-close.white-shadow {
opacity: 1;
background-image: url(assets/icon_close_white_shadow-ebdb5a912b7373a0ddb0a430b84a5b7360e23ebcbfa14fcb3b9c197c8a975041.svg)
}
.remodal-close:hover {
opacity: 0.7
}
.remodal-close::moz-focus-inner {
padding: 0;
border: 0
}
.remodal-overlay {
background: rgba(46, 61, 73, 0.95)
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
animation-duration: 0.3s;
animation-fill-mode: forwards
}
.remodal-overlay.remodal-is-opening {
animation-name: remodal-overlay-opening-keyframes
}
.remodal-overlay.remodal-is-closing {
animation-name: remodal-overlay-closing-keyframes
}
.page-ndop .remodal-wrapper {
padding: 0.75rem
}
.modal-notify .input-container,
.modal-notify .dd-container,
.modal-syllabus .input-container,
.modal-syllabus .dd-container {
position: relative
}
@media screen and (min-width: 48rem) {
.modal-notify .input-container,
.modal-notify .dd-container,
.modal-syllabus .input-container,
.modal-syllabus .dd-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.modal-notify .input-container:last-child,
.modal-notify .dd-container:last-child,
.modal-syllabus .input-container:last-child,
.modal-syllabus .dd-container:last-child {
margin-right: 0
}
.modal-notify .input-container:nth-child(2n),
.modal-notify .dd-container:nth-child(2n),
.modal-syllabus .input-container:nth-child(2n),
.modal-syllabus .dd-container:nth-child(2n) {
margin-right: 0
}
.modal-notify .input-container:nth-child(2n+1),
.modal-notify .dd-container:nth-child(2n+1),
.modal-syllabus .input-container:nth-child(2n+1),
.modal-syllabus .dd-container:nth-child(2n+1) {
clear: left
}
}
.modal-notify .dd-container,
.modal-syllabus .dd-container {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.modal-notify .dd-container,
.modal-syllabus .dd-container {
margin-bottom: 1.5rem
}
}
.modal-redirect {
height: 100%;
max-width: 100%;
background: rgba(0, 0, 0, 0.5)
}
.modal-redirect .loading {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.modal-review p,
.modal-review h5 {
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.modal-review p,
.modal-review h5 {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.modal-review .student__name {
display: inline-block
}
.modal-review .student__stars {
float: right
}
.modal-nd-project {
padding: 0
}
.modal-nd-project__image {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
height: 12rem;
object-fit: cover
}
.modal-nd-project__content {
padding: 1.5rem;
text-align: center
}
@media screen and (min-width: 48rem) {
.modal-nd-project__content {
padding: 3rem
}
}
.modal-video {
padding: 0;
color: #fff;
max-width: 73.75rem;
background-color: transparent
}
.modal-video h6 {
margin-top: 0;
margin-bottom: 0.375rem;
height: 1.5rem;
display: block;
width: 18.75rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0.75rem
}
@media screen and (min-width: 48rem) {
.modal-video h6 {
margin-bottom: 0.375rem
}
}
@media screen and (min-width: 30rem) {
.modal-video h6 {
width: auto
}
}
@media screen and (min-width: 73.75rem) {
.modal-video h6 {
margin-left: 0
}
}
.modal-video .remodal-close {
top: 0;
right: 0;
width: 1.5rem;
height: 1.5rem
}
.modal-video .embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%
}
.modal-video .embed-container iframe,
.modal-video .embed-container object,
.modal-video .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@keyframes remodal-opening-keyframes {
from {
transform: scale(1.05);
opacity: 0
}
to {
transform: none;
opacity: 1
}
}
@keyframes remodal-closing-keyframes {
from {
transform: scale(1);
opacity: 1
}
to {
transform: scale(0.95);
opacity: 0
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1
}
to {
opacity: 0
}
}
.dd-container {
margin-bottom: 1.5rem;
width: 100%;
position: relative
}
.dd-select {
cursor: pointer;
position: relative;
background: #fff;
vertical-align: top;
height: 3rem;
border: 1px solid #dbe2e8;
padding: 0.6875rem 2.5rem 0.6875rem 1.25rem;
color: #7d97ad;
font-size: 0.875rem;
box-shadow: 5px 5px 10px 0 rgba(46, 61, 73, 0.05);
border-radius: 0.25rem;
transition: box-shadow 0.3s ease, border 0.3s ease
}
.dd-select:hover {
color: #7d97ad;
box-shadow: 0 4px 8px 0 rgba(46, 61, 73, 0.12)
}
.dd-select:hover .dd-pointer {
opacity: .6
}
.dd-select.dd-open {
border-radius: 0.25rem 0.25rem 0 0
}
.dd-select .dd-selected {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: top
}
.dd-select .dd-pointer {
opacity: .3;
height: 7px;
width: 13px;
display: block;
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
background: url(assets/icon_drop_arrow-a78c7d3f3a6f4753db86feaa092c0ed999e3b6b7fb7e178d0e0c4e0343015a4c.svg) no-repeat center;
transition: all 0.3s ease
}
.dd-selected,
.dd-option-text,
.dd-selected-text {
margin: 0;
cursor: pointer;
text-align: left;
color: #7d97ad;
font-weight: 400
}
.dd-selected:hover,
.dd-option-text:hover,
.dd-selected-text:hover {
color: #7d97ad
}
.dd-options {
border: 1px solid #dbe2e8;
border-top: none;
margin: 0;
padding: 0;
width: 100%;
display: none;
overflow: auto;
background: #fff;
position: absolute;
list-style-type: none;
z-index: 2000;
box-shadow: 5px 5px 10px 0 rgba(46, 61, 73, 0.05);
border-radius: 0 0 0.25rem 0.25rem
}
.dd-options li .dd-option {
display: block;
cursor: pointer;
color: #7d97ad;
padding: 0.6875rem 2.5rem 0.6875rem 1.25rem;
font-size: 0.875rem;
transition: all 0.3s ease
}
.dd-options li .dd-option:hover {
color: #6d8aa3;
background: #f4f6f8
}
.jspContainer {
overflow: visible;
position: relative;
outline: 0 none;
-webkit-overflow-scrolling: touch
}
.jspPane {
position: absolute
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
display: none
}
.jspHorizontalBar {
position: absolute;
left: 0;
width: 100%;
bottom: 4px;
display: none;
height: 0.25rem;
background: none;
border-radius: 1em
}
@media screen and (min-width: 30rem) {
.jspHorizontalBar {
display: block
}
}
.jspCap {
display: none
}
.jspHorizontalBar .jspCap {
float: left
}
.jspTrack {
background: rgba(46, 61, 73, 0.1);
border-radius: 1em;
position: relative
}
.jspDrag {
position: relative;
left: 0;
top: -0.1875rem;
cursor: pointer;
border-radius: 1em;
background: #02b3e4
}
.jspHorizontalBar .jspTrack {
float: left;
height: 100%
}
.jspHorizontalBar .jspDrag {
float: left;
height: 0.625rem
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d
}
.jspVerticalBar .jspArrow {
height: 16px
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%
}
.jspVerticalBar .jspArrow:focus {
outline: none
}
.jspCorner {
background: #eeeef4;
float: left;
height: 100%
}
.page-contact-us .card {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-contact-us .card {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-contact-us .card {
height: 19.5rem
}
}
.page-contact-us .card--contact {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.page-contact-us .card--contact:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-contact-us .card--contact {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-contact-us .card--contact:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-contact-us .card--contact {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%;
padding-left: 2.25rem;
padding-right: 2.25rem
}
.page-contact-us .card--contact:last-child {
margin-right: 0
}
.page-contact-us .card--contact:nth-child(2n) {
margin-right: 0
}
.page-contact-us .card--contact:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-contact-us .card--contact {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-contact-us .card--contact:last-child {
margin-right: 0
}
.page-contact-us .card--contact:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-contact-us .card--contact:nth-child(2n+1) {
clear: none
}
.page-contact-us .card--contact:nth-child(3n) {
margin-right: 0
}
.page-contact-us .card--contact:nth-child(3n+1) {
clear: left
}
}
.page-contact-us .card--contact .icon {
top: 5px;
position: relative;
margin-right: 8px
}
@media screen and (min-width: 48rem) {
.page-contact-us .card--contact .icon {
margin-right: 10px
}
}
.page-contact-us .card--contact h5 {
display: inline-block;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-contact-us .card--contact h5 {
margin-bottom: 0.75rem
}
}
.page-contact-us .card--contact .text-only {
margin: 0
}
@media screen and (min-width: 48rem) {
.page-contact-us .card--contact .text-only {
position: absolute;
bottom: 3rem;
left: 2.25rem
}
}
.page-contact-us .locations .contain {
padding-left: 0;
padding-right: 0
}
.page-contact-us .locations .map {
position: relative;
background: url(assets/icon-map-d025105a542e03b24b4f186407d2a8308344cadc91618b6eae032ff086ee3066.svg) -300px center no-repeat
}
@media screen and (min-width: 48rem) {
.page-contact-us .locations .map {
height: 22.5rem;
background-size: 850px auto;
background-position: 0 0
}
}
@media screen and (min-width: 62rem) {
.page-contact-us .locations .map {
height: 30rem;
background-size: 1180px auto;
background-position: -50px 0
}
}
@media screen and (min-width: 73.75rem) {
.page-contact-us .locations .map {
background-position: 0 0
}
}
@media screen and (min-width: 48rem) {
.page-contact-us .locations .map .marker {
width: 50px;
height: 50px;
display: block;
position: absolute
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-contact-us .locations .map .marker.hq {
left: 99px;
top: 66px
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.page-contact-us .locations .map .marker.hq {
left: 95px;
top: 96px
}
}
@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
.page-contact-us .locations .map .marker.hq {
left: 145px;
top: 96px
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-contact-us .locations .map .marker.ga {
left: 178px;
top: 80px
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.page-contact-us .locations .map .marker.ga {
left: 210px;
top: 120px
}
}
@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
.page-contact-us .locations .map .marker.ga {
left: 260px;
top: 120px
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-contact-us .locations .map .marker.in {
left: 554px;
top: 90px
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.page-contact-us .locations .map .marker.in {
left: 728px;
top: 138px
}
}
@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
.page-contact-us .locations .map .marker.in {
left: 778px;
top: 138px
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-contact-us .locations .map .marker.cn {
left: 654px;
top: 90px
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.page-contact-us .locations .map .marker.cn {
left: 870px;
top: 134px
}
}
@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
.page-contact-us .locations .map .marker.cn {
left: 920px;
top: 134px
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-contact-us .locations .map .marker.br {
left: 269px;
top: 225px
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.page-contact-us .locations .map .marker.br {
left: 335px;
top: 325px
}
}
@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
.page-contact-us .locations .map .marker.br {
left: 385px;
top: 325px
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-contact-us .locations .map .marker.de {
left: 392px;
top: 34px
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.page-contact-us .locations .map .marker.de {
left: 505px;
top: 55px
}
}
@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
.page-contact-us .locations .map .marker.de {
left: 555px;
top: 55px
}
}
@media screen and (min-width: 48rem) {
.page-contact-us .locations .map .pin {
width: 12px;
height: 12px;
position: relative;
top: 19px;
left: 19px;
border-radius: 50%;
z-index: 1000;
background: #02b3e4
}
}
.page-contact-us .locations .map .pin .address {
margin-top: 0;
margin-bottom: 4.5rem;
font-size: 0.875rem;
line-height: 1.5rem;
color: #2e3d49
}
@media screen and (min-width: 48rem) {
.page-contact-us .locations .map .pin .address {
margin-bottom: 0rem
}
}
@media screen and (min-width: 48rem) {
.page-contact-us .locations .map .pin .address {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-contact-us .locations .map .pin .address {
padding: 1.5rem;
opacity: 0;
color: #fff;
width: 240px;
position: absolute;
left: -115px;
top: -175px;
visibility: hidden;
border-radius: 0.375rem;
background-color: #02b3e4;
transition: all 0.3s ease-out
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.page-contact-us .locations .map .pin .address {
width: 288px;
left: -134px
}
}
@media screen and (min-width: 48rem) {
.page-contact-us .locations .map .pin .address:after {
content: '';
position: absolute;
left: 120px;
height: 60px;
bottom: -35px;
display: inline-block;
border-left: 2px solid #02b3e4
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.page-contact-us .locations .map .pin .address:after {
left: 139px
}
}
@media screen and (min-width: 48rem) {
.page-contact-us .locations .map .pin:focus .address,
.page-contact-us .locations .map .pin:hover .address {
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in
}
}
@media screen and (min-width: 48rem) {
.page-contact-us .locations .map .pin-effect {
top: 10px;
left: 10px;
width: 30px;
height: 30px;
opacity: 0;
display: block;
position: absolute;
border-radius: 50%;
background: rgba(2, 179, 228, 0.2);
animation: pulse 2400ms ease-out infinite
}
.page-contact-us .locations .map .pin-effect.hq {
top: 0;
left: 0;
width: 50px;
height: 50px
}
.page-contact-us .locations .map .pin-effect.ga {
animation-duration: 2000ms;
animation-delay: 0.05ms
}
.page-contact-us .locations .map .pin-effect.in {
animation-duration: 2800ms;
animation-delay: 0.15ms
}
.page-contact-us .locations .map .pin-effect.cn {
animation-duration: 3000ms;
animation-delay: 0.20ms
}
.page-contact-us .locations .map .pin-effect.br {
animation-duration: 2200ms;
animation-delay: 0.25ms
}
.page-contact-us .locations .map .pin-effect.de {
animation-duration: 2800ms;
animation-delay: 0.30ms
}
}
@keyframes pulse {
0% {
transform: scale(0.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
.page-cop .hero-bg {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: none
}
.page-cop .hero-bg::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-cop .hero-bg {
display: block;
position: absolute;
background-color: #fafbfc;
display: table;
width: 100%;
table-layout: fixed
}
}
.page-cop .hero-bg .col {
display: table-cell;
width: 100%;
height: 28.5rem
}
@media screen and (min-width: 48rem) {
.page-cop .hero-bg .col {
display: table-cell;
width: 50%
}
}
.page-cop .hero-bg .nd {
border-bottom: 4.875rem solid #02b3e4
}
.page-cop .hero-bg .nd.nd-none {
border-color: #fafbfc
}
.page-cop .hero-bg .nd000 {
background: url(assets/nd000@2x-d8127584a0cca3462e222c1bbdcba7d6d18855bc19d9736a06cfa966923e571b.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd001 {
background: url(assets/nd001@2x-3405c3d3a27d32569b4c13713910a1ccd99b608b0bab3724f3f7ed3ddba0575e.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd002 {
background: url(assets/nd002@2x-39c8e2c7b10eeb9cd650402218fff2b1485c61a2f1a1bb12b78b1ed26e2cda68.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd003 {
background: url(assets/nd003@2x-6aaff5cea20a4aa102db8ef75362b315f48c181a7c3e5735f327d53805f1d08d.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd004 {
background: url(assets/nd004@2x-6c3c03c0bad022d904863dfe54f8681c73da9b5cf4514e7d0cc4020a3cc1fc31.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd006 {
background: url(assets/nd006@2x-10a1c551ae13884bc87fa3852fdb985b588877ded0b7693d1237f400ecbdaee6.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd008 {
background: url(assets/nd008@2x-6be45cc4fac15895607c30467139cb6f03ead03f0189955dbe4e06296fda9d42.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd009 {
background: url(assets/nd009@2x-3b1d8b313224a28e6f4eda3b81bb77e941ae826c8b35063f7d664d2d0a1ac0e0.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd013 {
background: url(assets/nd013@2x-93ec71ab80b7d78b02b6d692f225c7c4eba38cdf035797216ae7e8c43ad6f8f3.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd017 {
background: url(assets/nd017@2x-0958a038dd9337175f21dbc0d400d0e94cf3ca2ddfbb47d839619385f6947a35.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd018 {
background: url(assets/nd018@2x-7add913c4515c7ac784f7fdafe780d11907bfaf5787ea649a141524bd0af6e90.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd019 {
background: url(assets/nd019@2x-367dc50b4ee510c1ffeb7a09ebb5784aa8c09a533633afe50f7f3e5b5cf22fd0.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd024 {
background: url(assets/nd024@2x-c531b5ebeb477b793dfc18c9aa7bc6a532c0299839aee71cc535329980866242.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd100 {
background: url(assets/nd100@2x.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd101 {
background: url(assets/nd101@2x-73b52d1b74cba42e0414164b3c3f0cbcebaf1665164c3bbc5723b16d30b7f414.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd113 {
background: url(assets/nd113@2x.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd114 {
background: url(assets/nd114@2x.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd209 {
background: url(assets/nd209@2x-b39fb370332671a1b03b7289becfdc986090f38f428eac2e83d0fb9ca1b0cef9.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd801 {
background: url(assets/nd801@2x-c09b3f248e888671148c6215ff70af151436d894ea4be9b24ab44b38501f736d.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd802 {
background: url(assets/nd802@2x-1a2098d89978f7394677a88cb1e91da128a42c042d8cad3152d1b886ea6b9697.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd803 {
background: url(assets/nd803@2x-af8d0ed1de46cf616562af672b07ee42959dba448e773aadf9d3a88c68e8e875.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd818 {
background: url(assets/nd818@2x-c09b3f248e888671148c6215ff70af151436d894ea4be9b24ab44b38501f736d.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero-bg .nd889 {
background: url(assets/nd889@2x-a35a2b251aafbb2181a0806d33471079f8be5af94e485aa40f32ace452f76694.jpg) right top no-repeat;
background-size: cover
}
.page-cop .hero {
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.page-cop .hero::after {
clear: both;
content: "";
display: table
}
.page-cop .hero .contain {
padding-right: 0
}
@media screen and (min-width: 48rem) {
.page-cop .hero .contain {
height: 28.5rem
}
}
.page-cop .hero__course {
padding-top: 3rem;
padding-bottom: 3rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding-top: 0;
padding-right: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-cop .hero__course {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.page-cop .hero__course:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-cop .hero__course {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-cop .hero__course:last-child {
margin-right: 0
}
}
.page-cop .hero__course--type,
.page-cop .hero__course--title,
.page-cop .hero__course--affiliate,
.page-cop .hero__course--affiliates,
.page-cop .hero__course--subtitle {
color: #2e3d49
}
.page-cop .hero__course--type {
color: #525c65;
position: relative
}
.page-cop .hero__course--title {
position: relative;
z-index: 5000
}
.page-cop .hero__course--affiliate {
margin-top: 0;
margin-bottom: 1.5rem;
position: relative;
display: inline-block;
z-index: 1000;
margin-top: -1.5rem
}
@media screen and (min-width: 48rem) {
.page-cop .hero__course--affiliate {
margin-bottom: 1.5rem
}
}
.page-cop .hero__course--icon {
height: 3rem;
margin: -0.75rem 0.25rem
}
.page-cop .hero__course--icon:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-cop .hero__course--icon {
height: 4.5rem;
margin: -1rem 0.5rem
}
}
.page-cop .hero__course--subtitle {
margin-top: 0;
margin-bottom: 1.5rem;
max-width: 100%;
position: relative;
z-index: 5000
}
@media screen and (min-width: 48rem) {
.page-cop .hero__course--subtitle {
margin-bottom: 2.25rem
}
}
.page-cop .hero__nanodegree {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-cop .hero__nanodegree:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-cop .hero__nanodegree {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 8.4745762712%
}
.page-cop .hero__nanodegree:last-child {
margin-right: 0
}
}
.page-cop .hero__nanodegree.nd000 {
background: url(assets/nd000-1659221f2d6680b9d6aa29c0d1e49d098bc0f47b6cd9bdd74bcf942e3b267c86.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd001 {
background: url(assets/nd001-41223e6c039de03b4a162b39939cd30a1029e853d2f48a21aa1c3c67c934f168.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd002 {
background: url(assets/nd002-8626501494ef704197b4484396b0cc5c0835ae3e182a33923229ca8b894f85db.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd003 {
background: url(assets/nd003-d77ea1e1bc41bd2d5f49139bf0f7bc79b48650f2bb180c3965ebbfad71390bd5.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd004 {
background: url(assets/nd004-76128198417169a0fcffcc62bbce97d639636a603e4320567ef561efd596fe2f.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd006 {
background: url(assets/nd006-1a0919b7df6ffe0ce67e29af24f42bb3422e861af92b8e79441e7ab48a05c9af.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd008 {
background: url(assets/nd008-643de6584c644c1dfd7d5574de551c0e8fce107adb1959088f4422eb10271e08.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd009 {
background: url(assets/nd009-0ce9f63efc1fd33f7993a68b3e0efecb27365a617544c1e5a0d480ccf77a4c49.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd013 {
background: url(assets/nd013-55eda25c3e39d21e442bfd3af0bae9d856edaf0852a0fab53755ee48fce7242f.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd017 {
background: url(assets/nd017-baa5830e9cacc9568febd52a3b065920ae0cc6a4dbee38faa9d6ab1434876382.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd018 {
background: url(assets/nd018-43621cc3bde738512ee8b53a95f708afa0b39eab1a4c4b31a899befc08f1a473.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd019 {
background: url(assets/nd019-a19bd9abab98e1c099be78b8132ff02e4f193a45e517c6907a77569c20aa082f.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd024 {
background: url(assets/nd024-05665f94ec82a2237aa358048a0ad59bf3a4e91347fe06d57fa1fd5a033621c2.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd100 {
background: url(assets/nd100.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd101 {
background: url(assets/nd101-5a1804e9d156bd4854bfdbb0d3fc9ead9209f454cb617742ab604267e5a7005e.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd113 {
background: url(assets/nd113.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd114 {
background: url(assets/nd114.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd209 {
background: url(assets/nd209-df4355be592762530250b9dd8426b9a502097431b221e32b59ae2e054ad01ecb.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd801 {
background: url(assets/nd801-22b08a7e43425c71dbfc346645fa60ac0ab386bcbf35f432d955e890a0818ed3.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd802 {
background: url(assets/nd802-7f5978d83dbd877e1f405e459ddf4a4c7cb1a7d64e6adba58760700372b45497.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd803 {
background: url(assets/nd803-38eaeddb57b75178fddc3090a202aea6822959a1991790b8075f5345d36aebeb.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd818 {
background: url(assets/nd818-22b08a7e43425c71dbfc346645fa60ac0ab386bcbf35f432d955e890a0818ed3.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree.nd889 {
background: url(assets/nd889-cbafada9131024127cd648a3bb5e22445b8a07e0da15370e3ff1ba3e863b0223.jpg) right center no-repeat;
background-size: cover
}
.page-cop .hero__nanodegree__contain {
height: 24rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-cop .hero__nanodegree__contain {
padding-left: 2.25rem;
padding-right: 2.25rem
}
}
.page-cop .hero__nanodegree__link {
position: relative;
display: block
}
.page-cop .hero__nanodegree__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-cop .hero__nanodegree--type,
.page-cop .hero__nanodegree--title,
.page-cop .hero__nanodegree--affiliate,
.page-cop .hero__nanodegree--subtitle {
color: #fff
}
.page-cop .hero__nanodegree--title {
font-size: 1.75rem;
line-height: 2.25rem
}
@media screen and (min-width: 62rem) {
.page-cop .hero__nanodegree--title {
font-size: 2.5rem;
line-height: 3rem
}
}
.page-cop .hero__nanodegree--type {
position: relative
}
.page-cop .hero__nanodegree--affiliate {
margin-top: 0;
margin-bottom: 1.5rem;
display: inline-block;
margin-top: -1.5rem
}
@media screen and (min-width: 48rem) {
.page-cop .hero__nanodegree--affiliate {
margin-bottom: 1.5rem
}
}
.page-cop .hero__nanodegree--affiliate .h1 {
font-size: 1.75rem;
line-height: 2.25rem;
margin: 0 0.25rem 0 0
}
@media screen and (min-width: 62rem) {
.page-cop .hero__nanodegree--affiliate .h1 {
font-size: 2.5rem;
line-height: 3rem
}
}
.page-cop .hero__nanodegree--affiliate--icon {
height: 3rem;
top: -0.25rem;
position: relative;
margin: -0.5rem 0.25rem
}
.page-cop .hero__nanodegree--affiliate--icon:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-cop .hero__nanodegree--affiliate--icon {
height: 4.5rem;
top: -0.5rem;
margin: -0.75rem 0.5rem
}
}
.page-cop .hero__nanodegree--subtitle {
max-width: 100%
}
.page-cop .hero__nanodegree .nd-rating {
padding-top: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-cop .hero__nanodegree .nd-rating {
padding-top: 1.5rem
}
}
.page-cop .hero__nanodegree__cta {
height: 4.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
background-color: #02b3e4
}
@media screen and (min-width: 48rem) {
.page-cop .hero__nanodegree__cta {
background-color: none;
padding-left: 0.75rem;
padding-right: 0.75rem
}
}
.page-cop .hero__nanodegree__cta p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff
}
.page-cop .hero__nanodegree__cta .icon__arrows--fade {
background: url(assets/icon-arrows-fade-c70e31ec96271a6dab159718cc7d939fcdc7e1c714d77c85d68339f060a00c2c.svg) 0 0 no-repeat;
padding-left: 1.875rem;
position: relative;
left: 0.625rem;
bottom: 0.125rem
}
.page-cop .information__summary {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-cop .information__summary:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-cop .information__summary {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-cop .information__summary:last-child {
margin-right: 0
}
}
.page-cop .information__summary .button--primary {
margin: 0 auto
}
@media screen and (min-width: 48rem) {
.page-cop .information__summary .button--primary {
margin: 0
}
}
.page-cop .information__details {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-cop .information__details:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-cop .information__details {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 8.4745762712%
}
.page-cop .information__details:last-child {
margin-right: 0
}
}
.page-cop .information__details .section--top,
.page-cop .information__details .section--bottom {
display: block
}
.page-cop .information__details .section--top::after,
.page-cop .information__details .section--bottom::after {
clear: both;
content: "";
display: table
}
.page-cop .information__details .section--top h6,
.page-cop .information__details .section--bottom h6 {
margin-top: 0;
margin-bottom: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-cop .information__details .section--top h6,
.page-cop .information__details .section--bottom h6 {
margin-bottom: 0.375rem
}
}
@media screen and (min-width: 30rem) {
.page-cop .information__details .section--top {
padding-top: 1.5rem;
border-bottom: 1px solid #dbe2e8;
padding-bottom: 1.5rem
}
}
.page-cop .information__details .section--top .col {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%;
padding-top: 0.75rem;
border-bottom: 1px solid #dbe2e8;
padding-bottom: 0.75rem
}
.page-cop .information__details .section--top .col:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-cop .information__details .section--top .col {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 48.275862069%;
padding: 0;
border-bottom: 0
}
.page-cop .information__details .section--top .col:last-child {
margin-right: 0
}
.page-cop .information__details .section--top .col:nth-child(2n) {
margin-right: 0
}
.page-cop .information__details .section--top .col:nth-child(2n+1) {
clear: left
}
}
.page-cop .information__details .section--top .col h5 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-cop .information__details .section--top .col h5 {
margin-bottom: 0rem
}
}
.page-cop .information__details .section--bottom {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 30rem) {
.page-cop .information__details .section--bottom {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-cop .information__details .section--bottom ul.caop svg #icon {
fill: #02b3e4
}
.page-cop .information__details .section--bottom li {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%;
height: 3rem
}
@media screen and (min-width: 48rem) {
.page-cop .information__details .section--bottom li {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-cop .information__details .section--bottom li:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-cop .information__details .section--bottom li {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 48.275862069%
}
.page-cop .information__details .section--bottom li:last-child {
margin-right: 0
}
.page-cop .information__details .section--bottom li:nth-child(2n) {
margin-right: 0
}
.page-cop .information__details .section--bottom li:nth-child(2n+1) {
clear: left
}
}
.page-cop .information__details .section--bottom li svg {
margin-right: 0.25rem
}
.page-cop .information__details .section--bottom li p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0.875rem;
line-height: 1.5rem;
margin-bottom: 0;
color: #2e3d49;
font-weight: 600
}
@media screen and (min-width: 48rem) {
.page-cop .information__details .section--bottom li p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-cop .information__details .intermediate #intermediate {
fill: #02b3e4
}
.page-cop .information__details .advanced #intermediate,
.page-cop .information__details .advanced #advanced {
fill: #02b3e4
}
.page-cop .nd-information__intro {
display: block
}
.page-cop .nd-information__intro::after {
clear: both;
content: "";
display: table
}
.page-cop .nd-information__intro p {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-cop .nd-information__intro p:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-cop .nd-information__intro p {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-cop .nd-information__intro p:last-child {
margin-right: 0
}
}
.page-cop .nd-information .col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-cop .nd-information .col:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-cop .nd-information .col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-cop .nd-information .col:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-cop .nd-information .col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
margin-left: 25.4237288136%
}
.page-cop .nd-information .col:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-cop .nd-information .col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-left: 0%;
height: 27rem
}
.page-cop .nd-information .col:last-child {
margin-right: 0
}
}
.page-cop .nd-information .card {
margin-bottom: 0;
min-height: 15rem
}
@media screen and (min-width: 62rem) {
.page-cop .nd-information .card {
min-height: 19.5rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.page-cop .nd-information .card__cop,
.page-cop .nd-information .card__ndop {
padding: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-cop .nd-information .card__cop,
.page-cop .nd-information .card__ndop {
padding: 2.25rem
}
}
.page-cop .nd-information .card__cop--title,
.page-cop .nd-information .card__ndop--title {
position: relative;
font-weight: 300
}
.page-cop .nd-information .card__cop--affiliate,
.page-cop .nd-information .card__ndop--affiliate {
font-weight: 300;
margin-top: -1.5rem
}
.page-cop .nd-information .card__cop--icon,
.page-cop .nd-information .card__ndop--icon {
height: 2.25rem;
margin: -0.75rem 0.25rem
}
@media screen and (min-width: 48rem) {
.page-cop .nd-information .card__cop--icon,
.page-cop .nd-information .card__ndop--icon {
height: 3rem;
margin: -1rem 0.25rem
}
}
.page-cop .nd-information .card__cop {
z-index: 2000
}
.page-cop .nd-information .card__ndop {
position: relative;
z-index: 5000
}
.page-cop .nd-information .card__ndop--link {
display: block
}
.page-cop .nd-information__arrow {
height: 3.75rem;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-cop .nd-information__arrow--content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.page-cop .nd-information__arrow--icon {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
top: -5.75rem;
overflow: hidden;
position: relative;
z-index: 1000
}
@media screen and (min-width: 62rem) {
.page-cop .nd-information__arrow--icon {
top: 0;
transform: rotate(0)
}
}
.page-cop .nd-information__ndop {
position: relative
}
.page-cop .lessons {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-cop .lessons {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-cop .lessons .cards_contain {
margin-top: 0;
margin-bottom: 2.25rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-cop .lessons .cards_contain {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-cop .lessons .cards_contain {
padding-left: 0;
padding-right: 0
}
}
.page-cop .lessons .more {
max-height: 45rem
}
@media screen and (min-width: 48rem) {
.page-cop .lessons .more {
max-height: 62.8125rem
}
}
@media screen and (min-width: 62rem) {
.page-cop .lessons .more {
max-height: 62.9375rem
}
}
.page-cop .lessons .more+[data-readmore-toggle] {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: center;
background-color: #f4f4ef
}
@media screen and (min-width: 48rem) {
.page-cop .lessons .more+[data-readmore-toggle] {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
}
.page-cop .syllabus__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-cop .syllabus__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-cop .syllabus__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-cop .syllabus__content:last-child {
margin-right: 0
}
}
.page-cop .course-reqs--summary {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: left
}
.page-cop .course-reqs--summary:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-cop .course-reqs--summary {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-cop .course-reqs--summary:last-child {
margin-right: 0
}
}
.page-cop .course-reqs--summary ul {
width: 90%;
text-align: left;
margin-left: auto;
margin-right: auto;
list-style-type: disc
}
@media screen and (min-width: 62rem) {
.page-cop .course-reqs--summary ul {
width: 80%
}
}
.page-cop .course-reqs--summary ul li {
font-size: 0.875rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-cop .course-reqs--summary ul li {
font-size: 1rem;
line-height: 1.75rem
}
}
.page-cop .course-why .why--summary {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-cop .course-why .why--summary:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-cop .course-why .why--summary {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-cop .course-why .why--summary:last-child {
margin-right: 0
}
}
.page-cop .course-why .why--details {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-cop .course-why .why--details:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-cop .course-why .why--details {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-left: 16.9491525424%
}
.page-cop .course-why .why--details:last-child {
margin-right: 0
}
}
.page-homepage .icon__arrow--blue {
background: url(assets/icon-arrow-right-blue-ca654cfa279e4ca83b300ace463fc1d8a5708046de3f86abcc060bf89aa14ba0.svg) 0 0 no-repeat;
width: 10px;
height: 16px;
margin-left: 4px;
background-size: 60%;
display: inline-block;
vertical-align: bottom
}
@media screen and (min-width: 48rem) {
.page-homepage .icon__arrow--blue {
width: 10px;
height: 20px;
background-size: 100%;
margin-left: 1.5rem
}
}
.page-homepage .icon__arrow--white {
background: #02b3e4 url(assets/icon-arrow-right-white-32f5426fa550ad15fd4a762d96339c733abc9a140167ae804aca9375ddc6a9b0.svg) center center no-repeat;
width: 36px;
height: 36px;
border-radius: 50%;
background-size: 22%;
display: inline-block;
vertical-align: middle;
margin-left: 0.75rem;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
transition: box-shadow 0.3s ease
}
.page-homepage .icon__arrow--white:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 48rem) {
.page-homepage .icon__arrow--white {
background-position: 25px center;
margin-left: 1.5rem;
width: 60px;
height: 60px
}
}
.page-homepage .modal-join-udacity {
text-align: center
}
.page-homepage .modal-join-udacity input {
max-width: 267px
}
.page-homepage .hero--homepage {
margin-top: 0
}
.page-homepage .hero--homepage::before {
content: '';
width: 100%;
height: 300px;
z-index: -1000;
background: linear-gradient(160deg, #02CCBA 0%, #AA7ECD 100%);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
@media screen and (min-width: 30rem) {
.page-homepage .hero--homepage::before {
content: '';
width: 100%;
height: 660px;
z-index: -1000;
background: linear-gradient(160deg, #02CCBA 0%, #AA7ECD 100%);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
}
.page-homepage .hero--homepage>.contain {
padding: 0
}
@media screen and (min-width: 62rem) {
.page-homepage .hero--homepage>.contain {
height: 30rem
}
}
.page-homepage .hero__video,
.page-homepage .hero__static {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-top: 0;
margin-bottom: 1.5rem
}
.page-homepage .hero__video:last-child,
.page-homepage .hero__static:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-homepage .hero__video,
.page-homepage .hero__static {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.page-homepage .hero__video,
.page-homepage .hero__static {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-bottom: 0
}
.page-homepage .hero__video:last-child,
.page-homepage .hero__static:last-child {
margin-right: 0
}
}
@media screen and (min-width: 30rem) {
.page-homepage .hero__video .video__nanodegree .contain,
.page-homepage .hero__video .video__arkit .contain,
.page-homepage .hero__static .video__nanodegree .contain,
.page-homepage .hero__static .video__arkit .contain {
height: 27rem
}
}
@media screen and (min-width: 48rem) {
.page-homepage .hero__video .video__nanodegree .contain,
.page-homepage .hero__video .video__arkit .contain,
.page-homepage .hero__static .video__nanodegree .contain,
.page-homepage .hero__static .video__arkit .contain {
height: 33rem
}
}
@media screen and (min-width: 62rem) {
.page-homepage .hero__video .video__nanodegree .contain,
.page-homepage .hero__video .video__arkit .contain,
.page-homepage .hero__static .video__nanodegree .contain,
.page-homepage .hero__static .video__arkit .contain {
border-bottom-right-radius: 0.375rem;
border-top-right-radius: 0.375rem;
height: 30rem
}
}
@media screen and (min-width: 62rem) {
.page-homepage .hero__video .video__nanodegree--bg,
.page-homepage .hero__video .video__nanodegree--overlay,
.page-homepage .hero__video .video__arkit--bg,
.page-homepage .hero__video .video__arkit--overlay,
.page-homepage .hero__static .video__nanodegree--bg,
.page-homepage .hero__static .video__nanodegree--overlay,
.page-homepage .hero__static .video__arkit--bg,
.page-homepage .hero__static .video__arkit--overlay {
border-bottom-right-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
}
.page-homepage .hero__video .video__arkit .contain,
.page-homepage .hero__static .video__arkit .contain {
padding: 0;
width: 100%;
background: url(assets/video-bg-nd114-721e7eeee566deb14bb38e4ae0a81552ffb5b979e9b71e36825216006fb4f53c.jpg) center center no-repeat;
background-size: cover
}
@media screen and (min-width: 30rem) {
.page-homepage .hero__video .video__arkit .contain,
.page-homepage .hero__static .video__arkit .contain {
position: relative;
background-image: none;
background-color: #000
}
}
@media screen and (min-width: 73.75rem) {
.page-homepage .hero__video .video__arkit .contain,
.page-homepage .hero__static .video__arkit .contain {
border-radius: 0.375rem
}
}
.page-homepage .hero__video .video__arkit--bg,
.page-homepage .hero__static .video__arkit--bg {
height: 30rem;
display: none
}
@media screen and (min-width: 30rem) {
.page-homepage .hero__video .video__arkit--bg,
.page-homepage .hero__static .video__arkit--bg {
height: 100%;
width: 100%;
display: block;
overflow: hidden;
position: relative;
z-index: 6000;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.4)
}
}
@media screen and (min-width: 73.75rem) {
.page-homepage .hero__video .video__arkit--bg,
.page-homepage .hero__static .video__arkit--bg {
border-radius: 0.375rem
}
}
.page-homepage .hero__video .video__arkit--overlay,
.page-homepage .hero__static .video__arkit--overlay {
height: 30rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: block
}
@media screen and (min-width: 30rem) {
.page-homepage .hero__video .video__arkit--overlay,
.page-homepage .hero__static .video__arkit--overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 7000
}
}
@media screen and (min-width: 73.75rem) {
.page-homepage .hero__video .video__arkit--overlay,
.page-homepage .hero__static .video__arkit--overlay {
padding-left: 3.75rem;
padding-right: 3.75rem
}
}
.page-homepage .hero__video .video__arkit--content,
.page-homepage .hero__static .video__arkit--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
text-align: center
}
.page-homepage .hero__video .video__arkit--content:last-child,
.page-homepage .hero__static .video__arkit--content:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-homepage .talks-livestream .expander {
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
margin-bottom: 1.5rem
}
}
.page-homepage .partners .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-homepage .partners .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-homepage .nd-hub-link {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: block;
text-align: center;
margin: 0 auto
}
@media screen and (min-width: 48rem) {
.page-homepage .nd-hub-link {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-homepage .nd-hub-link .h4 {
font-size: 1.125rem;
line-height: 2rem;
margin-bottom: 0;
border-bottom: none;
color: #02b3e4
}
@media screen and (min-width: 48rem) {
.page-homepage .nd-hub-link .h4 {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-homepage .nd-hub-link .h4:hover {
color: #028bb1
}
@media screen and (min-width: 62rem) {
.page-homepage .nd-hub-link .h4 {
float: right
}
}
.page-homepage .classroom .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-homepage .classroom .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-homepage .classroom__intro {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-homepage .classroom__intro:last-child {
margin-right: 0
}
}
.page-homepage .classroom .icon {
width: 5rem;
margin: 0 auto;
height: 5rem;
border-radius: 50%;
background-color: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 48rem) {
.page-homepage .classroom .icon {
margin: 0
}
}
.page-homepage .classroom .icon img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-homepage .classroom .features {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-homepage .classroom .features:last-child {
margin-right: 0
}
@media screen and (min-width: 73.75rem) {
.page-homepage .classroom .features {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-homepage .classroom .features:last-child {
margin-right: 0
}
}
.page-homepage .classroom .features__column {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-homepage .classroom .features__column {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.page-homepage .classroom .features__column p {
margin-left: auto;
margin-right: auto;
max-width: 25rem
}
@media screen and (min-width: 48rem) {
.page-homepage .classroom .features__column p {
margin-left: 0
}
}
@media screen and (min-width: 48rem) {
.page-homepage .classroom .features__column {
height: 30rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-homepage .classroom .features__column:last-child {
margin-right: 0
}
.page-homepage .classroom .features__column:nth-child(2n) {
margin-right: 0
}
.page-homepage .classroom .features__column:nth-child(2n+1) {
clear: left
}
.page-homepage .classroom .features__column:nth-child(-n+2) {
height: 27rem
}
.page-homepage .classroom .features__column:nth-last-child(-n+2) {
height: 25.5rem
}
}
@media screen and (min-width: 48rem) {
.page-homepage .classroom .features__column.ltr {
float: right;
padding-left: 1.5rem
}
}
.page-homepage .classroom .features__column--content {
text-align: center;
position: relative
}
@media screen and (min-width: 48rem) {
.page-homepage .classroom .features__column--content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left
}
}
@media screen and (min-width: 73.75rem) {
.page-homepage .classroom .features--module1 {
position: relative
}
.page-homepage .classroom .features--module1 img {
position: relative;
left: 100px;
top: 0;
height: 328px;
width: 100%
}
.page-homepage .classroom .features--module1::after {
background: url(assets/thumb-competitive-skills-fg-70bbe3c96c7c56f654e96ee86887b77be3ffbbdb412f6727d542c38832c66632.jpg) center center no-repeat;
content: '';
position: absolute;
top: 161px;
left: 0;
height: 253px;
width: 380px;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.page-homepage .classroom .features--module2 {
position: relative
}
.page-homepage .classroom .features--module2 img {
position: relative;
right: 100px;
top: 0;
height: 236px;
width: 353px
}
.page-homepage .classroom .features--module2::after {
background: url(assets/thumb-get-hired-fg-496276abfd1695ed2b22e43341e8dca69f070ee830ff4c450bbdf16798eac1d3.jpg) center center no-repeat;
content: '';
position: absolute;
top: 161px;
right: 100px;
height: 161px;
width: 380px;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.page-homepage .classroom .features--module3 {
position: relative
}
.page-homepage .classroom .features--module3 img {
position: relative;
left: 100px;
top: 0;
height: 330px;
width: 512px
}
.page-homepage .classroom .features--module3::after {
background: url(assets/thumb-impact-fg-aafc159e755f5638f77e42cbe561930030c3b28752ce0fc2de52f53918068ca9.jpg) center center no-repeat;
content: '';
position: absolute;
top: 168px;
left: 0;
height: 209px;
width: 325px;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
}
.page-homepage .programs {
position: relative
}
.page-homepage .programs .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-homepage .programs .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-homepage .programs .contain::before {
content: '';
width: 2000px;
height: #fafbfc;
z-index: -1000;
background: left bottom;
transform-origin: top left;
position: absolute;
top: 0;
left: 0;
-webkit-transform: 100%;
-moz-transform: 100%;
-ms-transform: 100%;
-o-transform: 100%;
transform: 100%
}
@media screen and (min-width: 48rem) {
.page-homepage .programs__cards {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-homepage .programs__cards:last-child {
margin-right: 0
}
}
.page-homepage .programs__cards--content {
margin-top: 0;
margin-bottom: 1.5rem;
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-homepage .programs__cards--content {
margin-bottom: 0rem
}
}
@media screen and (min-width: 62rem) {
.page-homepage .programs__cards--content {
padding-top: 0rem;
padding-bottom: 0rem
}
}
@media screen and (min-width: 62rem) {
.page-homepage .programs__cards--content {
height: 12rem
}
}
.page-homepage .programs__cards--content .left,
.page-homepage .programs__cards--content .right {
text-align: center
}
@media screen and (min-width: 62rem) {
.page-homepage .programs__cards--content .left,
.page-homepage .programs__cards--content .right {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: left
}
}
@media screen and (min-width: 62rem) {
.page-homepage .programs__cards--content .left {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-homepage .programs__cards--content .left:last-child {
margin-right: 0
}
}
.page-homepage .programs__cards--content .right {
padding: 0 26px
}
@media screen and (min-width: 62rem) {
.page-homepage .programs__cards--content .right {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%;
max-width: 22.625rem;
padding: 0
}
.page-homepage .programs__cards--content .right:last-child {
margin-right: 0
}
}
.page-jobs .arrow-slider-block .flex-viewport {
overflow: visible !important
}
.page-jobs .arrow-slider-block .slides {
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.page-jobs .arrow-slider-block .slides li {
background-color: #2e3d49
}
.page-jobs .arrow-slider-block .slides li img {
opacity: 0.25;
display: block;
transition: opacity 0.3s ease
}
.page-jobs .arrow-slider-block .slides li.flex-active-slide img {
opacity: 1
}
.page-jobs .arrow-slider-block .flex-nav-prev a {
background-image: url(assets/icon-flexslider-left-white-3847af48a256eb4fb3f31dd4a42829fb0c03ccaf85a244e549e82350f9351236.svg) !important
}
.page-jobs .arrow-slider-block .flex-nav-next a {
background-image: url(assets/icon-flexslider-right-white-833e4b0abfcb9024c62082bb538b13e0e562bf07adcf2b80e98ec37145c642c0.svg) !important
}
.page-jobs .jobs {
position: relative
}
.page-jobs .jobs .contain {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs .contain {
background-image: none
}
.page-jobs .jobs .contain::before {
content: '';
width: 100%;
height: 1500px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
}
@media screen and (min-width: 30rem) {
.page-jobs .jobs__filter {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-jobs .jobs__filter:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__filter {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-left: 0%
}
.page-jobs .jobs__filter:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-jobs .jobs__filter {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-jobs .jobs__filter:last-child {
margin-right: 0
}
}
.page-jobs .jobs__filter .button--team {
text-align: left;
text-indent: 10px
}
@media screen and (min-width: 62rem) {
.page-jobs .jobs__filter .button--team {
text-indent: 5px
}
}
@media screen and (min-width: 73.75rem) {
.page-jobs .jobs__filter .button--team {
text-indent: 10px
}
}
.page-jobs .jobs__filter .button--team.active {
outline: none;
color: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
background-color: #02b3e4;
border: 0.125rem solid transparent;
border-right: 0.125rem solid #02ccba;
border-left: 0.125rem solid #02b3e4;
background-image: linear-gradient(to right, #02b3e4 0%, #02ccba 100%)
}
.page-jobs .jobs__filter .button--team:hover {
background-color: rgba(2, 179, 228, 0.15)
}
@media screen and (min-width: 30rem) {
.page-jobs .jobs__list {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-jobs .jobs__list:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__list {
margin-left: 0%
}
}
@media screen and (min-width: 62rem) {
.page-jobs .jobs__list {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%
}
.page-jobs .jobs__list:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-jobs .jobs__list {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 8.4745762712%
}
.page-jobs .jobs__list:last-child {
margin-right: 0
}
}
.page-jobs .jobs__list .card {
padding: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__list .card {
padding: 2.25rem 3rem
}
}
.page-jobs .jobs__list--note {
display: none
}
.page-jobs .jobs__list--team.card {
display: none
}
.page-jobs .jobs__list--team.card h4 {
margin-top: 0;
margin-bottom: 0.75rem;
display: inline-block;
font-weight: 400
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__list--team.card h4 {
margin-bottom: 1.5rem
}
}
.page-jobs .jobs__list--team.card h6 {
margin-top: 0;
margin-bottom: 0.75rem;
display: block
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__list--team.card h6 {
margin-bottom: 0rem
}
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__list--team.card h6 {
display: inline-block;
float: right;
line-height: 36px
}
}
.page-jobs .jobs__list--team.card h6.plural::after {
content: 's'
}
.page-jobs .jobs__list--team.card p {
margin-bottom: 0;
display: none
}
.page-jobs .jobs__list .job.card {
display: block;
padding-right: 3rem;
background: #fff url(assets/icon-arrow-right-500bbf1c64e5330c92fbcf3acacd2b240445fd8b0f6891e17c9fbf3ba1d249ca.svg) 94% center no-repeat
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__list .job.card {
padding-right: 6rem
}
}
.page-jobs .jobs__list .job.card:hover {
background-position: 95%
}
.page-jobs .jobs__list .job.card:last-child {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__list .job.card:last-child {
margin-bottom: 1.5rem
}
}
.page-jobs .jobs__list .job__title {
font-size: 1rem;
line-height: 1.75rem;
color: #2e3d49;
margin-bottom: 0
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__list .job__title {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-jobs .jobs__list .job__location {
font-size: 0.8125rem;
line-height: 1.5rem;
margin-bottom: 0;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.page-jobs .jobs__list .job__location {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-jobs #teams-dd-placeholder {
display: none
}
}
@media screen and (min-width: 30rem) {
.page-jobs .office .contain {
display: flex;
justify-content: space-between
}
}
@media screen and (min-width: 48rem) {
.page-jobs .office .contain {
padding-top: 0
}
}
@media screen and (min-width: 30rem) {
.page-jobs .office__col {
flex-shrink: 0;
flex-basis: 50%;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between
}
.page-jobs .office__col:first-child {
margin-right: 1.5rem
}
.page-jobs .office__col:last-child {
padding-right: 1.5rem
}
}
.page-jobs .office img {
vertical-align: bottom;
margin-bottom: 0.75rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 30rem) {
.page-jobs .office img {
flex-shrink: 0;
margin-bottom: 0
}
}
.page-jobs .benefits h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-jobs .benefits h2 {
margin-bottom: 3rem
}
}
.page-jobs .benefits__col {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-jobs .benefits__col {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-jobs .benefits__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%
}
.page-jobs .benefits__col:last-child {
margin-right: 0
}
.page-jobs .benefits__col:nth-child(2n) {
margin-right: 0
}
.page-jobs .benefits__col:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-jobs .benefits__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-jobs .benefits__col:last-child {
margin-right: 0
}
.page-jobs .benefits__col:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-jobs .benefits__col:nth-child(2n+1) {
clear: none
}
.page-jobs .benefits__col:nth-child(3n) {
margin-right: 0
}
.page-jobs .benefits__col:nth-child(3n+1) {
clear: left
}
}
.page-jobs .benefits__col p {
margin: 0 0.75rem 0.75rem
}
@media screen and (min-width: 48rem) {
.page-jobs .benefits__col p {
margin: 0 3rem
}
}
.page-jobs .benefits__icon {
height: 3.75rem;
margin-top: 0;
margin-bottom: 0.75rem;
position: relative;
border-radius: 50%;
background-color: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 48rem) {
.page-jobs .benefits__icon {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-jobs .diversity__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-jobs .diversity__col:last-child {
margin-right: 0
}
}
.page-jobs .diversity__col p {
margin-bottom: 3.75rem
}
@media screen and (min-width: 48rem) {
.page-jobs .diversity__col p {
margin-right: 20px;
margin-bottom: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-jobs .diversity__col p {
margin-right: 100px
}
}
.page-jobs .diversity img {
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
vertical-align: bottom
}
.page-jobs .diversity__image {
margin: 0 auto;
display: block;
max-width: 480px;
max-height: 336px;
position: relative
}
.page-jobs .diversity__image::after {
content: '';
top: -9px;
left: 10px;
width: 100%;
height: 100%;
display: block;
position: absolute;
z-index: -1000;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
background-image: linear-gradient(45deg, #02CCBA 0%, #02B3E4 100%)
}
@media screen and (min-width: 48rem) {
.page-jobs .diversity__image::after {
left: 40px;
top: -36px
}
}
.page-mobile .hero .contain {
padding-bottom: 0
}
.page-mobile .hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding-top: 3rem;
padding-bottom: 3rem
}
.page-mobile .hero__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-mobile .hero__content {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.page-mobile .hero__content--buttons {
text-align: center
}
@media screen and (min-width: 48rem) {
.page-mobile .hero__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-mobile .hero__content:last-child {
margin-right: 0
}
}
.page-mobile .hero__phone {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 15rem;
overflow: hidden;
text-align: center
}
.page-mobile .hero__phone:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-mobile .hero__phone {
height: 100%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-mobile .hero__phone:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-mobile .hero__phone--image {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.page-mobile .works .col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-mobile .works .col:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-mobile .works .col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-mobile .works .col:last-child {
margin-right: 0
}
}
.page-mobile .works p {
padding: 0 1rem
}
.page-mobile .quotes .fade::after {
height: 8.5em
}
@media screen and (min-width: 48rem) {
.page-mobile .quotes .fade::after {
height: 10.5em
}
}
.page-mobile .quotes__name {
font-size: 1rem;
line-height: 1.75rem;
font-weight: 600;
width: 6.25rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
@media screen and (min-width: 48rem) {
.page-mobile .quotes__name {
font-size: 1rem;
line-height: 1.75rem
}
}
@media screen and (min-width: 48rem) {
.page-mobile .quotes__name {
width: 12.5rem
}
}
.page-mobile .quotes__icon {
top: 2.125rem;
right: 1.875rem;
position: absolute
}
@media screen and (min-width: 48rem) {
.page-mobile .quotes__icon {
top: 2.75rem;
right: 2.5rem
}
}
.page-mobile .quotes__source {
z-index: 1000;
left: 1.875rem;
bottom: 1.875rem;
position: absolute
}
@media screen and (min-width: 48rem) {
.page-mobile .quotes__source {
left: 2.5rem;
bottom: 2.5rem
}
}
.page-mobile .quotes__modal__name {
width: 6.25rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@media screen and (min-width: 30rem) {
.page-mobile .quotes__modal__name {
width: 12.5rem
}
}
.page-mobile .quotes__modal__icon {
position: absolute;
top: 2.8125rem;
right: 3.125rem
}
.page-mobile .quotes__modal__source {
margin-bottom: 0
}
.page-mobile .nd-affiliates {
text-align: center
}
.page-mobile .nd-affiliates .affiliates {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.page-mobile .nd-affiliates .affiliates--icon {
margin: 0 0.75rem;
height: 3rem
}
@media screen and (min-width: 48rem) {
.page-mobile .nd-affiliates .affiliates--icon {
margin: 0 1.5rem;
height: 4.5rem
}
}
.page-mobile .hero .button,
.page-mobile .ctas .button {
margin: 0 auto 0.75rem
}
@media screen and (min-width: 48rem) {
.page-mobile .hero .button,
.page-mobile .ctas .button {
margin: 0 0.75rem 0.75rem 0
}
}
.page-mobile .hero .button--icon,
.page-mobile .ctas .button--icon {
vertical-align: text-bottom;
margin: 0 0.4375rem 0 -0.4375rem
}
.page-ndhub .intro .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndhub .intro .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-ndhub .intro .contain::before {
content: '';
width: 100%;
height: 660px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
@media screen and (min-width: 48rem) {
.page-ndhub .intro .contain::before {
content: '';
width: 100%;
height: 1000px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
}
.page-ndhub .intro__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center
}
.page-ndhub .intro__content:last-child {
margin-right: 0
}
.page-ndhub .intro__content p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndhub .intro__content p {
margin-bottom: 3rem
}
}
.page-ndhub .intro__partners {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndhub .intro__partners:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndhub .intro__partners .affiliates__image {
height: 54px;
margin: 0 6px
}
}
.page-ndhub .learning {
position: relative;
z-index: 1000
}
.page-ndhub .learning .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ndhub .learning .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-ndhub .learning h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndhub .learning h2 {
margin-bottom: 3rem
}
}
.page-ndhub .learning__column {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-top: 0;
margin-bottom: 3rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.page-ndhub .learning__column:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndhub .learning__column {
margin-bottom: 0rem
}
}
.page-ndhub .learning__column:last-of-type {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndhub .learning__column:last-of-type {
margin-bottom: 0rem
}
}
@media screen and (min-width: 30rem) {
.page-ndhub .learning__column {
padding-left: 3.75rem;
padding-right: 3.75rem
}
}
@media screen and (min-width: 48rem) {
.page-ndhub .learning__column {
padding-left: 1.5rem;
padding-right: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndhub .learning__column:last-child {
margin-right: 0
}
}
.page-ndhub .learning .icon {
height: 3.75rem;
background-color: #fff;
width: 3.75rem;
margin: 0 auto;
border-radius: 50%;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15)
}
@media screen and (min-width: 30rem) {
.page-ndhub .learning .icon {
height: 5.25rem;
width: 5.25rem
}
}
.page-ndhub .learning .icon img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 1.125rem
}
@media screen and (min-width: 30rem) {
.page-ndhub .learning .icon img {
height: 1.5rem
}
}
.page-ndhub .learning .icon #uconnect {
height: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-ndhub .learning .icon #uconnect {
height: 2rem
}
}
.page-ndhub .graduate-cards.card_scroller .scroll_pane {
padding-top: 3rem;
padding-bottom: 3rem;
height: 21rem;
white-space: nowrap
}
@media screen and (min-width: 48rem) {
.page-ndhub .graduate-cards.card_scroller .scroll_pane {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.page-ndhub .graduate-cards.card_scroller .scroll_pane {
height: 33rem
}
}
.page-ndhub .graduate-cards .student {
height: 17.25rem;
width: 17.5rem;
position: relative;
text-align: center;
display: inline-block;
background-color: #fff;
margin: 0 1.25rem 3rem 0;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
border-radius: 0.375rem
}
.page-ndhub .graduate-cards .student:nth-child(5n+1) {
border-top: 3px solid #02b3e4
}
.page-ndhub .graduate-cards .student:nth-child(5n+2) {
border-top: 3px solid #02ccba
}
@media screen and (min-width: 48rem) {
.page-ndhub .graduate-cards .student:nth-child(5n+2) {
top: 10.5rem
}
}
.page-ndhub .graduate-cards .student:nth-child(5n+3) {
border-top: 3px solid #a951ed
}
@media screen and (min-width: 48rem) {
.page-ndhub .graduate-cards .student:nth-child(5n+3) {
top: 5.25rem
}
}
.page-ndhub .graduate-cards .student:nth-child(5n+4) {
border-top: 3px solid #ffae0c
}
@media screen and (min-width: 48rem) {
.page-ndhub .graduate-cards .student:nth-child(5n+4) {
top: 10.5rem
}
}
.page-ndhub .graduate-cards .student:nth-child(5n+5) {
border-top: 3px solid #ff5483
}
@media screen and (min-width: 48rem) {
.page-ndhub .graduate-cards .student:nth-child(5n+5) {
top: 5.25rem
}
}
.page-ndhub .graduate-cards .student:last-child {
margin: 0
}
.page-ndhub .graduate-cards .student__image {
top: -0.9375rem;
display: block;
position: relative;
border-radius: 50%;
margin: 0 auto 1rem;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15)
}
.page-ndhub .graduate-cards .student__name {
margin-top: 0;
margin-bottom: 0.375rem;
color: #2e3d49
}
@media screen and (min-width: 48rem) {
.page-ndhub .graduate-cards .student__name {
margin-bottom: 0.75rem
}
}
.page-ndhub .graduate-cards .student__affiliation {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndhub .graduate-cards .student__affiliation {
margin-bottom: 0rem
}
}
.page-ndhub .graduate-cards .student__affiliation__image {
height: 4.125rem;
margin: -0.5rem 0
}
.page-ndhub .other-features {
overflow-x: hidden;
overflow-y: visible;
position: relative
}
.page-ndhub .other-features .video__featured::before {
content: '';
width: 100%;
height: 2100px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndhub .faq {
position: relative
}
.page-ndplus .hero {
background-image: url(assets/hero-ndplus-729bd2f5af57d89764fc82980b941aad1368dbfd160168423cb227458f5df1fd.jpg);
background-position: top center
}
.page-ndplus .why-ndplus {
text-align: center
}
.page-ndplus .why-ndplus__icon {
height: 7.5rem;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndplus .why-ndplus__icon {
margin-bottom: 1.5rem
}
}
.page-ndplus .why-ndplus__benefits li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndplus .why-ndplus__benefits li:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-ndplus .why-ndplus__benefits li {
padding: 0 3.75rem
}
}
@media screen and (min-width: 48rem) {
.page-ndplus .why-ndplus__benefits li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
padding: 0 1.5rem
}
.page-ndplus .why-ndplus__benefits li:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndplus .why-ndplus__benefits li {
padding: 0 3rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndplus .why-ndplus__benefits li {
padding: 0 3.75rem
}
}
.page-ndplus .partners .logos {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap
}
.page-ndplus .partners .logos__image {
margin: 0 0.75rem;
height: 3rem
}
@media screen and (min-width: 48rem) {
.page-ndplus .partners .logos__image {
height: 4.5rem;
margin: 0 1.5rem
}
}
.page-press .hero {
background-color: #02b3e4
}
.page-press .hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-press .hero__content:last-child {
margin-right: 0
}
.page-press .hero__content--featured {
background: #02ccba;
padding: 0 .5em;
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-press .hero__content--featured {
font-size: 0.75rem;
line-height: 1.5rem
}
}
.page-press .hero__content p {
margin-left: 0
}
@media screen and (min-width: 48rem) {
.page-press .hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-press .hero__content:last-child {
margin-right: 0
}
}
.page-press .hero__image {
display: none
}
@media screen and (min-width: 48rem) {
.page-press .hero__image {
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-press .hero__image:last-child {
margin-right: 0
}
}
.page-press .contact .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-press .contact .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-press .news__years {
border-bottom: 1px solid #bcc9d4
}
.page-press .news__years--item {
cursor: pointer;
margin-right: 1.5em
}
@media screen and (min-width: 30rem) {
.page-press .news__years--item {
margin-right: 2em
}
}
.page-press .news__years--item:last-of-type {
margin-right: 0em
}
.page-press .news__years .active {
border-bottom: 4px solid #02b3e4
}
.page-press .news__years .active p {
color: #525c65
}
.page-press .announcements .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-press .announcements .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.page-press .announcements__years {
border-bottom: 1px solid #bcc9d4
}
.page-press .announcements__years--item {
cursor: pointer;
margin-right: 1.5em
}
@media screen and (min-width: 30rem) {
.page-press .announcements__years--item {
margin-right: 2em
}
}
.page-press .announcements__years--item:last-of-type {
margin-right: 0em
}
.page-press .announcements__years .active {
border-bottom: 4px solid #02b3e4
}
.page-press .announcements__years .active p {
color: #525c65
}
.page-press #news_2015,
.page-press #news_2014,
.page-press #news_2013,
.page-press #news_2012,
.page-press #announcements_2015,
.page-press #announcements_2014,
.page-press #announcements_2013,
.page-press #announcements_2012 {
display: none
}
.page-regulatory-information .regulatory-info__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-regulatory-information .regulatory-info__content:last-child {
margin-right: 0
}
.page-regulatory-information .regulatory-info__content p {
font-size: 0.8125rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-regulatory-information .regulatory-info__content p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-regulatory-information .regulatory-info__content ul li p {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-regulatory-information .regulatory-info__content ul li p {
margin-bottom: 0rem
}
}
.nd_intro .contain {
position: relative;
padding: 3.5em 1.5em 0
}
.nd_intro .outer_contain.conversion {
margin-top: 0
}
.nd_intro .outer_contain.conversion .contain {
padding: 3.5em 1.5em
}
.nd_intro .outer_contain {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: -5em;
background: #fafbfc
}
.nd_intro .outer_contain::after {
clear: both;
content: "";
display: table
}
.nd_intro .outer_contain .contain {
padding: 8.25em 1.5em 3.5em
}
.nd_intro .nd_heading {
text-align: center
}
.nd_intro .nd_heading .by-google-wrapper {
padding-left: 25px
}
@media (min-width: 40em) {
.nd_intro .nd_heading .by-google-wrapper {
padding-left: 0
}
}
.nd_intro .nd_heading .by-google-wrapper .by-google-title-2 {
display: inline-block
}
.nd_intro .nd_heading .by-google-wrapper .nd_created_google {
position: relative;
display: inline-block;
height: 0px;
min-width: 140px
}
.nd_intro .nd_heading .by-google-wrapper .nd_created_google .affiliate_icon_google {
height: 70px;
position: absolute;
top: -45px;
left: 3px
}
@media screen and (min-width: 48rem) {
.nd_intro .nd_heading .by-google-wrapper .nd_created_google .affiliate_icon_google {
height: 94px;
top: -60px
}
}
.nd_intro .nd_info {
margin: 0 auto;
max-width: 38.75em
}
.nd_intro .nd_info .left_col,
.nd_intro .nd_info .right_col {
margin-bottom: 1.875em
}
.nd_intro .nd_info .btn_label {
text-align: center;
display: block;
color: #7d97ad;
font-size: 0.75em
}
.nd_intro .nd_info .button--primary,
.nd_intro .nd_info .button--secondary {
margin: 0 auto 1em
}
@media (min-width: 40em) {
.nd_intro .nd_info .button--primary,
.nd_intro .nd_info .button--secondary {
margin: 0 0 1em
}
}
.nd_intro .nd_info h6 {
margin-top: 0;
margin-bottom: 0.75rem;
position: relative;
display: inline-block
}
@media screen and (min-width: 48rem) {
.nd_intro .nd_info h6 {
margin-bottom: 0.75rem
}
}
.nd_intro .nd_info .nd_stats {
clear: both;
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: nowrap;
flex-direction: column
}
@media (min-width: 35em) {
.nd_intro .nd_info .nd_stats {
flex-direction: row;
flex-wrap: wrap
}
}
.nd_intro .nd_info .nd_stats>li {
flex-grow: 1;
margin-bottom: 1em
}
@media (min-width: 35em) {
.nd_intro .nd_info .nd_stats>li {
margin-bottom: 1.5em;
width: 33%
}
}
.nd_intro .nd_info .nd_stats>li:first-child p {
margin: 0
}
.nd_intro .nd_info h5 {
margin: 0;
text-transform: uppercase
}
.nd_intro .nd_info .tooltip {
display: inline-block;
left: 0;
position: relative;
letter-spacing: 0;
font-weight: 400;
text-transform: none
}
.nd_intro .nd_info .tooltip .nd-level {
text-transform: capitalize
}
.nd_intro .nd_info .start {
text-align: left;
font-style: italic;
color: #2e3d49;
font-size: 1.25em;
font-weight: 400;
margin: 0
}
.nd_intro .nd_info .disclaimer {
text-align: center;
font-size: .75em
}
.nd_intro .nd_info .enroll_btn {
padding: 2em 0;
text-align: center
}
.nd_intro .nd_info .skill_level {
list-style-type: none;
display: block;
overflow: hidden;
margin: 0;
padding: .3em 0 0
}
.nd_intro .nd_info .skill_level li {
float: left;
width: 1.375em;
margin: 0 0 2em
}
.nd_intro .nd_info .skill_level li span {
text-indent: -999em;
display: block;
width: 1em;
height: 1em;
border: 2px solid #2e3d49;
border-radius: 1em
}
.nd_intro .nd_info .skill_level.skill_one li:first-child span {
background: #2e3d49
}
.nd_intro .nd_info .skill_level.skill_two li:first-child span {
background: #2e3d49
}
.nd_intro .nd_info .skill_level.skill_two li:nth-child(2) span {
background: #2e3d49
}
.nd_intro .nd_info .skill_level.skill_three li span {
background: #2e3d49
}
.nd_intro .nd_info .nd_created .affiliates {
display: flex;
flex-wrap: wrap
}
@media screen and (min-width: 48rem) {
.nd_intro .nd_info .nd_created .affiliates {
flex-direction: row
}
}
.nd_intro .nd_info .nd_created .affiliates--icon {
height: 70px;
margin: 0 1.5rem 0 0
}
.nd_intro .nd_info .credit_callout {
position: relative;
width: 100%;
max-width: 100%;
margin: 0;
padding: 2.125em 2.125em 2.125em 8.5em
}
.nd_intro .nd_info .credit_callout p {
font-size: 1.125em;
color: #2e3d49;
margin: 0
}
.nd_intro .nd_info .credit_callout::before {
content: "";
position: absolute;
top: 50%;
left: 2.125em;
width: 4.375em;
height: 4.375em;
background: url(../images/icons/credit.min.svg) no-repeat center;
background-size: contain;
transform: translateY(-50%)
}
@media (min-width: 40em) {
.nd_intro .outer_contain {
margin-top: -14em
}
.nd_intro .outer_contain .contain {
padding: 14em 0 3.5em
}
.nd_intro .nd_info .btn_wrapper {
float: left;
margin: 0 1.5em 0 0
}
.nd_intro .nd_info .button--primary,
.nd_intro .nd_info .button--secondary {
margin-bottom: 0.75em
}
.nd_intro .nd_info h5 {
text-align: left
}
.nd_intro .nd_info .disclaimer {
float: left;
width: 70%;
margin-top: -.125em;
text-align: left
}
.nd_intro .nd_info .nd_stats {
display: flex;
flex-wrap: nowrap
}
.nd_intro .nd_info .nd_stats>li {
flex-grow: 1
}
.nd_intro .nd_info .nd_stats>li:last-child {
margin-right: 0
}
}
@media (min-width: 71.25em) {
.nd_intro .nd_info {
max-width: 100%
}
.nd_intro .nd_info .left_col {
float: left;
width: 45%;
margin-right: 10%
}
.nd_intro .nd_info .right_col {
float: left;
width: 45%
}
.nd_intro .nd_info .both_col {
clear: both
}
.nd_intro .nd_info #paysaWidgetWrapper {
margin-top: 1.875em
}
.nd_intro .nd_info .nd_stats>li {
margin-bottom: 0
}
}
.bulk-payment-callout {
clear: both;
display: block;
max-width: 34em;
text-align: left;
background: #fff;
padding: 16px 20px;
border-radius: 0.375rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 48rem) {
.bulk-payment-callout {
margin-top: 2.75rem
}
}
.bulk-payment-callout #employer-sponsored {
cursor: pointer
}
.bulk-payment-callout img {
margin-right: 10px;
vertical-align: middle
}
.bulk-payment-callout p {
font-size: 0.8125em;
color: #7d97ad;
display: inline
}
.nanodegree_details {
max-width: 100%;
margin-left: auto;
margin-right: auto;
background: #f4f4ef
}
.nanodegree_details::after {
clear: both;
content: "";
display: table
}
.nanodegree_details .scroll_pane {
height: 28em
}
@media (min-width: 35em) {
.nanodegree_details .scroll_pane {
height: 32em
}
}
.hiring-partners {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.hiring-partners::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 73.75rem) {
.hiring-partners .contain {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.hiring-partners .contain:last-child {
margin-right: 0
}
}
.hiring-partners--logo {
margin: 0 2.5rem
}
.success_story_block .outer_contain {
max-width: 100%;
margin-left: auto;
margin-right: auto;
background: url(assets/Kelly-Marchisio_centered_2310x1230-0031f595ade23b66c75b0e29f32813b17b2052ee51829bbe30822cbd11804a2e.jpg) top right no-repeat;
background-position: -50em;
background-size: cover
}
.success_story_block .outer_contain::after {
clear: both;
content: "";
display: table
}
@media (min-width: 22em) {
.success_story_block .outer_contain {
background-position: -40em
}
}
@media (min-width: 34em) {
.success_story_block .outer_contain {
background: url(assets/Kelly-Marchisio_Q70_2310x1230-c656d907e5cfe1a138e9a22a685ca94f507b8e4c8e49017c026ec1ecf179e783.jpg) no-repeat top center;
background-size: cover
}
}
.success_story_block .outer_contain.vr-viewer {
background: url(assets/bg-vr-viewer-35b3caf8f313cb14f78811f93280f5e68ce7cbad05b2e0e10b4aeb828972f2e2.jpg) no-repeat center center;
background-size: cover
}
.success_story_block .outer_contain.vr-viewer .contain {
height: 30rem
}
@media screen and (min-width: 48rem) {
.success_story_block .outer_contain.vr-viewer .contain {
height: 37.5rem
}
}
.success_story_block .outer_contain.vr-viewer .contain__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.success_story_block h1,
.success_story_block h4,
.success_story_block h6,
.success_story_block p {
color: #fff
}
.success_story_block blockquote {
max-width: 38.75em;
margin: 0
}
.success_story_block cite {
position: relative;
display: inline-block;
padding: 0 4em 0 0;
font-style: normal
}
.success_story_block cite .play_icon {
position: absolute;
right: 0;
top: 8px;
z-index: 1;
display: inline-block;
width: 4.75em;
height: 4.75em
}
.success_story_block cite .play_icon::before {
content: "";
display: block;
position: absolute;
z-index: -1;
left: 40%;
bottom: 20%;
width: 55%;
height: 0%;
background: #02b3e4;
transform: translateX(-50%) rotate(32deg);
transition: height .5s ease-in-out
}
.success_story_block cite .play_icon:hover::before {
height: 55%
}
.success_story_block .hired_by .partners {
list-style-type: none;
margin: 0;
padding: 0
}
.success_story_block .hired_by .partners li {
float: left;
margin: -10px 1.5rem -30px 0;
height: 100px
}
@media (min-width: 43.75em) {
.success_story_block cite {
padding: 0 7em 0 0
}
.success_story_block cite .play_icon {
top: 8px;
width: 4.75em;
height: 4.75em
}
}
.why_nd .contain {
max-width: 66.75em
}
.why_nd h2 {
text-align: center;
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.why_nd h2 {
margin-bottom: 3rem
}
}
.why_nd .summary {
text-align: center;
max-width: 48.75rem;
margin: 0 auto;
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.why_nd .summary {
margin-bottom: 4.5rem
}
}
.why_nd .checks {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.why_nd .checks::after {
clear: both;
content: "";
display: table
}
.why_nd .checks li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.why_nd .checks li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.why_nd .checks li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.why_nd .checks li:last-child {
margin-right: 0
}
.why_nd .checks li:nth-child(2n) {
margin-right: 0
}
.why_nd .checks li:nth-child(2n+1) {
clear: left
}
}
.requirements .contain {
max-width: 48.75rem;
position: relative
}
.requirements a {
color: #525c65;
border-bottom: 1px solid #91daee;
text-decoration: none;
transition: color 0.3s ease 0s
}
.requirements a:hover {
color: #24292d
}
.requirements h3 {
font-weight: 600;
color: #525c65
}
.requirements ul,
.requirements ol {
color: #525c65;
list-style-type: disc;
padding-left: 3em
}
.requirements ul li,
.requirements ol li {
padding: 0 0 0 1em
}
.requirements .more {
max-height: 8em
}
@media (min-width: 44em) {
.requirements .more {
max-height: 12em
}
}
.requirements .more+[data-readmore-toggle] {
line-height: 1rem;
border-bottom: none;
margin-top: 25px;
width: auto;
display: inline-block;
font-size: .8125em;
text-transform: uppercase;
font-weight: 600;
color: #02b3e4;
text-decoration: none;
transition: color .3s ease
}
.requirements .more+[data-readmore-toggle]:hover {
color: #028bb1;
text-decoration: none
}
.requirements .fade::before {
display: block;
content: '';
width: 100%;
height: 5em;
position: absolute;
left: 0;
bottom: 5.5em;
z-index: 1;
background: rgba(255, 255, 255, 0.5);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%)
}
@media (min-width: 44em) {
.requirements .fade::before {
bottom: 7em;
width: 100%
}
}
.nd_requirements {
max-width: 43.75em;
margin: 0 auto;
text-align: center
}
.nd_requirements .button--secondary {
margin: 0 auto
}
.nd_free_courses {
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.nd_free_courses::after {
clear: both;
content: "";
display: table
}
.leads {
max-width: 100%;
margin-left: auto;
margin-right: auto;
background: #fafbfc
}
.leads::after {
clear: both;
content: "";
display: table
}
.leads .leads_list {
list-style-type: none;
margin: 0 auto;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.leads .leads_list li {
text-align: center;
margin: 0;
width: 14.375em;
padding: 1.5em 1em 0
}
.leads .leads_list li img {
width: 10em;
margin-bottom: 1.5em;
border-radius: 10em;
box-shadow: 0 0.125em 0.25em 0 rgba(46, 61, 73, 0.12)
}
.cta_block {
text-align: center
}
.cta_block .btn_center {
display: flex;
justify-content: center;
flex-direction: column;
flex-wrap: nowrap
}
@media (min-width: 30em) {
.cta_block .btn_center {
flex-direction: row;
flex-wrap: wrap;
max-width: 36em;
margin: 0 auto
}
}
.cta_block .button--primary,
.cta_block .button--secondary {
margin-bottom: 0.75rem
}
.cta_block .btn_wrapper {
margin: 0 auto
}
.company-sponsored {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
.company-sponsored__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.company-sponsored__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.company-sponsored__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
height: 24.75rem
}
.company-sponsored__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.company-sponsored--thumb {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.company-sponsored .text-only {
padding: 0 0.5rem
}
.nd-stars {
width: 7.5rem;
height: 1.5rem;
overflow: hidden;
display: inline-block;
background: url(assets/icon-star-large-gray-5f2b46347042f6b0a6aafaf1e8d75096a900749c5667bdf4bcf930b08cbab25f.svg) repeat-x;
margin: 0.25rem 0 -0.125rem
}
.nd-stars>div {
float: left;
height: 1.5rem;
background: url(assets/icon-star-large-yellow-21e9f0c3d65b3c7ac52f03f2c0ab3c99a8c3c3a2c1e81c5a99ff7633dfc9e0ae.svg) repeat-x
}
.student__stars {
margin-top: 0;
margin-bottom: 0.75rem;
float: right;
width: 7.5rem;
height: 1.5rem;
overflow: hidden;
background: url(assets/icon-star-small-gray-ec99277488dec62c8bcb11ea9ed7e60b671543bb67833bdfecb0feea261b0abd.svg) repeat-x
}
@media screen and (min-width: 48rem) {
.student__stars {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.student__stars {
display: inline-block
}
}
.student__stars>div {
float: left;
height: 1.5rem;
background: url(assets/icon-star-small-yellow-1d403e9e5ec4156934834a790e38141f7e466350f4506ebcaf0386be0a51a64a.svg) repeat-x
}
.nd-reviews {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
.nd-reviews__container {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.nd-reviews__container::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 30rem) {
.nd-reviews__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.nd-reviews__col:last-child {
margin-right: 0
}
}
.nd-reviews__card {
height: 12rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 1.5rem;
cursor: pointer;
position: relative
}
.nd-reviews__card:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.nd-reviews__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.nd-reviews__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.nd-reviews__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%;
height: 19.5rem;
padding: 1.5rem
}
.nd-reviews__card:last-child {
margin-right: 0
}
.nd-reviews__card:nth-child(2n) {
margin-right: 0
}
.nd-reviews__card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.nd-reviews__card {
padding: 2.25rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.nd-reviews__card:last-child {
margin-right: 0
}
.nd-reviews__card:nth-child(2n) {
margin-right: 1.6949152542%
}
.nd-reviews__card:nth-child(2n+1) {
clear: none
}
.nd-reviews__card:nth-child(3n) {
margin-right: 0
}
.nd-reviews__card:nth-child(3n+1) {
clear: left
}
}
.nd-reviews .dd-select {
border-color: transparent
}
@media screen and (min-width: 30rem) {
.nd-reviews .dd-container {
float: right;
width: 11.25rem
}
}
.nd-reviews .dd-options {
border-color: transparent
}
.nd-reviews .card:after {
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
height: 6rem;
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
display: block;
background-image: linear-gradient(0deg, #fff 15%, rgba(255, 255, 255, 0) 90%)
}
.nd-reviews .student__name {
margin-top: 0;
margin-bottom: 0.75rem;
font-size: 0.875rem;
line-height: 1.5rem;
font-weight: 400;
display: inline-block
}
@media screen and (min-width: 48rem) {
.nd-reviews .student__name {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.nd-reviews .student__name {
font-size: 1.125rem;
line-height: 2rem
}
}
@media screen and (min-width: 62rem) {
.nd-reviews .student__name {
max-width: 100px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
}
@media screen and (min-width: 73.75rem) {
.nd-reviews .student__name {
max-width: 50%
}
}
.nd-reviews .student__timeago {
font-size: 0.5625rem;
line-height: 0.75rem;
color: #bcc9d4
}
@media screen and (min-width: 48rem) {
.nd-reviews .student__timeago {
font-size: 0.5625rem;
line-height: 0.75rem
}
}
.nd-reviews .student__review {
font-size: 0.75rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 0;
height: 4.5rem;
overflow: hidden
}
@media screen and (min-width: 48rem) {
.nd-reviews .student__review {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.nd-reviews .student__review {
margin-bottom: 0
}
}
@media screen and (min-width: 48rem) {
.nd-reviews .student__review {
height: 10.5rem
}
}
.nd-reviews .stats {
height: 18rem;
cursor: default;
padding: 0
}
.nd-reviews .stats__container {
position: absolute;
bottom: 4px;
display: inline-block;
height: 1.5rem
}
.nd-reviews .stats__average {
position: relative;
height: 3.75rem
}
.nd-reviews .stats__average [data-reviews-avg-rating] {
float: left;
display: block;
margin-right: 5.2631578947%;
width: 21.0526315789%;
font-size: 3rem;
line-height: 3.75rem;
text-align: right;
display: inline-block;
font-weight: 300
}
.nd-reviews .stats__average [data-reviews-avg-rating]:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.nd-reviews .stats__average [data-reviews-avg-rating] {
font-size: 3rem;
line-height: 3.75rem
}
}
.nd-reviews .stats .nd-stars {
margin: 0
}
.nd-reviews .stats .x-small {
bottom: 4px;
text-indent: 8px;
position: relative;
display: inline-block
}
.nd-reviews__overview {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.nd-reviews__overview {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.nd-reviews__overview .wrapper {
display: block;
margin-top: 0;
margin-bottom: 0.75rem
}
.nd-reviews__overview .wrapper::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.nd-reviews__overview .wrapper {
margin-bottom: 0.75rem
}
}
.nd-reviews__overview .wrapper .h6 {
float: left;
display: block;
margin-right: 5.2631578947%;
width: 21.0526315789%;
margin-top: 0;
margin-bottom: 0rem;
letter-spacing: 0
}
.nd-reviews__overview .wrapper .h6:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.nd-reviews__overview .wrapper .h6 {
margin-bottom: 0rem
}
}
.nd-reviews__overview .wrapper .progress {
float: left;
display: block;
margin-right: 5.2631578947%;
width: 47.3684210526%;
background-color: #dbe2e8;
border-radius: 0.375rem
}
.nd-reviews__overview .wrapper .progress:last-child {
margin-right: 0
}
.nd-reviews__overview .wrapper .progress>div {
font-size: 0.75rem;
line-height: 1.5rem;
background-color: #ecc81a;
color: #fff;
font-weight: 600;
text-indent: 0.75rem;
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.nd-reviews__overview .wrapper .progress>div {
font-size: 0.75rem;
line-height: 1.5rem
}
}
.nd-reviews .nd-pagination {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
.nd-reviews .nd-pagination::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.nd-reviews .nd-pagination {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.nd-reviews .nd-pagination {
padding-top: 0rem;
padding-bottom: 0rem
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.nd-reviews .nd-pagination {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.nd-reviews .nd-pagination__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.nd-reviews .nd-pagination__col:last-child {
margin-right: 0
}
.nd-reviews .nd-pagination .page {
font-size: 0.75rem;
line-height: 1.5rem;
cursor: pointer
}
@media screen and (min-width: 48rem) {
.nd-reviews .nd-pagination .page {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
.page-ndop.nd000 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd000-48a884595ccb2e43780b30cbe462d6d9674e9cc8d5e968fb8a8d90736763e2df.jpg)
}
.page-ndop.nd000 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd000 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd000 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd000 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd000 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd000 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd000 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd000 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd000 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd000 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd001 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd001.jpg)
}
.page-ndop.nd001 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd001 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd001 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd001 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd001 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd001 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd001 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd001 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd001 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd001 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd001 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd001 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd001 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd001 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd001 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd001 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd001 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd002 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd002-253168c3fc95e95f41d06bf44c1857f91c2a8b61cba71056208f8ddde32c1940.jpg)
}
.page-ndop.nd002 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd002 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd002 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd002 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd002 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd002 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd002 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd002 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd002 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd002 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd002 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd002 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd002 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd002 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd002 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd002 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd002 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd003 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd003.jpg)
}
.page-ndop.nd003 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd003 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd003 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd003 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd003 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd003 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd003 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd003 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd003 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd003 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd003 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd003 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd003 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd003 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd003 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd003 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd003 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd004 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd004.jpg)
}
.page-ndop.nd004 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd004 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd004 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd004 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd004 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd004 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd004 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd004 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd004 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd004 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd004 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd004 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd004 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd004 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd004 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd004 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd004 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd006 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd006.jpg)
}
.page-ndop.nd006 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd006 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd006 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd006 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd006 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd006 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd006 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd006 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd006 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd006 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd006 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd006 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd006 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd006 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd006 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd006 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd006 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd008 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd008.jpg)
}
.page-ndop.nd008 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd008 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd008 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd008 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd008 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd008 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd008 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd008 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd008 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd008 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd008 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd008 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd008 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd008 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd008 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd008 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd008 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd009 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd009.jpg)
}
.page-ndop.nd009 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd009 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd009 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd009 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd009 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd009 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd009 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd009 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd009 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd009 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd009 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd009 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd009 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd009 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd009 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd009 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd009 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd013 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd013-60b51b34e79d2233364c90db8e8d67b3b2b51d92e5533a223f4ce9b57949d1c2.jpg)
}
.page-ndop.nd013 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd013 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd013 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd013 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd013 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd013 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd013 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd013 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd013 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd013 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd017 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd017-0f25ee43993704f9a0e37ac8baa2cecd5cd69529ab0a9ee293539e268ba16174.jpg)
}
.page-ndop.nd017 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd017 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd017 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd017 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd017 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd017 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd017 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd017 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd017 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd017 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd017 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd017 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd017 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd017 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd017 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd017 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd017 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd018 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd018-5b3d3b07b74a58ff76503d75b3568908ca9188ce349a9a6c09f1643e46cbfe24.jpg)
}
.page-ndop.nd018 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd018 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd018 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd018 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd018 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd018 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd018 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd018 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd018 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd018 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd019 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd019-c0fe54fcae4dd7c967a4e4f9fa63c06356fd57034c0b72377fa557d24a18bbef.jpg)
}
.page-ndop.nd019 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd019 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd019 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd019 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd019 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd019 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd019 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd019 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd019 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd019 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd019 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd019 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd019 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd019 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd019 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd019 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd019 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd024 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd024-f33197719208e998b1fbdc0acd6d23bdfbbfc6d9ac611c70ca2e01b5ed06c71c.jpg)
}
.page-ndop.nd024 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd024 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd024 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd024 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd024 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd024 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd024 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd024 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd024 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd024 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd024 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd024 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd024 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd024 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd024 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd024 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd024 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd100 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd100-46814dbbc90b143d5dcfa98548d547d2a14308a5c011ddb59788c4cb6cf53090.jpg)
}
.page-ndop.nd100 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd100 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd100 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd100 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd100 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd100 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd100 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd100 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd100 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd100 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd101 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd101.jpg)
}
.page-ndop.nd101 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd101 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd101 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd101 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd101 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd101 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd101 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd101 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd101 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd101 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd113 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd113-1fe4bcc3c325fdf66d419daadd74a5a02ff8dcfc320d54c978ceb96fe947313f.jpg)
}
.page-ndop.nd113 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd113 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd113 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd113 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd113 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd113 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd113 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd113 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd113 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd113 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd114 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd114-0c890c88f70255f244009e85cac9ffea3b03eba879658b1aa8e5f5cc1c127e90.jpg)
}
.page-ndop.nd114 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd114 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd114 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd114 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd114 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd114 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd114 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd114 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd114 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd114 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd209 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd209-39b203232ad6ac6d9bcbb98969bf704457f5f822755b3f1126f4dd002ca614c4.jpg)
}
.page-ndop.nd209 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd209 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd209 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd209 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd209 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd209 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd209 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd209 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd209 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd209 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd209 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd209 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd209 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd209 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd209 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd209 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd209 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd801 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd801-d0a158377ece5324d682bd1ddb104f8ad21bf28c78d430a0645c4194f516d839.jpg)
}
.page-ndop.nd801 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd801 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd801 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd801 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd801 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd801 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd801 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd801 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd801 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd801 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd802 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd802.jpg)
}
.page-ndop.nd802 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd802 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd802 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd802 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd802 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd802 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd802 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd802 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd802 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd802 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd802 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd802 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd802 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd802 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd802 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd802 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd802 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd803 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd803.jpg)
}
.page-ndop.nd803 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd803 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd803 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd803 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd803 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd803 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd803 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd803 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd803 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd803 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd803 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd803 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd803 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd803 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd803 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd803 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd803 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd818 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd818.jpg)
}
.page-ndop.nd818 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd818 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd818 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd818 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd818 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd818 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd818 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd818 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd818 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd818 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop.nd889 .video__featured.nd-hero .contain {
background-image: url(assets/video-bg-nd889.jpg)
}
.page-ndop.nd889 .video__featured--content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd889 .video__featured--content h1 {
margin-bottom: 1.5rem
}
}
.page-ndop.nd889 .video__featured--content .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd889 .video__featured--content .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd889 .video__featured--content .legible {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd889 .video__featured--content .legible {
margin-bottom: 2.25rem
}
}
.page-ndop.nd889 .video__featured--content .fineprint {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd889 .video__featured--content .fineprint {
margin-bottom: 0rem
}
}
.page-ndop.nd889 .video__featured--content .icon-video {
height: 6rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd889 .video__featured--content .icon-video {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd889 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-ndop.nd889 .video__featured .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd889 .video__featured .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-ndop.nd889 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ndop.nd889 .video__featured .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd889 .video__featured .icon-flag {
position: absolute;
left: -0.5625rem;
top: 2.25rem;
height: 3.625rem;
width: 11.625rem;
line-height: 1.75rem;
padding: 0.5rem 0 0 4rem;
background: url(assets/icon_new_flag-be2188df87b5fee75eb2051a20549d721392883c49ddbf6542efd5f73a0ae0e6.svg) center center no-repeat;
z-index: 7000
}
.page-ndop.nd889 .video__featured .icon-flag::before {
content: 'New!'
}
}
.page-ndop .nd-cta-bottom {
background: url(assets/bg-cta-bottom-af55a2fc35e6d46341c3439dec6d2b740445cc70f3f95d6ed1a5de8fdee32500.jpg) center center no-repeat;
background-size: cover
}
.page-ndop .nd-cta-bottom .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-cta-bottom .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-cta-bottom .contain {
height: 22.5rem
}
}
.page-ndop .nd-cta-bottom__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center
}
.page-ndop .nd-cta-bottom__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-cta-bottom__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 25.4237288136%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop .nd-cta-bottom__content:last-child {
margin-right: 0
}
}
.page-ndop .nd-features h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features h2 {
margin-bottom: 3rem
}
}
.page-ndop .nd-features__col {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features__col {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-features__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-ndop .nd-features__col:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%
}
.page-ndop .nd-features__col:last-child {
margin-right: 0
}
.page-ndop .nd-features__col:nth-child(2n) {
margin-right: 0
}
.page-ndop .nd-features__col:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-features__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop .nd-features__col:last-child {
margin-right: 0
}
.page-ndop .nd-features__col:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-ndop .nd-features__col:nth-child(2n+1) {
clear: none
}
.page-ndop .nd-features__col:nth-child(3n) {
margin-right: 0
}
.page-ndop .nd-features__col:nth-child(3n+1) {
clear: left
}
}
.page-ndop .nd-features__col p {
margin: 0 0.75rem
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-features__col p {
margin: 0 2.25rem
}
}
.page-ndop .nd-features__icon {
height: 3.75rem;
margin-top: 0;
margin-bottom: 0.75rem;
position: relative;
border-radius: 50%;
background-color: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features__icon {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__content::after {
height: 14.25rem;
content: '';
background: url(assets/icon-term-line-d09f8d57fa50c810b4724e98e9cf7bc4deef7425f94bfba90b91ba39d91ec122.svg) center center no-repeat;
width: 55%;
margin: 0 auto;
display: block;
transform: none;
position: relative;
z-index: -1000;
left: -5.375rem
}
}
@media screen and (min-width: 48rem) and (min-width: 62rem) {
.page-ndop .nd-features-terms__content::after {
left: -2.5rem
}
}
@media screen and (min-width: 48rem) and (min-width: 73.75rem) {
.page-ndop .nd-features-terms__content::after {
left: -3.5rem
}
}
.page-ndop .nd-features-terms__col {
position: relative
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-features-terms__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-ndop .nd-features-terms__col:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-left: 0%
}
.page-ndop .nd-features-terms__col:last-child {
margin-right: 0
}
.page-ndop .nd-features-terms__col:nth-child(3n) {
margin-right: 0
}
.page-ndop .nd-features-terms__col:nth-child(3n+1) {
clear: left
}
}
.page-ndop .nd-features-terms__col figure {
height: 9.75rem;
margin-top: 0;
margin-bottom: 1.125rem;
display: flex;
align-items: flex-end;
justify-content: center
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__col figure {
margin-bottom: 2.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__col figure {
height: 14.25rem;
align-items: center;
flex-direction: column
}
}
.page-ndop .nd-features-terms__col:nth-child(1) figure {
height: 6.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__col:nth-child(1) figure {
height: 14.25rem
}
}
.page-ndop .nd-features-terms__col:nth-child(2) .nd-features-terms__icon::after {
height: 1.5rem;
content: '';
background: url(assets/icon-term-line-d09f8d57fa50c810b4724e98e9cf7bc4deef7425f94bfba90b91ba39d91ec122.svg) center center no-repeat;
width: 100%;
display: inline-block;
bottom: 5rem;
position: relative;
transform: rotate(90deg);
z-index: -1000
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__col:nth-child(2) .nd-features-terms__icon::after {
display: none
}
}
.page-ndop .nd-features-terms__col:nth-child(3) figure {
height: 11.25rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__col:nth-child(3) figure {
height: 14.25rem
}
}
.page-ndop .nd-features-terms__col:nth-child(3) .nd-features-terms__icon:nth-child(2)::after {
height: 1.5rem;
content: '';
background: url(assets/icon-term-line-d09f8d57fa50c810b4724e98e9cf7bc4deef7425f94bfba90b91ba39d91ec122.svg) center center no-repeat;
width: 45%;
display: inline-block;
bottom: 7.75rem;
position: relative;
transform: rotate(90deg);
z-index: -1000;
left: -2.25rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__col:nth-child(3) .nd-features-terms__icon:nth-child(2)::after {
display: none
}
}
.page-ndop .nd-features-terms__col:nth-child(3)::after {
height: 9rem;
background: url(assets/icon-term-paths_v2-024fd0007c877607a07ac81d8cc2b5ebc98d492e56729a83a0a82213751808b1.svg) left center no-repeat;
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 50%;
width: 3.75rem;
margin: 0 auto;
transform: rotate(90deg);
z-index: -1000
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__col:nth-child(3)::after {
display: none
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__col:nth-child(3) figure {
background: url(assets/icon-term-paths_v2-024fd0007c877607a07ac81d8cc2b5ebc98d492e56729a83a0a82213751808b1.svg) left center no-repeat
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-features-terms__col:nth-child(3) figure {
background-position: 3.75rem center
}
}
.page-ndop .nd-features-terms__col p {
margin: 0 0.75rem
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-features-terms__col p {
margin: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-features-terms__col p {
margin: 0 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-features-terms__col p {
margin: 0 3rem
}
}
.page-ndop .nd-features-terms__icon {
height: 5.25rem;
width: 5.25rem;
display: block;
border-radius: 50%;
background-color: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
margin: 0 -0.4375rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__icon {
margin: -0.375rem 0
}
}
.page-ndop .nd-features-terms__icon:nth-child(2) {
margin: 0 -0.4375rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-features-terms__icon:nth-child(2) {
margin: -0.4375rem 0
}
}
.page-ndop .nd-features-terms__icon:nth-child(2) svg #icon {
fill: #a951ed
}
.page-ndop .nd-features-terms__icon:nth-child(3) svg #icon {
fill: #7A2EB4
}
.page-ndop .nd-features-terms__icon img,
.page-ndop .nd-features-terms__icon svg {
height: 3rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop .nd-instructors h2 {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors h2 {
margin-bottom: 4.5rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_pane {
height: 25.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_pane {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_pane {
height: 30rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="1"] {
width: 17.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="1"] {
width: 17.5rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="2"] {
width: 35.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="2"] {
width: 36.25rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="3"] {
width: 54rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="3"] {
width: 55rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="4"] {
width: 72.25rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="4"] {
width: 73.75rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="5"] {
width: 90.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="5"] {
width: 92.5rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="6"] {
width: 108.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="6"] {
width: 111.25rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="7"] {
width: 127rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="7"] {
width: 130rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="8"] {
width: 145.25rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="8"] {
width: 148.75rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="9"] {
width: 163.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="9"] {
width: 167.5rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="10"] {
width: 181.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="10"] {
width: 186.25rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="11"] {
width: 200rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="11"] {
width: 205rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="12"] {
width: 218.25rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="12"] {
width: 223.75rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="13"] {
width: 236.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="13"] {
width: 242.5rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="14"] {
width: 254.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="14"] {
width: 261.25rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="15"] {
width: 273rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="15"] {
width: 280rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="16"] {
width: 291.25rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="16"] {
width: 298.75rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="17"] {
width: 309.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="17"] {
width: 317.5rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="18"] {
width: 327.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="18"] {
width: 336.25rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="19"] {
width: 346rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="19"] {
width: 355rem
}
}
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="20"] {
width: 364.25rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors.card_scroller .scroll_cards[data-cards-size="20"] {
width: 373.75rem
}
}
.page-ndop .nd-instructors__card {
height: 23.25rem;
float: left;
width: 17.5rem;
text-align: center;
position: relative;
display: inline-block;
background-color: #fff;
margin: 0 0.75rem 0 0;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem;
padding: 0 1.5rem 3rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors__card {
height: 25.5rem;
margin: 0 1.25rem 1.5rem 0
}
}
.page-ndop .nd-instructors__card:nth-child(5n+1) {
border-top: 3px solid #02b3e4
}
.page-ndop .nd-instructors__card:nth-child(5n+2) {
border-top: 3px solid #02ccba
}
.page-ndop .nd-instructors__card:nth-child(5n+3) {
border-top: 3px solid #a951ed
}
.page-ndop .nd-instructors__card:nth-child(5n+4) {
border-top: 3px solid #ffae0c
}
.page-ndop .nd-instructors__card:nth-child(5n+5) {
border-top: 3px solid #ff5483
}
.page-ndop .nd-instructors__card:last-child {
margin: 0
}
.page-ndop .nd-instructors__image {
height: 6rem;
margin-top: 0;
margin-bottom: 0.375rem;
top: -0.75rem;
display: block;
margin: 0 auto;
position: relative;
border-radius: 50%;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15)
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors__image {
margin-bottom: 0.75rem
}
}
.page-ndop .nd-instructors__name {
margin-top: 0;
margin-bottom: 0rem;
color: #2e3d49
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors__name {
margin-bottom: 0rem
}
}
.page-ndop .nd-instructors__title {
margin-top: 0;
margin-bottom: 0.75rem;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-instructors__title {
margin-bottom: 0.75rem
}
}
.page-ndop .nd-instructors__bio {
height: 12rem;
width: 100%;
overflow: hidden;
display: inline-block
}
.page-ndop .nd-overview {
position: relative
}
.page-ndop .nd-overview>.contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-overview>.contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-overview ul {
display: flex;
justify-content: center
}
}
.page-ndop .nd-overview__col {
height: 6rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop .nd-overview__col:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-overview__col {
height: 7.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop .nd-overview__col:last-child {
margin-right: 0
}
.page-ndop .nd-overview__col:nth-child(2n) {
margin-right: 0
}
.page-ndop .nd-overview__col:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-overview__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%;
padding: 0 0 0 20px;
border-left: 1px solid #dbe2e8
}
.page-ndop .nd-overview__col:last-child {
margin-right: 0
}
.page-ndop .nd-overview__col:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-ndop .nd-overview__col:nth-child(2n+1) {
clear: none
}
.page-ndop .nd-overview__col:nth-child(4n) {
margin-right: 0
}
.page-ndop .nd-overview__col:nth-child(4n+1) {
clear: left
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-overview__col {
height: 5.25rem
}
}
.page-ndop .nd-overview__col h5,
.page-ndop .nd-overview__col h6,
.page-ndop .nd-overview__col p {
margin-bottom: 0
}
.page-ndop .nd-overview #paysa-salary-widget .paysa-title,
.page-ndop .nd-overview #paysa-salary-widget .paysa-powered,
.page-ndop .nd-overview #paysa-salary-widget .paysa-right {
display: none
}
.page-ndop .nd-overview #paysa-salary-widget .paysa-left {
margin: 0;
width: auto
}
.page-ndop .nd-overview #paysa-salary-widget .paysa-heading {
font-size: 1rem;
line-height: 1.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-overview #paysa-salary-widget .paysa-heading {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop .nd-overview #paysa-salary-widget .paysa-range {
font-size: 1rem;
line-height: 1.75rem;
letter-spacing: 0;
text-transform: lowercase;
font-weight: 600
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-overview #paysa-salary-widget .paysa-range {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop .modal-nd-requirements {
max-width: 48.75rem
}
.page-ndop .modal-nd-requirements p {
font-size: 0.8125rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .modal-nd-requirements p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-ndop .modal-nd-requirements ul {
font-size: 0.8125rem;
line-height: 1.5rem;
list-style-type: disc;
margin-left: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .modal-nd-requirements ul {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-ndop .nd-partners,
.page-ndop .nd-hiring-partners {
background-color: rgba(250, 251, 252, 0.5);
border-top: 1px solid rgba(219, 226, 232, 0.5);
border-bottom: 1px solid rgba(219, 226, 232, 0.5)
}
.page-ndop .nd-partners>.contain,
.page-ndop .nd-hiring-partners>.contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-partners>.contain,
.page-ndop .nd-hiring-partners>.contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop .nd-partners__list,
.page-ndop .nd-hiring-partners__list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.page-ndop .nd-partners__list--icon,
.page-ndop .nd-hiring-partners__list--icon {
height: 3.75rem;
margin: 0 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-partners__list--icon,
.page-ndop .nd-hiring-partners__list--icon {
height: 4.5rem;
margin: 0 1.5rem
}
}
.page-ndop .nd-pricing {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
.page-ndop .nd-pricing h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing h2 {
margin-bottom: 3rem
}
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-pricing .cards_contain {
display: flex;
justify-content: center;
margin-bottom: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .cards_contain {
margin-bottom: 3rem
}
}
.page-ndop .nd-pricing .card {
cursor: pointer;
position: relative;
border: 2px solid transparent
}
.page-ndop .nd-pricing .card h5,
.page-ndop .nd-pricing .card h6 {
margin-bottom: 0
}
.page-ndop .nd-pricing .card__price {
font-size: 2rem;
line-height: 2.5rem;
font-weight: 300
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .card__price {
font-size: 2.5rem;
line-height: 3rem
}
}
.page-ndop .nd-pricing .card__price+p {
color: #7d97ad;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .card__price+p {
margin-bottom: 1.5rem
}
}
.page-ndop .nd-pricing .card__price--original {
opacity: 0.7;
color: #7d97ad;
text-decoration: line-through
}
.page-ndop .nd-pricing .card--pricing {
display: block;
margin-top: 0;
margin-bottom: 1.5rem;
padding: 3.75rem 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .card--pricing {
margin-bottom: 0rem
}
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-pricing .card--pricing {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop .nd-pricing .card--pricing:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .card--pricing {
padding: 3rem 2.25rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-pricing .card--pricing {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop .nd-pricing .card--pricing:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-pricing .card--pricing {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop .nd-pricing .card--pricing:last-child {
margin-right: 0
}
}
.page-ndop .nd-pricing .card--pricing__header {
text-align: center;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .card--pricing__header {
margin-bottom: 1.5rem
}
}
.page-ndop .nd-pricing .card--pricing__body {
display: none
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .card--pricing__body {
display: block
}
}
.page-ndop .nd-pricing .card:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
.page-ndop .nd-pricing .card:hover.primary {
border: 2px solid #02b3e4
}
.page-ndop .nd-pricing .card:hover.secondary {
border: 2px solid #a951ed
}
.page-ndop .nd-pricing .card__flag {
margin-top: 0;
margin-bottom: 0.375rem;
position: absolute;
left: -0.125rem;
top: 0.75rem;
line-height: 1.75rem;
padding: 0 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .card__flag {
margin-bottom: 0.75rem
}
}
.page-ndop .nd-pricing .card__flag::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.75rem 1rem 0 0
}
.page-ndop .nd-pricing .card__triangle {
position: absolute;
top: 0;
right: -60px;
opacity: 0;
width: 6.25rem;
height: 6.25rem
}
.page-ndop .nd-pricing .card__triangle::before {
position: absolute;
content: '';
top: 3.375rem;
width: 2.5rem;
right: 3.375rem;
height: 2.5rem;
display: block;
z-index: 1000;
background: url(assets/icon_checkmark_white_pricing-e152470e5b1cdcb90d440ceb0bc7e7697f0c06c8e6f6ff32cec065c36445c0ae.svg) center center no-repeat
}
.page-ndop .nd-pricing .card__triangle::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
transform: rotate(-45deg)
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .card.primary .card--pricing__header {
border-bottom: 2px solid #02b3e4
}
}
.page-ndop .nd-pricing .card.primary .card__flag {
color: #02b3e4;
background-color: rgba(145, 218, 238, 0.3)
}
.page-ndop .nd-pricing .card.primary .card__flag::after {
border-color: rgba(145, 218, 238, 0.3) transparent transparent transparent
}
.page-ndop .nd-pricing .card.primary .card__triangle::after {
background: linear-gradient(0deg, #02ccba 0%, #02b3e4 100%)
}
.page-ndop .nd-pricing .card.primary .card__price {
color: #02b3e4
}
.page-ndop .nd-pricing .card.primary.selected {
border: 2px solid #02b3e4
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-pricing .card.secondary .card--pricing__header {
border-bottom: 2px solid #a951ed
}
}
.page-ndop .nd-pricing .card.secondary .card__flag {
color: #a951ed;
background-color: rgba(169, 81, 237, 0.2)
}
.page-ndop .nd-pricing .card.secondary .card__flag::after {
border-color: rgba(169, 81, 237, 0.2) transparent transparent transparent
}
.page-ndop .nd-pricing .card.secondary .card__triangle::after {
background: linear-gradient(0deg, #ff5483 0%, #a951ed 100%)
}
.page-ndop .nd-pricing .card.secondary .card__price {
color: #a951ed
}
.page-ndop .nd-pricing .card.secondary.selected {
border: 2px solid #a951ed
}
.page-ndop .nd-pricing .card.selected {
overflow: hidden
}
.page-ndop .nd-pricing .card.selected .card__triangle {
opacity: 1;
right: -56px;
top: -56px;
transition: all 0.3s ease, top 1ms
}
.page-ndop .nd-projects {
padding-top: 3rem;
padding-bottom: 3rem;
position: relative
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-ndop .nd-projects__image {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects__image {
max-height: 100%;
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
}
.page-ndop .nd-projects__card {
margin-top: 0;
margin-bottom: 1.5rem;
display: block;
background: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects__card {
margin-bottom: 3rem
}
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-projects__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop .nd-projects__card:last-child {
margin-right: 0
}
.page-ndop .nd-projects__card:nth-child(2n) {
margin-right: 0
}
.page-ndop .nd-projects__card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop .nd-projects__card:last-child {
margin-right: 0
}
}
.page-ndop .nd-projects__card__image {
line-height: 0
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-projects__card__image {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects__card__image {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
float: left;
display: block;
width: 50.8474576271%
}
.page-ndop .nd-projects__card__image:last-child {
width: 49.1525423729%
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-projects__card__image {
float: left;
display: block;
width: 42.3728813559%
}
.page-ndop .nd-projects__card__image:last-child {
width: 40.6779661017%
}
}
.page-ndop .nd-projects__card__content {
padding: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-projects__card__content {
height: 15rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects__card__content {
padding: 2.25rem;
float: left;
display: block;
width: 50.8474576271%;
padding-bottom: 0;
height: auto
}
.page-ndop .nd-projects__card__content:last-child {
width: 49.1525423729%
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-projects__card__content {
padding: 3rem 2.25rem;
float: left;
display: block;
width: 59.3220338983%
}
.page-ndop .nd-projects__card__content:last-child {
width: 57.6271186441%
}
}
.page-ndop .nd-projects__card__content h6 {
color: #7d97ad;
margin-top: 0;
margin-bottom: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects__card__content h6 {
margin-bottom: 0.75rem
}
}
.page-ndop .nd-projects__card__content h4 {
margin-top: 0;
margin-bottom: 0.75rem;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects__card__content h4 {
margin-bottom: 1.5rem
}
}
.page-ndop .nd-projects__card__content p {
height: 6rem;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-projects__card__content p {
height: auto
}
}
.page-ndop .nd-projects .more {
max-height: 30rem
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-projects .more {
max-height: 28.5rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects .more {
max-height: 40.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-projects .more {
max-height: 57rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-projects .more {
max-height: 75rem
}
}
.page-ndop .nd-projects .more+[data-readmore-toggle] {
font-size: 1.125rem;
line-height: 2rem;
top: 0;
width: 100%;
margin: 0 auto;
display: block;
letter-spacing: 0;
position: relative;
text-align: center;
text-transform: none;
max-width: 73.75rem;
font-weight: 400
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects .more+[data-readmore-toggle] {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-ndop .nd-projects .fade::before {
height: 4.5rem;
position: absolute;
left: 0;
bottom: 86px;
content: '';
width: 100%;
display: block;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-projects .fade::before {
bottom: 133px
}
}
.page-ndop .nd-projects .icon--arrow {
background: url(assets/icon-arrow-down-blue-large-84f0133620e9a2e50e803538f1524a7500f97bb22637f8c251545366c4541c14.svg) 0 0 no-repeat;
width: 36px;
height: 36px;
display: inline-block;
vertical-align: text-bottom
}
.page-ndop .nd-projects .icon--arrow.up {
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
vertical-align: top
}
.page-ndop .nd-syllabus {
padding-top: 3rem;
padding-bottom: 3rem;
position: relative
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-ndop .nd-syllabus #nd-syllabus-button {
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus #nd-syllabus-button {
margin-bottom: 0;
float: right
}
}
.page-ndop .nd-syllabus__intro {
display: block;
margin-top: 0;
margin-bottom: 3rem;
background-color: #fff;
border-radius: 0.375rem;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2)
}
.page-ndop .nd-syllabus__intro::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus__intro {
margin-bottom: 4.5rem
}
}
.page-ndop .nd-syllabus__intro__col {
padding: 1.5rem
}
.page-ndop .nd-syllabus__intro__col:first-child {
padding-bottom: 0
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus__intro__col {
float: left;
display: block;
width: 50.8474576271%;
padding: 3rem
}
.page-ndop .nd-syllabus__intro__col:last-child {
width: 49.1525423729%
}
.page-ndop .nd-syllabus__intro__col:first-child {
padding-bottom: 3rem
}
}
.page-ndop .nd-syllabus__intro p {
margin-top: 0;
margin-bottom: 0
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus__intro p {
margin-bottom: 0
}
}
.page-ndop .nd-syllabus .quote {
position: absolute;
right: 5%;
width: 30%;
padding: 0
}
.page-ndop .nd-syllabus .quote__content .h5 {
font-style: italic;
color: #02b3e4;
font-weight: 300
}
.page-ndop .nd-syllabus .quote__content h6,
.page-ndop .nd-syllabus .quote__content h6+p {
color: #2e3d49
}
.page-ndop .nd-syllabus .timeline ul li {
width: 100%;
position: relative;
list-style-type: none;
padding-bottom: 3.75rem;
border-left: 1px solid #dbe2e8
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus .timeline ul li {
padding-bottom: 1.5rem
}
}
.page-ndop .nd-syllabus .timeline ul li::after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #02b3e4;
background-color: #02b3e4;
transform: translateX(-50%)
}
.page-ndop .nd-syllabus .timeline ul li div {
bottom: 7px;
width: 100%;
position: relative;
padding-left: 2.25rem;
height: 15rem
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-syllabus .timeline ul li div {
height: 12rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus .timeline ul li div {
height: 10.5rem;
width: 80%;
padding-left: 3rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-syllabus .timeline ul li div {
width: 60%
}
}
.page-ndop .nd-syllabus .timeline ul li h6 {
color: #02b3e4
}
.page-ndop .nd-syllabus .timeline ul li h4 {
font-weight: 300
}
.page-ndop .nd-syllabus .more {
max-height: 37.5rem
}
@media screen and (min-width: 30rem) {
.page-ndop .nd-syllabus .more {
max-height: 31.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus .more {
max-height: 35.625rem
}
}
.page-ndop .nd-syllabus .more+[data-readmore-toggle] {
top: -25px;
left: 60px;
width: 100%;
margin: 0 auto;
display: block;
position: relative;
max-width: 73.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus .more+[data-readmore-toggle] {
left: 75px
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-syllabus .more+[data-readmore-toggle] {
left: 75px
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-syllabus .more+[data-readmore-toggle] {
left: 50px
}
}
.page-ndop .nd-syllabus .icon--arrow {
background: url(assets/icon-arrow-down-blue-1fbc9e71c33a60ce08f0f9dcc4a3520fd17326723ce7b3887dae750984ea8ae7.svg) 0 0 no-repeat;
width: 22px;
height: 21px;
background-size: 75%;
display: inline-block;
vertical-align: bottom
}
.page-ndop .nd-syllabus .icon--arrow.up {
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
vertical-align: top
}
.page-ndop.nd000 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-e46ae5e0f50e94386733a7a5fc132e0d1e8a450d695d8a0d3e4cbbeb0d2d2a3c.jpg) center center/cover no-repeat
}
.page-ndop.nd002 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-3a9fd62a12ad4e88438d92c672c6906212e2155bd08a0a022c5c37d1c37569b5.jpg) center center/cover no-repeat
}
.page-ndop.nd002 .nd-syllabus-term__card:nth-child(2) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-02@2x-3940713b71ce4b4714cf869f8857b6f636a505cd557831bbd69e1a1745122cae.jpg) center center/cover no-repeat
}
.page-ndop.nd013 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-798c1d495d8be24742365fd90770cdf5c86fedeafbfbd1eef6104b8b4aeebe39.jpg) center center/cover no-repeat
}
.page-ndop.nd013 .nd-syllabus-term__card:nth-child(2) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-02@2x-2b14a7dcab935b4efd95e57349fdbd51f153ac53068a91462f8b0f7b26da6bf7.jpg) center center/cover no-repeat
}
.page-ndop.nd013 .nd-syllabus-term__card:nth-child(3) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-03@2x-8f1a5449babaabe1fb37a7b475e943adf3a53ea0c8a327ff16a17624b1301375.jpg) center center/cover no-repeat
}
.page-ndop.nd017 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-5cde93cd8b138ede100ad499c8201eccd8df2a552d3d8f0e9cdfe92723557850.jpg) center center/cover no-repeat
}
.page-ndop.nd017 .nd-syllabus-term__card:nth-child(2) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-02@2x-ca3e1d0f460d39a7a77649d87808a4351622d34b63629dbcde55b5e53a2db551.jpg) center center/cover no-repeat
}
.page-ndop.nd017 .nd-syllabus-term__card:nth-child(3) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-03@2x-3fd13e7f46e1dcf717e30faf4bb11744fd7c6030a2eddc9ab5b805413f20336d.jpg) center center/cover no-repeat
}
.page-ndop.nd018 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-fb97bdcde91dedd16f6dc14b4175b221021fc1d050973f7bf769868eb37187f3.jpg) center center/cover no-repeat
}
.page-ndop.nd019 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-7e0b5df0d08169927aa1191effd022a1cf142e573c51a1e33e321d6daa14a78c.jpg) center center/cover no-repeat
}
.page-ndop.nd024 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-2c2f3428ddaec6ffb2946dc806e8af5e382e1e34ca777b2952dce881db5bb30b.jpg) center center/cover no-repeat
}
.page-ndop.nd100 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-6b36b580af456a7cbca40df06cc9c8e8aa3198979585115dcd059eecf561adfb.jpg) center center/cover no-repeat
}
.page-ndop.nd113 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-ea49bfeb95cbb97fe5ed0bfa67893b850b88065f61bea7ab5357d407a2d9b22b.jpg) center center/cover no-repeat
}
.page-ndop.nd114 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-e92779a207d059f51cbae9e8f93042dd6dd8e5491f11cfdeab10d9bda92339fa.jpg) center center/cover no-repeat
}
.page-ndop.nd114 .nd-syllabus-term__card:nth-child(2) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-02@2x-72d77a696271be8cb7971f686957d4a327fd10c439c6d1c97aa3451ef362bb8b.jpg) center center/cover no-repeat
}
.page-ndop.nd209 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-2aab979ab1ff5b1a9cdecf43374867dbf53de76a85d28cd10780396c3f8ab8dc.jpg) center center/cover no-repeat
}
.page-ndop.nd801 .nd-syllabus-term__card:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-39630aa20b9b589080e147a1ed0d31c4f2c444061c9297a2e1acdc9c99c9cd53.jpg) center center/cover no-repeat
}
.page-ndop .nd-syllabus-term {
position: relative
}
.page-ndop .nd-syllabus-term #nd-syllabus-button {
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term #nd-syllabus-button {
margin-bottom: 0;
float: right
}
}
.page-ndop .nd-syllabus-term__cards {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
overflow: hidden
}
.page-ndop .nd-syllabus-term__cards::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__cards {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop .nd-syllabus-term__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-top: 0;
margin-bottom: 1.5rem;
display: block;
position: relative;
background: #fff;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem
}
.page-ndop .nd-syllabus-term__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__card {
margin-bottom: 1.5rem
}
}
.page-ndop .nd-syllabus-term__card:last-child {
margin-bottom: 0
}
.page-ndop .nd-syllabus-term__toggle {
cursor: pointer
}
.page-ndop .nd-syllabus-term__toggle .hidden {
opacity: 0;
display: none;
transition: all 0.3s ease
}
.page-ndop .nd-syllabus-term__toggle::before {
content: '';
background: url(assets/icon-toggle-closed-c6f6df7b4506f05ba459dd922cf82543dd8b51900402d205755edae4083c6ab7.svg) center center no-repeat;
width: 0.75rem;
height: 0.75rem;
margin-right: 0.75rem;
display: inline-block;
transition: all 0.3s ease
}
.page-ndop .nd-syllabus-term h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term h2 {
margin-bottom: 1.5rem
}
}
.page-ndop .nd-syllabus-term__header {
height: 27rem;
border-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__header {
height: 20.25rem
}
}
.page-ndop .nd-syllabus-term__header.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.page-ndop .nd-syllabus-term__header.open .nd-syllabus-term__header__image {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.page-ndop .nd-syllabus-term__header.open .hidden {
opacity: 1;
display: inline-block
}
.page-ndop .nd-syllabus-term__header.open .nd-syllabus-term__toggle::before {
transform: rotate(180deg);
background: url(assets/icon-toggle-opened-690c224511e0d3ddcc45afe768bac787a5c88858a07543db3194cfef57ea0077.svg) center center no-repeat
}
.page-ndop .nd-syllabus-term__header__image {
height: 11.25rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__header__image {
height: 20.25rem;
float: left;
display: block;
width: 33.8983050847%;
border-bottom-right-radius: 0.375rem;
border-top-right-radius: 0.375rem;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
float: right !important
}
.page-ndop .nd-syllabus-term__header__image:last-child {
width: 32.2033898305%
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-syllabus-term__header__image {
float: left;
display: block;
width: 42.3728813559%
}
.page-ndop .nd-syllabus-term__header__image:last-child {
width: 40.6779661017%
}
}
.page-ndop .nd-syllabus-term__header__content {
height: 15.75rem;
padding: 3.75rem 1.5rem 0;
overflow: hidden;
position: relative
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__header__content {
float: left;
display: block;
width: 67.7966101695%;
padding: 72px 3.75rem 0;
height: 20.25rem
}
.page-ndop .nd-syllabus-term__header__content:last-child {
width: 66.1016949153%
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-syllabus-term__header__content {
float: left;
display: block;
width: 59.3220338983%
}
.page-ndop .nd-syllabus-term__header__content:last-child {
width: 57.6271186441%
}
}
.page-ndop .nd-syllabus-term__header__content>h6 {
margin-top: 0;
margin-bottom: 0.375rem;
position: absolute;
left: 0;
top: 0.75rem;
color: #fff;
line-height: 1.75rem;
text-indent: 1.5rem;
padding-right: 0.75rem;
background-image: linear-gradient(to right, #02b3e4 0%, #02ccba 100%)
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__header__content>h6 {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__header__content>h6 {
text-indent: 3.75rem
}
}
.page-ndop .nd-syllabus-term__header__content>h6::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.75rem 1rem 0 0;
border-color: #02ccba transparent transparent transparent
}
.page-ndop .nd-syllabus-term__header__content>h3 {
margin-top: 0;
margin-bottom: 0.75rem;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__header__content>h3 {
margin-bottom: 1.5rem
}
}
.page-ndop .nd-syllabus-term__header__content>p {
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0
}
.page-ndop .nd-syllabus-term__header__content--details {
height: 3.75rem;
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: flex;
margin: 0 auto;
align-items: center;
width: calc(100% - 48px);
justify-content: space-between
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__header__content--details {
border-top: 1px solid #dbe2e8;
width: calc(100% - 120px)
}
}
.page-ndop .nd-syllabus-term__header__content--details>p {
margin-bottom: 0
}
.page-ndop .nd-syllabus-term__main {
min-height: 1.5rem;
display: none;
box-shadow: inset 0 1.25rem 1.25rem -1.25rem rgba(46, 61, 73, 0.2)
}
.page-ndop .nd-syllabus-term__main.open {
display: block
}
.page-ndop .nd-syllabus-term__main__content {
padding: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__main__content {
padding: 3.75rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-syllabus-term__main__content {
float: left;
display: block;
width: 67.7966101695%
}
.page-ndop .nd-syllabus-term__main__content:last-child {
width: 66.1016949153%
}
}
.page-ndop .nd-syllabus-term__main__content--parts {
padding: 0
}
.page-ndop .nd-syllabus-term__main__content--parts ul {
margin-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__main__content--parts ul {
margin-bottom: 3rem
}
}
.page-ndop .nd-syllabus-term__main__content--parts ul:last-child {
margin-bottom: 0
}
.page-ndop .nd-syllabus-term__main__content--parts ul li {
width: 100%;
position: relative;
border-left: 1px solid #dbe2e8
}
.page-ndop .nd-syllabus-term__main__content--parts ul li::after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: #02b3e4;
transform: translateX(-50%)
}
.page-ndop .nd-syllabus-term__main__content--parts ul li .part {
width: 100%;
bottom: 0.75rem;
position: relative;
padding-left: 1.5rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__main__content--parts ul li .part {
height: 13.5rem;
padding-left: 3rem
}
}
.page-ndop .nd-syllabus-term__main__content--parts ul li .part__project {
width: 100%;
cursor: pointer;
margin-bottom: 0.25rem
}
.page-ndop .nd-syllabus-term__main__content--specialization {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
align-items: center;
border-top: 1px solid #dbe2e8;
flex-direction: column
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__main__content--specialization {
padding-top: 0rem;
padding-bottom: 0rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__main__content--specialization {
height: 8.25rem;
flex-direction: row
}
}
.page-ndop .nd-syllabus-term__main__content--specialization header {
display: flex;
flex-direction: column;
text-align: center
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__main__content--specialization header {
text-align: left
}
}
.page-ndop .nd-syllabus-term__main__content--specialization img {
height: 2.25rem;
margin-bottom: 0.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__main__content--specialization img {
margin: 0 1.6875rem 0 -1rem
}
}
.page-ndop .nd-syllabus-term__main__aside {
display: none
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-syllabus-term__main__aside {
float: left;
display: block;
width: 33.8983050847%;
padding: 3.75rem;
padding-left: 0
}
.page-ndop .nd-syllabus-term__main__aside:last-child {
width: 32.2033898305%
}
}
.page-ndop .nd-syllabus-term__main__aside aside {
border-radius: 0.375rem;
background-color: rgba(219, 226, 232, 0.2)
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-syllabus-term__main__aside aside {
padding: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-syllabus-term__main__aside aside {
padding: 3rem
}
}
.page-ndop .nd-syllabus-term__footer {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-syllabus-term__footer {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop .nd-why {
position: relative
}
.page-ndop .nd-why::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop .nd-why::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(145, 218, 238, 0.1);
transform-origin: bottom right;
position: absolute;
top: 67%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop .nd-why__description {
text-align: left;
position: relative
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-why__description {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-ndop .nd-why__description:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-why__description {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 8.4745762712%
}
.page-ndop .nd-why__description:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-why__stat {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop .nd-why__stat:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop .nd-why__stat {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%;
margin-left: 8.4745762712%
}
.page-ndop .nd-why__stat:last-child {
margin-right: 0
}
}
.page-ndop .nd-why__stat .card {
min-height: 15rem;
border-top: 3px solid #a951ed;
padding: 2.25rem
}
.page-ndop .nd-testimonials__content h3 {
font-size: 1.125rem;
line-height: 2rem
}
@media screen and (min-width: 48rem) {
.page-ndop .nd-testimonials__content h3 {
font-size: 1.75rem;
line-height: 2.25rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop .nd-testimonials__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-ndop .nd-testimonials__content:last-child {
margin-right: 0
}
}
.page-ndop.nd000 .nd-hero.video__featured {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .nd-hero.video__featured {
margin-bottom: 0rem
}
}
.page-ndop.nd000 .nd-why::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 15%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd000 .nd-why::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(145, 218, 238, 0.1);
transform-origin: bottom right;
position: absolute;
top: 32%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop.nd000 .nd-syllabus-term::before {
height: 150rem;
content: '';
background-image: linear-gradient(to bottom, #F7F7F7 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd000 .nd-features {
position: relative
}
.page-ndop.nd000 .nd-features::before {
height: 45rem;
content: '';
background-image: linear-gradient(to bottom, #DFF6FF 0%, #fff 93%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd000 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd000 .features__icon {
margin: 0 auto
}
.page-ndop.nd000 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd000 .features__col-short:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd000 .features__col-short:last-child {
margin-right: 0
}
.page-ndop.nd000 .features__col-short:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd000 .features__col-short:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd000 .features__col-short.row1 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__col-short.row1 {
margin-bottom: 4.5rem
}
}
.page-ndop.nd000 .features__col-short.row2 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__col-short.row2 {
float: right;
padding-top: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__col-short.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd000 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd000 .features__col-wide:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-ndop.nd000 .features__col-wide:last-child {
margin-right: 0
}
.page-ndop.nd000 .features__col-wide:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd000 .features__col-wide:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd000 .features__col-wide.row1 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__col-wide.row1 {
margin-bottom: 4.5rem
}
}
.page-ndop.nd000 .features__col-wide.row2 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__col-wide.row2 {
float: right;
padding-top: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__col-wide.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd000 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd000 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 70.5882352941%;
margin-left: 14.7058823529%
}
.page-ndop.nd000 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd000 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd000 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%
}
.page-ndop.nd000 .features__content:last-child {
margin-right: 0
}
}
.page-ndop.nd000 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__content span {
margin-bottom: 5.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd000 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%;
margin-top: -14px
}
.page-ndop.nd000 .features__content span:last-child {
margin-right: 0
}
}
.page-ndop.nd000 .features__content p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .features__content p {
margin-bottom: 3rem
}
}
.page-ndop.nd000 .video__featured {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .video__featured {
margin-bottom: 3rem
}
}
.page-ndop.nd000 .video__featured .contain {
background-image: url(assets/video-bg-nd000-featured-bd5f2b7908989d7b4294b758f6c7397b58a274957e5f7722c5aad61c176254ff.jpg)
}
.page-ndop.nd000 .nd000-pricing h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .nd000-pricing h2 {
margin-bottom: 3rem
}
}
.page-ndop.nd000 .nd000-pricing .cards_contain {
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .nd000-pricing .cards_contain {
display: flex;
justify-content: center
}
}
.page-ndop.nd000 .nd000-pricing .card--pricing {
display: block
}
@media screen and (min-width: 30rem) {
.page-ndop.nd000 .nd000-pricing .card--pricing {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-ndop.nd000 .nd000-pricing .card--pricing:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .nd000-pricing .card--pricing {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%;
margin-top: 0;
margin-bottom: 0rem
}
.page-ndop.nd000 .nd000-pricing .card--pricing:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-ndop.nd000 .nd000-pricing .card--pricing {
margin-bottom: 0rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .nd000-pricing .card--pricing {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop.nd000 .nd000-pricing .card--pricing:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd000 .nd000-pricing .card--pricing {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd000 .nd000-pricing .card--pricing:last-child {
margin-right: 0
}
}
.page-ndop.nd000 .nd000-pricing .card--pricing__header {
height: 9.75rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
color: #fff;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 2.25rem 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .nd000-pricing .card--pricing__header {
padding: 3rem;
height: 12rem
}
}
.page-ndop.nd000 .nd000-pricing .card--pricing__header h5 {
color: #fff
}
.page-ndop.nd000 .nd000-pricing .card--pricing__header.primary {
background-image: linear-gradient(45deg, #A151ED 0%, #6586FC 100%)
}
.page-ndop.nd000 .nd000-pricing .card--pricing__header.secondary {
background-image: linear-gradient(45deg, #02CCBA 0%, #02B3E4 100%)
}
.page-ndop.nd000 .nd000-pricing .card--pricing__header,
.page-ndop.nd000 .nd000-pricing .card--pricing__body {
padding: 2.25rem 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .nd000-pricing .card--pricing__header,
.page-ndop.nd000 .nd000-pricing .card--pricing__body {
padding: 3rem
}
}
.page-ndop.nd000 .nd000-pricing .card--pricing__body {
height: 16.5rem;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .nd000-pricing .card--pricing__body {
padding: 3rem;
height: 21rem
}
}
.page-ndop.nd000 .nd000-pricing .card .pill {
padding: 0px 6px;
position: absolute;
top: 0.75rem;
left: 0.75rem
}
.page-ndop.nd000 .nd000-pricing .card .price__details,
.page-ndop.nd000 .nd000-pricing .card .price__type {
margin-top: 0;
margin-bottom: 0rem;
color: #fff
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .nd000-pricing .card .price__details,
.page-ndop.nd000 .nd000-pricing .card .price__type {
margin-bottom: 0rem
}
}
.page-ndop.nd000 .nd000-pricing .card .price--original {
display: block;
opacity: 0.7;
color: #fff;
text-decoration: line-through
}
.page-ndop.nd000 .nd000-pricing .card--promo-copy {
padding: 0 1.5rem
}
@media screen and (min-width: 30rem) {
.page-ndop.nd000 .nd000-pricing .card--promo-copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-ndop.nd000 .nd000-pricing .card--promo-copy:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd000 .nd000-pricing .card--promo-copy {
margin-left: 50.8474576271%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
padding: 0 3rem
}
.page-ndop.nd000 .nd000-pricing .card--promo-copy:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd000 .nd000-pricing .card--promo-copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop.nd000 .nd000-pricing .card--promo-copy:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd000 .nd000-pricing .card--promo-copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd000 .nd000-pricing .card--promo-copy:last-child {
margin-right: 0
}
}
.page-ndop.nd002 .nd-partners {
background: none;
border: none
}
.page-ndop.nd002 .nd-partners .contain {
padding-top: 0;
padding-bottom: 0
}
.page-ndop.nd002 .nd-why::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(169, 81, 237, 0.02);
transform-origin: left bottom;
position: absolute;
top: 67%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd002 .nd-why::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(255, 84, 131, 0.02);
transform-origin: bottom right;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop.nd002 .nd-why__stat .card {
border-top: 3px solid #15c26b
}
.page-ndop.nd002 .nd-pricing {
background: none
}
.page-ndop.nd002 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd002 .features__icon {
margin: 0 auto
}
.page-ndop.nd002 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd002 .features__col-short:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd002 .features__col-short:last-child {
margin-right: 0
}
.page-ndop.nd002 .features__col-short:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd002 .features__col-short:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd002 .features__col-short.row1 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__col-short.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__col-short.row2 {
float: right
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__col-short.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd002 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd002 .features__col-wide:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-ndop.nd002 .features__col-wide:last-child {
margin-right: 0
}
.page-ndop.nd002 .features__col-wide:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd002 .features__col-wide:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd002 .features__col-wide.row1 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__col-wide.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__col-wide.row1 {
padding-bottom: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__col-wide.row2 {
float: right
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__col-wide.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd002 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd002 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 70.5882352941%;
margin-left: 14.7058823529%
}
.page-ndop.nd002 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd002 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd002 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%
}
.page-ndop.nd002 .features__content:last-child {
margin-right: 0
}
}
.page-ndop.nd002 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__content span {
margin-bottom: 5.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd002 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd002 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%;
margin-top: -14px
}
.page-ndop.nd002 .features__content span:last-child {
margin-right: 0
}
}
.page-ndop.nd002 .features__content p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd002 .features__content p {
margin-bottom: 3rem
}
}
.page-ndop.nd002 .nd-syllabus-term::before {
height: 90rem;
content: '';
background-image: linear-gradient(to bottom, #F4F4EF 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd002 .nd-video {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd002 .nd-video {
margin-bottom: 4.5rem
}
}
.page-ndop.nd002 .nd-cta-bottom {
background: url(assets/bg-cta-bottom-9985f8c699d8e2c751eaf088b678c5a207f6b72bb0063892d0a596c38cefdd68.jpg) center center no-repeat;
background-size: cover
}
.page-ndop.nd013 .nd-hero .button--primary {
color: #02b3e4;
background-color: #fff
}
.page-ndop.nd013 .nd-partners {
background-color: none;
border-top: 0;
border-bottom: 0
}
.page-ndop.nd013 .nd-why::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(21, 194, 107, 0.05);
transform-origin: left bottom;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd013 .nd-why::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(21, 194, 107, 0.03);
transform-origin: bottom right;
position: absolute;
top: 67%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop.nd013 .nd-why .card {
border-top: 3px solid #15c26b
}
.page-ndop.nd013 .nd-syllabus-term::before {
height: 150rem;
content: '';
background-image: linear-gradient(to bottom, #F4F4EF 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd013 .nd-features-term {
position: relative
}
.page-ndop.nd013 .nd-features-term::before {
height: 45rem;
content: '';
background-image: linear-gradient(to bottom, #DFF6FF 0%, #fff 93%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd013 .nd-reviews {
background-image: linear-gradient(-180deg, #EAFBFF 0%, #fff 100%)
}
.page-ndop.nd013 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd013 .features__icon {
margin: 0 auto
}
.page-ndop.nd013 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd013 .features__col-short:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd013 .features__col-short:last-child {
margin-right: 0
}
.page-ndop.nd013 .features__col-short:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd013 .features__col-short:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd013 .features__col-short.row1 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__col-short.row1 {
margin-bottom: 4.5rem
}
}
.page-ndop.nd013 .features__col-short.row2 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__col-short.row2 {
float: right;
padding-top: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__col-short.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd013 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd013 .features__col-wide:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-ndop.nd013 .features__col-wide:last-child {
margin-right: 0
}
.page-ndop.nd013 .features__col-wide:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd013 .features__col-wide:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd013 .features__col-wide.row1 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__col-wide.row1 {
margin-bottom: 4.5rem
}
}
.page-ndop.nd013 .features__col-wide.row2 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__col-wide.row2 {
float: right;
padding-top: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__col-wide.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd013 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd013 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 70.5882352941%;
margin-left: 14.7058823529%
}
.page-ndop.nd013 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd013 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd013 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%
}
.page-ndop.nd013 .features__content:last-child {
margin-right: 0
}
}
.page-ndop.nd013 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__content span {
margin-bottom: 5.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd013 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%;
margin-top: -14px
}
.page-ndop.nd013 .features__content span:last-child {
margin-right: 0
}
}
.page-ndop.nd013 .features__content p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd013 .features__content p {
margin-bottom: 3rem
}
}
.page-ndop.nd013 .related-nd {
background-image: linear-gradient(to right, #dbe2e8, #fafbfc)
}
.page-ndop.nd013 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 14.5rem;
position: relative
}
.page-ndop.nd013 .related-nd .related-card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop.nd013 .related-nd .related-card:last-child {
margin-right: 0
}
}
.page-ndop.nd013 .related-nd .related-card__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd013 .related-nd .related-card__content h3 {
margin-bottom: 0.5rem
}
.page-ndop.nd013 .related-nd .related-card__content h6 {
margin-bottom: 1rem
}
.page-ndop.nd013 .related-nd .related-card__content--banner1 {
background-image: linear-gradient(to right, #02b3e4, #02ccba)
}
.page-ndop.nd013 .related-nd .related-card__content--banner2 {
background-image: linear-gradient(to right, #a951ed, #ff5483)
}
.page-ndop.nd013 .related-nd .related-card__content--banner3 {
background-image: linear-gradient(to right, #6586FC, #A151ED)
}
.page-ndop.nd013 .related-nd .related-card__content--banner1,
.page-ndop.nd013 .related-nd .related-card__content--banner2,
.page-ndop.nd013 .related-nd .related-card__content--banner3 {
border-radius: 0 0 0.375rem 0.375rem;
position: absolute;
bottom: -4rem;
width: 100%;
height: 2rem
}
.page-ndop.nd013 .related-nd .related-card__content--banner1 img,
.page-ndop.nd013 .related-nd .related-card__content--banner1 p,
.page-ndop.nd013 .related-nd .related-card__content--banner2 img,
.page-ndop.nd013 .related-nd .related-card__content--banner2 p,
.page-ndop.nd013 .related-nd .related-card__content--banner3 img,
.page-ndop.nd013 .related-nd .related-card__content--banner3 p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd013 .related-nd .related-card__content--banner1 img,
.page-ndop.nd013 .related-nd .related-card__content--banner2 img,
.page-ndop.nd013 .related-nd .related-card__content--banner3 img {
top: 7px;
padding: 0 12px 0 32px
}
.page-ndop.nd013 .related-nd .related-card__flag {
position: absolute;
left: 0;
top: 1rem;
line-height: 1.75rem;
padding: 0 3.75rem 0 2rem;
background-color: #7d97ad
}
.page-ndop.nd013 .related-nd .related-card__flag::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.75rem 1rem 0 0;
border-color: #7d97ad transparent transparent transparent
}
.page-ndop.nd013 .related-nd .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 3rem;
margin: 2.25rem 0
}
.page-ndop.nd013 .related-nd .divider:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .related-nd .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%;
height: 14.5rem;
margin: 0
}
.page-ndop.nd013 .related-nd .divider:last-child {
margin-right: 0
}
}
.page-ndop.nd013 .related-nd .divider .transition-dots {
transform: rotate(270deg);
height: 1.875rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd013 .related-nd .divider .transition-dots {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: rotate(180deg)
}
}
.page-ndop.nd013 .nd-video .video__nanodegree {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 30rem) {
.page-ndop.nd013 .nd-video .video__nanodegree {
margin-bottom: 6rem
}
}
.page-ndop.nd013 .nd-cta-bottom {
background: url(assets/bg-cta-bottom-fdb4f2557962ebd7562512ddf924263cfc87ec7c3439368a143c92e92362c1e0.jpg) center center no-repeat;
background-size: cover
}
.page-ndop.nd017 .nd-hero.video__featured::before {
height: 63rem;
content: '';
background-image: linear-gradient(-154deg, #DFF6FF 0%, #fff 93%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd017 .nd-syllabus-term::before {
height: 150rem;
content: '';
background-image: linear-gradient(to bottom, #F4F4EF 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd017 .nd-features-term {
position: relative
}
.page-ndop.nd017 .nd-features-term::before {
height: 45rem;
content: '';
background-image: linear-gradient(to bottom, #DFF6FF 0%, #fff 93%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd017 .nd-reviews {
background-image: linear-gradient(-180deg, #EAFBFF 0%, #fff 100%)
}
.page-ndop.nd017 .nd-video .video__nanodegree {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 30rem) {
.page-ndop.nd017 .nd-video .video__nanodegree {
margin-bottom: 6rem
}
}
.page-ndop.nd018 .nd-hero .button--primary {
color: #02b3e4;
background-color: #fff
}
.page-ndop.nd018 .nd-why::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(169, 81, 237, 0.1);
transform-origin: left bottom;
position: absolute;
top: 68%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd018 .nd-why::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(169, 81, 237, 0.1);
transform-origin: bottom right;
position: absolute;
top: 90%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop.nd018 .features .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .features .contain {
padding-top: 7.5rem;
padding-bottom: 7.5rem
}
}
.page-ndop.nd018 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd018 .features__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd018 .features__col:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop.nd018 .features__col:last-child {
margin-right: 0
}
.page-ndop.nd018 .features__col:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd018 .features__col:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd018 .features__col.row1 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features__col.row1 {
margin-bottom: 4.5rem
}
}
.page-ndop.nd018 .features__col.row2 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features__col.row2 {
float: right;
padding-top: 0
}
}
.page-ndop.nd018 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd018 .features__content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 65.5172413793%;
margin-left: 17.2413793103%
}
.page-ndop.nd018 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features__content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd018 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd018 .features__content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 82.7586206897%
}
.page-ndop.nd018 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features__content--heightAdjust1 {
height: 27rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features__content--heightAdjust2 {
height: 18rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd018 .features__content.marginAdjust {
margin-left: 4.5rem
}
}
.page-ndop.nd018 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features__content span {
margin-bottom: 6.75rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd018 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%
}
.page-ndop.nd018 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .features--valign {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.page-ndop.nd018 .nd-instructors__card:nth-child(5n+1),
.page-ndop.nd018 .nd-instructors__card:nth-child(5n+2),
.page-ndop.nd018 .nd-instructors__card:nth-child(5n+3),
.page-ndop.nd018 .nd-instructors__card:nth-child(5n+4),
.page-ndop.nd018 .nd-instructors__card:nth-child(5n+5) {
border-top: 3px solid #a951ed
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .nd-instructors .scroll_cards {
display: flex;
margin: 0 auto
}
}
.page-ndop.nd018 .nd-syllabus-term:before {
height: 127.5rem;
content: '';
background-image: linear-gradient(to bottom, #FAF6FE 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd018 .video__nanodegree {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .video__nanodegree {
margin-bottom: 6rem
}
}
.page-ndop.nd018 .comparison {
background-image: linear-gradient(to bottom right, #fafbfc 0%, #dbe2e8 100%)
}
.page-ndop.nd018 .comparison h2 {
margin-top: 0;
margin-bottom: 1.125rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .comparison h2 {
margin-bottom: 2.25rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .comparison__container {
float: left;
display: block;
width: 84.7457627119%;
margin-left: 8.4745762712%
}
.page-ndop.nd018 .comparison__container:last-child {
width: 83.0508474576%
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd018 .comparison__container {
float: left;
display: block;
width: 67.7966101695%;
margin-left: 16.9491525424%
}
.page-ndop.nd018 .comparison__container:last-child {
width: 66.1016949153%
}
}
.page-ndop.nd018 .comparison__table {
width: 100%;
margin: 0 auto;
background-color: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem
}
.page-ndop.nd018 .comparison__table thead th {
height: 4.5rem
}
.page-ndop.nd018 .comparison__table thead h6 {
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .comparison__table thead h6 {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
.page-ndop.nd018 .comparison__table th,
.page-ndop.nd018 .comparison__table td {
width: 25%
}
.page-ndop.nd018 .comparison__table th:first-child,
.page-ndop.nd018 .comparison__table td:first-child {
width: 50%
}
.page-ndop.nd018 .comparison__table h6 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .comparison__table h6 {
margin-bottom: 0rem
}
}
.page-ndop.nd018 .comparison__table p {
font-size: 0.8125rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .comparison__table p {
font-size: 1rem;
line-height: 1.75rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .comparison__table p {
margin-bottom: 0rem
}
}
.page-ndop.nd018 .comparison__table__header td {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
.page-ndop.nd018 .comparison__table tbody:not(.comparison__table__header) tr {
height: 1.5rem
}
.page-ndop.nd018 .comparison__table tbody:not(.comparison__table__header) td.checked {
background: url(assets/icon-checkmark-blue-67e8f9f1550c7af990787f38b3f911ffe4884bd4dc4c6fef521690b38d42991e.svg) center center no-repeat
}
.page-ndop.nd018 .comparison__table tbody:not(.comparison__table__header) td:nth-child(3).checked {
background-image: url(assets/icon-checkmark-purple-709c900d89e2d7abcaa930399ee506546319c25d176082a935d4681745edd889.svg)
}
.page-ndop.nd018 .comparison__table tbody:not(.comparison__table__header) td:not(.checked):not(:first-child) {
background: url(assets/icon_close_dark-c7c6a31cb37c841e14b44a8c1a7b5e81447b9442d94fdea8bcf66cfea18d1a13.svg) center center no-repeat;
opacity: 0.7
}
@media screen and (min-width: 30rem) {
.page-ndop.nd018 .nd-pricing .cards_contain {
display: block
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .nd-pricing .cards_contain {
display: flex;
justify-content: center
}
}
@media screen and (min-width: 30rem) {
.page-ndop.nd018 .nd-pricing .card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-ndop.nd018 .nd-pricing .card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd018 .nd-pricing .card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%
}
.page-ndop.nd018 .nd-pricing .card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd018 .nd-pricing .card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop.nd018 .nd-pricing .card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd018 .nd-pricing .card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd018 .nd-pricing .card:last-child {
margin-right: 0
}
}
.page-ndop.nd019 .nd-hero .video__featured--bg::before {
opacity: 1;
background-image: none
}
@media screen and (min-width: 62rem) {
.page-ndop.nd019 .nd-hero.video__featured::before {
height: 48rem;
content: '';
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #fff 95%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 95%), url(assets/bg-nd-hero-ebfa9364d354481e9e3d57a6abd3324cb90860a6e5635327c46592b4506922b7.png);
background-position: 0 0, left bottom, 0 0;
background-size: 1px 40px, 1px 60px, cover;
background-repeat: repeat-x, repeat-x, repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
}
.page-ndop.nd019 .nd-why__stat .card {
border-top: 3px solid #f95c3c
}
.page-ndop.nd019 .nd-why:before,
.page-ndop.nd019 .nd-why:after {
background: none
}
.page-ndop.nd019 .nd-collaborators {
background-image: linear-gradient(to top, #FFF8F6 0%, #fff 100%)
}
.page-ndop.nd019 .nd-pricing {
background-image: url(assets/bg-pricing-ac4b58a536e07e4ed59b0896e07f429b6be92471b52b1813ad001dfd61f44b6e.jpg)
}
.page-ndop.nd019 .nd-instructors__card:nth-child(5n+1) {
background: #F7FDFF
}
.page-ndop.nd019 .nd-instructors__card:nth-child(5n+1) .nd-instructors__title {
color: #02b3e4
}
.page-ndop.nd019 .nd-instructors__card:nth-child(5n+2) {
background: #F7FDFF
}
.page-ndop.nd019 .nd-instructors__card:nth-child(5n+2) .nd-instructors__title {
color: #02ccba
}
.page-ndop.nd019 .nd-instructors__card:nth-child(5n+3) {
background: #F7FDFF
}
.page-ndop.nd019 .nd-instructors__card:nth-child(5n+3) .nd-instructors__title {
color: #a951ed
}
.page-ndop.nd019 .nd-syllabus-term::before {
height: 75rem;
content: '';
background-image: linear-gradient(to bottom, #F4F4EF 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd019 .nd-video .contain {
padding-left: 0;
padding-right: 0
}
.page-ndop.nd024 .nd-hero .video__featured--bg::before {
opacity: 1;
background-image: none
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .nd-hero.video__featured::before {
height: 48rem;
content: '';
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #fff 95%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 95%), url(assets/bg-nd-hero-6a78cebaab03985c4aa24733a85082911004b5db495ca46c8aa7770b047853a3.png);
background-position: 0 0, left bottom, 0 0;
background-size: 1px 40px, 1px 60px, cover;
background-repeat: repeat-x, repeat-x, repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
}
.page-ndop.nd024 .nd-why::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd024 .nd-why::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(145, 218, 238, 0.1);
transform-origin: bottom right;
position: absolute;
top: 45%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop.nd024 .nd-why__description {
height: 16.5rem;
text-align: left;
position: relative
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .nd-why__description {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd024 .nd-why__description:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd024 .nd-why__description {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 8.4745762712%
}
.page-ndop.nd024 .nd-why__description:last-child {
margin-right: 0
}
.page-ndop.nd024 .nd-why__description--content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.page-ndop.nd024 .nd-partners {
background-color: none;
border-top: 0;
border-bottom: 0
}
.page-ndop.nd024 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd024 .features__icon {
margin: 0 auto
}
.page-ndop.nd024 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd024 .features__col-short:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd024 .features__col-short:last-child {
margin-right: 0
}
.page-ndop.nd024 .features__col-short:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd024 .features__col-short:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd024 .features__col-short.row1 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-short.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-short.row1 {
padding-bottom: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-short.row2 {
float: right
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-short.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd024 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd024 .features__col-wide:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-ndop.nd024 .features__col-wide:last-child {
margin-right: 0
}
.page-ndop.nd024 .features__col-wide:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd024 .features__col-wide:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd024 .features__col-wide.row1 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-wide.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-wide.row1 {
padding-bottom: 0
}
}
.page-ndop.nd024 .features__col-wide.row2 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-wide.row2 {
float: right;
padding-top: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__col-wide.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd024 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd024 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 70.5882352941%;
margin-left: 14.7058823529%
}
.page-ndop.nd024 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd024 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd024 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%
}
.page-ndop.nd024 .features__content:last-child {
margin-right: 0
}
}
.page-ndop.nd024 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__content span {
margin-bottom: 5.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd024 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd024 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%;
margin-top: -14px
}
.page-ndop.nd024 .features__content span:last-child {
margin-right: 0
}
}
.page-ndop.nd024 .features__content p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd024 .features__content p {
margin-bottom: 3rem
}
}
.page-ndop.nd024 .nd-pricing {
background: url(assets/bg-pricing-28e015709c8f807dd6cd93898f2d03ce1cf324fbc185f5d5e5ef66569cd302d0.jpg) no-repeat center center;
background-size: cover
}
.page-ndop.nd024 .nd-syllabus-term::before {
height: 75rem;
content: '';
background-image: linear-gradient(to bottom, #F4F4EF 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd024 .nd-video .contain {
padding-left: 0;
padding-right: 0
}
.page-ndop.nd100 .nd-why {
background: url(assets/why-nd-bg-581c1f408828536661c517c22df057b2b03f8649f9b87db6a8046c3e683d93be.jpg) no-repeat center center;
background-size: cover
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd100 .nd-why::before {
background: url(assets/image-data-foundations-bg-28235b23559a9a4c369623781e45ed4e9551774dd6f74d841f46e06085ee1766.png) no-repeat 80px center;
z-index: 1000;
height: 90%;
transform: skew(0, 0);
top: 27%
}
}
.page-ndop.nd100 .nd-why .contain {
padding-bottom: 0
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd100 .nd-why .contain {
padding-bottom: 6rem
}
}
.page-ndop.nd100 .nd-why::after {
background: none
}
.page-ndop.nd100 .nd-why__description {
text-align: left;
position: relative
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .nd-why__description {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 8.4745762712%
}
.page-ndop.nd100 .nd-why__description:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd100 .nd-why__description {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
margin-left: 59.3220338983%
}
.page-ndop.nd100 .nd-why__description:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd100 .nd-why__stat {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%;
margin-left: 67.7966101695%
}
.page-ndop.nd100 .nd-why__stat:last-child {
margin-right: 0
}
}
.page-ndop.nd100 .nd-why__stat .card {
border-top: 3px solid #02b3e4
}
.page-ndop.nd100 .features {
background: url(assets/features-bg-f4d36c7e7cfbf395b609bbcefe38faacab9876ae114694dd5ac22de2c0d3fc6b.jpg) no-repeat center center;
background-size: cover
}
.page-ndop.nd100 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd100 .features__icon {
margin: 0 auto
}
.page-ndop.nd100 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd100 .features__col-short:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd100 .features__col-short:last-child {
margin-right: 0
}
.page-ndop.nd100 .features__col-short:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd100 .features__col-short:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd100 .features__col-short.row1 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-short.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-short.row1 {
padding-bottom: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-short.row2 {
float: right
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-short.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd100 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd100 .features__col-wide:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-ndop.nd100 .features__col-wide:last-child {
margin-right: 0
}
.page-ndop.nd100 .features__col-wide:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd100 .features__col-wide:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd100 .features__col-wide.row1 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-wide.row1 {
padding-bottom: 0
}
}
.page-ndop.nd100 .features__col-wide.row2 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-wide.row2 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-wide.row2 {
float: right;
padding-top: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__col-wide.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd100 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd100 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 70.5882352941%;
margin-left: 14.7058823529%
}
.page-ndop.nd100 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd100 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd100 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%
}
.page-ndop.nd100 .features__content:last-child {
margin-right: 0
}
}
.page-ndop.nd100 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__content span {
margin-bottom: 5.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd100 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%;
margin-top: -14px
}
.page-ndop.nd100 .features__content span:last-child {
margin-right: 0
}
}
.page-ndop.nd100 .features__content p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd100 .features__content p {
margin-bottom: 3rem
}
}
.page-ndop.nd100 .nd-pricing {
background: url(assets/bg-pricing-7f40c37f3cccea9a7ec3e6de4a783ce50966d0e40bb0d17dcfee94124f016ad2.jpg) no-repeat center center;
background-size: cover
}
.page-ndop.nd100 .nd-instructors {
background-color: #fafbfc
}
.page-ndop.nd100 .nd-syllabus-term {
background-color: #fff
}
.page-ndop.nd100 .nd-syllabus-term::before {
height: 75rem;
content: '';
background-image: linear-gradient(to bottom, #F4F4EF 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd100 .related-nd {
background-image: linear-gradient(to right, #dbe2e8, #fafbfc)
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .related-nd .contain {
height: 48rem
}
}
.page-ndop.nd100 .related-nd .contain h2 {
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .related-nd .contain h2 {
margin-bottom: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .related-nd__container {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop.nd100 .related-nd__container:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd100 .related-nd__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop.nd100 .related-nd__container:last-child {
margin-right: 0
}
}
.page-ndop.nd100 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd100 .related-nd .related-card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd100 .related-nd .related-card:last-child {
margin-right: 0
}
}
.page-ndop.nd100 .related-nd .related-card__secondary {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd100 .related-nd .related-card__secondary:last-child {
margin-right: 0
}
.page-ndop.nd100 .related-nd .related-card,
.page-ndop.nd100 .related-nd .related-card__secondary {
height: 14.5rem;
position: relative
}
.page-ndop.nd100 .related-nd .related-card__content,
.page-ndop.nd100 .related-nd .related-card__secondary__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd100 .related-nd .related-card__content h3,
.page-ndop.nd100 .related-nd .related-card__secondary__content h3 {
margin-bottom: 0.5rem
}
.page-ndop.nd100 .related-nd .related-card__content h6,
.page-ndop.nd100 .related-nd .related-card__secondary__content h6 {
margin-bottom: 1rem
}
.page-ndop.nd100 .related-nd .related-card__content--banner1,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner1 {
background-image: linear-gradient(to right, #02b3e4, #02ccba)
}
.page-ndop.nd100 .related-nd .related-card__content--banner2,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner2 {
background-image: linear-gradient(to right, #a951ed, #ff5483)
}
.page-ndop.nd100 .related-nd .related-card__content--banner1,
.page-ndop.nd100 .related-nd .related-card__content--banner2,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner1,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner2 {
border-radius: 0 0 0.375rem 0.375rem;
position: absolute;
bottom: -4rem;
width: 100%;
height: 2rem
}
.page-ndop.nd100 .related-nd .related-card__content--banner1 img,
.page-ndop.nd100 .related-nd .related-card__content--banner1 p,
.page-ndop.nd100 .related-nd .related-card__content--banner2 img,
.page-ndop.nd100 .related-nd .related-card__content--banner2 p,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner1 img,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner1 p,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner2 img,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner2 p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd100 .related-nd .related-card__content--banner1 img,
.page-ndop.nd100 .related-nd .related-card__content--banner2 img,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner1 img,
.page-ndop.nd100 .related-nd .related-card__secondary__content--banner2 img {
top: 7px;
padding: 0 12px 0 32px
}
.page-ndop.nd100 .related-nd .related-card__flag,
.page-ndop.nd100 .related-nd .related-card__secondary__flag {
position: absolute;
left: 0;
top: 1rem;
line-height: 1.75rem;
padding: 0 3.75rem 0 2rem;
background-color: #7d97ad
}
.page-ndop.nd100 .related-nd .related-card__flag::after,
.page-ndop.nd100 .related-nd .related-card__secondary__flag::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.75rem 1rem 0 0;
border-color: #7d97ad transparent transparent transparent
}
.page-ndop.nd100 .related-nd .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 3rem;
margin: 2.25rem 0
}
.page-ndop.nd100 .related-nd .divider:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .related-nd .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%;
height: 34.375rem;
margin: 0
}
.page-ndop.nd100 .related-nd .divider:last-child {
margin-right: 0
}
}
.page-ndop.nd100 .related-nd .divider .transition-dots {
transform: rotate(90deg);
height: 1.875rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd100 .related-nd .divider .transition-dots {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: rotate(180deg)
}
}
.page-ndop.nd101 {
background-color: #060608
}
.page-ndop.nd101 .gray {
color: #757C81
}
.page-ndop.nd101 .orange-nd101 {
color: #F95C3C
}
.page-ndop.nd101 .shadow-right {
box-shadow: 10px 10px 15px 0px rgba(46, 61, 73, 0.4)
}
.page-ndop.nd101 .button--primary {
border-radius: 100px
}
.page-ndop.nd101 h2 {
color: #fff;
letter-spacing: 6px;
text-transform: uppercase
}
.page-ndop.nd101 h3 {
color: #7d97ad;
letter-spacing: 3px;
text-transform: uppercase
}
.page-ndop.nd101 s {
opacity: 0.6
}
.page-ndop.nd101 .hero {
background: #060608 url(assets/hero-nd101-91a1709c07767a5085116ffe77b7d8fc3905ff53cf01842dfe17fb0c4dd1244e.jpg) top center no-repeat;
background-size: 100%
}
.page-ndop.nd101 .hero>.contain {
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 0;
padding-right: 0;
padding-top: 6rem;
height: auto
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero>.contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd101 .hero>.contain {
padding-top: 12rem;
height: 72rem
}
}
.page-ndop.nd101 .hero h1 {
background: linear-gradient(45deg, #02CCBA 0%, #02B3E4 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
letter-spacing: 8px
}
.page-ndop.nd101 .hero h6 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero h6 {
margin-bottom: 3rem
}
}
.page-ndop.nd101 .hero .h5 {
letter-spacing: 3px
}
.page-ndop.nd101 .hero p {
padding: 0 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero p {
padding: 0
}
}
.page-ndop.nd101 .hero .button--primary {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero .button--primary {
margin-bottom: 1.5rem
}
}
.page-ndop.nd101 .hero .video__featured {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero .video__featured {
margin-bottom: 3rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd101 .hero .video__featured {
position: relative
}
}
.page-ndop.nd101 .hero .video__featured--overlay {
height: 36rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero .video__featured--overlay {
height: 39rem
}
}
.page-ndop.nd101 .hero .video__featured>.contain {
height: 36rem;
background: url(assets/video-bg-dl-foundation-89716c2e3e120dec8371c8fcb616b2158f16de37574f202548dd55091032e3a7.jpg) -280px 0px no-repeat
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero .video__featured>.contain {
height: 39rem;
background: none
}
}
.page-ndop.nd101 .hero .video__featured--bg {
box-shadow: 12px 15px 20px 0 rgba(6, 6, 8, 0.27)
}
.page-ndop.nd101 .hero .video__featured--bg::before {
background-image: linear-gradient(-50deg, #000 2%, #15223E 99%) !important;
opacity: 0.5
}
.page-ndop.nd101 .hero .video__featured .icon-video {
margin-top: 0;
margin-bottom: 1.5rem;
height: 3.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero .video__featured .icon-video {
margin-bottom: 3rem
}
}
@media screen and (min-width: 30rem) {
.page-ndop.nd101 .hero .video__featured .icon-video {
height: 6rem
}
}
.page-ndop.nd101 .hero .status {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd101 .hero .status:last-child {
margin-right: 0
}
.page-ndop.nd101 .hero .status .info {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd101 .hero .status .info:last-child {
margin-right: 0
}
.page-ndop.nd101 .hero .status .info__section {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd101 .hero .status .info__section:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-ndop.nd101 .hero .status .info__section {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop.nd101 .hero .status .info__section:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero .status .info__section {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd101 .hero .status .info__section:last-child {
margin-right: 0
}
}
.page-ndop.nd101 .hero .status .info__section p {
font-size: 2rem
}
@media screen and (min-width: 30rem) {
.page-ndop.nd101 .hero .status .info__section p {
font-size: 3.75rem
}
}
.page-ndop.nd101 .hero .status .info .info-students {
display: none
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero .status .info .info-students {
display: block
}
}
.page-ndop.nd101 .hero .status .info .info-seats {
display: none
}
@media screen and (min-width: 30rem) {
.page-ndop.nd101 .hero .status .info .info-seats {
display: block
}
}
.page-ndop.nd101 .hero .status .info .info-days p {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 30rem) {
.page-ndop.nd101 .hero .status .info .info-days p {
margin-bottom: 1.5rem
}
}
.page-ndop.nd101 .hero__feature {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 1.5rem 0
}
.page-ndop.nd101 .hero__feature:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero__feature {
padding: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd101 .hero__feature {
padding: 0;
position: absolute;
top: 0
}
}
.page-ndop.nd101 .hero__feature--container {
height: 7.5rem;
margin-top: 0;
margin-bottom: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 0 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero__feature--container {
margin-bottom: 0rem
}
}
.page-ndop.nd101 .hero__feature--container:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero__feature--container {
padding: 0
}
}
.page-ndop.nd101 .hero__feature .card--instructor {
height: 7.5rem;
width: 100%;
display: block;
background-color: rgba(46, 61, 73, 0.3)
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .hero__feature .card--instructor {
height: 6rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd101 .hero__feature .card--instructor {
background-color: rgba(6, 6, 8, 0.3);
max-width: 16.875rem;
position: absolute;
z-index: 6000;
top: 2.1875rem;
left: -1.125rem
}
}
.page-ndop.nd101 .hero__feature .card--instructor img {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem
}
.page-ndop.nd101 .hero__feature .card--image {
height: 7.5rem;
width: auto;
float: left;
margin-right: 20px
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .hero__feature .card--image {
height: 6rem
}
}
.page-ndop.nd101 .hero__feature .card__content {
padding: 24px 20px;
width: 100%
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero__feature .card__content {
padding: 20px 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .hero__feature .card__content {
padding: 15px 15px
}
}
.page-ndop.nd101 .hero__feature .card__content h6 {
font-size: 0.5625rem;
line-height: 0.75rem;
margin-top: 0;
margin-bottom: 0.375rem;
letter-spacing: 1px
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero__feature .card__content h6 {
font-size: 0.5625rem;
line-height: 0.75rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .hero__feature .card__content h6 {
margin-bottom: 0.75rem
}
}
.page-ndop.nd101 .hero__feature .card__content p {
max-width: 100%
}
.page-ndop.nd101 .intro {
background-image: url(assets/hero-siraj-a1ca304e2da6d57076bf905eb69f16327c6222ee8c17284f896ec01c77c6d692.png), linear-gradient(-135deg, #2F4F66 0%, #2E4D63 3%, #020202 100%);
background-position: -620px 0, 0 0;
background-repeat: no-repeat, no-repeat
}
@media screen and (min-width: 30rem) {
.page-ndop.nd101 .intro {
background-position: -500px 0, 0 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .intro {
background-position: -300px 0, 0 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .intro {
background-position: -100px 0, 0 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd101 .intro {
background-position: top right, 0 0
}
}
.page-ndop.nd101 .intro .contain {
height: 39rem;
position: relative;
background-color: rgba(6, 6, 8, 0.6)
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .intro .contain {
background-color: rgba(6, 6, 8, 0)
}
}
.page-ndop.nd101 .intro__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd101 .intro__content:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-ndop.nd101 .intro__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop.nd101 .intro__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .intro__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop.nd101 .intro__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .intro__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop.nd101 .intro__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd101 .intro__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd101 .intro__content:last-child {
margin-right: 0
}
}
.page-ndop.nd101 .intro__content h2 {
letter-spacing: 6px
}
.page-ndop.nd101 .features {
background-color: #060608
}
.page-ndop.nd101 .features .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .features .contain {
padding-top: 7.5rem;
padding-bottom: 7.5rem
}
}
.page-ndop.nd101 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd101 .features__icon {
margin: 0 auto
}
.page-ndop.nd101 .features__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd101 .features__col:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .features__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop.nd101 .features__col:last-child {
margin-right: 0
}
.page-ndop.nd101 .features__col:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd101 .features__col:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd101 .features__col.row1 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .features__col.row1 {
margin-bottom: 4.5rem
}
}
.page-ndop.nd101 .features__col.row2 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .features__col.row2 {
float: right;
padding-top: 0
}
}
.page-ndop.nd101 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd101 .features__content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 65.5172413793%;
margin-left: 17.2413793103%
}
.page-ndop.nd101 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .features__content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd101 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd101 .features__content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 82.7586206897%
}
.page-ndop.nd101 .features__content:last-child {
margin-right: 0
}
}
.page-ndop.nd101 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .features__content span {
margin-bottom: 6.75rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd101 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%
}
.page-ndop.nd101 .features__content span:last-child {
margin-right: 0
}
}
.page-ndop.nd101 .nd-syllabus {
background-image: linear-gradient(-134deg, #2F4F66 0%, #274255 16%, #1D3240 37%, #020304 95%, #010304 96%, #010304 96%, #000 100%)
}
.page-ndop.nd101 .nd-syllabus__intro {
border: 1px solid #525c65;
background-color: transparent
}
.page-ndop.nd101 .nd-syllabus__intro h6 {
color: #02ccba
}
.page-ndop.nd101 .nd-syllabus__intro p {
color: #fff
}
.page-ndop.nd101 .nd-syllabus__intro p a {
color: #02b3e4
}
.page-ndop.nd101 .nd-syllabus .quote #icon-quote {
stroke: #7d97ad
}
.page-ndop.nd101 .nd-syllabus .quote__content .h5 {
color: #7d97ad
}
.page-ndop.nd101 .nd-syllabus .quote__content h6,
.page-ndop.nd101 .nd-syllabus .quote__content h6+p {
color: #fff
}
.page-ndop.nd101 .nd-syllabus .timeline ul li {
border-left: 1px solid #7d97ad
}
.page-ndop.nd101 .nd-syllabus .timeline ul li::after {
border: 2px solid #F95C3C;
background-color: rgba(6, 6, 8, 0.7)
}
.page-ndop.nd101 .nd-syllabus .timeline ul li div {
height: 10.5rem
}
.page-ndop.nd101 .nd-syllabus .timeline ul li h6 {
color: #757C81
}
.page-ndop.nd101 .nd-syllabus .timeline ul li h4,
.page-ndop.nd101 .nd-syllabus .timeline ul li h4+p {
color: #fff
}
.page-ndop.nd101 .nd-syllabus .more {
max-height: 42.75rem
}
@media screen and (min-width: 30rem) {
.page-ndop.nd101 .nd-syllabus .more {
max-height: 26.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .nd-syllabus .more {
max-height: 35.625rem
}
}
.page-ndop.nd101 .nd-projects {
background-color: #060608
}
.page-ndop.nd101 .nd-projects__card {
border: 1px solid #2e3d49;
background: transparent
}
.page-ndop.nd101 .nd-projects__card__content h6 {
color: #757C81
}
.page-ndop.nd101 .nd-projects__card__content h4 {
color: #02ccba
}
.page-ndop.nd101 .nd-projects__card__content p {
color: #fff
}
.page-ndop.nd101 .nd-projects .fade::before {
background: linear-gradient(to bottom, transparent 0%, #000 100%)
}
.page-ndop.nd101 .start {
background-color: #060608;
background-image: url(assets/hero-moon-83cbe2792f21f196c4163cdf0f0a5b7f66366937733a6f31daf0bb30997fc9df.png), url(assets/hero-glow-38f9d672b8f0b913fc4eb681e18b6790b56006db40f75ffa0cef5e0e6758690e.png);
background-size: 20%, 100%;
background-position: 105% 1%, bottom center;
background-repeat: no-repeat, no-repeat
}
.page-ndop.nd101 .start .h4 {
letter-spacing: 3px
}
.page-ndop.nd101 .faq {
background-color: #060608
}
.page-ndop.nd101 .faq h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .faq h2 {
margin-bottom: 4.5rem
}
}
.page-ndop.nd101 .faq .more {
position: relative;
max-height: 37.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd101 .faq .more {
max-height: 52.5rem
}
}
.page-ndop.nd101 .faq .more+[data-readmore-toggle] {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .faq .more+[data-readmore-toggle] {
margin-bottom: 4.5rem
}
}
.page-ndop.nd101 .faq .fade::before {
height: 4.5rem;
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
display: block;
z-index: 1000;
background-image: linear-gradient(-180deg, transparent 0%, #000 81%)
}
.page-ndop.nd101 .faq__list>li {
border-bottom: none;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd101 .faq__list>li {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ndop.nd101 .faq__list>li h4 {
color: #757C81
}
.page-ndop.nd101 .faq__list>li p {
color: #dbe2e8
}
.page-ndop.nd113 .nd-hero .button--primary {
background-color: white;
color: #02b3e4
}
.page-ndop.nd113 .nd-hero .video__featured--bg::before {
background-image: none
}
.page-ndop.nd113 .nd-hero__feature {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 1.5rem 0;
display: none
}
.page-ndop.nd113 .nd-hero__feature:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .nd-hero__feature {
padding: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd113 .nd-hero__feature {
display: block;
padding: 0;
position: absolute;
top: 0
}
}
.page-ndop.nd113 .nd-hero__feature--container {
height: 7.5rem;
margin-top: 0;
margin-bottom: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 0 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .nd-hero__feature--container {
margin-bottom: 0rem
}
}
.page-ndop.nd113 .nd-hero__feature--container:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .nd-hero__feature--container {
padding: 0
}
}
.page-ndop.nd113 .nd-hero__feature .card--instructor {
height: 7.5rem;
width: 100%;
display: block;
background-color: rgba(46, 61, 73, 0.3)
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .nd-hero__feature .card--instructor {
height: 6rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd113 .nd-hero__feature .card--instructor {
background-color: rgba(0, 0, 0, 0.3);
max-width: 16.875rem;
position: absolute;
z-index: 7001;
top: 2.1875rem;
left: -1.125rem
}
}
.page-ndop.nd113 .nd-hero__feature .card--instructor img {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem
}
.page-ndop.nd113 .nd-hero__feature .card--image {
height: 7.5rem;
width: auto;
float: left;
margin-right: 20px
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .nd-hero__feature .card--image {
height: 6rem
}
}
.page-ndop.nd113 .nd-hero__feature .card__content {
padding: 24px 20px;
width: 100%
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .nd-hero__feature .card__content {
padding: 20px 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .nd-hero__feature .card__content {
padding: 12px 15px
}
}
.page-ndop.nd113 .nd-hero__feature .card__content h6 {
font-size: 0.5625rem;
line-height: 0.75rem;
margin-top: 0;
margin-bottom: 0.375rem;
letter-spacing: 1px
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .nd-hero__feature .card__content h6 {
font-size: 0.5625rem;
line-height: 0.75rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .nd-hero__feature .card__content h6 {
margin-bottom: 0.75rem
}
}
.page-ndop.nd113 .nd-hero__feature .card__content p {
max-width: 100%
}
.page-ndop.nd113 .nd-why::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(2, 204, 186, 0.05);
transform-origin: left bottom;
position: absolute;
top: 44%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd113 .nd-why::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(169, 81, 237, 0.05);
transform-origin: bottom right;
position: absolute;
top: 60%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop.nd113 .featured-celebrity .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .featured-celebrity .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-ndop.nd113 .featured-celebrity__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
border-radius: 0.375rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.page-ndop.nd113 .featured-celebrity__container:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .featured-celebrity__container {
height: 25.5rem
}
}
.page-ndop.nd113 .featured-celebrity__container--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 2.25rem;
border-radius: 0 0 0.375rem 0.375rem
}
.page-ndop.nd113 .featured-celebrity__container--content:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .featured-celebrity__container--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 50%;
border-radius: 0 0.375rem 0.375rem 0
}
.page-ndop.nd113 .featured-celebrity__container--content:last-child {
margin-right: 0
}
}
.page-ndop.nd113 .featured-celebrity__container--image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-right: 0;
border-radius: 0.375rem 0.375rem 0 0
}
.page-ndop.nd113 .featured-celebrity__container--image:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .featured-celebrity__container--image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
width: 50%;
margin-right: 0;
border-radius: 0.375rem 0 0 0.375rem
}
.page-ndop.nd113 .featured-celebrity__container--image:last-child {
margin-right: 0
}
}
.page-ndop.nd113 .featured-celebrity__container--image .play_bg {
position: relative;
top: 6.25rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .featured-celebrity__container--image .play_bg {
top: 12.5rem
}
}
.page-ndop.nd113 .featured-celebrity__container--image.guest {
background-image: url(assets/featured-celebrity-danica-734b3d5d8d4a7e5b4c31bfe6285512b76b3ccb9dc8dd62364df5e4c06e9d03df.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 15rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .featured-celebrity__container--image.guest {
height: 25.5rem
}
}
.page-ndop.nd113 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd113 .features__icon {
margin: 0 auto
}
.page-ndop.nd113 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd113 .features__col-short:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd113 .features__col-short:last-child {
margin-right: 0
}
.page-ndop.nd113 .features__col-short:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd113 .features__col-short:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd113 .features__col-short.row1 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-short.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-short.row1 {
padding-bottom: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-short.row2 {
float: right
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-short.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd113 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd113 .features__col-wide:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-ndop.nd113 .features__col-wide:last-child {
margin-right: 0
}
.page-ndop.nd113 .features__col-wide:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd113 .features__col-wide:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd113 .features__col-wide.row1 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-wide.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-wide.row1 {
padding-bottom: 0
}
}
.page-ndop.nd113 .features__col-wide.row2 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-wide.row2 {
float: right;
padding-top: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__col-wide.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd113 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd113 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 70.5882352941%;
margin-left: 14.7058823529%
}
.page-ndop.nd113 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd113 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd113 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%
}
.page-ndop.nd113 .features__content:last-child {
margin-right: 0
}
}
.page-ndop.nd113 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__content span {
margin-bottom: 5.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd113 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%;
margin-top: -14px
}
.page-ndop.nd113 .features__content span:last-child {
margin-right: 0
}
}
.page-ndop.nd113 .features__content p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd113 .features__content p {
margin-bottom: 3rem
}
}
.page-ndop.nd113 .nd-instructors {
background-color: #fafbfc
}
.page-ndop.nd113 .nd-syllabus-term {
position: relative
}
.page-ndop.nd113 .nd-syllabus-term::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(2, 204, 186, 0.05);
transform-origin: left bottom;
position: absolute;
top: 30%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd113 .nd-syllabus-term::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(169, 81, 237, 0.05);
transform-origin: bottom right;
position: absolute;
top: 24%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop.nd113 .nd-pricing {
background-image: none;
position: relative
}
.page-ndop.nd113 .nd-pricing::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(2, 204, 186, 0.05);
transform-origin: left bottom;
position: absolute;
top: 40%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd113 .nd-pricing::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(169, 81, 237, 0.05);
transform-origin: bottom right;
position: absolute;
top: 55%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop.nd113 .related-nd {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
.page-ndop.nd113 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 14.5rem;
position: relative
}
.page-ndop.nd113 .related-nd .related-card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop.nd113 .related-nd .related-card:last-child {
margin-right: 0
}
}
.page-ndop.nd113 .related-nd .related-card__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd113 .related-nd .related-card__content h3 {
margin-bottom: 0.5rem
}
.page-ndop.nd113 .related-nd .related-card__content h6 {
margin-bottom: 1rem
}
.page-ndop.nd113 .related-nd .related-card__content--banner1 {
background-image: linear-gradient(to right, #02b3e4, #02ccba)
}
.page-ndop.nd113 .related-nd .related-card__content--banner2 {
background-image: linear-gradient(to right, #a951ed, #ff5483)
}
.page-ndop.nd113 .related-nd .related-card__content--banner3 {
background-image: linear-gradient(to right, #6586FC, #A151ED)
}
.page-ndop.nd113 .related-nd .related-card__content--banner1,
.page-ndop.nd113 .related-nd .related-card__content--banner2,
.page-ndop.nd113 .related-nd .related-card__content--banner3 {
border-radius: 0 0 0.375rem 0.375rem;
position: absolute;
bottom: -4rem;
width: 100%;
height: 2rem
}
.page-ndop.nd113 .related-nd .related-card__content--banner1 img,
.page-ndop.nd113 .related-nd .related-card__content--banner1 p,
.page-ndop.nd113 .related-nd .related-card__content--banner2 img,
.page-ndop.nd113 .related-nd .related-card__content--banner2 p,
.page-ndop.nd113 .related-nd .related-card__content--banner3 img,
.page-ndop.nd113 .related-nd .related-card__content--banner3 p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd113 .related-nd .related-card__content--banner1 img,
.page-ndop.nd113 .related-nd .related-card__content--banner2 img,
.page-ndop.nd113 .related-nd .related-card__content--banner3 img {
top: 7px;
padding: 0 12px 0 32px
}
.page-ndop.nd113 .related-nd .related-card__flag {
position: absolute;
left: 0;
top: 1rem;
line-height: 1.75rem;
padding: 0 3.75rem 0 2rem;
background-color: #7d97ad
}
.page-ndop.nd113 .related-nd .related-card__flag::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.75rem 1rem 0 0;
border-color: #7d97ad transparent transparent transparent
}
.page-ndop.nd113 .related-nd .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 3rem;
margin: 2.25rem 0
}
.page-ndop.nd113 .related-nd .divider:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .related-nd .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%;
height: 14.5rem;
margin: 0
}
.page-ndop.nd113 .related-nd .divider:last-child {
margin-right: 0
}
}
.page-ndop.nd113 .related-nd .divider .transition-dots {
transform: rotate(270deg);
height: 1.875rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd113 .related-nd .divider .transition-dots {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: rotate(180deg)
}
}
.page-ndop.nd113 .nd-cta-bottom {
background: url(assets/bg-cta-bottom-66572980ec28fa51e50094e467c3b9253bdd32d30124cb9b0dfbbe3f81a26183.jpg) center center no-repeat;
background-size: cover
}
.page-ndop.nd114 .nd-hero .button--primary {
background-color: white;
color: #02b3e4
}
.page-ndop.nd114 .nd-partners {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .nd-partners {
margin-bottom: 6rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .nd-partners {
margin-top: 0;
margin-bottom: 13.5rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-ndop.nd114 .nd-partners {
margin-bottom: 27rem
}
}
.page-ndop.nd114 .nd-why::after,
.page-ndop.nd114 .nd-why::before {
background: none
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .nd-why::before {
content: '';
width: 65.4375rem;
height: 58.4375rem;
position: absolute;
left: 0;
right: 0;
top: -37.5rem;
margin: auto;
background: url(assets/why-nd-bg-70968f91519bf3e5cb623ef5ee9b19416aa429b5b5857facc82ed155201f3178.png) no-repeat center top;
background-size: 100%;
transform: none
}
}
.page-ndop.nd114 .nd-why__stat .card {
border-top: 3px solid #02ccba
}
.page-ndop.nd114 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd114 .features__icon {
margin: 0 auto
}
.page-ndop.nd114 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd114 .features__col-short:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd114 .features__col-short:last-child {
margin-right: 0
}
.page-ndop.nd114 .features__col-short:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd114 .features__col-short:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd114 .features__col-short.row1 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-short.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-short.row1 {
padding-bottom: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-short.row2 {
float: right
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-short.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd114 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd114 .features__col-wide:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-ndop.nd114 .features__col-wide:last-child {
margin-right: 0
}
.page-ndop.nd114 .features__col-wide:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd114 .features__col-wide:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd114 .features__col-wide.row1 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-wide.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-wide.row1 {
padding-bottom: 0
}
}
.page-ndop.nd114 .features__col-wide.row2 {
padding-top: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-wide.row2 {
float: right;
padding-top: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__col-wide.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd114 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd114 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 70.5882352941%;
margin-left: 14.7058823529%
}
.page-ndop.nd114 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd114 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd114 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%
}
.page-ndop.nd114 .features__content:last-child {
margin-right: 0
}
}
.page-ndop.nd114 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__content span {
margin-bottom: 5.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd114 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%;
margin-top: -14px
}
.page-ndop.nd114 .features__content span:last-child {
margin-right: 0
}
}
.page-ndop.nd114 .features__content p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd114 .features__content p {
margin-bottom: 3rem
}
}
.page-ndop.nd114 .nd-instructors::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(2, 204, 186, 0.05);
transform-origin: left bottom;
position: absolute;
top: 70%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd114 .nd-instructors::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(145, 218, 238, 0.05);
transform-origin: bottom right;
position: absolute;
top: 40%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .nd-instructors .scroll_cards {
display: flex;
margin: 0 auto
}
}
.page-ndop.nd114.nd114 .nd-syllabus-term__cards:nth-child(1) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-01@2x-e92779a207d059f51cbae9e8f93042dd6dd8e5491f11cfdeab10d9bda92339fa.jpg) center center/cover no-repeat
}
.page-ndop.nd114.nd114 .nd-syllabus-term__cards:nth-child(2) .nd-syllabus-term__header__image {
background: url(assets/image-syllabus-02@2x-72d77a696271be8cb7971f686957d4a327fd10c439c6d1c97aa3451ef362bb8b.jpg) center center/cover no-repeat
}
.page-ndop.nd114 .related-nd {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
.page-ndop.nd114 .related-nd__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-bottom: 1.5rem
}
.page-ndop.nd114 .related-nd__container:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .related-nd__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop.nd114 .related-nd__container:last-child {
margin-right: 0
}
}
.page-ndop.nd114 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 14.5rem;
position: relative
}
.page-ndop.nd114 .related-nd .related-card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-ndop.nd114 .related-nd .related-card:last-child {
margin-right: 0
}
}
.page-ndop.nd114 .related-nd .related-card__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd114 .related-nd .related-card__content h3 {
margin-bottom: 0.5rem
}
.page-ndop.nd114 .related-nd .related-card__content h6 {
margin-bottom: 1rem
}
.page-ndop.nd114 .related-nd .related-card__content--banner {
background-image: linear-gradient(to right, #a951ed, #ff5483);
border-radius: 0 0 0.375rem 0.375rem;
position: absolute;
bottom: -4rem;
width: 100%;
height: 2rem
}
.page-ndop.nd114 .related-nd .related-card__content--banner img,
.page-ndop.nd114 .related-nd .related-card__content--banner p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd114 .related-nd .related-card__content--banner img {
top: 7px;
padding: 0 12px 0 32px
}
.page-ndop.nd114 .nd-pricing .card:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
.page-ndop.nd114 .nd-pricing .card:hover.primary {
border: 2px solid #02b3e4
}
.page-ndop.nd114 .nd-pricing .card:hover.secondary {
border: 2px solid #02b3e4
}
@media screen and (min-width: 48rem) {
.page-ndop.nd114 .nd-pricing .card.secondary .card--pricing__header {
border-bottom: 2px solid #02b3e4
}
}
.page-ndop.nd114 .nd-pricing .card.secondary .card__flag {
color: #02b3e4;
background-color: rgba(145, 218, 238, 0.3)
}
.page-ndop.nd114 .nd-pricing .card.secondary .card__flag::after {
border-color: rgba(145, 218, 238, 0.3) transparent transparent transparent
}
.page-ndop.nd114 .nd-pricing .card.secondary .card__triangle::after {
background: linear-gradient(0deg, #02ccba 0%, #02b3e4 100%)
}
.page-ndop.nd114 .nd-pricing .card.secondary .card__price {
color: #02b3e4
}
.page-ndop.nd114 .nd-pricing .card.secondary.selected {
border: 2px solid #02b3e4
}
.page-ndop.nd114 .nd-cta-bottom {
background: url(assets/bg-cta-bottom-36e5e2db4ec8228b536341261960e3254841276e1ed037038e0f28d36b5e85b4.jpg) center center no-repeat;
background-size: cover
}
.page-ndop.nd209 .nd-hero .video__featured--bg::before {
opacity: 1;
background-image: none
}
.page-ndop.nd209 .nd-hero.video__featured::before {
height: 57rem;
content: '';
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 8%, #fff 76%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 8%, #fff 76%), url(assets/bg-circuit-06de2d785ac52f3ec06fa01bcbaf03922bc553a62c65d7aae8a5118353127171.png);
background-position: 0 0, left bottom, 0 0;
background-size: 1px 160px, 1px 300px, auto auto;
background-repeat: repeat-x, repeat-x, repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd209 .nd-why::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(236, 200, 26, 0.05);
transform-origin: left bottom;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd209 .nd-why::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(236, 200, 26, 0.03);
transform-origin: bottom right;
position: absolute;
top: 67%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
@media screen and (min-width: 62rem) {
.page-ndop.nd209 .nd-why {
background: url(assets/bg-circuit-rounded-0a29de97b8f7a8708e78296403ab84fac3221b31bac51c464e43c3e414b63adf.png) bottom 440px no-repeat;
z-index: -1000
}
}
.page-ndop.nd209 .nd-why #path {
stroke: #ffae0c
}
.page-ndop.nd209 .nd-syllabus-term:before {
height: 60rem;
content: '';
background-image: linear-gradient(to bottom, rgba(236, 200, 26, 0.05) 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd209 .nd-selling__col {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd209 .nd-selling__col {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd209 .nd-selling__col {
height: 27rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-ndop.nd209 .nd-selling__col:last-child {
margin-right: 0
}
.page-ndop.nd209 .nd-selling__col:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd209 .nd-selling__col:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd209 .nd-selling__col {
height: 31.5rem
}
}
.page-ndop.nd209 .nd-selling video,
.page-ndop.nd209 .nd-selling img {
max-height: 12rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd209 .nd-selling video,
.page-ndop.nd209 .nd-selling img {
max-height: 15rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd209 .nd-selling video,
.page-ndop.nd209 .nd-selling img {
max-height: 21rem
}
}
@media screen and (min-width: 30rem) {
.page-ndop.nd209 .nd-selling__content {
padding-left: 60px;
padding-right: 60px
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd209 .nd-selling__content {
padding-left: 120px;
padding-right: 120px
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd209 .nd-selling__content {
padding-left: 60px;
padding-right: 60px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd209 .nd-selling__content {
padding-left: 100px;
padding-right: 100px
}
}
.page-ndop.nd209 .nd-selling .image {
text-align: center;
padding-left: 0;
padding-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd209 .nd-selling .image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop.nd209 .nd-selling .image:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd209 .nd-selling .image.right {
float: right !important
}
}
.page-ndop.nd209 .nd-selling .image--arm {
margin: 0 auto;
box-shadow: 16px 24px 0 0 #E0CFD4, 0px 1px 20px 0px rgba(46, 61, 73, 0.2)
}
.page-ndop.nd209 .nd-selling .image--drones {
margin: 0 auto;
box-shadow: -16px 24px 0 0 #dee7ef, 0px 1px 20px 0px rgba(46, 61, 73, 0.2)
}
.page-ndop.nd209 .container--gradient {
background-image: linear-gradient(224deg, #F4F4EF 0%, #FAFBFC 100%)
}
.page-ndop.nd801 .nd-hiring-partners {
background: none;
border: none
}
.page-ndop.nd801 .nd-hiring-partners .contain {
padding-top: 0;
padding-bottom: 0
}
.page-ndop.nd801 .nd-why::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-ndop.nd801 .nd-why::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(145, 218, 238, 0.1);
transform-origin: bottom right;
position: absolute;
top: -17%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-ndop.nd801 .nd-why__stat .card {
border-top: 3px solid #15c26b
}
.page-ndop.nd801 .nd-pricing {
background: none
}
.page-ndop.nd801 .features__images {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__images {
margin-bottom: 0rem
}
}
.page-ndop.nd801 .features__icon {
margin: 0 auto
}
.page-ndop.nd801 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd801 .features__col-short:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__col-short {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd801 .features__col-short:last-child {
margin-right: 0
}
.page-ndop.nd801 .features__col-short:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd801 .features__col-short:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd801 .features__col-short.row1 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__col-short.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__col-short.row2 {
float: right
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__col-short.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd801 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd801 .features__col-wide:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__col-wide {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-ndop.nd801 .features__col-wide:last-child {
margin-right: 0
}
.page-ndop.nd801 .features__col-wide:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd801 .features__col-wide:nth-child(2n+1) {
clear: left
}
}
.page-ndop.nd801 .features__col-wide.row1 {
margin-top: 0;
margin-bottom: 0rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__col-wide.row1 {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__col-wide.row1 {
padding-bottom: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__col-wide.row2 {
float: right
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__col-wide.shift-lg {
margin-left: 8.4745762712%
}
}
.page-ndop.nd801 .features__content {
text-align: center
}
@media screen and (min-width: 30rem) {
.page-ndop.nd801 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 70.5882352941%;
margin-left: 14.7058823529%
}
.page-ndop.nd801 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%;
margin-left: 0%;
text-align: left
}
.page-ndop.nd801 .features__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd801 .features__content {
float: left;
display: block;
margin-right: 2.9411764706%;
width: 100%
}
.page-ndop.nd801 .features__content:last-child {
margin-right: 0
}
}
.page-ndop.nd801 .features__content span {
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
text-align: center
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__content span {
margin-bottom: 5.25rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .features__content span {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-ndop.nd801 .features__content span:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__content span {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 16.6666666667%;
margin-top: -14px
}
.page-ndop.nd801 .features__content span:last-child {
margin-right: 0
}
}
.page-ndop.nd801 .features__content p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .features__content p {
margin-bottom: 3rem
}
}
.page-ndop.nd801 .nd-syllabus-term::before {
height: 150rem;
content: '';
background-image: linear-gradient(to bottom, #F4F4EF 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-ndop.nd801 .featured-students {
position: relative
}
.page-ndop.nd801 .featured-students__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ndop.nd801 .featured-students__content:last-child {
margin-right: 0
}
.page-ndop.nd801 .featured-students .flip-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
display: inline-block;
perspective: 1000px
}
.page-ndop.nd801 .featured-students .flip-container:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .featured-students .flip-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ndop.nd801 .featured-students .flip-container:last-child {
margin-right: 0
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(2n) {
margin-right: 0
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .featured-students .flip-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-ndop.nd801 .featured-students .flip-container:last-child {
margin-right: 0
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(2n+1) {
clear: none
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(3n) {
margin-right: 0
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd801 .featured-students .flip-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-ndop.nd801 .featured-students .flip-container:last-child {
margin-right: 0
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(3n) {
margin-right: 1.6949152542%
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(3n+1) {
clear: none
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(4) {
margin-right: 0
}
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(1) .story-front,
.page-ndop.nd801 .featured-students .flip-container:nth-child(1) .story-back {
border-top: 3px solid #02b3e4
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(2) .story-front,
.page-ndop.nd801 .featured-students .flip-container:nth-child(2) .story-back {
border-top: 3px solid #a951ed
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(3) .story-front,
.page-ndop.nd801 .featured-students .flip-container:nth-child(3) .story-back {
border-top: 3px solid #02ccba
}
.page-ndop.nd801 .featured-students .flip-container:nth-child(4) .story-front,
.page-ndop.nd801 .featured-students .flip-container:nth-child(4) .story-back {
border-top: 3px solid #ffa234
}
.page-ndop.nd801 .featured-students .flip-container.flip .flipper {
transform: rotateY(180deg)
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .featured-students .flip-container.flip .flipper {
transform: none
}
.page-ndop.nd801 .featured-students .flip-container:hover .flipper,
.page-ndop.nd801 .featured-students .flip-container.hover .flipper {
transform: rotateY(180deg)
}
}
.page-ndop.nd801 .featured-students .flip-container .flipper {
display: inline-block;
position: relative;
transition: 0.6s;
transform-style: preserve-3d
}
.page-ndop.nd801 .featured-students .flip-container .story-front,
.page-ndop.nd801 .featured-students .flip-container .story-back {
height: 21rem;
background-color: #fff;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
border-radius: 0.375rem;
display: inline-block;
text-align: center;
width: 17.5625rem;
margin-bottom: 3rem
}
@media screen and (min-width: 62rem) {
.page-ndop.nd801 .featured-students .flip-container .story-front,
.page-ndop.nd801 .featured-students .flip-container .story-back {
width: 16.25rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd801 .featured-students .flip-container .story-front,
.page-ndop.nd801 .featured-students .flip-container .story-back {
width: 17.5625rem;
margin-bottom: 0
}
}
.page-ndop.nd801 .featured-students .flip-container .story-front__name,
.page-ndop.nd801 .featured-students .flip-container .story-back__name {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .featured-students .flip-container .story-front__name,
.page-ndop.nd801 .featured-students .flip-container .story-back__name {
margin-bottom: 2.25rem
}
}
.page-ndop.nd801 .featured-students .flip-container .story-front__nanodegree,
.page-ndop.nd801 .featured-students .flip-container .story-back__nanodegree {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .featured-students .flip-container .story-front__nanodegree,
.page-ndop.nd801 .featured-students .flip-container .story-back__nanodegree {
margin-bottom: 2.25rem
}
}
.page-ndop.nd801 .featured-students .flip-container .story-front__now,
.page-ndop.nd801 .featured-students .flip-container .story-back__now {
color: #dbe2e8;
overflow: hidden
}
.page-ndop.nd801 .featured-students .flip-container .story-front__now:before,
.page-ndop.nd801 .featured-students .flip-container .story-front__now:after,
.page-ndop.nd801 .featured-students .flip-container .story-back__now:before,
.page-ndop.nd801 .featured-students .flip-container .story-back__now:after {
background-color: #dbe2e8;
content: '';
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 5rem
}
.page-ndop.nd801 .featured-students .flip-container .story-front__now:before,
.page-ndop.nd801 .featured-students .flip-container .story-back__now:before {
right: 1rem
}
.page-ndop.nd801 .featured-students .flip-container .story-front__now:after,
.page-ndop.nd801 .featured-students .flip-container .story-back__now:after {
left: 1rem
}
.page-ndop.nd801 .featured-students .flip-container .story-front__company .h3,
.page-ndop.nd801 .featured-students .flip-container .story-back__company .h3 {
font-size: 1rem;
line-height: 1.75rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .featured-students .flip-container .story-front__company .h3,
.page-ndop.nd801 .featured-students .flip-container .story-back__company .h3 {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-ndop.nd801 .featured-students .flip-container .icon {
height: 3.75rem;
position: relative;
border-radius: 50%;
top: -1.5rem;
width: 3.75rem;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
margin: 0 auto
}
.page-ndop.nd801 .featured-students .flip-container .icon img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd801 .featured-students .flip-container .story-front,
.page-ndop.nd801 .featured-students .flip-container .story-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.page-ndop.nd801 .featured-students .flip-container .story-back {
left: 0;
position: absolute;
top: 0
}
.page-ndop.nd801 .featured-students .flip-container .story-back h4 {
font-size: 1.25rem;
font-weight: 300
}
.page-ndop.nd801 .featured-students .flip-container .story-back p {
padding-left: 0.75rem;
padding-right: 0.75rem
}
.page-ndop.nd801 .featured-students .flip-container .story-front {
transform: rotateY(0deg);
z-index: 2
}
.page-ndop.nd801 .featured-students .flip-container .story-back {
transform: rotateY(180deg)
}
.page-ndop.nd801 .related-nd {
background-image: linear-gradient(to right, #dbe2e8, #fafbfc)
}
.page-ndop.nd801 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 14.5rem;
position: relative
}
.page-ndop.nd801 .related-nd .related-card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .related-nd .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-ndop.nd801 .related-nd .related-card:last-child {
margin-right: 0
}
}
.page-ndop.nd801 .related-nd .related-card__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd801 .related-nd .related-card__content h3 {
margin-bottom: 0.5rem
}
.page-ndop.nd801 .related-nd .related-card__content h6 {
margin-bottom: 1rem
}
.page-ndop.nd801 .related-nd .related-card__content--banner1 {
background-image: linear-gradient(to right, #02b3e4, #02ccba)
}
.page-ndop.nd801 .related-nd .related-card__content--banner2 {
background-image: linear-gradient(to right, #a951ed, #ff5483)
}
.page-ndop.nd801 .related-nd .related-card__content--banner1,
.page-ndop.nd801 .related-nd .related-card__content--banner2 {
border-radius: 0 0 0.375rem 0.375rem;
position: absolute;
bottom: -4rem;
width: 100%;
height: 2rem
}
.page-ndop.nd801 .related-nd .related-card__content--banner1 img,
.page-ndop.nd801 .related-nd .related-card__content--banner1 p,
.page-ndop.nd801 .related-nd .related-card__content--banner2 img,
.page-ndop.nd801 .related-nd .related-card__content--banner2 p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-ndop.nd801 .related-nd .related-card__content--banner1 img,
.page-ndop.nd801 .related-nd .related-card__content--banner2 img {
top: 7px;
padding: 0 12px 0 32px
}
.page-ndop.nd801 .related-nd .related-card__flag {
position: absolute;
left: 0;
top: 1rem;
line-height: 1.75rem;
padding: 0 3.75rem 0 2rem;
background-color: #7d97ad
}
.page-ndop.nd801 .related-nd .related-card__flag::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.75rem 1rem 0 0;
border-color: #7d97ad transparent transparent transparent
}
.page-ndop.nd801 .related-nd .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 3rem;
margin: 2.25rem 0
}
.page-ndop.nd801 .related-nd .divider:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .related-nd .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%;
height: 14.5rem;
margin: 0
}
.page-ndop.nd801 .related-nd .divider:last-child {
margin-right: 0
}
}
.page-ndop.nd801 .related-nd .divider .transition-dots {
transform: rotate(90deg);
height: 1.875rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .related-nd .divider .transition-dots {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: rotate(0deg)
}
}
.page-ndop.nd801 .nd-video {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd801 .nd-video {
margin-bottom: 4.5rem
}
}
.page-ndop.nd801 .nd-cta-bottom {
background: url(assets/bg-cta-bottom-3f249418b3e43d123cf5377c83d43aa0dba7d47be9f3a5f5c377cc7c68dcd385.jpg) center center no-repeat;
background-size: cover
}
.page-ndop.nd818 .job-ready .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
text-align: center
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .job-ready .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd818 .job-ready .contain {
text-align: left
}
}
.page-ndop.nd818 .job-ready__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
position: relative;
padding: 2.25rem
}
.page-ndop.nd818 .job-ready__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .job-ready__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%;
padding: 3.75rem
}
.page-ndop.nd818 .job-ready__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd818 .job-ready__card {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-ndop.nd818 .job-ready__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd818 .job-ready__card {
margin-left: 0%
}
}
.page-ndop.nd818 .job-ready__card .icon {
height: 4.5rem;
width: 4.5rem;
border-radius: 50%;
text-align: center;
margin: -3.75rem auto 1.5rem;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2)
}
.page-ndop.nd818 .job-ready__card .icon .cert-small {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 1.95rem;
margin-left: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .job-ready__card .icon .cert-small {
height: 2.7rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .job-ready__card .icon {
height: 6rem;
width: 6rem;
margin: -6.75rem auto 3rem
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd818 .job-ready__card .icon {
display: none
}
}
.page-ndop.nd818 .job-ready__card .cert-large {
display: none
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd818 .job-ready__card .cert-large {
top: 43px;
left: 84%;
display: block;
max-width: none;
position: absolute
}
}
@media screen and (min-width: 73.75rem) {
.page-ndop.nd818 .job-ready__card--contain {
float: left;
display: block;
margin-right: 2.5641025641%;
width: 87.1794871795%
}
.page-ndop.nd818 .job-ready__card--contain:last-child {
margin-right: 0
}
}
.page-ndop.nd818 .job-ready__card--contain h4 {
font-weight: 300
}
.page-ndop.nd818 .launch .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .launch .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-ndop.nd818 .launch__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center;
padding: 1.5rem
}
.page-ndop.nd818 .launch__card:last-child {
margin-right: 0
}
.page-ndop.nd818 .launch__card .icon {
height: 4.5rem;
width: 4.5rem;
border-radius: 50%;
margin: -3.75rem auto 1.5rem;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2)
}
.page-ndop.nd818 .launch__card .icon img {
height: 3rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .launch__card .icon {
height: 6rem;
width: 6rem;
margin: -6.75rem auto 3rem
}
}
.page-ndop.nd818 .launch__card .button--primary {
width: 100%;
margin: 0 auto
}
@media screen and (min-width: 30rem) {
.page-ndop.nd818 .launch__card .button--primary {
width: 17.5rem
}
}
@media screen and (min-width: 48rem) {
.page-ndop.nd818 .launch__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%;
padding: 3.75rem
}
.page-ndop.nd818 .launch__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-ndop.nd818 .launch__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-ndop.nd818 .launch__card:last-child {
margin-right: 0
}
}
.page-ndop.nd818 .btn-wrapper {
height: 3.75rem
}
.page-facebook .hero .contain {
padding: 0
}
@media screen and (min-width: 48rem) {
.page-facebook .hero .contain {
padding-right: 1.5rem;
padding-left: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-facebook .hero .contain {
padding-right: 0;
padding-left: 0
}
}
.page-facebook .hero__background {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
height: inherit;
background-image: url(assets/hero-facebook-613a6ba6f87be3d0d05e222bdab3a40e0f0a6649d25c580e6e5c71cfd4d2d81d.jpg);
background-size: cover
}
@media screen and (min-width: 48rem) {
.page-facebook .hero__background {
padding-top: 6rem;
padding-bottom: 6rem
}
}
@media screen and (min-width: 48rem) {
.page-facebook .hero__background {
border-radius: 0.375rem
}
}
@media screen and (min-width: 48rem) {
.page-facebook .hero__background .fb-logo {
height: 4.5rem
}
}
.page-facebook .passwordless::before {
content: '';
width: 100%;
height: 1300px;
z-index: -1000;
background: #ECF3FF;
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-facebook .passwordless .contain {
position: relative
}
.page-facebook .passwordless__featured-courses {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-facebook .passwordless__featured-courses:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-facebook .passwordless__featured-courses {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-facebook .passwordless__featured-courses:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-facebook .passwordless__featured-courses {
margin-left: 0%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-facebook .passwordless__featured-courses:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-facebook .passwordless__featured-courses {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-facebook .passwordless__featured-courses:last-child {
margin-right: 0
}
}
.page-facebook .passwordless__featured-courses--card {
padding: 2.25rem 1.5rem;
margin: 0 auto;
max-width: 580px
}
@media screen and (min-width: 30rem) {
.page-facebook .passwordless__featured-courses--card {
padding: 3rem 2.25rem
}
}
@media screen and (min-width: 48rem) {
.page-facebook .passwordless__featured-courses--card {
padding: 3.75rem
}
}
@media screen and (min-width: 62rem) {
.page-facebook .passwordless__featured-courses--card {
margin: 0
}
}
.page-facebook .passwordless__featured-courses--card a {
margin-top: 1.5rem
}
.page-facebook .passwordless__featured-courses--card a:first-of-type {
margin-right: 14px
}
.page-facebook .passwordless__bullet {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-facebook .passwordless__bullet:last-child {
margin-right: 0
}
.page-facebook .passwordless__bullet--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.page-facebook .passwordless__bullet--icon:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-facebook .passwordless__bullet--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 6.7796610169%
}
.page-facebook .passwordless__bullet--icon:last-child {
margin-right: 0
}
}
.page-facebook .passwordless__bullet--text {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-facebook .passwordless__bullet--text:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-facebook .passwordless__bullet--text {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 91.5254237288%
}
.page-facebook .passwordless__bullet--text:last-child {
margin-right: 0
}
}
.page-facebook .passwordless__image {
display: none
}
@media screen and (min-width: 62rem) {
.page-facebook .passwordless__image {
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 320px;
height: 515px
}
}
@media screen and (min-width: 73.75rem) {
.page-facebook .passwordless__image {
width: 464px;
height: 747px
}
}
.page-facebook .passwordless .button--icon {
vertical-align: text-bottom;
margin: 0 0.4375rem 0 -0.4375rem
}
.page-facebook .design {
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
.page-facebook .design__icons {
display: none
}
@media screen and (min-width: 62rem) {
.page-facebook .design__icons {
display: block;
margin-top: 3rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-facebook .design__icons:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-facebook .design__icons {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-facebook .design__icons:last-child {
margin-right: 0
}
}
.page-facebook .design__icons--row:first-of-type {
margin-bottom: 0.75rem
}
@media screen and (min-width: 73.75rem) {
.page-facebook .design__icons--row:first-of-type {
margin-bottom: 1.5rem
}
}
.page-facebook .design__icons--row img {
height: 8.7rem
}
@media screen and (min-width: 73.75rem) {
.page-facebook .design__icons--row img {
height: 13.5rem
}
}
.page-facebook .design__icons--row img:first-of-type {
margin-right: 0.75rem
}
@media screen and (min-width: 73.75rem) {
.page-facebook .design__icons--row img:first-of-type {
margin-right: 1.5rem
}
}
.page-facebook .design__course {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-facebook .design__course:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-facebook .design__course {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-facebook .design__course:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-facebook .design__course {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-facebook .design__course:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-facebook .design__course {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-facebook .design__course:last-child {
margin-right: 0
}
}
.page-facebook .design__course--card {
padding: 2.25rem 1.5rem;
margin: 0 auto;
max-width: 580px
}
@media screen and (min-width: 30rem) {
.page-facebook .design__course--card {
padding: 3rem 2.25rem
}
}
@media screen and (min-width: 48rem) {
.page-facebook .design__course--card {
padding: 3.75rem
}
}
@media screen and (min-width: 62rem) {
.page-facebook .design__course--card {
margin: 0
}
}
.page-facebook .design__course--card a:first-of-type {
margin-right: 14px
}
.page-facebook .design__bullet {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-facebook .design__bullet:last-child {
margin-right: 0
}
.page-facebook .design__bullet--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.page-facebook .design__bullet--icon:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-facebook .design__bullet--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 6.7796610169%
}
.page-facebook .design__bullet--icon:last-child {
margin-right: 0
}
}
.page-facebook .design__bullet--text {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-facebook .design__bullet--text:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-facebook .design__bullet--text {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 91.5254237288%
}
.page-facebook .design__bullet--text:last-child {
margin-right: 0
}
}
.page-facebook .learn__content {
text-align: left
}
@media screen and (min-width: 48rem) {
.page-facebook .learn__content {
text-align: center
}
}
.page-facebook .learn__benefits {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-facebook .learn__benefits:last-child {
margin-right: 0
}
.page-facebook .learn__benefits--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-facebook .learn__benefits--item:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-facebook .learn__benefits--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-facebook .learn__benefits--item:last-child {
margin-right: 0
}
}
.page-facebook .learn__benefits--item .image-wrapper {
height: 6rem
}
@media screen and (min-width: 48rem) {
.page-facebook .learn__benefits--item .image-wrapper {
height: 7.5rem
}
}
.page-facebook .learn__benefits--item .image-wrapper img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 4.5rem
}
@media screen and (min-width: 48rem) {
.page-facebook .learn__benefits--item .image-wrapper img {
height: 6rem
}
}
@media screen and (min-width: 48rem) {
.page-facebook .learn__benefits--item:first-of-type img {
height: 4.5rem
}
}
.page-facebook .community {
background-image: url(assets/hero-facebook-community-6cd6588eaa5964219d8a8b3078a513bfffe52becf5f0ef5e304a448f574abf54.jpg);
background-size: cover;
text-align: left
}
@media screen and (min-width: 48rem) {
.page-facebook .community {
text-align: center
}
}
.page-facebook .community__dev {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-facebook .community__dev:last-child {
margin-right: 0
}
.page-facebook .community__dev--wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-facebook .community__dev--wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-facebook .community__dev--wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-facebook .community__dev--wrapper:last-child {
margin-right: 0
}
}
.page-facebook .community__dev--wrapper:first-of-type {
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-facebook .community__dev--wrapper:first-of-type {
margin-bottom: 0
}
}
.page-facebook .community__dev--card {
padding: 2.25rem 1.5rem;
max-width: 420px;
margin: 0 auto
}
@media screen and (min-width: 48rem) {
.page-facebook .community__dev--card {
padding: 3rem 2.25rem
}
}
@media screen and (min-width: 62rem) {
.page-facebook .community__dev--card {
padding: 3.75rem 3rem
}
}
.page-facebook .community__dev--card img {
height: 3rem
}
.page-facebook .community__dev--card p {
height: 6.75rem
}
.page-facebook .community__dev--card .fb-button {
background-color: #3B5998
}
.page-facebook .success .scroll_pane {
height: 28.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-facebook .success .scroll_pane {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-facebook .success .scroll_pane {
height: 31.5rem
}
}
.page-facebook .success.card_scroller .scroll_cards[data-cards-size="4"] {
width: 72.25rem
}
@media screen and (min-width: 48rem) {
.page-facebook .success.card_scroller .scroll_cards[data-cards-size="4"] {
width: 73.75rem
}
}
.page-facebook .success ul li {
height: 23.25rem;
float: left;
width: 17.5rem;
text-align: center;
position: relative;
display: inline-block;
background-color: #fff;
margin: 0 0.75rem 0 0;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem;
padding: 2.25rem 1.5rem
}
@media screen and (min-width: 48rem) {
.page-facebook .success ul li {
height: 25.5rem;
margin: 0 1.25rem 1.5rem 0
}
}
.page-facebook .success ul li:nth-child(5n+1) {
border-top: 3px solid #02b3e4
}
.page-facebook .success ul li:nth-child(5n+2) {
border-top: 3px solid #02ccba;
margin-top: 2.25rem
}
.page-facebook .success ul li:nth-child(5n+3) {
border-top: 3px solid #a951ed
}
.page-facebook .success ul li:nth-child(5n+4) {
border-top: 3px solid #ffae0c
}
.page-facebook .success ul li:last-child {
margin: 0;
margin-top: 2.25rem
}
.page-facebook .success ul li .quote {
color: #757C81;
font-size: 1.25rem
}
.page-facebook .success ul li:nth-child(2) .quote {
font-size: 1rem
}
.page-facebook .success ul li:nth-child(2) img {
height: 4.5rem
}
.page-facebook .jobs {
background: linear-gradient(to bottom right, #7d97ad, #2e3d49)
}
.page-facebook .jobs__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: left
}
.page-facebook .jobs__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-facebook .jobs__content {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
text-align: center
}
.page-facebook .jobs__content:last-child {
margin-right: 0
}
}
.page-facebook .jobs__cards {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-facebook .jobs__cards:last-child {
margin-right: 0
}
.page-facebook .jobs__cards .card--nanodegree {
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-facebook .jobs__cards .card--nanodegree {
margin-bottom: 0
}
}
.page-hiring-partners .hero {
background-image: url(assets/hero-hiring-partners-cd0275f959f4ff210751032603b7787b1a21a47e1d2b4bd85f7c928c8e1cf202.jpg)
}
.page-hiring-partners .hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-hiring-partners .hero__content:last-child {
margin-right: 0
}
.page-hiring-partners .hero__content--left {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center
}
.page-hiring-partners .hero__content--left:last-child {
margin-right: 0
}
.page-hiring-partners .hero__content--left p {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-hiring-partners .hero__content--left p {
margin-bottom: 1.5rem
}
}
.page-hiring-partners .hero__content--left a {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-hiring-partners .hero__content--left a {
margin-bottom: 3rem
}
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .hero__content--left {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
text-align: left;
margin-top: 2.25rem
}
.page-hiring-partners .hero__content--left:last-child {
margin-right: 0
}
}
.page-hiring-partners .hero__content--right {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-hiring-partners .hero__content--right:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .hero__content--right {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-hiring-partners .hero__content--right:last-child {
margin-right: 0
}
}
.page-hiring-partners .hero__content .partner-wrapper {
max-width: 16.875rem;
overflow: hidden;
position: relative;
height: 12rem
}
@media screen and (min-width: 30rem) {
.page-hiring-partners .hero__content .partner-wrapper {
height: 15rem;
max-width: 26.875rem
}
}
@media screen and (min-width: 48rem) {
.page-hiring-partners .hero__content .partner-wrapper {
max-width: 36.25rem;
height: 9.75rem
}
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .hero__content .partner-wrapper {
height: 20rem
}
}
.page-hiring-partners .hero__content .partner-wrapper--logo {
height: 2.25rem;
margin-left: 0.75rem;
margin-right: 0.75rem
}
@media screen and (min-width: 30rem) {
.page-hiring-partners .hero__content .partner-wrapper--logo {
height: 3rem;
margin-left: 1.5rem;
margin-right: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-hiring-partners .hero__content .partner-wrapper--logo {
height: 4.5rem
}
}
.page-hiring-partners .hero__content .animator {
position: relative;
animation: slider-xs 22s linear infinite;
animation-delay: 2s
}
@media screen and (min-width: 30rem) {
.page-hiring-partners .hero__content .animator {
animation: slider-sm 22s linear infinite
}
}
@media screen and (min-width: 48rem) {
.page-hiring-partners .hero__content .animator {
animation: slider 22s linear infinite
}
}
.page-hiring-partners .hero__content .animator--group {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
@keyframes slider-xs {
0% {
top: 0
}
5%,
10% {
top: -3rem
}
15%,
20% {
top: -6rem
}
25%,
30% {
top: -9rem
}
35%,
40% {
top: -12rem
}
45%,
50% {
top: -15rem
}
55%,
60% {
top: -18rem
}
65%,
70% {
top: -21rem
}
75%,
80% {
top: -24rem
}
85%,
90% {
top: -27rem
}
95%,
100% {
top: -30rem
}
}
@keyframes slider-sm {
0% {
top: 0
}
5%,
10% {
top: -3.75rem
}
15%,
20% {
top: -7.5rem
}
25%,
30% {
top: -11.25rem
}
35%,
40% {
top: -15rem
}
45%,
50% {
top: -18.75rem
}
55%,
60% {
top: -22.5rem
}
65%,
70% {
top: -26.25rem
}
75%,
80% {
top: -30rem
}
85%,
90% {
top: -33.75rem
}
95%,
100% {
top: -37.5rem
}
}
@keyframes slider {
0% {
top: 0
}
5%,
10% {
top: -5.25rem
}
15%,
20% {
top: -10.5rem
}
25%,
30% {
top: -15.75rem
}
35%,
40% {
top: -21rem
}
45%,
50% {
top: -26.25rem
}
55%,
60% {
top: -31.5rem
}
65%,
70% {
top: -36.75rem
}
75%,
80% {
top: -42rem
}
85%,
90% {
top: -47.25rem
}
95%,
100% {
top: -52.5rem
}
}
.page-hiring-partners .how .partner-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
border-radius: 0.375rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.page-hiring-partners .how .partner-card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-hiring-partners .how .partner-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-hiring-partners .how .partner-card:last-child {
margin-right: 0
}
}
.page-hiring-partners .how .partner-card--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 2.25rem 1.5rem
}
.page-hiring-partners .how .partner-card--content:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-hiring-partners .how .partner-card--content {
padding: 3rem
}
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .how .partner-card--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
float: right;
margin-right: 0;
width: 50%;
border-radius: 0.375rem 0 0 0.375rem
}
.page-hiring-partners .how .partner-card--content:last-child {
margin-right: 0
}
}
.page-hiring-partners .how .partner-card--portrait {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 24rem;
border-radius: 0.375rem 0.375rem 0 0;
background: url(assets/thumb-student-c041f855bf0884d9713b1618e6d1914d29b668ba4e7e912a8c45144877f5444d.jpg) center center/cover no-repeat
}
.page-hiring-partners .how .partner-card--portrait:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .how .partner-card--portrait {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
height: 46.5rem;
float: right;
margin-right: 0;
width: 50%;
border-radius: 0 0.375rem 0.375rem 0
}
.page-hiring-partners .how .partner-card--portrait:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-hiring-partners .how .partner-card--portrait {
height: 36rem
}
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .partners::before {
content: '';
width: 100%;
height: 2260px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
}
.page-hiring-partners .partners__certificate {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center
}
.page-hiring-partners .partners__certificate:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .partners__certificate {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
text-align: left
}
.page-hiring-partners .partners__certificate:last-child {
margin-right: 0
}
}
.page-hiring-partners .partners__certificate img {
height: 7.5rem
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .partners__certificate img {
height: 13.5rem;
margin-top: 6rem
}
}
.page-hiring-partners .partners__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-hiring-partners .partners__wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .partners__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-hiring-partners .partners__wrapper:last-child {
margin-right: 0
}
}
.page-hiring-partners .partners__wrapper h3 {
text-align: center
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .partners__wrapper h3 {
text-align: left
}
}
.page-hiring-partners .partners__wrapper--col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-hiring-partners .partners__wrapper--col:last-child {
margin-right: 0
}
.page-hiring-partners .partners__wrapper--col:nth-child(2n) {
margin-right: 0
}
.page-hiring-partners .partners__wrapper--col:nth-child(2n+1) {
clear: left
}
@media screen and (min-width: 48rem) {
.page-hiring-partners .partners__wrapper--col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-hiring-partners .partners__wrapper--col:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-hiring-partners .partners__wrapper--col:nth-child(2n+1) {
clear: none
}
.page-hiring-partners .partners__wrapper--col:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-hiring-partners .partners__wrapper--col {
float: left;
display: block;
margin-right: 2.5641025641%;
width: 23.0769230769%
}
.page-hiring-partners .partners__wrapper--col:last-child {
margin-right: 0
}
}
.page-ai #contain-all {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: table;
height: 100vh
}
.page-ai #contain-all::after {
clear: both;
content: "";
display: table
}
.page-ai .header {
height: 4.5rem;
display: table-header-group
}
.page-ai .footer-ai {
height: 4.5rem;
display: table-footer-group
}
.page-ai .card-ai {
max-width: 100%;
margin-left: auto;
margin-right: auto;
height: 100%;
display: table-row;
background-color: #02b3e4
}
.page-ai .card-ai::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai {
display: table;
width: 100%;
table-layout: fixed;
width: 100%
}
}
.page-ai .card-ai .outer_contain {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle
}
.page-ai .card-ai .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-ai .card-ai__hero {
display: table-cell;
width: 100%;
display: block;
overflow: hidden;
box-shadow: 0px 2px 20px 0px rgba(46, 61, 73, 0.5);
background: url(assets/hero-bg-ai-ace1760a9ad0ee24307aa261ec56e072bf15fcfbb5a737d1a8a5052a539db84a.jpg) 0 0 no-repeat;
background-size: cover
}
@media screen and (min-width: 62rem) {
.page-ai .card-ai__hero {
display: table-cell;
width: 50%;
position: relative
}
}
.page-ai .card-ai__hero--video {
height: 100%;
display: none
}
@media screen and (min-width: 62rem) {
.page-ai .card-ai__hero--video {
position: absolute;
top: 0;
left: 0;
z-index: 6000;
display: block
}
}
.page-ai .card-ai__hero--overlay {
position: relative;
top: 0;
left: 0;
padding: 20px 30px;
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay {
padding: 40px
}
}
@media screen and (min-width: 62rem) {
.page-ai .card-ai__hero--overlay {
position: absolute;
top: 0;
left: 0;
padding: 0 50px 0 60px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
height: 45rem;
z-index: 7000;
width: 100%
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-ai .card-ai__hero--overlay .overlay--description {
padding-top: 0.8125rem;
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay .overlay--description {
margin-bottom: 2.25rem
}
}
.page-ai .card-ai__hero--overlay .overlay--title {
color: #fff;
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay .overlay--title {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-ai .card-ai__hero--overlay .overlay--title {
margin-top: 0;
margin-bottom: 2.25rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay .overlay--title {
margin-bottom: 3.75rem
}
}
.page-ai .card-ai__hero--overlay .overlay--trailer .video-icon {
background: url(assets/icon-play-trailer-4e4439e3909d0b909730ae89271fb9fcfa57086bd7915b63648a125fbaafde33.svg) 0 1px no-repeat;
padding-left: 1.875rem
}
@media screen and (min-width: 62rem) {
.page-ai .card-ai__hero--overlay .overlay--trailer .video-icon {
position: absolute;
bottom: 3.75rem;
background-position: 0 3px
}
}
.page-ai .card-ai__hero--overlay .partners {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay .partners {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-ai .card-ai__hero--overlay .partners {
margin-top: 0;
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay .partners {
margin-bottom: 1.5rem
}
}
.page-ai .card-ai__hero--overlay .partners--title {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay .partners--title {
margin-bottom: 0.75rem
}
}
.page-ai .card-ai__hero--overlay .partners--icon {
height: 3.75rem;
margin: -0.625rem 0.625rem -0.625rem 0
}
@media screen and (min-width: 30rem) {
.page-ai .card-ai__hero--overlay .partners--icon {
margin: 0 1.25rem 0 0
}
}
.page-ai .card-ai__hero--overlay .partners--icon:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__hero--overlay .partners.hiring .partners--icon {
margin-bottom: 0
}
}
.page-ai .card-ai__content {
display: table-cell;
width: 100%;
display: block;
position: relative;
background-color: #fff;
box-shadow: 0px 2px 20px 0px rgba(46, 61, 73, 0.5)
}
@media screen and (min-width: 62rem) {
.page-ai .card-ai__content {
display: table-cell;
width: 50%;
height: 52.5rem
}
}
.page-ai .card-ai__content--header {
padding: 30px;
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__content--header {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__content--header {
padding: 40px
}
}
@media screen and (min-width: 73.75rem) {
.page-ai .card-ai__content--header {
padding: 40px 60px
}
}
.page-ai .card-ai__content--title {
margin-top: 0;
margin-bottom: 0.75rem;
color: #02b3e4;
line-height: 2rem
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__content--title {
margin-bottom: 0.75rem
}
}
.page-ai .card-ai__content--footer {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
background-color: #fafbfc
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai__content--footer {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.page-ai .card-ai__content--footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
}
.page-ai .card-ai .features {
display: block
}
.page-ai .card-ai .features::after {
clear: both;
content: "";
display: table
}
.page-ai .card-ai .features--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
font-size: 0.75rem;
line-height: 1.5rem
}
.page-ai .card-ai .features--item:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .features--item {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-ai .card-ai .features--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ai .card-ai .features--item:last-child {
margin-right: 0
}
.page-ai .card-ai .features--item:nth-child(2n) {
margin-right: 0
}
.page-ai .card-ai .features--item:nth-child(2n+1) {
clear: left
}
}
.page-ai .card-ai .features--item:before {
background: url(assets/icon-checkmark-green-13d2911d3df53e597366a07c6547a3c5da115b34d72192390e7584c5bf8ac377.svg) 0 4px no-repeat;
content: '';
padding-right: 22px
}
.page-ai .card-ai .session {
display: block;
padding-top: 18px;
padding-bottom: 18px;
border-top: 1px solid #dbe2e8;
border-bottom: 1px solid #dbe2e8
}
.page-ai .card-ai .session::after {
clear: both;
content: "";
display: table
}
.page-ai .card-ai .session--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-ai .card-ai .session--item:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-ai .card-ai .session--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-ai .card-ai .session--item:last-child {
margin-right: 0
}
.page-ai .card-ai .session--item:nth-child(2n) {
margin-right: 0
}
.page-ai .card-ai .session--item:nth-child(2n+1) {
clear: left
}
}
.page-ai .card-ai .session--item:first-child {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session--item:first-child {
margin-bottom: 0rem
}
}
.page-ai .card-ai .session--seats {
font-size: 1.5rem;
line-height: 2.25rem;
color: #2e3d49;
font-weight: 300
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session--seats {
font-size: 1.75rem;
line-height: 2.25rem
}
}
.page-ai .card-ai .session--label {
font-size: 0.75rem;
line-height: 1.5rem;
color: #7d97ad;
display: block
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session--label {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-ai .card-ai .session--label {
display: inline-block;
position: relative;
bottom: 0.375rem;
left: 0.5rem
}
}
.page-ai .card-ai .session .ai_countdown {
font-size: 1.5rem;
line-height: 2.25rem;
font-weight: 300;
color: #2e3d49;
margin: 0 0 -0.2em
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session .ai_countdown {
font-size: 1.5rem;
line-height: 2.25rem
}
}
@media screen and (min-width: 30rem) {
.page-ai .card-ai .session .ai_countdown {
font-size: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session .ai_countdown {
font-size: 1.75rem
}
}
.page-ai .card-ai .session .ai_countdown--labels li {
font-size: 0.75rem;
line-height: 1.5rem;
float: left;
width: 45px;
letter-spacing: 1px;
text-align: left;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session .ai_countdown--labels li {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session .ai_countdown--labels li {
width: 53px
}
}
.page-ai .card-ai .session .ai_countdown--labels li:first-child {
width: 48px
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session .ai_countdown--labels li:first-child {
width: 56px
}
}
.page-ai .card-ai .session .ai_countdown--labels li:nth-child(4) {
width: 30px
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session .ai_countdown--labels li:nth-child(4) {
width: 30px
}
}
.page-ai .card-ai .session .countdown_success {
font-size: 0.75rem;
line-height: 1.5rem;
display: none;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.page-ai .card-ai .session .countdown_success {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-ai .card-ai .session .countdown_success {
line-height: 2.25rem
}
}
.page-ai .footer-ai .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 0;
padding-right: 0
}
@media screen and (min-width: 48rem) {
.page-ai .footer-ai .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-ai .footer-ai__logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-ai .footer-ai__logo:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ai .footer-ai__logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 6.7796610169%
}
.page-ai .footer-ai__logo:last-child {
margin-right: 0
}
}
.page-ai .footer-ai__logo .logo-mark {
display: block;
margin: 0 auto;
width: 1.9375rem;
height: 1.9375rem
}
@media screen and (min-width: 73.75rem) {
.page-ai .footer-ai__logo .logo-mark {
position: relative;
left: -1.25rem
}
}
.page-ai .footer-ai__nav {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-ai .footer-ai__nav:last-child {
margin-right: 0
}
.page-ai .footer-ai__nav li {
float: left;
float: left;
display: block;
margin-right: 2.5641025641%;
width: 23.0769230769%
}
.page-ai .footer-ai__nav li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-ai .footer-ai__nav li {
float: left;
display: block;
margin-right: 2.5641025641%;
width: 10.2564102564%
}
.page-ai .footer-ai__nav li:last-child {
margin-right: 0
}
}
.page-ai .footer-ai__nav a {
color: #fff;
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-ai .footer-ai__nav a {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-ai pre {
white-space: pre-wrap;
word-wrap: break-word
}
.page-ai ol.num {
padding-left: 3rem
}
.page-ai ol li {
padding-left: 0.75rem
}
.page-drive #contain-all {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: table;
height: 100vh
}
.page-drive #contain-all::after {
clear: both;
content: "";
display: table
}
.page-drive .header {
height: 4.5rem;
display: table-header-group
}
.page-drive .footer-sdc {
height: 4.5rem;
display: table-footer-group
}
.page-drive .card-sdc {
max-width: 100%;
margin-left: auto;
margin-right: auto;
height: 100%;
display: table-row;
background-color: #02b3e4
}
.page-drive .card-sdc::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc {
display: table;
width: 100%;
table-layout: fixed;
width: 100%
}
}
.page-drive .card-sdc .outer_contain {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle
}
.page-drive .card-sdc .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-drive .card-sdc__hero {
display: table-cell;
width: 100%;
display: block;
overflow: hidden;
box-shadow: 0px 2px 20px 0px rgba(46, 61, 73, 0.5);
background: url(assets/video-bg-drive-c4a99f2503c43b51f1221de8e07b87794569e5b8ff93aa455763d25368535e00.jpg) 0 0 no-repeat;
background-size: cover
}
@media screen and (min-width: 62rem) {
.page-drive .card-sdc__hero {
display: table-cell;
width: 50%;
position: relative
}
}
.page-drive .card-sdc__hero--video {
height: 100%;
display: none
}
@media screen and (min-width: 62rem) {
.page-drive .card-sdc__hero--video {
position: absolute;
top: 0;
left: 0;
z-index: 6000;
display: block
}
}
.page-drive .card-sdc__hero--overlay {
position: relative;
top: 0;
left: 0;
padding: 20px 30px;
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay {
padding: 40px
}
}
@media screen and (min-width: 62rem) {
.page-drive .card-sdc__hero--overlay {
position: absolute;
top: 0;
left: 0;
padding: 0 50px 0 60px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
height: 45rem;
z-index: 7000;
width: 100%
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-drive .card-sdc__hero--overlay .overlay--description {
padding-top: 0.8125rem;
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay .overlay--description {
margin-bottom: 2.25rem
}
}
.page-drive .card-sdc__hero--overlay .overlay--title {
color: #fff;
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay .overlay--title {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-drive .card-sdc__hero--overlay .overlay--title {
margin-top: 0;
margin-bottom: 2.25rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay .overlay--title {
margin-bottom: 3.75rem
}
}
.page-drive .card-sdc__hero--overlay .overlay--trailer .video-icon {
background: url(assets/icon-play-trailer-4e4439e3909d0b909730ae89271fb9fcfa57086bd7915b63648a125fbaafde33.svg) 0 5px no-repeat;
padding-left: 1.875rem
}
@media screen and (min-width: 62rem) {
.page-drive .card-sdc__hero--overlay .overlay--trailer .video-icon {
position: absolute;
bottom: 3.75rem
}
}
.page-drive .card-sdc__hero--overlay .partners {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay .partners {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-drive .card-sdc__hero--overlay .partners {
margin-top: 0;
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay .partners {
margin-bottom: 1.5rem
}
}
.page-drive .card-sdc__hero--overlay .partners--title {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay .partners--title {
margin-bottom: 0.75rem
}
}
.page-drive .card-sdc__hero--overlay .partners--icon {
height: 3.75rem;
margin: -0.625rem 0.625rem -0.625rem 0
}
@media screen and (min-width: 30rem) {
.page-drive .card-sdc__hero--overlay .partners--icon {
margin: 0 1.25rem 0 0
}
}
.page-drive .card-sdc__hero--overlay .partners--icon:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__hero--overlay .partners.hiring .partners--icon {
margin-bottom: 0
}
}
.page-drive .card-sdc__content {
display: table-cell;
width: 100%;
display: block;
position: relative;
background-color: #fff;
box-shadow: 0px 2px 20px 0px rgba(46, 61, 73, 0.5)
}
@media screen and (min-width: 62rem) {
.page-drive .card-sdc__content {
display: table-cell;
width: 50%;
height: 52.5rem
}
}
.page-drive .card-sdc__content--header {
padding: 30px;
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__content--header {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__content--header {
padding: 40px
}
}
@media screen and (min-width: 73.75rem) {
.page-drive .card-sdc__content--header {
padding: 40px 60px
}
}
.page-drive .card-sdc__content--title {
margin-top: 0;
margin-bottom: 0.75rem;
color: #02b3e4;
line-height: 2rem
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__content--title {
margin-bottom: 0.75rem
}
}
.page-drive .card-sdc__content--footer {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
background-color: #fafbfc
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc__content--footer {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.page-drive .card-sdc__content--footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
}
.page-drive .card-sdc__content--footer .button--primary {
margin-bottom: 0.75rem
}
@media screen and (min-width: 30rem) {
.page-drive .card-sdc__content--footer .button--primary {
margin: 0
}
}
.page-drive .card-sdc .features {
display: block
}
.page-drive .card-sdc .features::after {
clear: both;
content: "";
display: table
}
.page-drive .card-sdc .features--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
font-size: 0.75rem;
line-height: 1.5rem
}
.page-drive .card-sdc .features--item:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc .features--item {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-drive .card-sdc .features--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-drive .card-sdc .features--item:last-child {
margin-right: 0
}
.page-drive .card-sdc .features--item:nth-child(2n) {
margin-right: 0
}
.page-drive .card-sdc .features--item:nth-child(2n+1) {
clear: left
}
}
.page-drive .card-sdc .features--item:before {
background: url(assets/icon-checkmark-green-13d2911d3df53e597366a07c6547a3c5da115b34d72192390e7584c5bf8ac377.svg) 0 4px no-repeat;
content: '';
padding-right: 35px
}
.page-drive .card-sdc .session {
display: block;
padding-top: 18px;
padding-bottom: 18px;
border-top: 1px solid #dbe2e8;
border-bottom: 1px solid #dbe2e8
}
.page-drive .card-sdc .session::after {
clear: both;
content: "";
display: table
}
.page-drive .card-sdc .session--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-drive .card-sdc .session--item:last-child {
margin-right: 0
}
.page-drive .card-sdc .session--item:nth-child(2n) {
margin-right: 0
}
.page-drive .card-sdc .session--item:nth-child(2n+1) {
clear: left
}
.page-drive .card-sdc .session--item ul {
margin: 0;
padding: 0
}
.page-drive .card-sdc .session--item ul li {
list-style-type: none;
display: inline-block;
font-size: 0.625em;
letter-spacing: 1px;
width: 20px;
margin-left: -8px;
margin-right: 16px;
text-align: center;
text-transform: uppercase
}
.page-drive .card-sdc .session--item ul li:nth-child(2),
.page-drive .card-sdc .session--item ul li:nth-child(3) {
margin-right: 11px
}
.page-drive .card-sdc .session--item ul li:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-drive .card-sdc .session--item ul li {
font-size: 0.75em;
width: 31px;
margin-left: -2px;
margin-right: 15px
}
.page-drive .card-sdc .session--item ul li:nth-child(2),
.page-drive .card-sdc .session--item ul li:nth-child(3) {
margin-right: 10px
}
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc .session--item ul li {
width: 38px
}
}
.page-drive .card-sdc .session--item #sdc_countdown {
font-size: 0.875rem;
line-height: 2.25rem;
font-weight: 300;
color: #2e3d49;
margin: 0 0 -0.2em
}
@media screen and (min-width: 30rem) {
.page-drive .card-sdc .session--item #sdc_countdown {
font-size: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc .session--item #sdc_countdown {
font-size: 1.75rem
}
}
.page-drive .card-sdc .session--item .countdown_success {
font-size: 0.75rem;
line-height: 1.5rem;
display: none;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc .session--item .countdown_success {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-drive .card-sdc .session--item .countdown_success {
line-height: 2.25rem
}
}
.page-drive .card-sdc .session--seats {
font-size: 1.5rem;
line-height: 2.25rem;
color: #2e3d49;
font-weight: 300
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc .session--seats {
font-size: 1.75rem;
line-height: 2.25rem
}
}
.page-drive .card-sdc .session--label {
font-size: 0.75rem;
line-height: 1.5rem;
color: #7d97ad;
display: block
}
@media screen and (min-width: 48rem) {
.page-drive .card-sdc .session--label {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-drive .card-sdc .session--label {
display: inline-block;
position: relative;
bottom: 0.375rem;
left: 0.5rem
}
}
.page-drive .open-house-modal {
padding: 0;
max-width: 43.75rem
}
.page-drive .open-house-modal .modal__hero {
background: url(assets/modal-bg-drive-9f0becf351416d700246d4bfa48242af805d9a540f2c113eb87cdae5376e86a2.jpg) center center no-repeat;
background-size: cover;
height: 18.75rem
}
.page-drive .open-house-modal .modal__hero--content {
padding-left: 1.375rem;
padding-right: 1.375rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-drive .open-house-modal .modal__content {
padding: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-drive .open-house-modal .modal__content {
padding: 3rem
}
}
.page-drive .open-house-modal .modal__content #notify-me-form label {
display: none
}
.page-drive .open-house-modal .modal__content #notify-me-form input[type="text"],
.page-drive .open-house-modal .modal__content #notify-me-form input[type="email"] {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-drive .open-house-modal .modal__content #notify-me-form input[type="text"]:last-child,
.page-drive .open-house-modal .modal__content #notify-me-form input[type="email"]:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-drive .open-house-modal .modal__content #notify-me-form input[type="text"],
.page-drive .open-house-modal .modal__content #notify-me-form input[type="email"] {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-drive .open-house-modal .modal__content #notify-me-form input[type="text"]:last-child,
.page-drive .open-house-modal .modal__content #notify-me-form input[type="email"]:last-child {
margin-right: 0
}
}
.page-drive .open-house-modal .modal__content #notify-me-form .form-input {
margin: 0 auto
}
.page-drive .footer-sdc .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 0;
padding-right: 0
}
@media screen and (min-width: 48rem) {
.page-drive .footer-sdc .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-drive .footer-sdc__logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-drive .footer-sdc__logo:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-drive .footer-sdc__logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 6.7796610169%
}
.page-drive .footer-sdc__logo:last-child {
margin-right: 0
}
}
.page-drive .footer-sdc__logo .logo-mark {
display: block;
margin: 0 auto;
width: 1.9375rem;
height: 1.9375rem
}
@media screen and (min-width: 73.75rem) {
.page-drive .footer-sdc__logo .logo-mark {
position: relative;
left: -1.25rem
}
}
.page-drive .footer-sdc__nav {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-drive .footer-sdc__nav:last-child {
margin-right: 0
}
.page-drive .footer-sdc__nav li {
float: left;
float: left;
display: block;
margin-right: 2.5641025641%;
width: 23.0769230769%
}
.page-drive .footer-sdc__nav li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-drive .footer-sdc__nav li {
float: left;
display: block;
margin-right: 2.5641025641%;
width: 10.2564102564%
}
.page-drive .footer-sdc__nav li:last-child {
margin-right: 0
}
}
.page-drive .footer-sdc__nav a {
color: #fff;
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-drive .footer-sdc__nav a {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-drive .faq .icon {
display: block;
margin-bottom: 0.625rem
}
@media screen and (min-width: 48rem) {
.page-drive .faq .icon {
display: inline-block;
margin-right: 1.875rem;
vertical-align: middle
}
}
.page-robotics #contain-all {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: table;
height: 100vh
}
.page-robotics #contain-all::after {
clear: both;
content: "";
display: table
}
.page-robotics .header {
height: 4.5rem;
display: table-header-group
}
.page-robotics__footer {
height: 4.5rem;
display: table-footer-group
}
.page-robotics .card-robotics {
max-width: 100%;
margin-left: auto;
margin-right: auto;
height: 100%;
display: table-row;
background-color: #fff;
-webkit-transform: translateZ(0);
transform: translateZ(0);
background: url(assets/animation-circuit-d07ea1145e190e034d70793ccf3037a0e00874c76d32837f9b2c75884e56c8f8.svg), url(assets/bg-circuit-06de2d785ac52f3ec06fa01bcbaf03922bc553a62c65d7aae8a5118353127171.png);
background-position: 0 0, 0 0;
background-repeat: repeat, repeat
}
.page-robotics .card-robotics::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics {
display: table;
width: 100%;
table-layout: fixed;
width: 100%
}
}
.page-robotics .card-robotics .outer_contain {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle
}
.page-robotics .card-robotics .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-robotics .card-robotics__hero {
display: table-cell;
width: 100%;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
display: block;
overflow: hidden;
box-shadow: 0px 2px 20px 0px rgba(46, 61, 73, 0.5);
background-image: url(assets/video-bg-robotics-24a336a48b575a62d52605cf8fff3dce07632b174b2290045d61a4ffac9eebf8.jpg);
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__hero {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0;
display: table-cell;
width: 50%;
position: relative
}
}
.page-robotics .card-robotics__hero--video {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
height: 100%;
display: none
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__hero--video {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
position: absolute;
top: 0;
left: 0;
border-top-right-radius: 0;
z-index: 6000;
display: block
}
}
.page-robotics .card-robotics__hero--video video {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__hero--video video {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0
}
}
.page-robotics .card-robotics__hero--overlay {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
position: relative;
top: 0;
left: 0;
padding: 20px 30px;
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay {
padding: 40px
}
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__hero--overlay {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
position: absolute;
top: 0;
left: 0;
padding: 0 50px 0 60px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
height: 45rem;
z-index: 7000;
width: 100%
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-robotics .card-robotics__hero--overlay .overlay--description {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay .overlay--description {
margin-bottom: 2.25rem
}
}
.page-robotics .card-robotics__hero--overlay .overlay--title {
color: #fff;
margin-top: 0;
margin-bottom: 4.5rem
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay .overlay--title {
margin-bottom: 3rem
}
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__hero--overlay .overlay--title {
margin-top: 0;
margin-bottom: 4.125rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay .overlay--title {
margin-bottom: 8.25rem
}
}
.page-robotics .card-robotics__hero--overlay .overlay--trailer .video-icon {
background: url(assets/icon-play-trailer-4e4439e3909d0b909730ae89271fb9fcfa57086bd7915b63648a125fbaafde33.svg) 0 1px no-repeat;
padding-left: 1.875rem
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__hero--overlay .overlay--trailer .video-icon {
background-position: 0 3px;
position: absolute;
bottom: 3.75rem
}
}
.page-robotics .card-robotics__hero--overlay .partners {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay .partners {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__hero--overlay .partners {
margin-top: 0;
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay .partners {
margin-bottom: 1.5rem
}
}
.page-robotics .card-robotics__hero--overlay .partners--title {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay .partners--title {
margin-bottom: 1.5rem
}
}
.page-robotics .card-robotics__hero--overlay .partners--icon {
height: 3rem;
margin: -4px 0.75rem -4px 0
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__hero--overlay .partners--icon {
height: 3.75rem;
margin: -8px 1.5rem -8px 0
}
}
@media screen and (min-width: 73.75rem) {
.page-robotics .card-robotics__hero--overlay .partners--icon {
height: 4.5rem;
margin: 0 1.5rem 0 0
}
}
.page-robotics .card-robotics__hero--overlay .partners--icon:last-child {
margin-right: 0
}
.page-robotics .card-robotics__content {
display: table-cell;
width: 100%;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
display: block;
position: relative;
background-color: #fff;
box-shadow: 0px 2px 20px 0px rgba(46, 61, 73, 0.5)
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__content {
border-bottom-right-radius: 0.375rem;
border-top-right-radius: 0.375rem;
display: table-cell;
width: 50%;
height: 52.5rem
}
}
.page-robotics .card-robotics__content--header {
padding: 30px;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__content--header {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__content--header {
padding: 40px
}
}
@media screen and (min-width: 73.75rem) {
.page-robotics .card-robotics__content--header {
padding: 60px
}
}
.page-robotics .card-robotics__content--title {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__content--title {
margin-bottom: 0.75rem
}
}
.page-robotics .card-robotics__content--footer {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
background-color: #fafbfc
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics__content--footer {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__content--footer {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0.375rem;
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
}
.page-robotics .card-robotics__content--footer .button--primary {
margin-bottom: 0.75rem
}
@media screen and (min-width: 30rem) {
.page-robotics .card-robotics__content--footer .button--primary {
margin: 0
}
}
@media screen and (min-width: 62rem) {
.page-robotics .card-robotics__content--footer .button--primary {
margin: 0 0.75rem
}
}
.page-robotics .card-robotics .features {
display: block
}
.page-robotics .card-robotics .features::after {
clear: both;
content: "";
display: table
}
.page-robotics .card-robotics .features--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
font-size: 0.75rem;
line-height: 1.5rem
}
.page-robotics .card-robotics .features--item:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics .features--item {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-robotics .card-robotics .features--item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-robotics .card-robotics .features--item:last-child {
margin-right: 0
}
.page-robotics .card-robotics .features--item:nth-child(2n) {
margin-right: 0
}
.page-robotics .card-robotics .features--item:nth-child(2n+1) {
clear: left
}
}
.page-robotics .card-robotics .features--item:before {
background: url(assets/icon-checkmark-green-13d2911d3df53e597366a07c6547a3c5da115b34d72192390e7584c5bf8ac377.svg) 0 4px no-repeat;
content: '';
padding-right: 35px
}
.page-robotics .card-robotics .session {
display: block;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
margin-top: 0;
margin-bottom: 0.75rem;
border-top: 1px solid #dbe2e8;
border-bottom: 1px solid #dbe2e8
}
.page-robotics .card-robotics .session::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics .session {
margin-bottom: 1.5rem
}
}
.page-robotics .card-robotics .session--detail {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-robotics .card-robotics .session--detail {
margin-bottom: 0rem
}
}
@media screen and (min-width: 30rem) {
.page-robotics .card-robotics .session--detail {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-robotics .card-robotics .session--detail:last-child {
margin-right: 0
}
.page-robotics .card-robotics .session--detail:first-child {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-robotics .card-robotics .session--detail:first-child:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics .session--detail {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-robotics .card-robotics .session--detail:last-child {
margin-right: 0
}
.page-robotics .card-robotics .session--detail:first-child {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-robotics .card-robotics .session--detail:first-child:last-child {
margin-right: 0
}
}
.page-robotics .card-robotics .session--detail .h4 {
font-size: 1.5rem;
line-height: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-robotics .card-robotics .session--detail .h4 {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-robotics .card-robotics .session--detail .countdown__labels li {
float: left;
width: 55px;
text-align: center
}
@media screen and (min-width: 30rem) {
.page-robotics .card-robotics .session--detail .countdown__labels li {
width: 58px
}
}
.page-robotics .card-robotics .session--detail .countdown__labels li:first-child {
width: 46px
}
@media screen and (min-width: 30rem) {
.page-robotics .card-robotics .session--detail .countdown__labels li:first-child {
width: 45px
}
}
.page-robotics .card-robotics .session--detail .countdown__success {
display: none
}
.page-robotics__footer .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 0;
padding-right: 0
}
@media screen and (min-width: 48rem) {
.page-robotics__footer .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-robotics__footer__logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-robotics__footer__logo:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-robotics__footer__logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 6.7796610169%
}
.page-robotics__footer__logo:last-child {
margin-right: 0
}
}
.page-robotics__footer__logo .logo-mark {
display: block;
margin: 0 auto;
width: 1.9375rem;
height: 1.9375rem
}
@media screen and (min-width: 73.75rem) {
.page-robotics__footer__logo .logo-mark {
position: relative;
left: -1.25rem
}
}
.page-robotics__footer__nav {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-robotics__footer__nav:last-child {
margin-right: 0
}
.page-robotics__footer__nav li {
float: left;
float: left;
display: block;
margin-right: 2.5641025641%;
width: 23.0769230769%
}
.page-robotics__footer__nav li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-robotics__footer__nav li {
float: left;
display: block;
margin-right: 2.5641025641%;
width: 10.2564102564%
}
.page-robotics__footer__nav li:last-child {
margin-right: 0
}
}
.page-robotics__footer__nav a {
color: #fff;
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-robotics__footer__nav a {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-business .hero {
background-image: url(assets/hero-business-2b8f9b1081bed454edd4ce91b19154375a872f43620507bda9b78761981e5629.jpg)
}
.page-business .product .contain {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
@media screen and (min-width: 48rem) {
.page-business .product .contain {
padding-top: 0;
background-image: none;
margin-top: -4.5rem
}
.page-business .product .contain::before {
content: '';
width: 100%;
height: 1000px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
}
.page-business .product__card {
text-align: center;
display: block;
position: relative;
background-color: #fff;
margin: 3rem auto 6rem
}
.page-business .product__card:nth-child(2) {
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-business .product__card:nth-child(2) {
margin-bottom: 6rem
}
}
@media screen and (min-width: 48rem) {
.page-business .product__card {
min-height: 24rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-business .product__card:last-child {
margin-right: 0
}
.page-business .product__card:nth-child(2n) {
margin-right: 0
}
.page-business .product__card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-business .product__card {
min-height: 21.75rem
}
}
.page-business .product__card p {
margin-left: 1.5rem;
margin-right: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-business .product__card p {
margin-left: 2.25rem;
margin-right: 2.25rem
}
}
@media screen and (min-width: 73.75rem) {
.page-business .product__card p {
margin-left: 3rem;
margin-right: 3rem
}
}
.page-business .product__card--description {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-business .product__card--description {
margin-bottom: 3rem
}
}
.page-business .product__card .icon {
height: 5.25rem;
position: relative;
border-radius: 50%;
top: -3rem;
width: 5.25rem;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
margin: 0 auto -1.5rem
}
.page-business .product__card .icon img {
height: 2.25rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-business .product__card .cta {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
width: 100%;
background-color: #fafbfc
}
@media screen and (min-width: 48rem) {
.page-business .product__card .cta {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-business .product__card .cta {
position: absolute;
bottom: 0;
left: 0
}
}
.page-business .partners__business {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.page-business .partners__business--image {
height: 3rem;
margin: auto 0.75rem
}
@media screen and (min-width: 30rem) {
.page-business .partners__business--image {
height: 3.75rem
}
}
@media screen and (min-width: 48rem) {
.page-business .partners__business--image {
height: 4.5rem;
margin: auto 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-business .contact__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-business .contact__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-business .contact__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 25.4237288136%
}
.page-business .contact__content:last-child {
margin-right: 0
}
.page-business .contact__content:nth-child(1n) {
margin-right: 0
}
.page-business .contact__content:nth-child(1n+1) {
clear: left
}
}
.page-business .contact #business_lead_form .input-container,
.page-business .contact #business_lead_form .dd-container {
position: relative
}
@media screen and (min-width: 48rem) {
.page-business .contact #business_lead_form .input-container,
.page-business .contact #business_lead_form .dd-container {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 48.275862069%
}
.page-business .contact #business_lead_form .input-container:last-child,
.page-business .contact #business_lead_form .dd-container:last-child {
margin-right: 0
}
.page-business .contact #business_lead_form .input-container:nth-child(2n),
.page-business .contact #business_lead_form .dd-container:nth-child(2n) {
margin-right: 0
}
.page-business .contact #business_lead_form .input-container:nth-child(2n+1),
.page-business .contact #business_lead_form .dd-container:nth-child(2n+1) {
clear: left
}
}
.page-business .contact #business_lead_form .dd-container {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-business .contact #business_lead_form .dd-container {
margin-bottom: 1.5rem
}
}
.page-business .contact #business_lead_form #seats_requested-dd-placeholder {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-business .contact #business_lead_form #seats_requested-dd-placeholder:last-child {
margin-right: 0
}
.page-business .contact #business_lead_form textarea {
height: 6rem
}
.page-business .contact #business_lead_form .checkbox * {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-business .contact #business_lead_form .checkbox *:last-child {
margin-right: 0
}
.page-business .contact #business_lead_form .button--primary.lg {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-business .contact #business_lead_form .button--primary.lg:last-child {
margin-right: 0
}
.page-business.corporate-training .hero {
background-image: url(assets/hero-corporate-training-7d157136e44ff008038203a6f452de14f79f7ac1baa3e8b6108a13c11a7509f2.jpg)
}
.page-business.corporate-training .hero .sentence {
position: relative;
white-space: no-wrap;
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .hero .sentence {
margin-bottom: 4.5rem
}
}
.page-business.corporate-training .hero .sentence .words {
display: block
}
@media screen and (min-width: 62rem) {
.page-business.corporate-training .hero .sentence .words {
display: inline
}
}
.page-business.corporate-training .hero .sentence .words span {
opacity: 0;
overflow: hidden;
position: absolute;
font-weight: 600
}
@media screen and (min-width: 62rem) {
.page-business.corporate-training .hero .sentence .words span {
text-indent: 8px
}
}
.page-business.corporate-training .hero h2 {
font-size: 1rem;
line-height: 1.75rem
}
@media screen and (min-width: 30rem) {
.page-business.corporate-training .hero h2 {
font-size: 1.5rem;
line-height: 2.25rem
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .hero h2 {
font-size: 2rem;
line-height: 2.5rem
}
}
.page-business.corporate-training .words-1 span {
animation: firstWord 16s linear infinite 0s
}
.page-business.corporate-training .words-2 span {
animation: secondWord 16s linear infinite 0s
}
.page-business.corporate-training .words span:nth-child(2) {
animation-delay: 4s
}
.page-business.corporate-training .words span:nth-child(3) {
animation-delay: 8s
}
.page-business.corporate-training .words span:nth-child(4) {
animation-delay: 12s
}
@keyframes firstWord {
0% {
opacity: 0;
height: 0;
animation-timing-function: ease-in
}
8% {
opacity: 1;
height: 100%
}
19% {
opacity: 1;
height: 100%
}
25% {
opacity: 0;
height: 100%
}
100% {
opacity: 0
}
}
@keyframes secondWord {
0% {
opacity: 0;
height: 0;
animation-timing-function: ease-in
}
10% {
opacity: 1;
height: 0
}
20% {
opacity: 1;
height: 100%
}
27% {
opacity: 0;
height: 100%
}
100% {
opacity: 0
}
}
.page-business.corporate-training .skills .contain {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .skills .contain {
background-image: none
}
.page-business.corporate-training .skills .contain::before {
content: '';
width: 100%;
height: 1500px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
}
.page-business.corporate-training .skills__content {
display: block;
margin-top: 0;
margin-bottom: 1.5rem
}
.page-business.corporate-training .skills__content::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .skills__content {
margin-bottom: 2.25rem
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .skills__content {
display: flex;
justify-content: center
}
}
.page-business.corporate-training .skills__column {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-business.corporate-training .skills__column:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-business.corporate-training .skills__column {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-business.corporate-training .skills__column:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .skills__column {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%;
margin-left: 0%
}
.page-business.corporate-training .skills__column:last-child {
margin-right: 0
}
}
.page-business.corporate-training .skills__column h6 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
margin-bottom: 0;
color: #02ccba
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .skills__column h6 {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
}
.page-business.corporate-training .skills__card {
height: 4.5rem;
font-size: 0.875rem;
line-height: 1.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
margin-top: 0;
margin-bottom: 0.75rem;
display: block;
position: relative;
text-align: center;
box-shadow: 5px 5px 10px 0 rgba(46, 61, 73, 0.05)
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .skills__card {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .skills__card {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .skills__card {
margin-bottom: 0.75rem
}
}
.page-business.corporate-training .training__cards {
display: block
}
.page-business.corporate-training .training__cards::after {
clear: both;
content: "";
display: table
}
.page-business.corporate-training .training__content {
padding: 2.25rem;
padding-top: 0;
display: block
}
.page-business.corporate-training .training__content::after {
clear: both;
content: "";
display: table
}
.page-business.corporate-training .training__content--description {
font-size: 0.875rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-business.corporate-training .training__content--description {
font-size: 1rem;
line-height: 1.75rem
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .training__content--description {
margin-bottom: 1.5rem
}
}
.page-business.corporate-training .training__content .checks {
margin: 0 auto
}
@media screen and (min-width: 30rem) {
.page-business.corporate-training .training__content .checks {
max-width: 80%
}
}
@media screen and (min-width: 62rem) {
.page-business.corporate-training .training__content .checks {
max-width: 80%
}
}
@media screen and (min-width: 73.75rem) {
.page-business.corporate-training .training__content .checks {
max-width: 62%
}
}
.page-business.corporate-training .training__content .checks li {
margin-top: 0;
margin-bottom: 0.75rem;
font-size: 0.875rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .training__content .checks li {
margin-bottom: 0.5rem
}
}
@media screen and (min-width: 62rem) {
.page-business.corporate-training .training__content .checks li {
font-size: 1rem;
line-height: 1.75rem
}
}
.page-business.corporate-training .training__content .checks li:last-child {
margin-bottom: 0
}
.page-business.corporate-training .training__card {
display: block;
position: relative;
margin: 4.5rem auto
}
@media screen and (min-width: 30rem) {
.page-business.corporate-training .training__card {
margin: 3rem auto;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-business.corporate-training .training__card:last-child {
margin-right: 0
}
.page-business.corporate-training .training__card:nth-child(1n) {
margin-right: 0
}
.page-business.corporate-training .training__card:nth-child(1n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .training__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%;
margin-bottom: 0
}
.page-business.corporate-training .training__card:last-child {
margin-right: 0
}
.page-business.corporate-training .training__card:nth-child(1n) {
margin-right: 1.6949152542%
}
.page-business.corporate-training .training__card:nth-child(1n+1) {
clear: none
}
.page-business.corporate-training .training__card:nth-child(2n) {
margin-right: 0
}
.page-business.corporate-training .training__card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-business.corporate-training .training__card {
margin-bottom: 0;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-business.corporate-training .training__card:last-child {
margin-right: 0
}
.page-business.corporate-training .training__card:first-child {
margin-left: 8.4745762712%
}
}
.page-business.corporate-training .training__card .icon {
height: 5.25rem;
position: relative;
text-align: center;
border-radius: 50%;
top: -3rem;
width: 5.25rem;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
margin: 0 auto -1.5rem
}
.page-business.corporate-training .training__card .icon img {
height: 2.25rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-business.corporate-training .training__card .cta {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
width: 100%;
background-color: #fafbfc
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .training__card .cta {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-business.corporate-training .demo {
position: relative
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .contain::before {
content: '';
width: 100%;
height: 820px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
}
.page-business.corporate-training .demo .contain.clients {
padding-top: 0
}
.page-business.corporate-training .demo__card {
display: block;
position: relative
}
@media screen and (min-width: 30rem) {
.page-business.corporate-training .demo__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-business.corporate-training .demo__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 25.4237288136%
}
.page-business.corporate-training .demo__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-business.corporate-training .demo__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-left: 33.8983050847%
}
.page-business.corporate-training .demo__card:last-child {
margin-right: 0
}
}
.page-business.corporate-training .demo__card header {
height: 9.75rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
padding: 2.25rem;
margin-bottom: 0;
background: url(assets/hero-demo-panda-bd075df1fad7ea83e712ae510f628c18bf8a2bac051fdc6a75489012f547e419.jpg) 0 0 no-repeat;
background-size: cover
}
.page-business.corporate-training .demo__card header h4 {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-business.corporate-training .demo__card--content {
padding: 2.25rem
}
.page-business.corporate-training .demo__card--content .text-only {
text-align: right;
width: 100%
}
.page-business.corporate-training .demo .videos__column {
height: 12rem;
margin-top: 0;
margin-bottom: 1.5rem;
display: block;
position: relative;
background: url(assets/video-bg-01-a7fd9c56fcc8235c5843efb6b2583bcc2128540bcbdc0585eb56498f024d8ba3.jpg) 0 0 no-repeat;
background-size: cover
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .videos__column {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-business.corporate-training .demo .videos__column {
height: 16.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-business.corporate-training .demo .videos__column:last-child {
margin-right: 0
}
.page-business.corporate-training .demo .videos__column:nth-child(2n) {
margin-right: 0
}
.page-business.corporate-training .demo .videos__column:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .videos__column {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%;
height: 21rem
}
.page-business.corporate-training .demo .videos__column:last-child {
margin-right: 0
}
.page-business.corporate-training .demo .videos__column:nth-last-child(-n+2) {
margin-bottom: 0
}
}
.page-business.corporate-training .demo .videos__column:nth-child(2) {
background-image: url(assets/video-bg-02-bd1cf600165842e6860e1a030689df20b23b1fd21c05d7e5d83ca727818f912d.jpg)
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .videos__column:nth-child(2) {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-business.corporate-training .demo .videos__column:nth-child(2):last-child {
margin-right: 0
}
.page-business.corporate-training .demo .videos__column:nth-child(2):nth-child(2n) {
margin-right: 0
}
.page-business.corporate-training .demo .videos__column:nth-child(2):nth-child(2n+1) {
clear: left
}
}
.page-business.corporate-training .demo .videos__column:nth-child(3) {
background-image: url(assets/video-bg-03-85fed404a8d9088336a118e264ffc3812bd328e60dc2fd5a3eff2c4499107016.jpg)
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .videos__column:nth-child(3) {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-business.corporate-training .demo .videos__column:nth-child(3):last-child {
margin-right: 0
}
}
.page-business.corporate-training .demo .videos__column:nth-child(4) {
background-image: url(assets/video-bg-04-7aa8e573bd43fd949b0dd20be37207c4ffd8c06be6e00c47a946079bfb83a29e.jpg)
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .videos__column:nth-child(4) {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-business.corporate-training .demo .videos__column:nth-child(4):last-child {
margin-right: 0
}
}
.page-business.corporate-training .demo .videos__column .icon-video {
width: 2.25rem;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .videos__column .icon-video {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .videos__column .icon-video {
width: 3.75rem
}
}
.page-business.corporate-training .demo .videos__column--content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 0.75rem
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .videos__column--content {
padding: 0 3rem
}
}
.page-business.corporate-training .demo .videos__logo {
height: 2.25rem;
position: absolute;
top: 0.75rem;
left: 1.5rem;
opacity: 0.7
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .demo .videos__logo {
height: 3.75rem;
position: absolute;
top: 1.5rem;
left: 2.25rem
}
}
.page-business.corporate-training .remodal-demo {
padding: 3rem
}
.page-business.corporate-training #business_demo_form .input-container {
position: relative
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training #business_demo_form .input-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-business.corporate-training #business_demo_form .input-container:last-child {
margin-right: 0
}
.page-business.corporate-training #business_demo_form .input-container:nth-child(2n) {
margin-right: 0
}
.page-business.corporate-training #business_demo_form .input-container:nth-child(2n+1) {
clear: left
}
}
.page-business.corporate-training .resources__card {
min-height: 10.5rem;
margin-top: 0;
margin-bottom: 1.5rem;
padding: 1.5rem 2.25rem;
display: block;
position: relative
}
@media screen and (min-width: 62rem) {
.page-business.corporate-training .resources__card {
margin-bottom: 0rem
}
}
@media screen and (min-width: 48rem) {
.page-business.corporate-training .resources__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-business.corporate-training .resources__card:last-child {
margin-right: 0
}
.page-business.corporate-training .resources__card:nth-child(2n) {
margin-right: 0
}
.page-business.corporate-training .resources__card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-business.corporate-training .resources__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-business.corporate-training .resources__card:last-child {
margin-right: 0
}
.page-business.corporate-training .resources__card:nth-child(3n) {
margin-right: 0
}
.page-business.corporate-training .resources__card:nth-child(3n+1) {
clear: left
}
.page-business.corporate-training .resources__card:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-business.corporate-training .resources__card:nth-child(2n+1) {
clear: none
}
}
@media screen and (min-width: 73.75rem) {
.page-business.corporate-training .resources__card:nth-last-child(-n+3) {
margin-bottom: 0
}
}
.page-business.corporate-training .resources__card:last-child {
margin-bottom: 0
}
.page-get-hired .hero {
background-image: url(assets/hero-get-hired-295b0e3e1558fe8e9cbb85009cf2a54e9fad17e151b6b537cd70ee79f7958702.jpg)
}
.page-get-hired .benefits {
text-align: center
}
.page-get-hired .benefits .benefits {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.page-get-hired .benefits .benefits::after {
clear: both;
content: "";
display: table
}
.page-get-hired .benefits .benefits--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-get-hired .benefits .benefits--card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-get-hired .benefits .benefits--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-get-hired .benefits .benefits--card:last-child {
margin-right: 0
}
}
.page-get-hired .benefits .benefits--image {
height: 7.5rem;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-get-hired .benefits .benefits--image {
margin-bottom: 0.75rem
}
}
.page-get-hired .why-hire {
text-align: center
}
.page-get-hired .why-hire__icon {
height: 7.5rem;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-get-hired .why-hire__icon {
margin-bottom: 1.5rem
}
}
.page-get-hired .why-hire__benefits {
display: table;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-get-hired .why-hire__benefits {
margin-bottom: 3rem
}
}
.page-get-hired .why-hire__benefits p {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 62rem) {
.page-get-hired .why-hire__benefits p {
margin-bottom: 0rem
}
}
.page-get-hired .why-hire__benefits h5 {
margin-bottom: 0
}
.page-get-hired .why-hire__benefits li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-get-hired .why-hire__benefits li:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-get-hired .why-hire__benefits li {
padding: 0 0.75rem
}
}
@media screen and (min-width: 48rem) {
.page-get-hired .why-hire__benefits li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-get-hired .why-hire__benefits li:last-child {
margin-right: 0
}
.page-get-hired .why-hire__benefits li:nth-child(2n) {
margin-right: 0
}
.page-get-hired .why-hire__benefits li:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-get-hired .why-hire__benefits li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-get-hired .why-hire__benefits li:last-child {
margin-right: 0
}
.page-get-hired .why-hire__benefits li:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-get-hired .why-hire__benefits li:nth-child(2n+1) {
clear: none
}
.page-get-hired .why-hire__benefits li:nth-child(4n) {
margin-right: 0
}
.page-get-hired .why-hire__benefits li:nth-child(4n+1) {
clear: left
}
}
.page-get-hired .nd-plus {
background: url(assets/icon-nd-plus-white-watermark-4ed6a00caf71173094c496cf2145162d3e93f201c0e908b72b984787325e3d48.svg) -20px center no-repeat
}
.page-get-hired .partners .logos {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.page-get-hired .partners .logos__image {
margin: 0 0.75rem;
height: 3rem
}
@media screen and (min-width: 48rem) {
.page-get-hired .partners .logos__image {
height: 4.5rem;
margin: 0 1.5rem
}
}
.page-get-hired .resources {
text-align: center
}
.page-get-hired .resources .resource_links {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 73.75rem) {
.page-get-hired .resources .resource_links {
justify-content: space-between
}
}
@media screen and (min-width: 73.75rem) {
.page-get-hired .resources .resource_links {
margin-bottom: 1.5rem
}
}
.page-get-hired .resources .resource_links .card {
height: 4.5rem;
margin-left: 1%;
margin-right: 1%;
flex-basis: 100%;
text-align: center
}
@media screen and (min-width: 30rem) {
.page-get-hired .resources .resource_links .card {
flex-basis: 320px;
height: 6rem
}
}
@media screen and (min-width: 73.75rem) {
.page-get-hired .resources .resource_links .card {
margin-left: 0%;
margin-right: 0%;
flex-basis: 220px
}
}
.page-get-hired .resources .resource_links .card p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-hire-talent .hero {
background-image: url(assets/hero-hire-talent-e97c385077e083b78533ce6bab2a63ba2f79815d8924495a6637289825fd5901.jpg)
}
.page-hire-talent .why-hire {
text-align: center
}
.page-hire-talent .why-hire__icon {
height: 7.5rem;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-hire-talent .why-hire__icon {
margin-bottom: 1.5rem
}
}
.page-hire-talent .why-hire__benefits h5 {
margin-bottom: 0
}
.page-hire-talent .why-hire__benefits li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-hire-talent .why-hire__benefits li:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-hire-talent .why-hire__benefits li {
padding: 0 3.75rem
}
}
@media screen and (min-width: 48rem) {
.page-hire-talent .why-hire__benefits li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
padding: 0 1.5rem
}
.page-hire-talent .why-hire__benefits li:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-hire-talent .why-hire__benefits li {
padding: 0 3rem
}
}
@media screen and (min-width: 73.75rem) {
.page-hire-talent .why-hire__benefits li {
padding: 0 3.75rem
}
}
.page-hire-talent .employers__image {
height: 6rem;
margin-top: 0;
margin-bottom: 0.75rem;
border-radius: 50%
}
@media screen and (min-width: 48rem) {
.page-hire-talent .employers__image {
margin-bottom: 1.5rem
}
}
.page-hire-talent .employers__quote {
height: 27rem;
position: relative;
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
@media screen and (min-width: 30rem) {
.page-hire-talent .employers__quote {
height: 22.5rem;
background: url(assets/bg-employers-c90a387c94874ce59b4a951e62dd64af420d00723178c41be9c893e5115d29dc.jpg) -210px 0 no-repeat;
background-size: cover
}
}
@media screen and (min-width: 48rem) {
.page-hire-talent .employers__quote {
background-position: -40px 0
}
}
@media screen and (min-width: 62rem) {
.page-hire-talent .employers__quote {
background-position: top right
}
}
@media screen and (min-width: 73.75rem) {
.page-hire-talent .employers__quote {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-hire-talent .employers__quote:last-child {
margin-right: 0
}
}
.page-hire-talent .employers__quote blockquote {
position: relative;
margin-bottom: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 30rem) {
.page-hire-talent .employers__quote blockquote {
text-align: left;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-hire-talent .employers__quote blockquote:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-hire-talent .employers__quote blockquote {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-hire-talent .employers__quote blockquote:last-child {
margin-right: 0
}
}
.page-hire-talent .partners .logos {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap
}
.page-hire-talent .partners .logos__image {
margin: 0 0.75rem;
height: 3rem
}
@media screen and (min-width: 48rem) {
.page-hire-talent .partners .logos__image {
height: 4.5rem;
margin: 0 1.5rem
}
}
.page-hire-talent .student-work .card--student {
border: none;
background-color: #fff
}
@media screen and (min-width: 30rem) {
.page-hire-talent .student-work .card--student {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-hire-talent .student-work .card--student:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-hire-talent .student-work .card--student {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%
}
.page-hire-talent .student-work .card--student:last-child {
margin-right: 0
}
.page-hire-talent .student-work .card--student:nth-child(2n) {
margin-right: 0
}
.page-hire-talent .student-work .card--student:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-hire-talent .student-work .card--student {
height: 25.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-hire-talent .student-work .card--student:last-child {
margin-right: 0
}
.page-hire-talent .student-work .card--student:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-hire-talent .student-work .card--student:nth-child(2n+1) {
clear: none
}
}
.page-hire-talent .student-work .card .student__info {
height: 6rem;
padding: 1.5rem 16px
}
@media screen and (min-width: 48rem) {
.page-hire-talent .student-work .card .student__info {
height: 6.75rem;
padding: 1.5rem 30px
}
}
.page-hire-talent .student-work .card .student__info img {
height: 3rem;
border-radius: 50%;
float: left;
margin-right: 16px
}
@media screen and (min-width: 48rem) {
.page-hire-talent .student-work .card .student__info img {
height: 3.75rem;
margin-right: 1.5rem
}
}
.page-hire-talent .student-work .card .student__info h5,
.page-hire-talent .student-work .card .student__info h6,
.page-hire-talent .student-work .card .student__info p {
margin-bottom: 0
}
.page-hire-talent .talent-source .col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-hire-talent .talent-source .col:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-hire-talent .talent-source .col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-hire-talent .talent-source .col:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-hire-talent .talent-source #talent-source-form {
padding-top: 3.75em
}
}
@media screen and (min-width: 30rem) {
.page-hire-talent .talent-source #talent-source-form .input-container {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 48.275862069%
}
.page-hire-talent .talent-source #talent-source-form .input-container:last-child {
margin-right: 0
}
.page-hire-talent .talent-source #talent-source-form .input-container:nth-child(2n) {
margin-right: 0
}
.page-hire-talent .talent-source #talent-source-form .input-container:nth-child(2n+1) {
clear: left
}
}
.page-hire-talent .hire_talent_blog .heading {
padding-bottom: 2.5em
}
.page-hire-talent .hire_talent_blog .scroll_pane {
margin-bottom: 0
}
@media screen and (min-width: 48rem) {
.page-hire-talent .hire_talent_blog .button--secondary {
float: right
}
}
.page-sxsw .hero {
background-image: url(assets/hero-sxsw-44c0499a4937437c0cf61f006801f499abffa9d19562ba56cb62fb3a9e58beb0.jpg)
}
.page-sxsw .speakers {
text-align: center
}
.page-sxsw .speakers .leads_list li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-sxsw .speakers .leads_list li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-sxsw .speakers .leads_list li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-sxsw .speakers .leads_list li:last-child {
margin-right: 0
}
.page-sxsw .speakers .leads_list li:first-child {
border-right: 1px solid #dbe2e8
}
}
.page-sxsw .speakers_list {
max-width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #fafbfc
}
.page-sxsw .speakers_list::after {
clear: both;
content: "";
display: table
}
.page-sxsw .speakers_list .card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 1.5rem
}
.page-sxsw .speakers_list .card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-sxsw .speakers_list .card {
padding: 3rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-sxsw .speakers_list .card:last-child {
margin-right: 0
}
.page-sxsw .speakers_list .card:nth-child(1n) {
margin-right: 0
}
.page-sxsw .speakers_list .card:nth-child(1n+1) {
clear: left
}
}
.page-sxsw .speakers_list .card h3::before {
content: "";
position: absolute;
top: 41px;
left: -3px;
width: 4px;
height: 80px;
background: #02b3e4
}
@media (min-width: 35em) {
.page-sxsw .speakers_list .card h3::before {
top: 40px;
height: 70px;
left: -3px
}
}
.page-sxsw .speakers_list .card .time {
color: #7d97ad;
font-size: 0.875em;
font-weight: 600
}
.page-sxsw .speakers_list .card .speaker {
border-top: 1px solid #dbe2e8;
border-bottom: 1px solid #dbe2e8;
margin: 1.5rem 0;
padding: 1.5rem 0;
max-width: 100%
}
.page-sxsw .speakers_list .card .speaker img {
max-width: 60px;
margin-bottom: 10px
}
@media (min-width: 22em) {
.page-sxsw .speakers_list .card .speaker img {
margin-bottom: 0;
max-width: 40px;
margin-right: 20px;
vertical-align: middle
}
}
.page-sxsw .speakers_list .card .speaker h5 {
margin-bottom: 0;
display: block
}
@media (min-width: 44em) {
.page-sxsw .speakers_list .card .speaker h5 {
margin-right: 10px;
display: inline-block
}
}
.page-sxsw .speakers_list .card .speaker .title {
display: inline-block;
color: #7d97ad
}
.page-sxsw .speakers_list .card .speaker .extra {
padding: 0.75rem 0;
border-top: 1px solid #dbe2e8;
border-bottom: 1px solid #dbe2e8;
margin-bottom: 1.5rem
}
.page-sxsw .speakers_list .card .speaker .more .download {
color: #15c26b;
background: url(assets/icon-download-2766ca43be02579c713ba2d2189613dd289bcbaaf01e6578fa880448b740dd8e.png) 0 0 no-repeat;
display: block;
padding-left: 30px
}
.page-sxsw .speakers_list .card .speaker .more .download:hover {
color: #109452;
text-decoration: none
}
@media (min-width: 44em) {
.page-sxsw .speakers_list .card .speaker .more .download {
display: inline-block;
margin-left: 40px;
padding-left: 30px
}
}
.page-sxsw .speakers_list .card .social mark {
background: #fff;
font-weight: 600;
color: #02b3e4
}
.page-start-mentoring .hero {
background-image: url(assets/hero-f670bb2e48645046c82ddf0cd2925cfca00b94df6b907c6d8bf29168deff416d.jpg)
}
.page-start-mentoring .hero__content--button {
position: absolute;
left: 50%;
transform: translate(-50%, 0)
}
@media screen and (min-width: 62rem) {
.page-start-mentoring .hero__content--button {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.page-start-mentoring .hero__content--button:last-child {
margin-right: 0
}
}
.page-start-mentoring .info__list li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
display: flex;
align-items: top;
margin-bottom: 0.75rem
}
.page-start-mentoring .info__list li:last-child {
margin-right: 0
}
.page-start-mentoring .info__icon {
display: inline-block;
height: 1.5rem;
width: 1.5rem;
margin-right: 0.75rem
}
.page-start-mentoring .info .benefits {
margin-top: 0;
margin-bottom: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .info .benefits {
margin-bottom: 3rem
}
}
@media screen and (min-width: 30rem) {
.page-start-mentoring .info .benefits {
padding: 0 3rem
}
}
.page-start-mentoring .info .benefits:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-start-mentoring .info .benefits {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-start-mentoring .info .benefits:last-child {
margin-right: 0
}
}
.page-start-mentoring .info .image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-start-mentoring .info .image:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-start-mentoring .info .image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-start-mentoring .info .image:last-child {
margin-right: 0
}
}
.page-start-mentoring .info .image img {
width: 100%;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.page-start-mentoring .roles__description {
max-width: 37.5rem;
margin: auto
}
.page-start-mentoring .card--role {
position: relative;
overflow: hidden
}
@media screen and (min-width: 30rem) {
.page-start-mentoring .card--role {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-start-mentoring .card--role:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .card--role {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%
}
.page-start-mentoring .card--role:last-child {
margin-right: 0
}
.page-start-mentoring .card--role:nth-child(2n) {
margin-right: 0
}
.page-start-mentoring .card--role:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-start-mentoring .card--role {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-start-mentoring .card--role:last-child {
margin-right: 0
}
.page-start-mentoring .card--role:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-start-mentoring .card--role:nth-child(2n+1) {
clear: none
}
.page-start-mentoring .card--role:nth-child(4n) {
margin-right: 0
}
.page-start-mentoring .card--role:nth-child(4n+1) {
clear: left
}
}
.page-start-mentoring .card--role:before {
content: '';
display: block;
width: 100%;
height: 3px;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(315deg, #ffa429 0%, #ff5383 100%)
}
.page-start-mentoring .card--role .h4 {
color: #ffa234
}
.page-start-mentoring .card--role:nth-child(4n+1) .h4 {
color: #02b3e4
}
.page-start-mentoring .card--role:nth-child(4n+1):before {
background: linear-gradient(to bottom right, #02b3e4, #02ccba)
}
.page-start-mentoring .card--role:nth-child(4n+2) .h4 {
color: #ff5483
}
.page-start-mentoring .card--role:nth-child(4n+2):before {
background: linear-gradient(to bottom right, #a951ed, #ff5483)
}
.page-start-mentoring .card--role:nth-child(4n+3) .h4 {
color: #a951ed
}
.page-start-mentoring .card--role:nth-child(4n+3):before {
background: linear-gradient(to bottom right, #02ccba, #a951ed)
}
.page-start-mentoring .card--role__info-container {
padding: 1.5rem;
padding-bottom: 0;
position: relative
}
@media screen and (min-width: 30rem) {
.page-start-mentoring .card--role__info-container {
padding: 2.25rem;
padding-bottom: 0
}
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .card--role__info-container {
height: 18rem
}
}
@media screen and (min-width: 62rem) {
.page-start-mentoring .card--role__info-container {
height: 24rem
}
}
.page-start-mentoring .card--role__description {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .card--role__description {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .card--role__pay-details {
position: absolute;
bottom: 0;
left: 2.25rem
}
}
.page-start-mentoring .card--role__apply-link {
padding: 0.75rem;
background-color: #02b3e4;
display: block
}
.page-start-mentoring .application-process__part {
padding: 0.75rem;
position: relative
}
.page-start-mentoring .application-process__part p {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .application-process__part p {
margin-bottom: 0rem
}
}
.page-start-mentoring .application-process__part p:last-child {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .application-process__part p:last-child {
margin-bottom: 0rem
}
}
.page-start-mentoring .application-process__part--number {
font-size: 1.75rem;
line-height: 2.25rem;
margin: auto;
margin-top: 0;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
height: 3.75rem;
width: 3.75rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .application-process__part--number {
font-size: 2.5rem;
line-height: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .application-process__part--number {
margin-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .application-process__part--number {
height: 6rem;
width: 6rem
}
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .application-process__part {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-start-mentoring .application-process__part:last-child {
margin-right: 0
}
}
.page-start-mentoring .application-process__part:after {
content: '';
display: block;
height: 1.875rem;
width: 4.375rem;
background: url(assets/dots-left-efbc1a5d1c91cea05639a69fbe67326636d7db1747f185d5ae70d82fbe7fdf3d.svg) no-repeat center center;
background-size: contain;
transform: rotate(90deg);
margin: 3rem auto
}
.page-start-mentoring .application-process__part:nth-child(2):after {
background-image: url(assets/dots-right-febad1ed1e66197f5d2e6f8075673cde46a7eaed1b1ff7127bb664b6aeb49a5d.svg)
}
.page-start-mentoring .application-process__part:last-child:after {
display: none
}
@media screen and (min-width: 48rem) {
.page-start-mentoring .application-process__part:after {
position: absolute;
top: 0;
left: 82%;
transform: rotate(0);
width: 40%
}
}
.page-uconnect-start .hero {
background-image: url(assets/hero-la-40862419ce9137cb944b01e729d6b33f7164088bdbe67830357918c7abe7a432.jpg)
}
@media screen and (min-width: 30rem) {
.page-uconnect-start .about-connect .content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-uconnect-start .about-connect .content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-uconnect-start .about-connect .content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-uconnect-start .about-connect .content:last-child {
margin-right: 0
}
.page-uconnect-start .about-connect .content:nth-child(1n) {
margin-right: 0
}
.page-uconnect-start .about-connect .content:nth-child(1n+1) {
clear: left
}
}
.page-uconnect-start .about-connect .benefits {
padding: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-start .about-connect .benefits {
padding: 3rem
}
}
@media screen and (min-width: 62rem) {
.page-uconnect-start .about-connect .benefits {
padding: 3.75rem
}
.page-uconnect-start .about-connect .benefits li:before {
margin-right: 1.5rem
}
}
.page-uconnect-start .about-connect .benefits li {
display: flex;
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-start .about-connect .benefits li {
margin-bottom: 1.5rem
}
}
.page-uconnect-start .about-connect .benefits li .icon-list {
display: block;
margin-right: 0.75rem;
height: 1.5rem;
width: 1.5rem
}
.page-uconnect-start .contact .content {
padding: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-start .contact .content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%;
padding: 2.25rem
}
.page-uconnect-start .contact .content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-uconnect-start .contact .content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%;
padding: 3.75rem
}
.page-uconnect-start .contact .content:last-child {
margin-right: 0
}
.page-uconnect-start .contact .content:nth-child(1n) {
margin-right: 0
}
.page-uconnect-start .contact .content:nth-child(1n+1) {
clear: left
}
}
.page-uconnect-start .contact #uconnect_lead_form .input-container {
position: relative
}
@media screen and (min-width: 48rem) {
.page-uconnect-start .contact #uconnect_lead_form .input-container {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 48.275862069%
}
.page-uconnect-start .contact #uconnect_lead_form .input-container:last-child {
margin-right: 0
}
.page-uconnect-start .contact #uconnect_lead_form .input-container:nth-child(2n) {
margin-right: 0
}
.page-uconnect-start .contact #uconnect_lead_form .input-container:nth-child(2n+1) {
clear: left
}
}
.page-uconnect-start .contact #uconnect_lead_form .hidden {
display: none
}
.page-uconnect-start .contact #uconnect_lead_form .dd-container {
margin-top: 0;
margin-bottom: 0.75rem;
clear: both
}
@media screen and (min-width: 48rem) {
.page-uconnect-start .contact #uconnect_lead_form .dd-container {
margin-bottom: 1.5rem
}
}
.page-uconnect-start .contact #uconnect_lead_form .checklist-title {
clear: both
}
.page-uconnect-start .contact #uconnect_lead_form .checkbox-option {
text-transform: none
}
.page-uconnect-start .contact #uconnect_lead_form textarea {
height: 6rem
}
.page-uconnect-start .contact #uconnect_lead_form .button--primary.lg {
width: 100%
}
.page-uconnect-intensive .hero {
padding: 2;
background-image: url(assets/connect-landing-page-hero-c62ea0c92640b9947f858dad9966b6bfeeed5656c33979471b42167fc9af76df.jpg)
}
.page-uconnect-intensive .hero .contain {
height: 30rem
}
.page-uconnect-intensive .hero.contain {
background-position: center left
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .hero.contain {
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
}
.page-uconnect-intensive .hero__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .hero h1 {
font-size: 3rem;
line-height: 3.75rem
}
}
.page-uconnect-intensive .hero h4 {
font-size: 1.125rem;
line-height: 2rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .hero h4 {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-uconnect-intensive .hero a.button--white {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .hero a.button--white {
margin-bottom: 1.5rem
}
}
.page-uconnect-intensive .hero p {
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .hero p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-uconnect-intensive .hero .link--uconnect {
border-bottom: 1px solid #91daee
}
.page-uconnect-intensive .nyc {
background-image: url(assets/hero-connect-66a4295950c04a0325c588553d026ae11827ee45ce7686718aaf7f434bd29397.jpg)
}
.page-uconnect-intensive .dand {
background-image: url(assets/connect-DAND-page-hero-e615cce8d9482037f992f87ae9b52474878dfa97388b22b724af1cda394064a4.jpg)
}
.page-uconnect-intensive .mlnd {
background-image: url(assets/connect-MLND-page-hero-cf25ea15ba20228f93e4eef10bf1ca13bfef6b1ede71ff3311e6b618f8a5e59a.jpg)
}
.page-uconnect-intensive .dand-alt {
background: url(assets/connect-DAND-alt-f8d62ad51153b263ac406f8073ba915cfd0ba8528b51fa1d0833c424c5f75846.jpg) center center no-repeat;
background-size: cover
}
.page-uconnect-intensive .mlnd-alt {
background: url(assets/connect-MLND-alt-bac7b107de0df8eac2299fec1251e6aad7231966c8c93d80a1d1bb370b4b0de6.jpg) center center no-repeat;
background-size: cover
}
.page-uconnect-intensive .features {
position: relative
}
.page-uconnect-intensive .features::before {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(2, 204, 186, 0.05);
transform-origin: left bottom;
position: absolute;
top: 80%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-uconnect-intensive .features::after {
content: '';
width: 100%;
height: 150px;
z-index: -1000;
background: rgba(2, 204, 186, 0.05);
transform-origin: bottom right;
position: absolute;
top: 160%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-uconnect-intensive .features .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .features .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-uconnect-intensive .features__detail {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-uconnect-intensive .features__detail:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .features__detail {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
padding: 0 1.5rem 0 1.5rem;
margin: 0;
border-right: 1px solid #dbe2e8
}
.page-uconnect-intensive .features__detail:last-child {
margin-right: 0
}
.page-uconnect-intensive .features__detail:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-uconnect-intensive .features__detail:nth-child(2n+1) {
clear: none
}
.page-uconnect-intensive .features__detail:last-child {
border-right: none
}
.page-uconnect-intensive .features__detail--container {
margin: auto
}
}
.page-uconnect-intensive .features__detail img {
height: 5.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .features__detail p {
margin-bottom: 0
}
}
.page-uconnect-intensive .how-it-works::before {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(169, 81, 237, 0.03);
transform-origin: left bottom;
position: absolute;
top: 18%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-uconnect-intensive .how-it-works::after {
content: '';
width: 100%;
height: 400px;
z-index: -1000;
background: rgba(2, 204, 186, 0.05);
transform-origin: bottom right;
position: absolute;
top: 25%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-uconnect-intensive .how-it-works .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .how-it-works .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-uconnect-intensive .how-it-works .padding-top {
padding-top: 3rem;
padding-bottom: 0
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .how-it-works .padding-top {
padding-top: 3.75rem
}
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable {
position: relative;
max-width: 61.25rem;
margin: auto
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .anchor {
height: 0;
position: absolute;
top: -6rem
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .hidden-panel {
max-height: 0;
opacity: 0;
overflow: hidden;
margin-top: -0.375rem
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .hidden-panel .main-footer {
height: 6rem;
flex-direction: column;
align-items: flex-end;
justify-content: center
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .hidden-panel .main-footer strong {
margin-left: 0.75rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .how-it-works .logistics-container__expandable .hidden-panel .main-footer {
height: 4.5rem;
flex-direction: row;
justify-content: flex-end;
align-items: center
}
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .list--available-sessions {
padding: 2.25rem
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable.open .hidden-panel {
max-height: 60rem;
opacity: 1;
overflow: visible
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable.open .main-footer .expand__toggle .hidden {
display: inline
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable.open .main-footer .expand__toggle .hidden--oppose {
display: none
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable.open .main-footer .expand__toggle:after {
transform: rotate(180deg);
background: url(assets/icon-toggle-opened-690c224511e0d3ddcc45afe768bac787a5c88858a07543db3194cfef57ea0077.svg) center center no-repeat
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block {
padding: 0 0 1.5rem 0;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block:last-child {
margin-right: 0
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block span {
display: block
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block span:first-child {
font-weight: 600
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block {
padding: 0 1.5rem 1.5rem 0;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block:last-child {
margin-right: 0
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block:nth-child(2n) {
margin-right: 0
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block:last-child {
margin-right: 0
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .available-sessions__block:nth-child(2n+1) {
clear: none
}
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics {
z-index: 1;
flex-direction: column;
position: relative;
display: flex;
flex-wrap: wrap
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics {
flex-direction: row
}
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main {
display: flex;
flex-direction: column;
flex: 3
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main .container {
padding: 2.25rem
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main ul li {
display: flex;
align-items: center;
margin-bottom: 0.75rem
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main ul li.icon {
padding-left: 2.25rem;
position: relative
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main ul li.icon:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main ul li.icon--connect:before {
left: 0.25rem;
width: 1rem;
background: url(assets/icon-connect-a5aea8d793b53489fe181f3446b33ebe354feb6347bded3beaa543963a92936e.svg) no-repeat center center;
background-size: contain
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main ul li.icon--degree:before {
width: 1.5625rem;
background: url(assets/icon-ND-e23ee474164a116eda27409cedf9e4ec39818545078a30dbd12726ddd986bab1.svg) no-repeat center center;
background-size: contain
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main ul li a {
border-bottom: 1px solid #91daee
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main-footer {
height: 4.5rem;
padding: 0 2.25rem;
clear: both;
border-top: 1px solid #dbe2e8;
display: flex;
align-items: center;
justify-content: space-between
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main-footer .expand__toggle {
cursor: pointer
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main-footer .expand__toggle .hidden {
display: none;
transition: all 0.3s ease
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main-footer .expand__toggle .hidden--oppose {
display: inline
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .main-footer .expand__toggle::after {
content: '';
background: url(assets/icon-toggle-closed-c6f6df7b4506f05ba459dd922cf82543dd8b51900402d205755edae4083c6ab7.svg) center center no-repeat;
width: 0.75rem;
height: 0.75rem;
margin-left: 0.75rem;
display: inline-block;
transition: all 0.3s ease
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .schedule {
flex: 2
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .schedule .schedule__dates {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .schedule .schedule__dates--pipe {
color: #dbe2e8;
display: none
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .how-it-works .logistics-container__expandable .schedule .schedule__dates--pipe {
display: inline
}
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics-apply {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
overflow: hidden;
display: flex;
flex: 1;
flex-direction: column
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics-apply {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem
}
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .button--apply {
margin: 3.75rem auto
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics-pic {
padding: 3rem;
background: url(assets/location-san-jose-0c9f30cc7fdea185d45c85768f869109b77d1264939ee9c0ba259c4187be5f96.jpg) center center no-repeat;
border-radius: 0;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics-pic {
padding: 2.25rem;
border-radius: 0.375rem 0 0 0
}
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics-pic.nyc {
background-image: url(assets/location-02-689913a5cf173656b391f247a898a62e6abd56dd2fda4f78e1fff639ca70fb1d.jpg)
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics-pic.gradient-dand {
background: linear-gradient(to bottom right, #a951ed, #ff5483)
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics-pic.gradient-mlnd {
background: linear-gradient(to bottom right, #ffa234, #a951ed)
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics-pic.dand {
background-image: url(assets/connect-DAND-page-hero-e615cce8d9482037f992f87ae9b52474878dfa97388b22b724af1cda394064a4.jpg)
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .logistics-pic.mlnd {
background-image: url(assets/connect-MLND-page-hero-cf25ea15ba20228f93e4eef10bf1ca13bfef6b1ede71ff3311e6b618f8a5e59a.jpg)
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .click-apply {
height: 4.5rem;
text-align: center
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .click-apply a {
border-radius: 0;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
background-color: #02b3e4;
transition: background-color 0.3s
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .how-it-works .logistics-container__expandable .click-apply a {
border-radius: 0 0 0 0.375rem
}
}
.page-uconnect-intensive .how-it-works .logistics-container__expandable .click-apply a:hover {
background-color: #01647f;
transition: background-color 0.3s
}
.page-uconnect-intensive .uconnect-syllabus {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
position: relative
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-syllabus {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-uconnect-intensive .uconnect-syllabus::before {
height: 150rem;
content: '';
background-image: linear-gradient(to bottom right, #EAFBFF 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-uconnect-intensive .uconnect-syllabus__intro {
display: block;
z-index: 1
}
.page-uconnect-intensive .uconnect-syllabus__intro::after {
clear: both;
content: "";
display: table
}
.page-uconnect-intensive .uconnect-syllabus__intro__col {
padding: 1.5rem
}
.page-uconnect-intensive .uconnect-syllabus__intro__col:first-child {
padding-bottom: 0
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-syllabus__intro__col {
float: left;
display: block;
width: 50.8474576271%;
padding: 3.75rem
}
.page-uconnect-intensive .uconnect-syllabus__intro__col:last-child {
width: 49.1525423729%
}
.page-uconnect-intensive .uconnect-syllabus__intro__col:first-child {
padding-bottom: 3.75rem
}
}
.page-uconnect-intensive .uconnect-syllabus .timeline {
padding: 0.3125rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .uconnect-syllabus .timeline {
padding: 0 3.75rem
}
}
.page-uconnect-intensive .uconnect-syllabus .timeline ul li {
width: 100%;
position: relative;
list-style-type: none;
padding-bottom: 3.75rem;
border-left: 1px solid #dbe2e8
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-syllabus .timeline ul li {
padding-bottom: 1.5rem
}
}
.page-uconnect-intensive .uconnect-syllabus .timeline ul li::after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
border: 2px solid #02b3e4;
background-color: #02b3e4;
transform: translateX(-50%)
}
.page-uconnect-intensive .uconnect-syllabus .timeline ul li div {
bottom: 0.625rem;
width: 100%;
position: relative;
padding-left: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-syllabus .timeline ul li div {
height: 10.5rem;
width: 80%;
padding-left: 3rem
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive .uconnect-syllabus .timeline ul li div {
width: 60%
}
}
.page-uconnect-intensive .uconnect-syllabus .more {
margin-top: 0;
margin-bottom: 1.5rem;
max-height: 37.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-syllabus .more {
margin-bottom: 3rem
}
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .uconnect-syllabus .more {
max-height: 31.25rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-syllabus .more {
max-height: 35.625rem
}
}
.page-uconnect-intensive .uconnect-syllabus .more+[data-readmore-toggle] {
margin: 0 auto;
display: block;
position: relative;
max-width: 73.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-syllabus .more+[data-readmore-toggle] {
left: 4.6875rem
}
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive .uconnect-syllabus .more+[data-readmore-toggle] {
left: 4.6875rem
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive .uconnect-syllabus .more+[data-readmore-toggle] {
left: 3.125rem
}
}
.page-uconnect-intensive .uconnect-syllabus .fade::before {
height: 4.5rem;
position: absolute;
bottom: 6rem;
left: 0;
content: '';
width: 100%;
display: block;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-syllabus .fade::before {
bottom: 8rem
}
}
.page-uconnect-intensive .uconnect-syllabus .icon--arrow {
background: url(assets/icon-arrow-down-blue-1fbc9e71c33a60ce08f0f9dcc4a3520fd17326723ce7b3887dae750984ea8ae7.svg) 0 0 no-repeat;
width: 1.375rem;
height: 1.3125rem;
background-size: 75%;
display: inline-block;
vertical-align: bottom
}
.page-uconnect-intensive .uconnect-syllabus .icon--arrow.up {
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
vertical-align: top
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .day-schedule {
width: 100%;
display: table;
width: 100%;
table-layout: fixed
}
}
.page-uconnect-intensive .day-schedule .col-6 {
display: table-cell;
width: 100%;
display: block;
padding: 0.75rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .day-schedule .col-6 {
padding: 2.25rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .day-schedule .col-6 {
padding: 3.75rem;
display: table-cell;
width: 50%
}
}
.page-uconnect-intensive .day-schedule .col-6.bg-image {
background: url(assets/face-to-face-24ed837ff19338e1a54e4854abf2ddcbf37794ab84b99d0d4349b3d029b0151e.jpg) right top no-repeat;
background-size: cover;
height: 12.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .day-schedule .col-6.bg-image {
height: 100%
}
}
.page-uconnect-intensive .day-schedule .col-6 .itinerary li {
display: flex
}
.page-uconnect-intensive .day-schedule .col-6 .itinerary span {
flex: 4
}
.page-uconnect-intensive .day-schedule .hour,
.page-uconnect-intensive .day-schedule .noon,
.page-uconnect-intensive .day-schedule .end {
font-size: 0.875rem;
line-height: 1.5rem;
color: #fff;
flex: 1;
max-width: 5rem;
max-height: 1.5rem;
text-align: center;
padding: 0 0.3125rem;
position: relative;
display: inline-block;
margin-right: 3rem;
margin-bottom: 2.25rem;
background-color: #02b3e4;
border-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .day-schedule .hour,
.page-uconnect-intensive .day-schedule .noon,
.page-uconnect-intensive .day-schedule .end {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-uconnect-intensive .day-schedule .hour,
.page-uconnect-intensive .day-schedule .noon {
background-color: #7d97ad
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive .day-schedule .hour:before,
.page-uconnect-intensive .day-schedule .hour:after,
.page-uconnect-intensive .day-schedule .noon:before,
.page-uconnect-intensive .day-schedule .noon:after {
content: "";
top: 2.75rem;
width: 0.5rem;
left: 2rem;
height: 0.5rem;
position: absolute;
border-radius: 0.25rem;
background: #dbe2e8
}
}
.page-uconnect-intensive .day-schedule .hour:after,
.page-uconnect-intensive .day-schedule .noon:after {
top: 2rem
}
.page-uconnect-intensive .uconnect-projects {
padding-top: 3rem;
padding-bottom: 3rem;
position: relative
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-projects {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-uconnect-intensive .uconnect-projects__image {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-projects__image {
max-height: 100%;
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
}
.page-uconnect-intensive .uconnect-projects__card {
margin-top: 0;
margin-bottom: 1.5rem;
display: block;
background: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-projects__card {
margin-bottom: 3rem
}
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .uconnect-projects__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-uconnect-intensive .uconnect-projects__card:last-child {
margin-right: 0
}
.page-uconnect-intensive .uconnect-projects__card:nth-child(2n) {
margin-right: 0
}
.page-uconnect-intensive .uconnect-projects__card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-projects__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-uconnect-intensive .uconnect-projects__card:last-child {
margin-right: 0
}
}
.page-uconnect-intensive .uconnect-projects__card__image {
line-height: 0
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .uconnect-projects__card__image {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-projects__card__image {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
float: left;
display: block;
width: 50.8474576271%
}
.page-uconnect-intensive .uconnect-projects__card__image:last-child {
width: 49.1525423729%
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive .uconnect-projects__card__image {
float: left;
display: block;
width: 42.3728813559%
}
.page-uconnect-intensive .uconnect-projects__card__image:last-child {
width: 40.6779661017%
}
}
.page-uconnect-intensive .uconnect-projects__card__content {
padding: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .uconnect-projects__card__content {
height: 15rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-projects__card__content {
padding: 2.25rem;
float: left;
display: block;
width: 50.8474576271%;
padding-bottom: 0;
height: auto
}
.page-uconnect-intensive .uconnect-projects__card__content:last-child {
width: 49.1525423729%
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive .uconnect-projects__card__content {
padding: 3rem 2.25rem;
float: left;
display: block;
width: 59.3220338983%
}
.page-uconnect-intensive .uconnect-projects__card__content:last-child {
width: 57.6271186441%
}
}
.page-uconnect-intensive .uconnect-projects__card__content h4 {
margin-top: 0;
margin-bottom: 0.75rem;
overflow: hidden;
width: 100%
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-projects__card__content h4 {
margin-bottom: 1.5rem
}
}
.page-uconnect-intensive .uconnect-projects__card__content p {
height: 6rem;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive .uconnect-projects__card__content p {
height: auto
}
}
.page-uconnect-intensive .uconnect-projects .more {
max-height: 30rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .uconnect-projects .more {
max-height: 28.5rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-projects .more {
max-height: 40.5rem
}
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive .uconnect-projects .more {
max-height: 57rem
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive .uconnect-projects .more {
max-height: 75rem
}
}
.page-uconnect-intensive .uconnect-projects .more+[data-readmore-toggle] {
font-size: 1.125rem;
line-height: 2rem;
top: 0;
width: 100%;
margin: 0 auto;
display: block;
letter-spacing: 0;
position: relative;
text-align: center;
text-transform: none;
max-width: 73.75rem;
font-weight: 400
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-projects .more+[data-readmore-toggle] {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-uconnect-intensive .uconnect-projects .fade::before {
height: 4.5rem;
position: absolute;
bottom: 5rem;
left: 0;
content: '';
width: 100%;
display: block;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
.page-uconnect-intensive .uconnect-projects .icon--arrow {
background: url(assets/icon-arrow-down-blue-large-84f0133620e9a2e50e803538f1524a7500f97bb22637f8c251545366c4541c14.svg) 0 0 no-repeat;
width: 2.25rem;
height: 2.25rem;
display: inline-block;
vertical-align: text-bottom
}
.page-uconnect-intensive .uconnect-projects .icon--arrow.up {
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
vertical-align: top
}
.page-uconnect-intensive .testimonials::after {
content: '';
width: 100%;
height: 400px;
z-index: -1000;
background: rgba(21, 194, 107, 0.05);
transform-origin: bottom right;
position: absolute;
top: 37%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-uconnect-intensive .testimonials .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .testimonials .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-uconnect-intensive .testimonials .quote__content {
font-size: 1.125rem;
line-height: 2rem;
font-weight: 300
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .testimonials .quote__content {
font-size: 1.75rem;
line-height: 2.25rem
}
}
.page-uconnect-intensive .uconnect-instructors {
background: none
}
.page-uconnect-intensive .uconnect-instructors .contain {
padding-bottom: 0
}
.page-uconnect-intensive .uconnect-instructors h2 {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors h2 {
margin-bottom: 4.5rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_pane {
height: 25.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_pane {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_pane {
height: 30rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="1"] {
width: 17.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="1"] {
width: 17.5rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="2"] {
width: 35.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="2"] {
width: 36.25rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="3"] {
width: 54rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="3"] {
width: 55rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="4"] {
width: 72.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="4"] {
width: 73.75rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="5"] {
width: 90.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="5"] {
width: 92.5rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="6"] {
width: 108.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="6"] {
width: 111.25rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="7"] {
width: 127rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="7"] {
width: 130rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="8"] {
width: 145.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="8"] {
width: 148.75rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="9"] {
width: 163.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="9"] {
width: 167.5rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="10"] {
width: 181.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="10"] {
width: 186.25rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="11"] {
width: 200rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="11"] {
width: 205rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="12"] {
width: 218.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="12"] {
width: 223.75rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="13"] {
width: 236.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="13"] {
width: 242.5rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="14"] {
width: 254.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="14"] {
width: 261.25rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="15"] {
width: 273rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="15"] {
width: 280rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="16"] {
width: 291.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="16"] {
width: 298.75rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="17"] {
width: 309.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="17"] {
width: 317.5rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="18"] {
width: 327.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="18"] {
width: 336.25rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="19"] {
width: 346rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="19"] {
width: 355rem
}
}
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="20"] {
width: 364.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="20"] {
width: 373.75rem
}
}
.page-uconnect-intensive .uconnect-instructors__card {
height: 23.25rem;
float: left;
width: 17.5rem;
text-align: center;
position: relative;
display: inline-block;
background-color: #fff;
margin: 0 0.75rem 0 0;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem;
padding: 0 1.5rem 3rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors__card {
height: 25.5rem;
margin: 0 1.25rem 1.5rem 0
}
}
.page-uconnect-intensive .uconnect-instructors__card:nth-child(5n+1) {
border-top: 3px solid #02b3e4
}
.page-uconnect-intensive .uconnect-instructors__card:nth-child(5n+2) {
border-top: 3px solid #02ccba
}
.page-uconnect-intensive .uconnect-instructors__card:nth-child(5n+3) {
border-top: 3px solid #a951ed
}
.page-uconnect-intensive .uconnect-instructors__card:nth-child(5n+4) {
border-top: 3px solid #ffae0c
}
.page-uconnect-intensive .uconnect-instructors__card:nth-child(5n+5) {
border-top: 3px solid #ff5483
}
.page-uconnect-intensive .uconnect-instructors__card:last-child {
margin: 0
}
.page-uconnect-intensive .uconnect-instructors__image {
height: 6rem;
margin-top: 0;
margin-bottom: 0.375rem;
width: 6rem;
object-fit: cover;
top: -0.75rem;
display: block;
margin: 0 auto;
position: relative;
border-radius: 50%;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15)
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors__image {
margin-bottom: 0.75rem
}
}
.page-uconnect-intensive .uconnect-instructors__name {
margin-top: 0;
margin-bottom: 0rem;
color: #2e3d49
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors__name {
margin-bottom: 0rem
}
}
.page-uconnect-intensive .uconnect-instructors__title {
margin-top: 0;
margin-bottom: 0.75rem;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .uconnect-instructors__title {
margin-bottom: 0.75rem
}
}
.page-uconnect-intensive .uconnect-instructors__bio {
height: 12rem;
width: 100%;
overflow: hidden;
display: inline-block
}
.page-uconnect-intensive .cta_block {
text-align: center
}
.page-uconnect-intensive .cta_block .card {
padding: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .cta_block .card {
padding: 3.75rem 6rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-uconnect-intensive .cta_block .card:last-child {
margin-right: 0
}
}
.page-uconnect-intensive .cta_block .name {
display: block
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .cta_block .name {
display: flex
}
}
.page-uconnect-intensive .cta_block #first,
.page-uconnect-intensive .cta_block #last {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-uconnect-intensive .cta_block #first:last-child,
.page-uconnect-intensive .cta_block #last:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .cta_block #first,
.page-uconnect-intensive .cta_block #last {
margin-top: 0;
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-uconnect-intensive .cta_block #first,
.page-uconnect-intensive .cta_block #last {
margin-bottom: 1.5rem
}
}
.page-uconnect-intensive .cta_block .content {
padding: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive .cta_block .content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%;
padding: 2.25rem
}
.page-uconnect-intensive .cta_block .content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive .cta_block .content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%;
padding: 3.75rem
}
.page-uconnect-intensive .cta_block .content:last-child {
margin-right: 0
}
.page-uconnect-intensive .cta_block .content:nth-child(1n) {
margin-right: 0
}
.page-uconnect-intensive .cta_block .content:nth-child(1n+1) {
clear: left
}
}
.page-uconnect-intensive .cta_block #uconnect_lead_form .input-container {
position: relative
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .cta_block #uconnect_lead_form .input-container {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 48.275862069%
}
.page-uconnect-intensive .cta_block #uconnect_lead_form .input-container:last-child {
margin-right: 0
}
.page-uconnect-intensive .cta_block #uconnect_lead_form .input-container:nth-child(2n) {
margin-right: 0
}
.page-uconnect-intensive .cta_block #uconnect_lead_form .input-container:nth-child(2n+1) {
clear: left
}
}
.page-uconnect-intensive .cta_block #uconnect_lead_form .hidden {
display: none
}
.page-uconnect-intensive .cta_block #uconnect_lead_form .dd-container {
margin-top: 0;
margin-bottom: 0.75rem;
clear: both
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive .cta_block #uconnect_lead_form .dd-container {
margin-bottom: 1.5rem
}
}
.page-uconnect-intensive .cta_block #uconnect_lead_form .checklist-title {
clear: both
}
.page-uconnect-intensive .cta_block #uconnect_lead_form .checkbox-option {
text-transform: none
}
.page-uconnect-intensive .cta_block #uconnect_lead_form textarea {
height: 6rem
}
.page-uconnect-intensive .cta_block #uconnect_lead_form .button--primary.lg {
width: 100%
}
.page-uconnect-intensive-reno .hero {
background-image: url(assets/hero-intensive-a6159a12b1376a4750a2d9f172b6d07157540c1c8de6496e38e7a1a0b2343964.jpg)
}
.page-uconnect-intensive-reno .features__detail {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-uconnect-intensive-reno .features__detail:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .features__detail {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
padding: 0 1.5rem 0 1.5rem
}
.page-uconnect-intensive-reno .features__detail:last-child {
margin-right: 0
}
}
.page-uconnect-intensive-reno .features__detail img {
height: 5.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .features__detail p {
margin-bottom: 0
}
}
.page-uconnect-intensive-reno .how-it-works .logistics {
max-width: 980px;
position: relative;
display: flex;
flex-wrap: wrap
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .how-it-works .logistics {
margin: auto;
flex-direction: row
}
}
.page-uconnect-intensive-reno .how-it-works .main {
display: flex;
flex-direction: column;
flex: 3
}
.page-uconnect-intensive-reno .how-it-works .main .container {
padding: 2.25rem
}
.page-uconnect-intensive-reno .how-it-works .main ul li {
display: flex;
align-items: center;
margin-bottom: 0.75rem
}
.page-uconnect-intensive-reno .how-it-works .main ul li a {
border-bottom: 1px solid #91daee
}
.page-uconnect-intensive-reno .how-it-works .main .icon {
display: inline-block;
width: 3em;
text-align: center;
margin-right: 1.5rem
}
.page-uconnect-intensive-reno .how-it-works .main-footer {
border-top: 1px solid #dbe2e8;
flex: 1
}
.page-uconnect-intensive-reno .how-it-works .main-footer .container {
padding: 1.5rem;
display: flex;
justify-content: space-between
}
.page-uconnect-intensive-reno .how-it-works .logistics-apply {
display: flex;
flex-direction: column;
flex: 1;
min-height: 200px
}
.page-uconnect-intensive-reno .how-it-works .logistics-pic {
height: 225px;
background: url(assets/location-reno-a7f7bd04f94604f74285e198c9d0599d6c3e6787276fa2a4245992111fb3daba.jpg) center center no-repeat;
background-size: cover;
padding: 1.5rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 3
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .how-it-works .logistics-pic {
border-top-right-radius: 0.375rem;
height: 100%
}
}
.page-uconnect-intensive-reno .how-it-works .logistics-pic p {
font-weight: 300
}
.page-uconnect-intensive-reno .how-it-works .click-apply {
text-align: center;
flex: 1
}
.page-uconnect-intensive-reno .how-it-works .click-apply a {
padding: 0.875rem;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
background-color: #7d97ad;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .how-it-works .click-apply a {
border-bottom-left-radius: 0px
}
}
.page-uconnect-intensive-reno .how-it-works .click-apply--ipnd a {
background-color: #02b3e4
}
.page-uconnect-intensive-reno .local-hiring-partners {
background-image: linear-gradient(to right, #dbe2e8, #F7F7F7)
}
.page-uconnect-intensive-reno .local-hiring-partners__container {
padding: 2.25rem;
border-radius: 0.375rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive-reno .local-hiring-partners__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
height: 26.0625rem
}
.page-uconnect-intensive-reno .local-hiring-partners__container:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive-reno .local-hiring-partners__container {
height: 100%
}
}
.page-uconnect-intensive-reno .local-hiring-partners--logo {
margin: 0 1.5rem
}
.page-uconnect-intensive-reno .uconnect-instructors {
background: none
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(255, 84, 131, 0.03);
transform-origin: left bottom;
position: absolute;
top: 28%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-uconnect-intensive-reno .uconnect-instructors::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(255, 84, 131, 0.03);
transform-origin: bottom right;
position: absolute;
top: 30%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
}
.page-uconnect-intensive-reno .uconnect-instructors h2 {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors h2 {
margin-bottom: 4.5rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_pane {
height: 25.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_pane {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_pane {
height: 30rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="1"] {
width: 17.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="1"] {
width: 17.5rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="2"] {
width: 35.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="2"] {
width: 36.25rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="3"] {
width: 54rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="3"] {
width: 55rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="4"] {
width: 72.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="4"] {
width: 73.75rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="5"] {
width: 90.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="5"] {
width: 92.5rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="6"] {
width: 108.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="6"] {
width: 111.25rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="7"] {
width: 127rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="7"] {
width: 130rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="8"] {
width: 145.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="8"] {
width: 148.75rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="9"] {
width: 163.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="9"] {
width: 167.5rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="10"] {
width: 181.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="10"] {
width: 186.25rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="11"] {
width: 200rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="11"] {
width: 205rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="12"] {
width: 218.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="12"] {
width: 223.75rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="13"] {
width: 236.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="13"] {
width: 242.5rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="14"] {
width: 254.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="14"] {
width: 261.25rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="15"] {
width: 273rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="15"] {
width: 280rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="16"] {
width: 291.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="16"] {
width: 298.75rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="17"] {
width: 309.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="17"] {
width: 317.5rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="18"] {
width: 327.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="18"] {
width: 336.25rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="19"] {
width: 346rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="19"] {
width: 355rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="20"] {
width: 364.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors.card_scroller .scroll_cards[data-cards-size="20"] {
width: 373.75rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors__card {
height: 23.25rem;
float: left;
width: 17.5rem;
text-align: center;
position: relative;
display: inline-block;
background-color: #fff;
margin: 0 0.75rem 0 0;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem;
padding: 0 1.5rem 3rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors__card {
height: 25.5rem;
margin: 0 1.25rem 1.5rem 0
}
}
.page-uconnect-intensive-reno .uconnect-instructors__card:nth-child(5n+1) {
border-top: 3px solid #02b3e4
}
.page-uconnect-intensive-reno .uconnect-instructors__card:nth-child(5n+2) {
border-top: 3px solid #02ccba
}
.page-uconnect-intensive-reno .uconnect-instructors__card:nth-child(5n+3) {
border-top: 3px solid #a951ed
}
.page-uconnect-intensive-reno .uconnect-instructors__card:nth-child(5n+4) {
border-top: 3px solid #ffae0c
}
.page-uconnect-intensive-reno .uconnect-instructors__card:nth-child(5n+5) {
border-top: 3px solid #ff5483
}
.page-uconnect-intensive-reno .uconnect-instructors__card:last-child {
margin: 0
}
.page-uconnect-intensive-reno .uconnect-instructors__image {
height: 6rem;
margin-top: 0;
margin-bottom: 0.375rem;
top: -0.75rem;
display: block;
margin: 0 auto;
position: relative;
border-radius: 50%;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15)
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors__image {
margin-bottom: 0.75rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors__name {
margin-top: 0;
margin-bottom: 0rem;
color: #2e3d49
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors__name {
margin-bottom: 0rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors__title {
margin-top: 0;
margin-bottom: 0.75rem;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-instructors__title {
margin-bottom: 0.75rem
}
}
.page-uconnect-intensive-reno .uconnect-instructors__bio {
height: 12rem;
width: 100%;
overflow: hidden;
display: inline-block
}
.page-uconnect-intensive-reno .uconnect-syllabus {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
position: relative
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-syllabus {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-uconnect-intensive-reno .uconnect-syllabus::before {
height: 150rem;
content: '';
background-image: linear-gradient(to bottom right, #EAFBFF 0%, #fff 100%);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-uconnect-intensive-reno .uconnect-syllabus__intro {
display: block;
z-index: 1
}
.page-uconnect-intensive-reno .uconnect-syllabus__intro::after {
clear: both;
content: "";
display: table
}
.page-uconnect-intensive-reno .uconnect-syllabus__intro__col {
padding: 1.5rem
}
.page-uconnect-intensive-reno .uconnect-syllabus__intro__col:first-child {
padding-bottom: 0
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-syllabus__intro__col {
float: left;
display: block;
width: 50.8474576271%;
padding: 3.75rem
}
.page-uconnect-intensive-reno .uconnect-syllabus__intro__col:last-child {
width: 49.1525423729%
}
.page-uconnect-intensive-reno .uconnect-syllabus__intro__col:first-child {
padding-bottom: 3.75rem
}
}
.page-uconnect-intensive-reno .uconnect-syllabus .timeline {
padding: 0.3125rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .timeline {
padding: 0 3.75rem
}
}
.page-uconnect-intensive-reno .uconnect-syllabus .timeline ul li {
width: 100%;
position: relative;
list-style-type: none;
padding-bottom: 3.75rem;
border-left: 1px solid #dbe2e8
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .timeline ul li {
padding-bottom: 1.5rem
}
}
.page-uconnect-intensive-reno .uconnect-syllabus .timeline ul li::after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
border: 2px solid #02b3e4;
background-color: #02b3e4;
transform: translateX(-50%)
}
.page-uconnect-intensive-reno .uconnect-syllabus .timeline ul li div {
bottom: 0.625rem;
width: 100%;
position: relative;
padding-left: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .timeline ul li div {
height: 10.5rem;
width: 80%;
padding-left: 3rem
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .timeline ul li div {
width: 60%
}
}
.page-uconnect-intensive-reno .uconnect-syllabus .more {
margin-top: 0;
margin-bottom: 1.5rem;
max-height: 37.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .more {
margin-bottom: 3rem
}
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .more {
max-height: 31.25rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .more {
max-height: 35.625rem
}
}
.page-uconnect-intensive-reno .uconnect-syllabus .more+[data-readmore-toggle] {
margin: 0 auto;
display: block;
position: relative;
max-width: 73.75rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .more+[data-readmore-toggle] {
left: 4.6875rem
}
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .more+[data-readmore-toggle] {
left: 4.6875rem
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .more+[data-readmore-toggle] {
left: 3.125rem
}
}
.page-uconnect-intensive-reno .uconnect-syllabus .fade::before {
height: 4.5rem;
position: absolute;
bottom: 6rem;
left: 0;
content: '';
width: 100%;
display: block;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-syllabus .fade::before {
bottom: 8rem
}
}
.page-uconnect-intensive-reno .uconnect-syllabus .icon--arrow {
background: url(assets/icon-arrow-down-blue-1fbc9e71c33a60ce08f0f9dcc4a3520fd17326723ce7b3887dae750984ea8ae7.svg) 0 0 no-repeat;
width: 1.375rem;
height: 1.3125rem;
background-size: 75%;
display: inline-block;
vertical-align: bottom
}
.page-uconnect-intensive-reno .uconnect-syllabus .icon--arrow.up {
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
vertical-align: top
}
.page-uconnect-intensive-reno .uconnect-projects {
padding-top: 3rem;
padding-bottom: 3rem;
position: relative
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-uconnect-intensive-reno .uconnect-projects__image {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects__image {
max-height: 100%;
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
}
.page-uconnect-intensive-reno .uconnect-projects__card {
margin-top: 0;
margin-bottom: 1.5rem;
display: block;
background: #fff;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects__card {
margin-bottom: 3rem
}
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .uconnect-projects__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-uconnect-intensive-reno .uconnect-projects__card:last-child {
margin-right: 0
}
.page-uconnect-intensive-reno .uconnect-projects__card:nth-child(2n) {
margin-right: 0
}
.page-uconnect-intensive-reno .uconnect-projects__card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-uconnect-intensive-reno .uconnect-projects__card:last-child {
margin-right: 0
}
}
.page-uconnect-intensive-reno .uconnect-projects__card__image {
line-height: 0
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .uconnect-projects__card__image {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects__card__image {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
float: left;
display: block;
width: 50.8474576271%
}
.page-uconnect-intensive-reno .uconnect-projects__card__image:last-child {
width: 49.1525423729%
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive-reno .uconnect-projects__card__image {
float: left;
display: block;
width: 42.3728813559%
}
.page-uconnect-intensive-reno .uconnect-projects__card__image:last-child {
width: 40.6779661017%
}
}
.page-uconnect-intensive-reno .uconnect-projects__card__content {
padding: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .uconnect-projects__card__content {
height: 15rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects__card__content {
padding: 2.25rem;
float: left;
display: block;
width: 50.8474576271%;
padding-bottom: 0;
height: auto
}
.page-uconnect-intensive-reno .uconnect-projects__card__content:last-child {
width: 49.1525423729%
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive-reno .uconnect-projects__card__content {
padding: 3rem 2.25rem;
float: left;
display: block;
width: 59.3220338983%
}
.page-uconnect-intensive-reno .uconnect-projects__card__content:last-child {
width: 57.6271186441%
}
}
.page-uconnect-intensive-reno .uconnect-projects__card__content h6 {
color: #7d97ad;
margin-top: 0;
margin-bottom: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects__card__content h6 {
margin-bottom: 0.75rem
}
}
.page-uconnect-intensive-reno .uconnect-projects__card__content h4 {
margin-top: 0;
margin-bottom: 0.75rem;
overflow: hidden;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects__card__content h4 {
margin-bottom: 1.5rem
}
}
.page-uconnect-intensive-reno .uconnect-projects__card__content p {
height: 6rem;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive-reno .uconnect-projects__card__content p {
height: auto
}
}
.page-uconnect-intensive-reno .uconnect-projects .more {
max-height: 30rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .uconnect-projects .more {
max-height: 28.5rem
}
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects .more {
max-height: 40.5rem
}
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive-reno .uconnect-projects .more {
max-height: 57rem
}
}
@media screen and (min-width: 73.75rem) {
.page-uconnect-intensive-reno .uconnect-projects .more {
max-height: 75rem
}
}
.page-uconnect-intensive-reno .uconnect-projects .more+[data-readmore-toggle] {
font-size: 1.125rem;
line-height: 2rem;
top: 0;
width: 100%;
margin: 0 auto;
display: block;
letter-spacing: 0;
position: relative;
text-align: center;
text-transform: none;
max-width: 73.75rem;
font-weight: 400
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects .more+[data-readmore-toggle] {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-uconnect-intensive-reno .uconnect-projects .fade::before {
height: 4.5rem;
position: absolute;
left: 0;
bottom: 86px;
content: '';
width: 100%;
display: block;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .uconnect-projects .fade::before {
bottom: 133px
}
}
.page-uconnect-intensive-reno .uconnect-projects .icon--arrow {
background: url(assets/icon-arrow-down-blue-large-84f0133620e9a2e50e803538f1524a7500f97bb22637f8c251545366c4541c14.svg) 0 0 no-repeat;
width: 36px;
height: 36px;
display: inline-block;
vertical-align: text-bottom
}
.page-uconnect-intensive-reno .uconnect-projects .icon--arrow.up {
-webkit-transform: scaleY(-1);
-moz-transform: scaleY(-1);
-ms-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
vertical-align: top
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .day-schedule {
width: 100%;
display: table;
width: 100%;
table-layout: fixed
}
}
.page-uconnect-intensive-reno .day-schedule .col-6 {
display: table-cell;
width: 100%;
display: block;
padding: 30px 40px
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .day-schedule .col-6 {
padding: 60px 80px;
display: table-cell;
width: 50%
}
}
.page-uconnect-intensive-reno .day-schedule .col-6.bg-image {
background: url(assets/typical-day-a642291b64904e4d14cb3457b45c2908b2d97768b4e8deaf4c7ba8efa794ccf3.jpg) right top no-repeat;
background-size: cover;
height: 12.5rem
}
@media screen and (min-width: 30rem) {
.page-uconnect-intensive-reno .day-schedule .col-6.bg-image {
height: 100%
}
}
.page-uconnect-intensive-reno .day-schedule .col-6 .itinerary li {
display: flex
}
.page-uconnect-intensive-reno .day-schedule .col-6 .itinerary span {
flex: 4
}
.page-uconnect-intensive-reno .day-schedule .hour,
.page-uconnect-intensive-reno .day-schedule .noon,
.page-uconnect-intensive-reno .day-schedule .end {
font-size: 0.875rem;
line-height: 1.5rem;
color: #fff;
flex: 1;
max-width: 5em;
text-align: center;
padding: 0 3px;
position: relative;
display: inline-block;
margin-right: 3rem;
margin-bottom: 2.25rem;
background-color: #02ccba;
border-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .day-schedule .hour,
.page-uconnect-intensive-reno .day-schedule .noon,
.page-uconnect-intensive-reno .day-schedule .end {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.page-uconnect-intensive-reno .day-schedule .hour:before,
.page-uconnect-intensive-reno .day-schedule .hour:after,
.page-uconnect-intensive-reno .day-schedule .noon:before,
.page-uconnect-intensive-reno .day-schedule .noon:after {
content: "";
top: 2.75rem;
width: 0.5rem;
left: 2rem;
height: 0.5rem;
position: absolute;
border-radius: 0.25rem;
background: #dbe2e8
}
}
.page-uconnect-intensive-reno .day-schedule .hour:after,
.page-uconnect-intensive-reno .day-schedule .noon:after {
top: 2rem
}
.page-uconnect-intensive-reno .day-schedule .noon {
background-color: #7d97ad
}
.page-uconnect-intensive-reno .cta_block {
text-align: center
}
.page-uconnect-intensive-reno .cta_block .card {
padding: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .cta_block .card {
padding: 60px 90px;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-uconnect-intensive-reno .cta_block .card:last-child {
margin-right: 0
}
}
.page-uconnect-intensive-reno .cta_block .name {
display: block
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .cta_block .name {
display: flex
}
}
.page-uconnect-intensive-reno .cta_block #first,
.page-uconnect-intensive-reno .cta_block #last {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-uconnect-intensive-reno .cta_block #first:last-child,
.page-uconnect-intensive-reno .cta_block #last:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-uconnect-intensive-reno .cta_block #first,
.page-uconnect-intensive-reno .cta_block #last {
margin-top: 0;
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-uconnect-intensive-reno .cta_block #first,
.page-uconnect-intensive-reno .cta_block #last {
margin-bottom: 1.5rem
}
}
.page-alteryx .hero {
background-image: url(assets/alteryx_hero-274b421931570a4c128da621d9459160d4ee56e497caa0cebcbf89fab366d04b.jpg)
}
@media screen and (min-width: 48rem) {
.page-alteryx .featured .contain {
height: 34.5rem
}
}
.page-alteryx .featured__content {
text-align: center;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-alteryx .featured__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-alteryx .featured__content {
text-align: left;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-alteryx .featured__content:last-child {
margin-right: 0
}
.page-alteryx .featured__content:nth-child(2n) {
margin-right: 0
}
.page-alteryx .featured__content:nth-child(2n+1) {
clear: left
}
}
.page-alteryx .featured__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-alteryx .featured__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-alteryx .featured__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
margin-left: 8.4745762712%
}
.page-alteryx .featured__card:last-child {
margin-right: 0
}
.page-alteryx .featured__card:nth-child(2n) {
margin-right: 0
}
.page-alteryx .featured__card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-alteryx .featured__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-alteryx .featured__card:last-child {
margin-right: 0
}
}
.page-alteryx .featured__card .card__container {
width: 348px
}
.page-alteryx .featured__card .card--nanodegree {
float: none;
width: 100%;
max-width: 376px;
margin: 0 auto;
background-color: #fafbfc
}
.page-alteryx .featured__card .card--nanodegree:hover {
box-shadow: none
}
.page-alteryx .featured__card ul {
padding: 0
}
.page-alteryx .featured__card ul.partners {
display: flex;
flex-wrap: wrap
}
.page-alteryx .featured__card ul li::before {
content: none
}
.page-alteryx .featured__card ul li:first-child {
width: 6.125em;
padding-bottom: 1em;
padding-right: 2em
}
.page-alteryx .featured__card ul li:nth-child(2) {
width: 6.125em
}
.page-alteryx .courses .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
text-align: center
}
@media screen and (min-width: 48rem) {
.page-alteryx .courses .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-alteryx .courses ul {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.page-alteryx .courses ul::after {
clear: both;
content: "";
display: table
}
.page-alteryx .courses li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-alteryx .courses li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-alteryx .courses li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-alteryx .courses li:last-child {
margin-right: 0
}
.page-alteryx .courses li:nth-child(2n) {
margin-right: 0
}
.page-alteryx .courses li:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-alteryx .courses li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-alteryx .courses li:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-alteryx .courses li:nth-child(2n+1) {
clear: none
}
.page-alteryx .courses li:last-child {
margin-right: 0
}
.page-alteryx .courses li:nth-child(3n) {
margin-right: 0
}
.page-alteryx .courses li:nth-child(3n+1) {
clear: left
}
}
.page-alteryx .courses .card {
width: 100%;
padding: 1em 1em 1em 2em
}
.page-alteryx .courses .card::before {
background-color: #02ccba;
color: #fff;
letter-spacing: 2.2px;
position: absolute;
top: 35%;
left: -2.625em;
width: 5.25em;
height: 1.75em;
line-height: 1.75em;
padding: 0px 10px;
content: "open";
text-transform: uppercase;
transform: rotate(-90deg);
font-size: 0.6875em
}
.page-alteryx .courses .card h5 {
height: 4.5rem
}
.page-alteryx .courses .card p {
text-align: left
}
.page-alteryx .courses .coming-soon {
padding: 1em 1em 1em 2em;
border-left: 1px solid #dbe2e8
}
.page-alteryx .courses .coming-soon h5 {
height: 4.5rem;
text-align: left
}
.page-alteryx .courses .coming-soon p {
text-align: left;
color: #7d97ad
}
.page-alteryx .how-it-works .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
text-align: center
}
@media screen and (min-width: 48rem) {
.page-alteryx .how-it-works .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-alteryx .how-it-works ul {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between
}
.page-alteryx .how-it-works li {
flex-grow: 1;
flex-shrink: 1;
margin-right: 1.25em;
min-width: 12.5em;
text-align: center
}
.page-alteryx .how-it-works li:last-of-type {
margin-right: 0
}
.page-alteryx .how-it-works p {
margin: 0 auto;
max-width: 13.75em
}
.page-alteryx .how-it-works h3 {
margin: 0 auto;
color: #2e3d49;
font-size: 1rem;
line-height: 1.75rem;
font-weight: 600;
max-width: 18.75em
}
@media screen and (min-width: 48rem) {
.page-alteryx .how-it-works h3 {
font-size: 1rem;
line-height: 1.75rem
}
}
.page-alteryx .how-it-works img {
margin-bottom: 1em
}
.page-bytebracket label {
font-weight: 400
}
.page-bytebracket .hero {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 500px
}
.page-bytebracket .hero .outer_contain {
background: url(assets/hero-bytebracket-mobile-8769a76bc467988e55371288901f6cb32c858cb78b13a4c8b687b7a9dfc63de5.svg) 0 0 no-repeat;
background-size: 100%
}
@media (min-width: 33em) {
.page-bytebracket .hero .outer_contain {
background: url(assets/hero-bytebracket-718517cf244826b096b39ad0ca43778304fd08bcbc85192014af147c00186d4d.svg) center 0 no-repeat
}
}
.page-bytebracket .hero .contain {
padding: 0 1.5em
}
.page-bytebracket .hero .hero_content {
min-height: 300px;
text-align: center;
max-width: 54em;
margin: 0 auto;
padding: 10em 0 0
}
@media (min-width: 27em) {
.page-bytebracket .hero .hero_content {
padding: 16em 0 0
}
}
.page-bytebracket .hero h1 {
font-size: 2.25em;
color: #2e3d49;
font-weight: 300;
line-height: 1.25em;
left: 0
}
@media (min-width: 35em) {
.page-bytebracket .hero h1 {
font-size: 3.125em
}
}
@media (min-width: 44em) {
.page-bytebracket .hero h1 {
padding: 0;
font-size: 3.125em
}
}
.page-bytebracket .hero h2 {
color: #7d97ad;
font-size: 1em;
line-height: 2em;
font-weight: 300;
margin-bottom: 40px;
padding: 0 1.5em
}
.page-bytebracket .hero h2 strong {
font-weight: 600
}
@media (min-width: 44em) {
.page-bytebracket .hero h2 {
font-size: 1.125em;
line-height: 2em;
padding: 0
}
}
.page-bytebracket [placeholder]:focus::-webkit-input-placeholder {
transition: opacity 0.1s 0.1s ease;
opacity: 0
}
.page-bytebracket [placeholder]:focus::-moz-placeholder {
transition: opacity 0.1s 0.1s ease;
opacity: 0
}
.page-bytebracket .bracket {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 480px;
position: relative;
background-color: #fafbfc
}
.page-bytebracket .bracket::after {
clear: both;
content: "";
display: table
}
@media (min-width: 28em) {
.page-bytebracket .bracket {
margin-top: 440px
}
}
@media (min-width: 44em) {
.page-bytebracket .bracket {
margin-top: 370px
}
}
.page-bytebracket .bracket .contain {
padding: 7.5em 0;
text-align: center
}
.page-bytebracket .bracket .contain.mobile {
padding: 3.25em 0
}
.page-bytebracket .bracket .contain.mobile p {
font-size: 1.125em;
color: #2e3d49;
line-height: 2em;
padding: 0 2.5em
}
.page-bytebracket .bracket .contain.mobile p strong {
font-weight: 600
}
@media (min-width: 75em) {
.page-bytebracket .bracket .contain.mobile {
display: none
}
}
.page-bytebracket .bracket .contain.desktop {
display: none
}
@media (min-width: 75em) {
.page-bytebracket .bracket .contain.desktop {
display: block
}
}
.page-bytebracket .bracket h2 {
color: #2e3d49;
font-size: 1.75em;
font-weight: 300;
margin-bottom: 25px
}
@media (min-width: 44em) {
.page-bytebracket .bracket h2 {
font-size: 2.25em
}
}
.page-bytebracket .bracket .student_name {
color: #02b3e4;
font-weight: 300;
font-size: 1.5em;
margin: 0 auto;
padding: 10px 0 15px;
width: 11em;
border-radius: 0;
box-shadow: none;
border: none;
background: none;
border-bottom: 1px solid #dbe2e8;
text-align: center
}
.page-bytebracket .learn {
position: relative;
text-align: center
}
.page-bytebracket .learn .input_contain input {
display: inline-block;
width: 16em
}
@media (min-width: 34em) {
.page-bytebracket .learn .input_contain input {
width: 21em;
margin-right: 1.5rem
}
}
.page-bytebracket .nanodegree_callout {
background-color: #f4f4ef;
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.page-bytebracket .nanodegree_callout::after {
clear: both;
content: "";
display: table
}
.page-bytebracket .nanodegree_callout .callout_content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-bytebracket .nanodegree_callout .callout_content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-bytebracket .nanodegree_callout .callout_content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
margin-left: 8.4745762712%
}
.page-bytebracket .nanodegree_callout .callout_content:last-child {
margin-right: 0
}
}
.page-bytebracket .nanodegree_callout .cards_contain {
display: none
}
@media screen and (min-width: 48rem) {
.page-bytebracket .nanodegree_callout .cards_contain {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-left: 8.4745762712%
}
.page-bytebracket .nanodegree_callout .cards_contain:last-child {
margin-right: 0
}
}
.page-bytebracket .nanodegree_callout .cards_contain .card {
width: 100%;
margin-bottom: 0
}
.page-bytebracket .bracket-footer {
display: none;
background-color: #fafbfc;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 1000;
border-top: 1px solid #CFD3D7
}
@media (min-width: 75em) {
.page-bytebracket .bracket-footer {
display: block
}
}
.page-bytebracket .bracket-footer .contain {
background-color: #fafbfc;
padding: 1.875em 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center
}
.page-bytebracket .bracket-footer .contain .bracket_solution ul.bytebracket {
list-style-type: none;
margin: 0;
padding: 0
}
.page-bytebracket .bracket-footer .contain .bracket_solution ul.bytebracket li {
float: left;
width: 36px;
border-bottom: 2px solid #7d97ad;
padding: 0 0 7px 0;
margin-right: 7px;
font-size: 1.5em;
font-weight: 400;
color: #2e3d49
}
.page-bytebracket .bracket-footer .contain .bracket_share p {
font-size: 1.125em;
float: left;
font-weight: 300;
color: #2e3d49;
margin-bottom: 0
}
.page-bytebracket .bracket-footer .contain .bracket_share img {
margin-top: 7px;
margin-left: 27px;
vertical-align: middle
}
#bracket {
margin-top: -20px;
height: 1700px;
position: relative
}
#bracket p {
text-align: left
}
#bracket h3,
#bracket h4 {
display: none;
color: #7d97ad;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 1.125em
}
#bracket .match .slot,
#bracket .match label.slot {
width: 130px;
position: absolute;
text-align: left
}
#bracket .match .slot input,
#bracket .match label.slot input {
opacity: 0
}
#bracket .seed {
display: inline-block;
margin-right: 3px;
text-align: right;
width: 13px
}
#bracket .round {
position: absolute;
top: 0;
width: 950px
}
#bracket .round strong,
#bracket .round strong span.seed,
#bracket .round strong span.score {
background-color: #02b3e4;
color: #fff
}
#bracket .loser,
#bracket strike,
#bracket .match strike .seed {
font-weight: normal;
color: #dbe2e8;
text-decoration: none
}
#bracket strike a {
color: #666
}
#bracket #round2 {
left: 115px;
width: 720px
}
#bracket #round3 {
left: 230px;
width: 490px
}
#bracket #round4 {
left: 345px;
width: 260px
}
#bracket .round .region1 .match,
#bracket .round .region2 .match {
left: 0px
}
#bracket .round .region3 .match,
#bracket .round .region4 .match {
right: 0px
}
#bracket .match {
border: 1px solid #dbe2e8;
padding: 0;
width: 170px;
position: absolute;
font-size: 14px
}
#bracket .match .slot,
#bracket .match label.slot {
margin: 0;
position: absolute;
left: 0;
right: 0;
padding: 0 5px;
border: 1px solid #dbe2e8;
background: #fff;
width: 170px;
line-height: 28px
}
#bracket .match .slot .indicator,
#bracket .match label.slot .indicator {
margin: 0;
position: absolute;
top: 0;
left: -1px;
padding: 0 5px;
width: 170px;
line-height: 28px;
background-color: #fff;
border: 1px solid #dbe2e8;
border-top: none
}
#bracket .match .slot .indicator .name,
#bracket .match label.slot .indicator .name {
line-height: 18px
}
#bracket #round6 .region1 .match .indicator {
line-height: 35px;
width: 209px;
height: 37px
}
#bracket #round6 .region1 .match .slot input:disabled:hover ~ .indicator {
width: 206px;
height: 35px
}
#bracket .match .slot:hover input ~ .indicator,
#bracket .match .slot input:focus ~ .indicator,
#bracket .match .slot.selected {
background-color: #46C4E9;
cursor: pointer
}
#bracket .match .slot:hover input ~ .indicator .seed,
#bracket .match .slot:hover input ~ .indicator .name,
#bracket .match .slot input:focus ~ .indicator .seed,
#bracket .match .slot input:focus ~ .indicator .name,
#bracket .match .slot.selected .seed,
#bracket .match .slot.selected .name {
color: #fff
}
#bracket .match .slot:active input ~ .indicator {
background-color: #02b3e4
}
#bracket .match .slot input:checked ~ .indicator {
background-color: #02b3e4
}
#bracket .match .slot input:checked ~ .indicator .seed,
#bracket .match .slot input:checked ~ .indicator .name {
color: #fff
}
#bracket .match .slot input:disabled ~ .indicator {
pointer-events: none;
color: #dbe2e8
}
#bracket .match .slot input:disabled ~ .indicator .seed,
#bracket .match .slot input:disabled ~ .indicator .name {
color: #dbe2e8
}
#bracket .match .slot input:disabled:hover ~ .indicator {
background-color: #fff;
height: 27px;
width: 168px;
border: none;
left: 0px
}
#bracket .match .slot1 {
top: 0px
}
#bracket .match .slot2 {
bottom: 0px
}
#bracket .match .score {
position: absolute;
right: 4px;
font-style: normal
}
#bracket .match .seed {
color: #7d97ad;
font-size: 12px
}
#bracket .match .winner,
#bracket .match .winner em {
font-weight: bold
}
#bracket .region1 .match,
#bracket .region2 .match {
border-left: 0px
}
#bracket .region3 .match,
#bracket .region4 .match {
border-right: 0px
}
#bracket .final_pick {
font-size: 16px;
background: #fff
}
#bracket #round1 h4 {
display: block;
text-align: center;
position: absolute;
left: 225px;
top: 365px;
width: 110px;
margin: 0
}
#bracket #round1 .region3 h4,
#bracket #round1 .region4 h4 {
left: auto;
right: -20px
}
#bracket #round1 .region2 h4,
#bracket #round1 .region4 h4 {
top: 915px
}
#bracket #round1 .match {
height: 53px;
width: 0
}
#bracket #round1 .m1 {
top: 0
}
#bracket #round1 .m2 {
top: 99px
}
#bracket #round1 .m3 {
top: 200px
}
#bracket #round1 .m4 {
top: 299px
}
#bracket #round1 .m5 {
top: 400px
}
#bracket #round1 .m6 {
top: 499px
}
#bracket #round1 .m7 {
top: 600px
}
#bracket #round1 .m8 {
top: 699px
}
#bracket #round1 .region2 .m1,
#bracket #round1 .region4 .m1 {
top: 550px
}
#bracket #round1 .region2 .m2,
#bracket #round1 .region4 .m2 {
top: 649px
}
#bracket #round1 .region2 .m3,
#bracket #round1 .region4 .m3 {
top: 750px
}
#bracket #round1 .region2 .m4,
#bracket #round1 .region4 .m4 {
top: 849px
}
#bracket #round1 .region2 .m5,
#bracket #round1 .region4 .m5 {
top: 950px
}
#bracket #round1 .region2 .m6,
#bracket #round1 .region4 .m6 {
top: 1049px
}
#bracket #round1 .region2 .m7,
#bracket #round1 .region4 .m7 {
top: 1150px
}
#bracket #round1 .region2 .m8,
#bracket #round1 .region4 .m8 {
top: 1249px
}
#bracket #round1 .region1 .slot1,
#bracket #round1 .region2 .slot1 {
left: 0px;
top: -4px
}
#bracket #round1 .region1 .slot2,
#bracket #round1 .region2 .slot2 {
left: 0px;
bottom: -4px
}
#bracket #round1 .region3 .slot1,
#bracket #round1 .region4 .slot1 {
left: -170px;
top: -4px
}
#bracket #round1 .region3 .slot2,
#bracket #round1 .region4 .slot2 {
left: -170px;
bottom: -4px
}
#bracket #round2 .region1 .match,
#bracket #round2 .region2 .match {
height: 100px;
left: 25px;
width: 31px
}
#bracket #round2 .region3 .match,
#bracket #round2 .region4 .match {
height: 100px;
right: -223px;
width: 31px
}
#bracket #round2 .m1 {
top: 26px
}
#bracket #round2 .m2 {
top: 226px
}
#bracket #round2 .m3 {
top: 426px
}
#bracket #round2 .m4 {
top: 626px
}
#bracket #round2 .region2 .m1,
#bracket #round2 .region4 .m1 {
top: 576px
}
#bracket #round2 .region2 .m2,
#bracket #round2 .region4 .m2 {
top: 776px
}
#bracket #round2 .region2 .m3,
#bracket #round2 .region4 .m3 {
top: 976px
}
#bracket #round2 .region2 .m4,
#bracket #round2 .region4 .m4 {
top: 1176px
}
#bracket #round2 .region1 .slot1,
#bracket #round2 .region2 .slot1 {
left: 30px;
top: 20px
}
#bracket #round2 .region1 .slot2,
#bracket #round2 .region2 .slot2 {
left: 30px;
bottom: 19px
}
#bracket #round2 .region3 .slot1,
#bracket #round2 .region4 .slot1 {
left: -170px;
top: 20px
}
#bracket #round2 .region3 .slot2,
#bracket #round2 .region4 .slot2 {
left: -170px;
bottom: 19px
}
#bracket #round3 .region1 .match,
#bracket #round3 .region2 .match {
height: 201px;
width: 31px;
left: 80px
}
#bracket #round3 .region3 .match,
#bracket #round3 .region4 .match {
height: 201px;
width: 31px;
right: -168px
}
#bracket #round3 .m1 {
top: 76px
}
#bracket #round3 .m2 {
top: 476px
}
#bracket #round3 .region2 .m1,
#bracket #round3 .region4 .m1 {
top: 626px
}
#bracket #round3 .region2 .m2,
#bracket #round3 .region4 .m2 {
top: 1026px
}
#bracket #round3 .region1 .slot1,
#bracket #round3 .region2 .slot1 {
left: -75px;
top: 70px
}
#bracket #round3 .region1 .slot2,
#bracket #round3 .region2 .slot2 {
left: -75px;
bottom: 70px
}
#bracket #round3 .region3 .slot1,
#bracket #round3 .region4 .slot1 {
left: -65px;
top: 70px
}
#bracket #round3 .region3 .slot2,
#bracket #round3 .region4 .slot2 {
left: -65px;
bottom: 70px
}
#bracket #round4 .region1 .match,
#bracket #round4 .region2 .match {
height: 401px;
width: 31px;
left: 30px
}
#bracket #round4 .region3 .match,
#bracket #round4 .region4 .match {
height: 401px;
width: 31px;
right: -219px
}
#bracket #round4 .m1 {
top: 176px
}
#bracket #round4 .region2 .m1,
#bracket #round4 .region4 .m1 {
top: 726px
}
#bracket #round4 .region1 .slot1,
#bracket #round4 .region2 .slot1 {
left: -75px;
top: 170px
}
#bracket #round4 .region1 .slot2,
#bracket #round4 .region2 .slot2 {
left: -75px;
bottom: 170px
}
#bracket #round4 .region3 .slot1,
#bracket #round4 .region4 .slot1 {
left: -65px;
top: 170px
}
#bracket #round4 .region3 .slot2,
#bracket #round4 .region4 .slot2 {
left: -65px;
bottom: 170px
}
#bracket #round5 {
top: 800px;
left: 300px;
width: 600px
}
#bracket #round5 .region1 .match {
left: auto
}
#bracket #round5 .match {
height: 60px;
border: none
}
#bracket #round5 .m1 {
left: 0;
border-left: none
}
#bracket #round5 .m2 {
right: 0;
border-right: none
}
#bracket #round5 .slot1 {
top: 1px
}
#bracket #round5 .slot2 {
bottom: 0px
}
#bracket #round6 .match {
left: 495px;
height: 91px;
top: 769px;
border: none;
width: 209px;
padding: 0
}
#bracket #round6 .slot {
height: 38px;
line-height: 38px;
padding: 0 10px
}
#bracket #round6 .slot1 {
top: 24px;
width: 209px
}
#bracket #round6 .slot2 {
top: 61px;
width: 209px
}
#bracket #round6 strong,
#bracket #round6 strong span.seed,
#bracket #round6 strong span.score {
color: #C52000
}
#bracket #winner {
height: 200px;
left: 500px;
top: 580px;
width: 200px
}
#bracket #winner h2 {
position: absolute;
bottom: 0;
left: -53px;
width: 320px;
margin-top: 5px;
font-size: 1.75em;
color: #2e3d49;
font-weight: 300;
margin: 0 auto
}
#bracket #winner h2:after {
content: 'Your Winner';
border-top: 1px solid #dbe2e8;
display: block;
font-size: 10px;
color: #7d97ad;
letter-spacing: 1.7px;
font-weight: 600;
text-transform: uppercase;
padding-top: 5px
}
#bracket .round .region3 .match,
#bracket .round .region4 .match {
right: -248px
}
#bracket .round .region.region2 {
position: absolute;
top: 360px
}
#bracket .round .region.region4 {
position: absolute;
right: 0;
top: 360px
}
#bracket #round2 .region1,
#bracket #round2 .region2 {
left: 30px;
position: absolute
}
#bracket #round2 .region3,
#bracket #round2 .region4 {
right: 30px;
position: absolute
}
#bracket #round3 .region1,
#bracket #round3 .region2 {
left: 60px;
position: absolute
}
#bracket #round3 .region3,
#bracket #round3 .region4 {
right: 60px;
position: absolute
}
#bracket #round4 .region1,
#bracket #round4 .region2 {
left: 90px;
position: absolute
}
#bracket #round4 .region3,
#bracket #round4 .region4 {
right: 90px;
position: absolute
}
.page-bosch-challenge .hero {
background-image: url(assets/hero-bg-bosch-challenge-767c48ca2dd651abee8bedbc11e2981cca14fbc5101e54b828b46d95a1928620.jpg)
}
.page-bosch-challenge .hero img {
height: 3rem;
margin: 0 1.5rem
}
@media screen and (min-width: 48rem) {
.page-bosch-challenge .hero img {
height: 4.5rem
}
}
.page-bosch-challenge .hero .bosch {
margin-bottom: 4px;
margin-top: -4px
}
.page-bosch-challenge .hero__overlay {
background-image: linear-gradient(to bottom right, rgba(2, 204, 186, 0.71), rgba(2, 179, 228, 0.71));
padding: 1.5rem 0.75rem
}
.page-bosch-challenge .hero__overlay h4 {
font-size: 1rem;
line-height: 1.75rem
}
@media screen and (min-width: 48rem) {
.page-bosch-challenge .hero__overlay h4 {
font-size: 1.75rem;
line-height: 2.25rem
}
}
.page-bosch-challenge .sub-nav {
display: none;
border-bottom: 1px solid #dbe2e8
}
@media screen and (min-width: 48rem) {
.page-bosch-challenge .sub-nav {
display: block
}
}
.page-bosch-challenge .sub-nav .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-bosch-challenge .sub-nav .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-bosch-challenge .sub-nav .contain ul li {
display: inline-block;
margin-right: 2.25rem
}
.page-bosch-challenge .sub-nav .contain ul h6 {
color: #02b3e4
}
.page-bosch-challenge .intro {
position: relative
}
.page-bosch-challenge .intro::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 55%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-bosch-challenge .intro::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(145, 218, 238, 0.1);
transform-origin: bottom right;
position: absolute;
top: 62%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-bosch-challenge .intro__content {
display: table
}
.page-bosch-challenge .intro__content--left {
display: table-footer-group
}
@media screen and (min-width: 62rem) {
.page-bosch-challenge .intro__content--left {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-bosch-challenge .intro__content--left:last-child {
margin-right: 0
}
}
.page-bosch-challenge .intro__content--left .card {
max-width: 480px;
margin: 0 auto
}
.page-bosch-challenge .intro__content--right {
display: table-header-group;
text-align: center
}
@media screen and (min-width: 48rem) {
.page-bosch-challenge .intro__content--right {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-bosch-challenge .intro__content--right:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-bosch-challenge .intro__content--right {
text-align: left;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-bosch-challenge .intro__content--right:last-child {
margin-right: 0
}
}
.page-bosch-challenge .intro .header {
height: 12rem;
background: url(assets/thumb-challenge-d1d1654d571f0ad261e1aeef03486d58b91d5f51335cdbc68a4b5e53504d27b6.png) center center no-repeat;
background-size: cover;
width: 100%;
padding: 1.5rem;
border-radius: 0.375rem 0.375rem 0 0
}
.page-bosch-challenge .intro .header__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-bosch-challenge .intro .info {
padding: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-bosch-challenge .intro .info {
padding: 3rem
}
}
.page-bosch-challenge .intro .learn-more {
padding: 1.5rem;
border-radius: 0 0 0.375rem 0.375rem
}
.page-bosch-challenge .our-partner__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-bosch-challenge .our-partner__content:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-bosch-challenge .our-partner__content {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-bosch-challenge .our-partner__content:last-child {
margin-right: 0
}
}
.page-bosch-challenge .our-partner__content--left {
display: none
}
@media screen and (min-width: 48rem) {
.page-bosch-challenge .our-partner__content--left {
display: block;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-bosch-challenge .our-partner__content--left:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-bosch-challenge .our-partner__content--left {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%
}
.page-bosch-challenge .our-partner__content--left:last-child {
margin-right: 0
}
}
.page-bosch-challenge .our-partner__content--right {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-bosch-challenge .our-partner__content--right:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-bosch-challenge .our-partner__content--right {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-bosch-challenge .our-partner__content--right:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-bosch-challenge .our-partner__content--right {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 38.7755102041%
}
.page-bosch-challenge .our-partner__content--right:last-child {
margin-right: 0
}
}
.page-bosch-challenge .our-partner__content--car {
border-radius: 0.375rem
}
.page-bosch-challenge .faq ol.num>li {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-bosch-challenge .faq ol.num>li {
margin-bottom: 1.5rem
}
}
.page-bosch-challenge .faq ul.disc {
padding-left: 3rem
}
.page-bosch-challenge .faq .more {
position: relative;
max-height: 37.5rem
}
@media screen and (min-width: 62rem) {
.page-bosch-challenge .faq .more {
max-height: 48rem
}
}
.page-bosch-challenge .faq .more+[data-readmore-toggle] {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-bosch-challenge .faq .more+[data-readmore-toggle] {
margin-bottom: 4.5rem
}
}
.page-bosch-challenge .faq .fade::before {
height: 4.5rem;
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
display: block;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
.page-didi-challenge .hero {
background-image: url(assets/hero-bg-didi-challenge-b11326cc320f413c4cd85556fd53ecb50261b3f974eea6df5a60bfed030d5a58.jpg)
}
.page-didi-challenge .hero img {
height: 3rem;
margin: 0 0.75rem
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .hero img {
height: 4.5rem
}
}
.page-didi-challenge .hero .didi {
margin-bottom: 4px;
margin-top: -4px
}
.page-didi-challenge .hero__overlay {
background-image: linear-gradient(to bottom right, rgba(169, 81, 237, 0.71), rgba(255, 84, 131, 0.71));
padding: 1.5rem 0.75rem
}
.page-didi-challenge .hero__overlay h4 {
font-size: 1rem;
line-height: 1.75rem
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .hero__overlay h4 {
font-size: 1.75rem;
line-height: 2.25rem
}
}
.page-didi-challenge .sub-nav {
display: none;
border-bottom: 1px solid #dbe2e8
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .sub-nav {
display: block
}
}
.page-didi-challenge .sub-nav .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .sub-nav .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-didi-challenge .sub-nav .contain ul li {
display: inline-block;
margin-right: 1.5rem
}
.page-didi-challenge .sub-nav .contain ul h6 {
color: #02b3e4
}
.page-didi-challenge .intro__content {
display: table
}
.page-didi-challenge .intro__content--left {
display: table-footer-group
}
@media screen and (min-width: 62rem) {
.page-didi-challenge .intro__content--left {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-didi-challenge .intro__content--left:last-child {
margin-right: 0
}
}
.page-didi-challenge .intro__content--left .card {
max-width: 480px;
margin: 0 auto
}
.page-didi-challenge .intro__content--right {
display: table-header-group;
text-align: center
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .intro__content--right {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-didi-challenge .intro__content--right:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-didi-challenge .intro__content--right {
text-align: left;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-didi-challenge .intro__content--right:last-child {
margin-right: 0
}
}
.page-didi-challenge .intro .header {
height: 12rem;
background: url(assets/thumb-challenge-c88fe2e77e7fe0c9b3cbe87c9facb6b701e2628ec2637d375eaaec81c14354d6.png) center center no-repeat;
background-size: cover;
width: 100%;
padding: 1.5rem;
border-radius: 0.375rem 0.375rem 0 0
}
.page-didi-challenge .intro .header__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-didi-challenge .intro .info {
padding: 0.75rem;
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.page-didi-challenge .intro .info::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 30rem) {
.page-didi-challenge .intro .info {
padding: 1.5rem
}
}
.page-didi-challenge .intro .info__item {
width: 100%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-didi-challenge .intro .info__item:last-child {
margin-right: 0
}
.page-didi-challenge .intro .info__item--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%;
height: 4.5rem;
text-align: center
}
.page-didi-challenge .intro .info__item--icon:last-child {
margin-right: 0
}
.page-didi-challenge .intro .info__item--icon img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-didi-challenge .intro .info__item--content {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%;
height: 4.5rem
}
.page-didi-challenge .intro .info__item--content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .intro .info__item--content {
margin-left: 0%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-didi-challenge .intro .info__item--content:last-child {
margin-right: 0
}
}
.page-didi-challenge .intro .info__item--content p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-didi-challenge .intro .learn-more {
padding: 1.5rem;
border-radius: 0 0 0.375rem 0.375rem
}
.page-didi-challenge .prerequisites__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 1.5rem
}
.page-didi-challenge .prerequisites__card:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-didi-challenge .prerequisites__card {
padding: 3rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-didi-challenge .prerequisites__card:last-child {
margin-right: 0
}
}
.page-didi-challenge .prerequisites .checks li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-didi-challenge .prerequisites .checks li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .prerequisites .checks li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-didi-challenge .prerequisites .checks li:last-child {
margin-right: 0
}
.page-didi-challenge .prerequisites .checks li:nth-child(2n) {
margin-right: 0
}
.page-didi-challenge .prerequisites .checks li:nth-child(2n+1) {
clear: left
}
}
.page-didi-challenge .our-partner {
position: relative
}
.page-didi-challenge .our-partner::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 15%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-didi-challenge .our-partner::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(145, 218, 238, 0.1);
transform-origin: bottom right;
position: absolute;
top: 32%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-didi-challenge .our-partner__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-didi-challenge .our-partner__content:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-didi-challenge .our-partner__content {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-didi-challenge .our-partner__content:last-child {
margin-right: 0
}
}
.page-didi-challenge .our-partner__content--left {
display: none
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .our-partner__content--left {
display: block;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-didi-challenge .our-partner__content--left:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-didi-challenge .our-partner__content--left {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%
}
.page-didi-challenge .our-partner__content--left:last-child {
margin-right: 0
}
}
.page-didi-challenge .our-partner__content--right {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-didi-challenge .our-partner__content--right:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .our-partner__content--right {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-didi-challenge .our-partner__content--right:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-didi-challenge .our-partner__content--right {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 38.7755102041%
}
.page-didi-challenge .our-partner__content--right:last-child {
margin-right: 0
}
}
.page-didi-challenge .faq ol.num>li {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .faq ol.num>li {
margin-bottom: 1.5rem
}
}
.page-didi-challenge .faq ul.disc {
padding-left: 3rem
}
.page-didi-challenge .faq .more {
position: relative;
max-height: 37.5rem
}
@media screen and (min-width: 62rem) {
.page-didi-challenge .faq .more {
max-height: 48rem
}
}
.page-didi-challenge .faq .more+[data-readmore-toggle] {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-didi-challenge .faq .more+[data-readmore-toggle] {
margin-bottom: 4.5rem
}
}
.page-didi-challenge .faq .fade::before {
height: 4.5rem;
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
display: block;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
.page-disrupt-giveaway .hero {
background-image: url(assets/disrupt-giveaway-hero-646b37cae4380c371c252d13b2337914afcfe14e46536cf92897eabb854b6ae2.jpg)
}
.page-disrupt-giveaway .hero--logo {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-disrupt-giveaway .hero--logo {
margin-bottom: 0rem
}
}
@media screen and (min-width: 30rem) {
.page-disrupt-giveaway .hero--logo {
margin-top: 0;
margin-bottom: 0rem;
height: 2.125rem;
position: relative;
top: 2px
}
}
@media screen and (min-width: 30rem) and (min-width: 48rem) {
.page-disrupt-giveaway .hero--logo {
margin-bottom: 0rem
}
}
.page-disrupt-giveaway .event-details .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-disrupt-giveaway .event-details .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-disrupt-giveaway .event-details__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-disrupt-giveaway .event-details__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-disrupt-giveaway .event-details__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-disrupt-giveaway .event-details__content:last-child {
margin-right: 0
}
}
.page-disrupt-giveaway .event-details__content .timestamp {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-disrupt-giveaway .event-details__content .timestamp:last-child {
margin-right: 0
}
.page-disrupt-giveaway .event-details__content .timestamp li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-disrupt-giveaway .event-details__content .timestamp li:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-disrupt-giveaway .event-details__content .timestamp li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-disrupt-giveaway .event-details__content .timestamp li:last-child {
margin-right: 0
}
.page-disrupt-giveaway .event-details__content .timestamp li:last-child {
border-left: 1px solid #dbe2e8
}
}
@media screen and (min-width: 62rem) {
.page-disrupt-giveaway .event-details__content p {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-disrupt-giveaway .event-details__content p:last-child {
margin-right: 0
}
}
.page-disrupt-giveaway .enrollment-details .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-disrupt-giveaway .enrollment-details .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-disrupt-giveaway .enrollment-details__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-disrupt-giveaway .enrollment-details__content:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-disrupt-giveaway .enrollment-details__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-disrupt-giveaway .enrollment-details__content:last-child {
margin-right: 0
}
}
.page-disrupt-giveaway .enrollment-details__content li {
list-style-type: none;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-disrupt-giveaway .enrollment-details__content li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-disrupt-giveaway .enrollment-details__content li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-disrupt-giveaway .enrollment-details__content li:last-child {
margin-right: 0
}
}
.page-disrupt-giveaway .enrollment-details__content li p {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-disrupt-giveaway .enrollment-details__content li p:last-child {
margin-right: 0
}
.page-disrupt-giveaway .enrollment-details__fineprint {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-disrupt-giveaway .enrollment-details__fineprint:last-child {
margin-right: 0
}
.page-dl-next-step .hero {
background-image: url(assets/hero-dl-next-step-bd24772facc60d009b2466416dd60a022b799d9ab1338b0c2288658b2f969680.jpg)
}
.page-dl-next-step .hero .countdown__timer {
font-size: 1.125rem;
line-height: 2rem;
height: 2rem;
color: #fff;
display: block
}
@media screen and (min-width: 48rem) {
.page-dl-next-step .hero .countdown__timer {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-dl-next-step .hero .countdown ul {
display: flex;
margin: 0 auto;
width: 11rem;
align-items: center;
justify-content: space-between
}
.page-dl-next-step .hero .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem;
width: 25%;
color: #fff;
text-align: center;
display: inline-block;
letter-spacing: 0.125rem;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-dl-next-step .hero .countdown ul li {
font-size: 0.75rem;
line-height: 1.5rem
}
}
.page-dl-next-step .options .contain {
padding-top: 0;
margin-top: -3rem
}
@media screen and (min-width: 48rem) {
.page-dl-next-step .options .contain {
margin-top: -4.5rem
}
}
.page-dl-next-step .options__wrapper {
display: none
}
@media screen and (min-width: 48rem) {
.page-dl-next-step .options__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
display: block
}
.page-dl-next-step .options__wrapper:last-child {
margin-right: 0
}
}
.page-dl-next-step .options__wrapper--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .options__wrapper--card:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-dl-next-step .options__wrapper--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-dl-next-step .options__wrapper--card:nth-child(2n) {
margin-right: 0
}
.page-dl-next-step .options__wrapper--card:nth-child(2n+1) {
clear: left
}
.page-dl-next-step .options__wrapper--card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-dl-next-step .options__wrapper--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-dl-next-step .options__wrapper--card:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-dl-next-step .options__wrapper--card:nth-child(2n+1) {
clear: none
}
.page-dl-next-step .options__wrapper--card:last-child {
margin-right: 0
}
}
.page-dl-next-step .options__wrapper--card .image {
height: 10.5rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
.page-dl-next-step .options__wrapper--card .text {
padding: 1.5rem
}
.page-dl-next-step .options__wrapper--card .bg-robotics {
background: url(assets/bg-robotics@2x-76f241ac2e1c3c5edcc859e028fe23ba611b19a2d2e83f21573742e0fb377806.jpg) center center/cover no-repeat
}
.page-dl-next-step .options__wrapper--card .bg-ai {
background: url(assets/bg-ai@2x-efe769eea4c9b3aef835d961df689278d7046b0aa07acba1d3cc64d76fd87c1a.jpg) center center/cover no-repeat
}
.page-dl-next-step .options__wrapper--card .bg-sdc {
background: url(assets/bg-sdc@2x-d73da693567e08b15d9647227e9e3e87a5109646b307ce20faa0b0f819d28cad.jpg) center center/cover no-repeat
}
.page-dl-next-step .options__about {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .options__about:last-child {
margin-right: 0
}
.page-dl-next-step .options__about--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .options__about--card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-dl-next-step .options__about--card {
height: 34.5rem
}
}
.page-dl-next-step .options__about .video {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 15rem;
text-align: center;
background: url(assets/video-thumb@2x-e37106a599c43128a202a152230a245ab44e2a326e5a27e69457c3daff718454.jpg) top center/cover no-repeat;
margin-right: 0;
border-radius: 0.375rem 0.375rem 0 0
}
.page-dl-next-step .options__about .video:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-dl-next-step .options__about .video {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
height: 34.5rem;
border-radius: 0.375rem 0 0 0.375rem
}
.page-dl-next-step .options__about .video:last-child {
margin-right: 0
}
}
.page-dl-next-step .options__about .video--icon {
height: 3.75rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block
}
.page-dl-next-step .options__about .content {
padding: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .options__about .content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-dl-next-step .options__about .content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-dl-next-step .options__about .content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-dl-next-step .options__about .content {
padding: 3rem
}
}
.page-dl-next-step .options__about--card-post {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .options__about--card-post:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-dl-next-step .options__about--card-post {
height: 34.5rem
}
}
.page-dl-next-step .options__about .video-post {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 15rem;
text-align: center;
background: url(assets/video-thumb@2x-e37106a599c43128a202a152230a245ab44e2a326e5a27e69457c3daff718454.jpg) top center/cover no-repeat;
margin-right: 0;
border-radius: 0.375rem 0.375rem 0 0
}
.page-dl-next-step .options__about .video-post:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-dl-next-step .options__about .video-post {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
height: 34.5rem;
border-radius: 0.375rem 0 0 0.375rem
}
.page-dl-next-step .options__about .video-post:last-child {
margin-right: 0
}
}
.page-dl-next-step .options__about .video-post--icon {
height: 3.75rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block
}
.page-dl-next-step .options__about .content-post {
padding: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .options__about .content-post:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-dl-next-step .options__about .content-post {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
padding: 2.25rem
}
.page-dl-next-step .options__about .content-post:last-child {
margin-right: 0
}
}
.page-dl-next-step .journey__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .journey__content:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-dl-next-step .journey__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-dl-next-step .journey__content:last-child {
margin-right: 0
}
}
.page-dl-next-step .journey__content button {
margin-bottom: 0.75rem
}
@media screen and (min-width: 73.75rem) {
.page-dl-next-step .journey__content button {
margin-bottom: 0
}
}
.page-dl-next-step .journey__content--card {
padding: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .journey__content--card:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-dl-next-step .journey__content--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-dl-next-step .journey__content--card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-dl-next-step .journey__content--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-dl-next-step .journey__content--card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-dl-next-step .journey__content--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 3rem
}
.page-dl-next-step .journey__content--card:last-child {
margin-right: 0
}
}
.page-dl-next-step .journey ul {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .journey ul:last-child {
margin-right: 0
}
.page-dl-next-step .journey__bullet {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .journey__bullet:last-child {
margin-right: 0
}
.page-dl-next-step .journey__bullet--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.page-dl-next-step .journey__bullet--icon:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-dl-next-step .journey__bullet--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 6.7796610169%
}
.page-dl-next-step .journey__bullet--icon:last-child {
margin-right: 0
}
}
.page-dl-next-step .journey__bullet--text {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-dl-next-step .journey__bullet--text:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-dl-next-step .journey__bullet--text {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 91.5254237288%
}
.page-dl-next-step .journey__bullet--text:last-child {
margin-right: 0
}
}
.page-dl-next-step .journey__image {
display: none
}
@media screen and (min-width: 62rem) {
.page-dl-next-step .journey__image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
display: block
}
.page-dl-next-step .journey__image:last-child {
margin-right: 0
}
}
.page-dl-next-step .journey__enroll {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-dl-next-step .journey__enroll:last-child {
margin-right: 0
}
.page-dl-next-step .robotics {
background: url(assets/bg-circuit-84f87b330f8ab8bb441bbed8c20875d3de01a821d7de44ab4bd726bad21e83a1.png), linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
background-position: 0 0, 0 0;
background-repeat: repeat, repeat
}
.page-dl-next-step .dd-container {
margin-right: 0.75rem;
display: inline-block;
top: 8px;
width: 13.75rem
}
.page-dl-next-step .faq .fade::before {
height: 4.5rem;
position: absolute;
left: 0;
bottom: 3rem;
content: '';
width: 100%;
display: block;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
.page-flying-car .intro .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
@media screen and (min-width: 48rem) {
.page-flying-car .intro .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-flying-car .intro__new {
background: #fff;
width: 4.375rem;
border-radius: 0.25rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.page-flying-car .intro h5 {
max-width: 30.625rem
}
.page-flying-car .intro #flying_car_notify_form {
margin: 0 auto
}
.page-flying-car .intro #flying_car_notify_form label {
display: none
}
.page-flying-car .intro #flying_car_notify_form input[type="email"] {
max-width: 16.25rem;
background-color: #fff
}
@-webkit-keyframes MOVE-UP {
0% {
display: none;
opacity: 0;
background-position: 0 0
}
.1% {
display: block;
opacity: 0
}
.3% {
opacity: 1
}
100% {
background-position: -12000px 0
}
}
.page-flying-car .intro::before {
height: 60rem;
content: '';
background: url(assets/bg-gradient-sky-2e418dfee74efee6d6390c11b20686c25e4690c22af851064dac3d979c64ffed.jpg);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-flying-car .intro::after {
height: 57rem;
content: '';
background: url(assets/clouds-b0e3fe11919e74c187d80d4d31e453d1860361c438a6c4d8e9e8ad452e9b7d8e.png);
background-size: cover;
background-repeat: repeat-x;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -500;
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000;
-webkit-animation: MOVE-UP 1000s linear infinite
}
.page-flying-car .grid {
opacity: 0
}
.page-flying-car .grid__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-flying-car .grid__col:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-flying-car .grid__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-flying-car .grid__col:last-child {
margin-right: 0
}
.page-flying-car .grid__col:nth-child(2n) {
margin-right: 0
}
.page-flying-car .grid__col:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-flying-car .grid__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-flying-car .grid__col:last-child {
margin-right: 0
}
.page-flying-car .grid__col:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-flying-car .grid__col:nth-child(2n+1) {
clear: none
}
.page-flying-car .grid__col:nth-child(3n) {
margin-right: 0
}
.page-flying-car .grid__col:nth-child(3n+1) {
clear: left
}
}
.page-flying-car .grid-item {
display: block;
margin: 0 auto 24px;
max-width: 23.75rem
}
@media screen and (min-width: 48rem) {
.page-flying-car .grid-item {
max-width: none
}
}
.page-flying-car .grid-item__thumb {
height: 19.5rem;
border-radius: 0.375rem 0.375rem 0 0
}
.page-flying-car .grid-item .thumb-sebastian {
background: url(assets/thumb-sebastian-3c4cfcade3b68e5c67d2bbe09a1f463de9f8ac38676be5d837b148f5e71c61b1.jpg) no-repeat top center;
background-size: cover
}
.page-flying-car .grid-item .thumb-nick {
background: url(assets/thumb-nick-4b3859059ad6c18a6eab86687522d0e615d41dcb0f1476b1fc5d513a61fd9d54.jpg) no-repeat top center;
background-size: cover
}
.page-flying-car .grid-item .thumb-angela {
background: url(assets/thumb-angela-09dd576c02c853e0606c9beea9f98d3e26447e619fcfa52f30b9efbf865f50bc.jpg) no-repeat top center;
background-size: cover
}
.page-flying-car .grid-item .thumb-raffaello {
background: url(assets/thumb-raffaello-3387060a9504e66df0b1fbd9ca79a2d9696a69d55ec89890c801e7ce50dd4dde.jpg) no-repeat top center;
background-size: cover
}
.page-flying-car .grid-item__video-bg {
position: relative;
height: 12.75rem;
border-radius: 0.375rem 0.375rem 0 0
}
.page-flying-car .grid-item__video-bg img {
height: 3rem;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-flying-car .grid-item .video-bg-nanodegree {
background: url(assets/bg-video-nanodegree-3e69537e9f5a35ea72aac61c0a0b8accdd9680c9682575f94e5cdea8db4260ed.jpg) center center no-repeat;
background-size: cover
}
.page-flying-car .grid-item .video-bg-flight-simulator {
background: url(assets/bg-flight-simulator-53fc9ccc3b1b8617f91f96105d1fcc0666560c79de0f758c13c9a9eeca1d0dc7.jpg) center center no-repeat;
background-size: cover
}
.page-flying-car .grid-item .video-bg-flying-car {
background: url(assets/bg-flying-car-379709759e18c2d407de0e8bec757504f952fd78be694b658b20b11042b3e526.jpg) center center no-repeat;
background-size: cover
}
.page-flying-car .grid-item__content {
padding: 3.75rem 2.25rem 2.25rem
}
.page-flying-car .grid-item__content-small {
padding: 2.25rem
}
.page-flying-car .grid-item .bg-blue {
background-color: #02b3e4;
border-radius: 0 0 0.375rem 0.375rem
}
.page-flying-car .grid-item__bg {
position: absolute;
right: 0;
top: 1.5rem
}
.page-flying-car .grid-item__flag {
position: absolute;
left: 0;
top: 0.5rem;
line-height: 1.75rem;
padding: 0 1.5rem 0 1rem
}
.page-flying-car .grid-item__flag::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.5rem 1rem 0 0
}
.page-flying-car .grid-item .flag-purple {
background-color: #a951ed
}
.page-flying-car .grid-item .flag-purple::after {
border-color: #a951ed transparent transparent transparent
}
.page-flying-car .grid-item .flag-blue {
background-color: #02b3e4
}
.page-flying-car .grid-item .flag-blue::after {
border-color: #02b3e4 transparent transparent transparent
}
.page-flying-car .grid-item .flag-gray {
background-color: #7d97ad
}
.page-flying-car .grid-item .flag-gray::after {
border-color: #7d97ad transparent transparent transparent
}
.page-flying-car .grid-item .flag-orange {
background-color: #ffa234
}
.page-flying-car .grid-item .flag-orange::after {
border-color: #ffa234 transparent transparent transparent
}
.page-google-scholarships .header .button--primary {
color: #02ccba;
background-color: #fff;
border: 0.125rem solid transparent
}
.page-google-scholarships .header .button--primary:focus,
.page-google-scholarships .header .button--primary.focus,
.page-google-scholarships .header .button--primary:hover {
outline: none;
color: #04fde6;
border-color: transparent;
background-color: #f2f2f2
}
.page-google-scholarships .header .button--primary.disabled,
.page-google-scholarships .header .button--primary[disabled],
fieldset[disabled] .page-google-scholarships .header .button--primary {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.page-google-scholarships .header .button--primary.pending {
cursor: progress;
box-shadow: none
}
.page-google-scholarships .header .button--primary.pending:hover {
background-color: #fff
}
.page-google-scholarships .header .button--primary.inline {
display: inline-block
}
.page-google-scholarships .header .button--primary.sm {
width: 11.25rem
}
.page-google-scholarships .header .button--primary.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.page-google-scholarships .header .button--primary.lg {
width: 100%
}
}
.page-google-scholarships .header .button--primary.full {
width: 100%
}
.page-google-scholarships .header .button--primary>svg {
fill: currentcolor
}
.page-google-scholarships .header--stick .button--primary {
color: #fff;
background-color: #02ccba;
border: 0.125rem solid transparent
}
.page-google-scholarships .header--stick .button--primary:focus,
.page-google-scholarships .header--stick .button--primary.focus,
.page-google-scholarships .header--stick .button--primary:hover {
outline: none;
color: white;
border-color: transparent;
background-color: #02b3a3
}
.page-google-scholarships .header--stick .button--primary.disabled,
.page-google-scholarships .header--stick .button--primary[disabled],
fieldset[disabled] .page-google-scholarships .header--stick .button--primary {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.page-google-scholarships .header--stick .button--primary.pending {
cursor: progress;
box-shadow: none
}
.page-google-scholarships .header--stick .button--primary.pending:hover {
background-color: #02ccba
}
.page-google-scholarships .header--stick .button--primary.inline {
display: inline-block
}
.page-google-scholarships .header--stick .button--primary.sm {
width: 11.25rem
}
.page-google-scholarships .header--stick .button--primary.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.page-google-scholarships .header--stick .button--primary.lg {
width: 100%
}
}
.page-google-scholarships .header--stick .button--primary.full {
width: 100%
}
.page-google-scholarships .header--stick .button--primary>svg {
fill: currentcolor
}
.page-google-scholarships .hero {
background-image: url(assets/hero-bg-scholarships-071b611452f3f918a1c6fd886bcbb9c09279cd9d6f4cb20b75fd9c5a355a2a9c.jpg)
}
.page-google-scholarships .hero-google {
background-image: url(assets/hero-bg-scholarships-8570375f14a5eb7805904c98bcdcf4c859f29f605b2ea638ddc0079103e29d5f.jpg)
}
.page-google-scholarships .opportunity__card {
margin-top: -1.5rem;
padding: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .opportunity__card {
margin-top: -4.5rem;
padding: 2.25rem 3.75rem
}
}
.page-google-scholarships .opportunity__items {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.page-google-scholarships .opportunity__items::after {
clear: both;
content: "";
display: table
}
.page-google-scholarships .opportunity__items .item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-bottom: 2.25rem
}
.page-google-scholarships .opportunity__items .item:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .opportunity__items .item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-bottom: 0
}
.page-google-scholarships .opportunity__items .item:last-child {
margin-right: 0
}
}
.page-google-scholarships .paths__learning {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-google-scholarships .paths__learning:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .paths__learning {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-google-scholarships .paths__learning:last-child {
margin-right: 0
}
}
.page-google-scholarships .paths__learning--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
height: 12.75rem;
padding: 2.25rem 0.75rem
}
.page-google-scholarships .paths__learning--card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .paths__learning--card {
padding: 3rem 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
height: 14.25rem
}
.page-google-scholarships .paths__learning--card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-google-scholarships .paths__learning--card {
height: 12.75rem
}
}
.page-google-scholarships .paths__learning--card img {
height: 3rem
}
.page-google-scholarships .paths__learning--card.primary.selected {
border: 2px solid #a951ed;
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
.page-google-scholarships .paths__learning--card.primary:hover {
border: 2px solid #a951ed
}
.page-google-scholarships .paths__learning--card.secondary.selected {
border: 2px solid #15c26b;
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
.page-google-scholarships .paths__learning--card.secondary:hover {
border: 2px solid #15c26b
}
.page-google-scholarships .paths__learning--card:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2);
cursor: pointer
}
.page-google-scholarships .paths__choice {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-google-scholarships .paths__choice:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .paths__choice {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-google-scholarships .paths__choice:last-child {
margin-right: 0
}
}
.page-google-scholarships .paths__choice--card {
position: relative;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 3rem 1.5rem
}
.page-google-scholarships .paths__choice--card:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-google-scholarships .paths__choice--card {
padding: 3rem 2.25rem
}
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .paths__choice--card {
height: 28.5rem;
padding: 3rem 1.5rem
}
}
@media screen and (min-width: 62rem) {
.page-google-scholarships .paths__choice--card {
padding: 3.75rem
}
}
@media screen and (min-width: 73.75rem) {
.page-google-scholarships .paths__choice--card {
height: 25.5rem
}
}
.page-google-scholarships .paths__choice--card__flag {
position: absolute;
left: 0;
top: 1rem;
line-height: 1.75rem;
padding: 0 1.5rem 0 1rem
}
.page-google-scholarships .paths__choice--card__flag::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.5rem 1rem 0 0
}
.page-google-scholarships .paths__choice--card .flag-purple {
background-color: #EEDDFA
}
.page-google-scholarships .paths__choice--card .flag-purple::after {
border-color: #EEDDFA transparent transparent transparent
}
.page-google-scholarships .paths__choice--card .flag-green {
background-color: #D4F4E4
}
.page-google-scholarships .paths__choice--card .flag-green::after {
border-color: #D4F4E4 transparent transparent transparent
}
.page-google-scholarships .paths__choice--card .title-bar {
height: 0.25rem;
width: 3.75rem;
margin-bottom: 2.25rem
}
.page-google-scholarships .paths__choice--card .icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.page-google-scholarships .paths__choice--card .icon:last-child {
margin-right: 0
}
.page-google-scholarships .paths__choice--card .copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-google-scholarships .paths__choice--card .copy:last-child {
margin-right: 0
}
.page-google-scholarships .paths__choice .icon-three-dots {
height: 6rem
}
.page-google-scholarships .paths__choice .related-copy {
padding: 0 0.75rem
}
.page-google-scholarships .paths__choice .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 14.5rem;
position: relative
}
.page-google-scholarships .paths__choice .related-card:last-child {
margin-right: 0
}
.page-google-scholarships .paths__choice .related-card__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-google-scholarships .paths__choice .related-card__content h3 {
margin-bottom: 0.5rem
}
.page-google-scholarships .paths__choice .related-card__content h6 {
margin-bottom: 1rem
}
.page-google-scholarships .paths__choice .related-card__content--purple-red {
background-image: linear-gradient(to right, #a951ed, #ff5483)
}
.page-google-scholarships .paths__choice .related-card__content--blue-green {
background-image: linear-gradient(to right, #02b3e4, #02ccba)
}
.page-google-scholarships .paths__choice .related-card__content--blue-purple {
background-image: linear-gradient(to right, #6586FC, #A151ED)
}
.page-google-scholarships .paths__choice .related-card__content--red-orange {
background-image: linear-gradient(to right, #FF5383, #FFA429)
}
.page-google-scholarships .paths__choice .related-card__content--purple-red,
.page-google-scholarships .paths__choice .related-card__content--blue-green,
.page-google-scholarships .paths__choice .related-card__content--blue-purple,
.page-google-scholarships .paths__choice .related-card__content--red-orange {
border-radius: 0 0 0.375rem 0.375rem;
position: absolute;
bottom: -4rem;
width: 100%;
height: 2rem
}
.page-google-scholarships .paths__choice .related-card__content--purple-red img,
.page-google-scholarships .paths__choice .related-card__content--purple-red p,
.page-google-scholarships .paths__choice .related-card__content--blue-green img,
.page-google-scholarships .paths__choice .related-card__content--blue-green p,
.page-google-scholarships .paths__choice .related-card__content--blue-purple img,
.page-google-scholarships .paths__choice .related-card__content--blue-purple p,
.page-google-scholarships .paths__choice .related-card__content--red-orange img,
.page-google-scholarships .paths__choice .related-card__content--red-orange p {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-google-scholarships .paths__choice .related-card__content--purple-red img,
.page-google-scholarships .paths__choice .related-card__content--blue-green img,
.page-google-scholarships .paths__choice .related-card__content--blue-purple img,
.page-google-scholarships .paths__choice .related-card__content--red-orange img {
top: 7px;
padding: 0 12px 0 32px
}
.page-google-scholarships .paths__choice .related-card__flag {
position: absolute;
left: 0;
top: 1rem;
line-height: 1.75rem;
padding: 0 1.5rem 0 1rem
}
.page-google-scholarships .paths__choice .related-card__flag::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.5rem 1rem 0 0
}
.page-google-scholarships .paths__choice .related-card .flag--blue-green {
background: linear-gradient(to right, #02b3e4, #02ccba)
}
.page-google-scholarships .paths__choice .related-card .flag--blue-green::after {
border-color: #02ccba transparent transparent transparent
}
.page-google-scholarships .paths__choice .related-card .flag--purple-red {
background: linear-gradient(to right, #a951ed, #ff5483)
}
.page-google-scholarships .paths__choice .related-card .flag--purple-red::after {
border-color: #ff5483 transparent transparent transparent
}
.page-google-scholarships .paths__choice .related-card .flag--blue-purple {
background: linear-gradient(to right, #6586FC, #A151ED)
}
.page-google-scholarships .paths__choice .related-card .flag--blue-purple::after {
border-color: #A151ED transparent transparent transparent
}
.page-google-scholarships .paths__choice .related-card .flag--red-orange {
background: linear-gradient(to right, #FF5383, #FFA429)
}
.page-google-scholarships .paths__choice .related-card .flag--red-orange::after {
border-color: #FFA429 transparent transparent transparent
}
.page-google-scholarships .paths__choice .path-card--green .title-bar {
background: #15c26b
}
.page-google-scholarships .paths__choice .path-card--purple .title-bar {
background: #a951ed
}
.page-google-scholarships .paths__choice .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 3rem;
margin: 2.25rem 0
}
.page-google-scholarships .paths__choice .divider:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .paths__choice .divider {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%;
height: 14.5rem;
margin: 0
}
.page-google-scholarships .paths__choice .divider:last-child {
margin-right: 0
}
}
.page-google-scholarships .paths__choice .divider .transition-dots {
transform: rotate(90deg);
height: 1.875rem
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .paths__choice .divider .transition-dots {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
transform: rotate(0deg)
}
}
.page-google-scholarships .paths__web-developer {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.page-google-scholarships .paths__web-developer::after {
clear: both;
content: "";
display: table
}
.page-google-scholarships .paths__android-developer {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.page-google-scholarships .paths__android-developer::after {
clear: both;
content: "";
display: table
}
.page-google-scholarships .paths .path-secondary {
display: none
}
.page-google-scholarships .featured-students__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-google-scholarships .featured-students__content:last-child {
margin-right: 0
}
@media screen and (min-width: 73.75rem) {
.page-google-scholarships .featured-students__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-google-scholarships .featured-students__content:last-child {
margin-right: 0
}
}
.page-google-scholarships .featured-students .flip-container {
cursor: pointer;
display: inline-block;
perspective: 1000px
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .featured-students .flip-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-google-scholarships .featured-students .flip-container:last-child {
margin-right: 0
}
.page-google-scholarships .featured-students .flip-container:nth-child(2n) {
margin-right: 0
}
.page-google-scholarships .featured-students .flip-container:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-google-scholarships .featured-students .flip-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-google-scholarships .featured-students .flip-container:last-child {
margin-right: 0
}
.page-google-scholarships .featured-students .flip-container:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-google-scholarships .featured-students .flip-container:nth-child(2n+1) {
clear: none
}
}
.page-google-scholarships .featured-students .flip-container:nth-child(1) .story-front,
.page-google-scholarships .featured-students .flip-container:nth-child(1) .story-back {
border-top: 3px solid #02b3e4
}
.page-google-scholarships .featured-students .flip-container:nth-child(2) .story-front,
.page-google-scholarships .featured-students .flip-container:nth-child(2) .story-back {
border-top: 3px solid #02ccba
}
.page-google-scholarships .featured-students .flip-container:nth-child(3) .story-front,
.page-google-scholarships .featured-students .flip-container:nth-child(3) .story-back {
border-top: 3px solid #a951ed
}
.page-google-scholarships .featured-students .flip-container.flip .flipper {
transform: rotateY(180deg)
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .featured-students .flip-container.flip .flipper {
transform: none
}
.page-google-scholarships .featured-students .flip-container:hover .flipper,
.page-google-scholarships .featured-students .flip-container.hover .flipper {
transform: rotateY(180deg)
}
}
.page-google-scholarships .featured-students .flip-container .flipper {
display: inline-block;
position: relative;
transition: 0.6s;
transform-style: preserve-3d
}
.page-google-scholarships .featured-students .flip-container .story-front,
.page-google-scholarships .featured-students .flip-container .story-back {
height: 21rem;
background-color: #fff;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
border-radius: 0.375rem;
display: inline-block;
text-align: center;
width: 17.5625rem;
margin-bottom: 3rem
}
@media screen and (min-width: 62rem) {
.page-google-scholarships .featured-students .flip-container .story-front,
.page-google-scholarships .featured-students .flip-container .story-back {
margin-bottom: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-google-scholarships .featured-students .flip-container .story-front,
.page-google-scholarships .featured-students .flip-container .story-back {
width: 17.5625rem
}
}
.page-google-scholarships .featured-students .flip-container .story-front__name,
.page-google-scholarships .featured-students .flip-container .story-back__name {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .featured-students .flip-container .story-front__name,
.page-google-scholarships .featured-students .flip-container .story-back__name {
margin-bottom: 2.25rem
}
}
.page-google-scholarships .featured-students .flip-container .story-front__nanodegree,
.page-google-scholarships .featured-students .flip-container .story-back__nanodegree {
height: 3rem
}
.page-google-scholarships .featured-students .flip-container .story-front__now,
.page-google-scholarships .featured-students .flip-container .story-back__now {
color: #dbe2e8;
overflow: hidden
}
.page-google-scholarships .featured-students .flip-container .story-front__now:before,
.page-google-scholarships .featured-students .flip-container .story-front__now:after,
.page-google-scholarships .featured-students .flip-container .story-back__now:before,
.page-google-scholarships .featured-students .flip-container .story-back__now:after {
background-color: #dbe2e8;
content: '';
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 5rem
}
.page-google-scholarships .featured-students .flip-container .story-front__now:before,
.page-google-scholarships .featured-students .flip-container .story-back__now:before {
right: 1rem
}
.page-google-scholarships .featured-students .flip-container .story-front__now:after,
.page-google-scholarships .featured-students .flip-container .story-back__now:after {
left: 1rem
}
.page-google-scholarships .featured-students .flip-container .story-front__company .h3,
.page-google-scholarships .featured-students .flip-container .story-back__company .h3 {
font-size: 1rem;
line-height: 1.75rem
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .featured-students .flip-container .story-front__company .h3,
.page-google-scholarships .featured-students .flip-container .story-back__company .h3 {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-google-scholarships .featured-students .flip-container .icon {
height: 3.75rem;
position: relative;
border-radius: 50%;
top: -1.5rem;
width: 3.75rem;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
margin: 0 auto
}
.page-google-scholarships .featured-students .flip-container .icon img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-google-scholarships .featured-students .flip-container .story-front,
.page-google-scholarships .featured-students .flip-container .story-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.page-google-scholarships .featured-students .flip-container .story-back {
left: 0;
position: absolute;
top: 0
}
.page-google-scholarships .featured-students .flip-container .story-back h4 {
font-size: 1.25rem;
font-weight: 300
}
.page-google-scholarships .featured-students .flip-container .story-back p {
padding-left: 0.75rem;
padding-right: 0.75rem
}
.page-google-scholarships .featured-students .flip-container .story-front {
transform: rotateY(0deg);
z-index: 2
}
.page-google-scholarships .featured-students .flip-container .story-back {
transform: rotateY(180deg)
}
.page-google-scholarships .countdown-date ul {
margin: 0;
padding: 0
}
.page-google-scholarships .countdown-date ul li {
list-style-type: none;
display: inline-block;
letter-spacing: 0.0625rem;
width: 2.375rem;
text-align: center;
text-transform: uppercase
}
.page-google-scholarships .countdown-date ul li:nth-child(2),
.page-google-scholarships .countdown-date ul li:nth-child(3) {
margin-right: 0.25rem
}
.page-google-scholarships #scholarship_countdown,
.page-google-scholarships #scholarship_countdown_dayOf {
font-size: 1.5rem;
line-height: 2.25rem;
color: #2e3d49
}
@media screen and (min-width: 48rem) {
.page-google-scholarships #scholarship_countdown,
.page-google-scholarships #scholarship_countdown_dayOf {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-google-scholarships .apply--bg-eu {
background: url(assets/bg-map-europe-f6b595ef6677d758794d1b3587ce8d90e0fcf10bd4e22cf3a4f1ba5783d9d156.svg) top right no-repeat;
background-color: white;
background-size: auto 100%
}
.page-google-scholarships .apply--bg-us {
background: url(assets/bg-map-us-b76bba1faebfa29d299937b97256e73642f8670450e5b52b62679501ee402411.svg) top right no-repeat;
background-color: white;
background-size: auto 100%
}
.page-google-scholarships .apply__how {
position: relative;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-google-scholarships .apply__how:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .apply__how {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-google-scholarships .apply__how:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-google-scholarships .apply__how {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-google-scholarships .apply__how:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-google-scholarships .apply__how {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-google-scholarships .apply__how:last-child {
margin-right: 0
}
}
.page-google-scholarships .apply__how--dates {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-google-scholarships .apply__how--dates:last-child {
margin-right: 0
}
.page-google-scholarships .apply .date-item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-google-scholarships .apply .date-item:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .apply .date-item {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-google-scholarships .apply .date-item:last-child {
margin-right: 0
}
.page-google-scholarships .apply .date-item:nth-child(2n) {
margin-right: 0
}
.page-google-scholarships .apply .date-item:nth-child(2n+1) {
clear: left
}
}
.page-google-scholarships .apply .date-item__image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%;
height: 3rem
}
.page-google-scholarships .apply .date-item__image:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-google-scholarships .apply .date-item__image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 6.7796610169%
}
.page-google-scholarships .apply .date-item__image:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .apply .date-item__image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.page-google-scholarships .apply .date-item__image:last-child {
margin-right: 0
}
}
.page-google-scholarships .apply .date-item__image img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-google-scholarships .apply .date-item__copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
height: 3rem
}
.page-google-scholarships .apply .date-item__copy:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-google-scholarships .apply .date-item__copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 91.5254237288%
}
.page-google-scholarships .apply .date-item__copy:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-google-scholarships .apply .date-item__copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-google-scholarships .apply .date-item__copy:last-child {
margin-right: 0
}
}
.page-google-scholarships .scholarship-notify.countdown_reveal {
display: block
}
.page-google-scholarships .faq .fade::before {
height: 4.5rem;
position: absolute;
left: 0;
bottom: 2rem;
content: '';
width: 100%;
display: block;
z-index: 1000;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff)
}
@font-face {
font-family: 'Press Start 2P';
font-style: normal;
font-weight: 400;
src: local("Press Start 2P Regular"), local("PressStart2P-Regular"), url(https://fonts.gstatic.com/s/pressstart2p/v5/8Lg6LX8-ntOHUQnvQ0E7o69WAFmVxfVhVkWhl-QDeAk.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
src: local("Source Code Pro"), local("SourceCodePro-Regular"), url(https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD5bPFduIYtoLzwST68uhz_Y.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 600;
src: local("Source Code Pro Semibold"), local("SourceCodePro-Semibold"), url(https://fonts.gstatic.com/s/sourcecodepro/v6/leqv3v-yTsJNC7nFznSMqczFoXZ-Kj537nB_-9jJhlA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
.glitch {
margin: 0 auto;
display: inline-block
}
.glitch.glitch-01 {
width: 870;
height: 80;
color: #49DFD3;
position: relative
}
@keyframes UNDERSTANDING-anim-1 {
0% {
clip: rect(42px, 870px, 72px, 0)
}
5.8823529412% {
clip: rect(27px, 870px, 3px, 0)
}
11.7647058824% {
clip: rect(21px, 870px, 46px, 0)
}
17.6470588235% {
clip: rect(23px, 870px, 31px, 0)
}
23.5294117647% {
clip: rect(62px, 870px, 28px, 0)
}
29.4117647059% {
clip: rect(65px, 870px, 79px, 0)
}
35.2941176471% {
clip: rect(72px, 870px, 9px, 0)
}
41.1764705882% {
clip: rect(44px, 870px, 7px, 0)
}
47.0588235294% {
clip: rect(25px, 870px, 73px, 0)
}
52.9411764706% {
clip: rect(12px, 870px, 29px, 0)
}
58.8235294118% {
clip: rect(32px, 870px, 43px, 0)
}
64.7058823529% {
clip: rect(55px, 870px, 36px, 0)
}
70.5882352941% {
clip: rect(10px, 870px, 23px, 0)
}
76.4705882353% {
clip: rect(44px, 870px, 47px, 0)
}
82.3529411765% {
clip: rect(1px, 870px, 68px, 0)
}
88.2352941176% {
clip: rect(49px, 870px, 31px, 0)
}
94.1176470588% {
clip: rect(61px, 870px, 63px, 0)
}
100% {
clip: rect(24px, 870px, 2px, 0)
}
}
@keyframes UNDERSTANDING-anim-2 {
0% {
clip: rect(28px, 870px, 55px, 0)
}
5.8823529412% {
clip: rect(1px, 870px, 68px, 0)
}
11.7647058824% {
clip: rect(67px, 870px, 10px, 0)
}
17.6470588235% {
clip: rect(23px, 870px, 38px, 0)
}
23.5294117647% {
clip: rect(17px, 870px, 17px, 0)
}
29.4117647059% {
clip: rect(70px, 870px, 49px, 0)
}
35.2941176471% {
clip: rect(40px, 870px, 29px, 0)
}
41.1764705882% {
clip: rect(40px, 870px, 78px, 0)
}
47.0588235294% {
clip: rect(31px, 870px, 70px, 0)
}
52.9411764706% {
clip: rect(13px, 870px, 1px, 0)
}
58.8235294118% {
clip: rect(60px, 870px, 17px, 0)
}
64.7058823529% {
clip: rect(70px, 870px, 64px, 0)
}
70.5882352941% {
clip: rect(36px, 870px, 21px, 0)
}
76.4705882353% {
clip: rect(73px, 870px, 48px, 0)
}
82.3529411765% {
clip: rect(32px, 870px, 31px, 0)
}
88.2352941176% {
clip: rect(2px, 870px, 52px, 0)
}
94.1176470588% {
clip: rect(58px, 870px, 61px, 0)
}
100% {
clip: rect(25px, 870px, 28px, 0)
}
}
.glitch.glitch-01:before,
.glitch.glitch-01:after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
background: transparent;
overflow: hidden;
clip: rect(0, 0, 0, 0)
}
.glitch.glitch-01:after {
left: 1px;
text-shadow: -1px 0 #fff;
animation: UNDERSTANDING-anim-1 2s infinite linear normal
}
.glitch.glitch-01:before {
left: -1px;
text-shadow: 1px 0 #2e3d49;
animation: UNDERSTANDING-anim-2 3s infinite linear normal
}
.glitch.glitch-02 {
width: 440;
height: 80;
color: #49DFD3;
position: relative
}
@keyframes HUMANS-anim-1 {
0% {
clip: rect(11px, 440px, 21px, 0)
}
5.8823529412% {
clip: rect(62px, 440px, 14px, 0)
}
11.7647058824% {
clip: rect(35px, 440px, 26px, 0)
}
17.6470588235% {
clip: rect(2px, 440px, 45px, 0)
}
23.5294117647% {
clip: rect(26px, 440px, 13px, 0)
}
29.4117647059% {
clip: rect(58px, 440px, 45px, 0)
}
35.2941176471% {
clip: rect(45px, 440px, 14px, 0)
}
41.1764705882% {
clip: rect(2px, 440px, 44px, 0)
}
47.0588235294% {
clip: rect(60px, 440px, 10px, 0)
}
52.9411764706% {
clip: rect(64px, 440px, 27px, 0)
}
58.8235294118% {
clip: rect(4px, 440px, 35px, 0)
}
64.7058823529% {
clip: rect(76px, 440px, 29px, 0)
}
70.5882352941% {
clip: rect(21px, 440px, 57px, 0)
}
76.4705882353% {
clip: rect(74px, 440px, 7px, 0)
}
82.3529411765% {
clip: rect(49px, 440px, 64px, 0)
}
88.2352941176% {
clip: rect(20px, 440px, 45px, 0)
}
94.1176470588% {
clip: rect(64px, 440px, 53px, 0)
}
100% {
clip: rect(27px, 440px, 13px, 0)
}
}
@keyframes HUMANS-anim-2 {
0% {
clip: rect(1px, 440px, 29px, 0)
}
5.8823529412% {
clip: rect(78px, 440px, 23px, 0)
}
11.7647058824% {
clip: rect(38px, 440px, 76px, 0)
}
17.6470588235% {
clip: rect(69px, 440px, 60px, 0)
}
23.5294117647% {
clip: rect(37px, 440px, 16px, 0)
}
29.4117647059% {
clip: rect(22px, 440px, 12px, 0)
}
35.2941176471% {
clip: rect(80px, 440px, 31px, 0)
}
41.1764705882% {
clip: rect(33px, 440px, 66px, 0)
}
47.0588235294% {
clip: rect(28px, 440px, 52px, 0)
}
52.9411764706% {
clip: rect(51px, 440px, 39px, 0)
}
58.8235294118% {
clip: rect(13px, 440px, 36px, 0)
}
64.7058823529% {
clip: rect(20px, 440px, 48px, 0)
}
70.5882352941% {
clip: rect(58px, 440px, 6px, 0)
}
76.4705882353% {
clip: rect(14px, 440px, 31px, 0)
}
82.3529411765% {
clip: rect(11px, 440px, 74px, 0)
}
88.2352941176% {
clip: rect(45px, 440px, 41px, 0)
}
94.1176470588% {
clip: rect(66px, 440px, 43px, 0)
}
100% {
clip: rect(62px, 440px, 33px, 0)
}
}
.glitch.glitch-02:before,
.glitch.glitch-02:after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
background: transparent;
overflow: hidden;
clip: rect(0, 0, 0, 0)
}
.glitch.glitch-02:after {
left: 1px;
text-shadow: -1px 0 #fff;
animation: HUMANS-anim-1 2s infinite linear normal
}
.glitch.glitch-02:before {
left: -1px;
text-shadow: 1px 0 #2e3d49;
animation: HUMANS-anim-2 3s infinite linear normal
}
.page-human {
font-family: "Source Code Pro", monospace
}
.page-human .turquoise {
color: #49DFD3
}
.page-human h1,
.page-human .h1,
.page-human h2,
.page-human .h2,
.page-human h3,
.page-human .h3,
.page-human h4,
.page-human .h4,
.page-human h5,
.page-human .h5,
.page-human h6,
.page-human .h6 {
font-family: "Press Start 2P", monospace;
font-weight: 400
}
.page-human hr {
border-bottom: 1px solid rgba(73, 223, 211, 0.3);
border-top: 1px solid rgba(73, 223, 211, 0.1)
}
.page-human .line--hexagon {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-human .line--hexagon {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-human__h1 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-size: 0.875rem;
line-height: 1.5rem;
display: flex;
color: #49DFD3;
flex-direction: row;
letter-spacing: 0.1875rem;
text-transform: uppercase;
justify-content: space-between
}
@media screen and (min-width: 48rem) {
.page-human__h1 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-human__h1 {
font-size: 1rem;
line-height: 1.75rem
}
}
.page-human__h1:before,
.page-human__h1:after {
height: 1px;
flex-grow: 1;
position: relative;
top: 0.75rem;
background-color: #49DFD3;
content: ''
}
.page-human__h1:before {
text-align: left;
margin-right: 0.75rem
}
.page-human__h1:after {
text-align: right;
margin-left: 0.75rem
}
.page-human .video__featured::before {
height: 66rem;
top: 0;
left: 0;
width: 100%;
content: '';
position: absolute;
z-index: -1000;
background: url(assets/bg-hero-1a523a8875a97c83a2d34d2dc06598fa81566e1e8f2df3f1a8ab3f0a4cbbfb74.jpg) center bottom no-repeat
}
.page-human .video__featured .contain {
border-radius: none;
margin-top: 0;
margin-bottom: 1.5rem;
background: url(assets/video-bg-human-f396dcbfb9ae33e62cce5365440cfcdd3c532ed5077d7f77bec54cd13ed4b61d.jpg) center top no-repeat
}
@media screen and (min-width: 48rem) {
.page-human .video__featured .contain {
margin-bottom: 3rem
}
}
.page-human .video__featured--overlay {
background: rgba(0, 0, 0, 0.4)
}
.page-human .video__featured--bg {
border-radius: 0;
box-shadow: 0 0 0 24px rgba(255, 255, 255, 0.5), 24px 24px 24px 4px rgba(0, 0, 0, 0.05), -24px -24px 24px 4px rgba(0, 0, 0, 0.05), 24px -24px 24px 4px rgba(0, 0, 0, 0.05), -24px 24px 24px 4px rgba(0, 0, 0, 0.05)
}
.page-human .video__featured--bg::before {
opacity: 1;
background-image: none
}
.page-human .nd-hero h1 {
font-size: 18px;
line-height: 32px;
text-transform: uppercase;
text-shadow: 0 2px 15px rgba(0, 0, 0, 0.3)
}
@media screen and (min-width: 30rem) {
.page-human .nd-hero h1 {
font-size: 32px;
line-height: 44px
}
}
@media screen and (min-width: 48rem) {
.page-human .nd-hero h1 {
font-size: 40px;
line-height: 68px
}
}
@media screen and (min-width: 62rem) {
.page-human .nd-hero h1 {
font-size: 60px;
line-height: 88px;
letter-spacing: 8px
}
}
.page-human .nd-hero p {
letter-spacing: 3px
}
.page-human .nd-hero h6 {
opacity: 0.7;
font-size: 10px;
letter-spacing: 1px;
text-transform: none
}
.page-human .nd-hero .button--primary {
margin-top: 0;
margin-bottom: 1.125rem;
font-size: 16px;
border-radius: 0;
line-height: 44px;
letter-spacing: 3px;
background-color: #49DFD3
}
@media screen and (min-width: 48rem) {
.page-human .nd-hero .button--primary {
margin-bottom: 2.25rem
}
}
.page-human .nd-hero .icon-video {
height: 3rem;
margin-top: 0;
margin-bottom: 1.125rem
}
@media screen and (min-width: 48rem) {
.page-human .nd-hero .icon-video {
margin-bottom: 2.25rem
}
}
.page-human .nd-overview__col {
height: 7.5rem
}
@media screen and (min-width: 62rem) {
.page-human .nd-overview__col {
height: 6.75rem
}
.page-human .nd-overview__col:last-child {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.page-human .nd-overview__col:last-child:last-child {
margin-right: 0
}
}
.page-human .nd-overview h5 {
font-size: 0.75rem;
line-height: 1.5rem;
color: #49DFD3;
text-transform: uppercase;
margin: 0.75rem 0
}
@media screen and (min-width: 48rem) {
.page-human .nd-overview h5 {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-human .nd-overview h6 {
font-size: 0.75rem;
line-height: 1.5rem;
color: #7d97ad;
font-family: "Source Code Pro", monospace
}
@media screen and (min-width: 48rem) {
.page-human .nd-overview h6 {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-human .nd-overview p.x-small {
font-size: 0.75rem;
line-height: 1.5rem;
line-height: 16px !important;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.page-human .nd-overview p.x-small {
font-size: 0.75rem;
line-height: 1.5rem
}
}
.page-human .nd-overview img {
display: block
}
.page-human .nd-overview::before {
height: 15rem;
background: url(assets/robot-happy@2x-cc328a9905144324e6f21c3301d432292c568653190c5f5bdc308030c22eaf5f.png) bottom right no-repeat;
background-size: contain;
bottom: 0;
content: '';
right: -48px;
width: 158px;
display: block;
position: absolute;
z-index: 10000
}
@media screen and (min-width: 48rem) {
.page-human .nd-overview::before {
bottom: 60px;
width: 278px;
height: 24rem
}
}
@media screen and (min-width: 62rem) {
.page-human .nd-overview::before {
bottom: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-human .nd-overview::before {
width: 358px;
height: 31.5rem
}
}
.page-human .why {
height: 39rem;
position: relative;
background: url(assets/bg-robot-emoji@1x-0ca34fb90bd93ef0b09979a866af5f55e8177d9668e0d4d6a22288bcf4d38a4d.jpg) left center no-repeat;
background-size: cover
}
@media screen and (min-width: 62rem) {
.page-human .why {
background-position: center bottom
}
}
.page-human .why::before {
height: 7.5rem;
background: url(assets/robot-sad@2x-32ef52466264b4fecc3c9e1a70bc74ef4e5b3c13671e626e6a6ec667311a4cef.png) 0 0 no-repeat;
background-size: contain;
left: 144px;
top: -120px;
content: '';
width: 154px;
display: block;
position: absolute;
z-index: 10000
}
@media screen and (min-width: 48rem) {
.page-human .why::before {
height: 12rem;
width: 314px;
left: 224px;
top: -192px
}
}
@media screen and (min-width: 62rem) {
.page-human .why::before {
height: 15rem;
left: -36px;
top: -240px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .why::before {
height: 16.5rem;
left: -40px;
top: -264px
}
}
.page-human .why .contain {
height: 39rem
}
.page-human .why__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-human .why__col:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-human .why__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-human .why__col:last-child {
margin-right: 0
}
}
.page-human .why h4,
.page-human .why .h4 {
color: #49DFD3;
text-shadow: 0 0 15px rgba(255, 255, 255, 0.5)
}
@media screen and (min-width: 48rem) {
.page-human .why h4,
.page-human .why .h4 {
line-height: 2.5rem
}
}
.page-human .why .h6 {
font-size: 0.75rem;
line-height: 1.5rem;
letter-spacing: 0;
text-transform: none
}
@media screen and (min-width: 48rem) {
.page-human .why .h6 {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-human .why .h6 {
line-height: 2rem;
padding-right: 1.5rem
}
}
.page-human .nd-instructors h3 {
font-size: 0.75rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 3.75rem;
color: #49DFD3;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-human .nd-instructors h3 {
font-size: 1.75rem;
line-height: 2.25rem
}
}
@media screen and (min-width: 48rem) {
.page-human .nd-instructors h3 {
margin-bottom: 3.75rem
}
}
.page-human .nd-instructors__image {
height: 9rem;
top: -1.5rem;
box-shadow: none;
border-radius: 0;
margin-bottom: -1.5rem
}
.page-human .nd-instructors__card {
height: 22.5rem;
box-shadow: 4px 5px 17px 0 rgba(46, 61, 73, 0.15);
background: url(assets/bg-card-instructor-77b314337806bcf2f7a874d4fc891ac276590c1051e7437e0d865ddc449bc55a.png) bottom left no-repeat
}
.page-human .nd-instructors__card:nth-child(5n+1),
.page-human .nd-instructors__card:nth-child(5n+2),
.page-human .nd-instructors__card:nth-child(5n+3) {
border-top: 3px solid #49DFD3
}
@media screen and (min-width: 62rem) {
.page-human .nd-instructors__card:nth-child(5n+2) {
top: 48px
}
}
@media screen and (min-width: 48rem) {
.page-human .nd-instructors__card {
height: 24rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
}
.page-human .nd-instructors__name {
font-size: 0.875rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-human .nd-instructors__name {
font-size: 1rem;
line-height: 1.75rem
}
}
@media screen and (min-width: 48rem) {
.page-human .nd-instructors__name {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-human .nd-instructors .jspPane {
display: flex;
justify-content: center
}
}
.page-human .handshake {
height: 7.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-human .handshake {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-human .handshake {
height: 24rem
}
}
.page-human .handshake__col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-human .handshake__col:last-child {
margin-right: 0
}
.page-human .nd-syllabus h3 {
margin-top: 0;
margin-bottom: 3rem;
font-size: 0.75rem;
line-height: 1.5rem;
color: #49DFD3;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-human .nd-syllabus h3 {
margin-bottom: 3.75rem
}
}
@media screen and (min-width: 30rem) {
.page-human .nd-syllabus h3 {
font-size: 1.75rem;
line-height: 2.25rem
}
}
.page-human .nd-syllabus .timeline h6 {
color: #bcc9d4;
font-weight: 600;
font-family: "Source Code Pro", monospace
}
.page-human .nd-syllabus .timeline h4 {
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-human .nd-syllabus .timeline h4 {
font-size: 0.75rem;
line-height: 1.5rem
}
}
.page-human .nd-syllabus .timeline p.small {
color: #2e3d49
}
.page-human .nd-syllabus .timeline ul li {
padding-bottom: 0.75rem;
border-left: 1px solid #49DFD3
}
.page-human .nd-syllabus .timeline ul li::after {
content: '';
background: url(assets/icon-bullet-syllabus-8a73494bc8a4fd979ba1cd818b01a0cefe467bc449cd2b8d869b8415aa1be2d5.svg) 0 0 no-repeat;
top: -6px;
width: 24px;
height: 24px;
border: none;
border-radius: 0;
transform: translateX(-50%);
background-color: transparent
}
.page-human .nd-syllabus .timeline ul li:last-child {
height: 0.75rem
}
.page-human .nd-syllabus .timeline ul li:last-child::after {
background: url(assets/icon-bullet-syllabus-last-972092330d296ed1f01dea07e600fe9d9afaebf22ae20b4770b67030fc2841a6.svg) 0 0 no-repeat
}
.page-human .nd-syllabus .quote {
width: 17.5rem;
right: 10%
}
.page-human .nd-syllabus .quote__content {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-human .nd-syllabus .quote__content {
margin-bottom: 3rem
}
}
.page-human .nd-syllabus .quote__content .h4 {
font-size: 0.75rem;
line-height: 1.5rem;
color: #49DFD3
}
@media screen and (min-width: 48rem) {
.page-human .nd-syllabus .quote__content .h4 {
font-size: 0.75rem;
line-height: 1.5rem
}
}
.page-human .nd-syllabus .quote__content h6,
.page-human .nd-syllabus .quote__content h6+p {
font-family: "Source Code Pro", monospace;
color: #2e3d49
}
.page-human .nd-syllabus .quote__content h6 {
font-weight: 600
}
.page-human .nd-syllabus .quote__content--box {
position: relative;
background: #fff;
border-bottom: 2px solid #49DFD3;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-human .nd-syllabus .quote__content--box {
margin-bottom: 1.5rem
}
}
.page-human .nd-syllabus .quote__content--box::after,
.page-human .nd-syllabus .quote__content--box::before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.page-human .nd-syllabus .quote__content--box::after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 12px;
margin-left: -12px
}
.page-human .nd-syllabus .quote__content--box::before {
border-color: rgba(2, 204, 186, 0);
border-top-color: #49DFD3;
border-width: 15px;
margin-left: -15px
}
.page-human .nd-projects {
background-image: url(assets/bg-syllabus@1x-8e5ee08cf424fa9a2f3998412372615af939bfab960febf819e7a0ccdc013354.jpg), linear-gradient(33deg, #02CCBA 0%, #02C9C0 63%, #02B3E4 100%);
background-size: cover, auto;
background-position: bottom left, 0 0;
background-repeat: no-repeat, no-repeat
}
.page-human .nd-projects h3 {
margin-top: 0;
margin-bottom: 1.5rem;
font-size: 0.75rem;
line-height: 1.5rem;
color: #fff;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-human .nd-projects h3 {
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-human .nd-projects h3 {
font-size: 1.75rem;
line-height: 2.25rem
}
}
@media screen and (min-width: 48rem) {
.page-human .nd-projects__card:last-child {
margin-bottom: 0
}
}
.page-human .nd-projects__card__content p {
font-size: 0.75rem;
line-height: 1.5rem;
height: auto;
line-height: 20px
}
@media screen and (min-width: 48rem) {
.page-human .nd-projects__card__content p {
font-size: 0.8125rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-human .nd-projects__card__content p {
line-height: 24px
}
}
@media screen and (min-width: 48rem) {
.page-human .nd-projects__card__image {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right: 10px solid #49DFD3;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05)
}
}
.page-human .nd-projects__card h6 {
color: #2e3d49;
font-weight: 600;
font-family: "Source Code Pro", monospace
}
.page-human .nd-projects__card h4 {
font-size: 0.875rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 0.375rem;
color: #49DFD3;
letter-spacing: 3px;
text-transform: uppercase
}
@media screen and (min-width: 48rem) {
.page-human .nd-projects__card h4 {
font-size: 1.125rem;
line-height: 2rem
}
}
@media screen and (min-width: 48rem) {
.page-human .nd-projects__card h4 {
margin-bottom: 0.75rem
}
}
.page-human .regotcha-modal {
padding: 0
}
.page-human .regotcha-modal .h5 {
text-transform: none;
margin-bottom: 0
}
.page-human .regotcha-modal h6 {
font-size: 0.75rem;
line-height: 1.5rem;
letter-spacing: 0;
line-height: 16px;
margin-bottom: 8px;
font-weight: 600;
font-family: "Source Code Pro", monospace
}
@media screen and (min-width: 48rem) {
.page-human .regotcha-modal h6 {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-human .regotcha-modal__header {
height: 7.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-human .regotcha-modal__header {
padding-left: 2.25rem;
padding-right: 2.25rem
}
}
.page-human .regotcha-modal__before {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-human .regotcha-modal__before .h5 {
font-size: 0.5625rem;
line-height: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-human .regotcha-modal__before .h5 {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-human .regotcha-modal__after {
display: none;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-human .regotcha-modal__after .h5 {
font-size: 0.5625rem;
line-height: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-human .regotcha-modal__after .h5 {
font-size: 0.75rem;
line-height: 1.5rem
}
}
.page-human .regotcha-modal__degrees {
display: none;
padding: 1.5rem;
border-top: 1px solid #dbe2e8;
background-color: rgba(219, 226, 232, 0.5)
}
@media screen and (min-width: 48rem) {
.page-human .regotcha-modal__degrees {
padding: 1.5rem 2.25rem
}
}
.page-human .regotcha-modal__degrees h6 {
margin-bottom: 8px
}
.page-human .regotcha-modal .checkbox label {
margin-bottom: 0;
padding-left: 32px;
display: inline-block
}
.page-human .regotcha-modal .checkbox .u-loading {
text-align: left;
display: block;
height: 1.3em;
position: relative;
width: 1.3em;
display: none;
position: absolute
}
.page-human .regotcha-modal .checkbox .u-loading strong {
border: 2px solid #dbe2e8;
border-radius: 50%;
box-sizing: border-box;
display: block;
height: 100%;
overflow: hidden;
position: absolute;
text-indent: -999em;
width: 100%
}
.page-human .regotcha-modal .checkbox .u-loading span {
animation: spinContainer 3s linear infinite;
clip: rect(0, 1.4em, 1.4em, 0.7em);
display: block;
height: 100%;
position: absolute;
transform: rotate(0deg);
width: 100%
}
.page-human .regotcha-modal .checkbox .u-loading span i {
animation: spinProgress 3s ease-in infinite;
border: 2px solid #49DFD3;
border-radius: 50%;
box-sizing: border-box;
clip: rect(0, 0.7em, 1.4em, 0);
display: block;
height: 100%;
overflow: hidden;
position: absolute;
text-indent: -999em;
transform: rotate(0deg);
width: 100%
}
.page-human .regotcha-modal .checkbox.checked label::before,
.page-human .regotcha-modal .checkbox.checked label::after {
display: none
}
.page-human .regotcha-modal .checkbox.checked .u-loading {
display: inline-block
}
.page-human .regotcha-modal .image--regotcha {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: right;
width: 2.8125rem
}
@media screen and (min-width: 48rem) {
.page-human .regotcha-modal .image--regotcha {
width: 4.375rem
}
}
.page-human .regotcha-modal .list-nanodegrees {
padding-top: 0rem;
padding-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-human .regotcha-modal .list-nanodegrees {
padding-top: 0.75rem;
padding-bottom: 0.75rem
}
}
.page-human .regotcha-modal .card__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-left: 0%
}
.page-human .regotcha-modal .card__container:last-child {
margin-right: 0
}
.page-human .regotcha-modal .card__container:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-human .regotcha-modal .card__container:nth-child(2n+1) {
clear: none
}
.page-human .regotcha-modal .card__container:nth-child(3n) {
margin-right: 0
}
.page-human .regotcha-modal .card__container:nth-child(3n+1) {
clear: left
}
.page-human .regotcha-modal .card--nanodegree {
height: 7.5rem;
margin-bottomm: 0
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree {
max-width: 150px
}
}
.page-human .regotcha-modal .card--nanodegree__header {
height: 3.75rem
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd000 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd001 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd002 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd003 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd004 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd006 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd008 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd009 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd013 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd017 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd018 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd019 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd024 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd100 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd101 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd113 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd114 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd209 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd801 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd802 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd803 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd818 {
width: 150px
}
}
@media screen and (min-width: 73.75rem) {
.page-human .regotcha-modal .card--nanodegree__header.nd889 {
width: 150px
}
}
.page-human .regotcha-modal .card--nanodegree__header--overlay {
height: 3.75rem
}
.page-human .regotcha-modal .card--nanodegree__title {
height: 2.25rem;
padding: 10px 12px
}
.page-human .regotcha-modal .card--nanodegree__title h4 {
font-size: 10px;
line-height: 12px;
font-weight: 600;
font-family: "Source Code Pro", monospace
}
@media screen and (min-width: 30rem) {
.page-human .regotcha-modal .card--nanodegree__title h4::after {
content: ' Nanodegree Program'
}
}
.page-human .regotcha-modal .card--nanodegree__affiliates {
display: none
}
.page-human .regotcha-modal .pill {
display: none
}
.page-human .footer__nav h6 {
font-size: 8px;
font-weight: 400
}
.page-human .footer__nav h6::after {
font-size: 8px
}
.wf-loading {
visibility: hidden
}
.wf-active {
visibility: visible
}
.page-intersect {
font-family: "futura-pt", "Open Sans", sans-serif
}
.page-intersect .intersect-livestream {
background: #00CCCC
}
.page-intersect .intersect-livestream>.contain {
padding-bottom: 0
}
.page-intersect .hero {
position: relative;
background: #00CCCC
}
@media screen and (min-width: 48rem) {
.page-intersect .hero .contain {
height: 42.5rem
}
}
@media screen and (min-width: 62rem) {
.page-intersect .hero .contain {
height: 37.5rem
}
}
.page-intersect .hero__content {
text-align: left
}
.page-intersect .hero__left {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .hero__left:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-intersect .hero__left {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-intersect .hero__left:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-intersect .hero__left {
margin-left: 0%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-intersect .hero__left:last-child {
margin-right: 0
}
}
.page-intersect .hero__left .trailer .watch:before {
background: url(assets/icon-play-trailer-white-50e567d27bd5e2a818cdbfc7e69b973c80d6f24c3d29366e4a19029dc596af14.svg) 0 0 no-repeat;
content: '';
padding-right: 25px
}
.page-intersect .hero__left .trailer .watch:hover {
color: #028bb1
}
.page-intersect .hero__right {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .hero__right:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-intersect .hero__right {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-intersect .hero__right:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-intersect .hero__right {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-intersect .hero__right:last-child {
margin-right: 0
}
}
.page-intersect .hero__right h6 {
color: #2D3494;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-intersect .hero__right h6 {
font-size: 0.875rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 30rem) {
.page-intersect .hero__right .datetime,
.page-intersect .hero__right .place {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-intersect .hero__right .datetime:last-child,
.page-intersect .hero__right .place:last-child {
margin-right: 0
}
.page-intersect .hero__right .datetime:nth-child(2),
.page-intersect .hero__right .place:nth-child(2) {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .hero__right .datetime,
.page-intersect .hero__right .place {
float: left;
display: block;
margin-right: 4.1666666667%;
width: 100%
}
.page-intersect .hero__right .datetime:last-child,
.page-intersect .hero__right .place:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-intersect .hero__right .datetime,
.page-intersect .hero__right .place {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 48.275862069%
}
.page-intersect .hero__right .datetime:last-child,
.page-intersect .hero__right .place:last-child {
margin-right: 0
}
.page-intersect .hero__right .datetime:nth-child(2),
.page-intersect .hero__right .place:nth-child(2) {
margin-right: 0
}
}
.page-intersect .hero__right .countdown ul {
margin: 0;
padding: 0 0 0.375rem
}
.page-intersect .hero__right .countdown ul li {
list-style-type: none;
display: inline-block;
color: #0078A1;
font-size: 0.875rem;
letter-spacing: 1px;
width: 38px;
margin-left: 4px;
text-align: center;
text-transform: uppercase
}
.page-intersect .hero__right .countdown ul li:nth-child(2) {
margin-left: 30px
}
.page-intersect .hero__right .countdown ul li:nth-child(3) {
margin-left: 28px
}
.page-intersect .hero__right .countdown ul li:nth-child(4) {
margin-left: 32px
}
.page-intersect .hero__right .sold-out-button {
border: 2px solid #FFCF52;
background-color: #FFCF52;
color: #0078A1;
padding: 14px 36px;
display: inline-block;
text-transform: uppercase;
font-size: 22px;
cursor: default
}
.page-intersect .hero__right #clockIntersect {
font-size: 2.5rem;
font-weight: 300;
color: #0078A1;
margin: 0 0 -0.2em
}
.page-intersect .hero .image-intersect {
height: 9rem
}
@media screen and (min-width: 62rem) {
.page-intersect .hero .image-intersect {
height: 15rem
}
}
.page-intersect .hero--triangles-right {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .hero--triangles-right {
display: block;
position: absolute;
top: 0;
left: 0
}
}
.page-intersect .hero--bars {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .hero--bars {
display: block;
position: absolute;
bottom: 24px;
left: 0
}
}
.page-intersect .hero--triangles-left {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .hero--triangles-left {
display: block;
position: absolute;
bottom: 0;
right: 12%
}
}
.page-intersect .hero--circle-half {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .hero--circle-half {
display: block;
position: absolute;
bottom: 20%;
right: 0
}
}
.page-intersect .popular-clips h3 {
color: #2D3494
}
.page-intersect .popular-clips .cards-contain .card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .popular-clips .cards-contain .card:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-intersect .popular-clips .cards-contain .card {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-intersect .popular-clips .cards-contain .card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .popular-clips .cards-contain .card {
margin-left: 0%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-intersect .popular-clips .cards-contain .card:last-child {
margin-right: 0
}
.page-intersect .popular-clips .cards-contain .card:nth-child(2n) {
margin-right: 0
}
.page-intersect .popular-clips .cards-contain .card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-intersect .popular-clips .cards-contain .card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-intersect .popular-clips .cards-contain .card:last-child {
margin-right: 0
}
.page-intersect .popular-clips .cards-contain .card:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-intersect .popular-clips .cards-contain .card:nth-child(2n+1) {
clear: none
}
.page-intersect .popular-clips .cards-contain .card:nth-child(3n) {
margin-right: 0
}
.page-intersect .popular-clips .cards-contain .card:nth-child(3n+1) {
clear: left
}
}
.page-intersect .popular-clips .cards-contain .card__header {
height: 15rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.page-intersect .popular-clips .cards-contain .card__header.keynote-vish {
background-image: url(assets/video-keynote-vish-1a4167f363110ab97039d05c8095263fab494a874fde2ae6a63ea3a4da7bed50.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.panel-2027 {
background-image: url(assets/video-panel-2027-2aa569e2413ea186f8c86c24470116eca6d02105c19789c79e6d7f6ab38744e6.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.panel-jobs {
background-image: url(assets/video-panel-jobs-23c122bd0da5bb4e541cc0fc1e14f5825b43b9c769f034ceb0aad5daea569c67.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.keynote-thrun {
background-image: url(assets/video-keynote-thrun-8d2ec910cd6a57081e67be6a06ffce148a45ce1901cb1e3bb4c96f2716564212.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.keynote-robotics {
background-image: url(assets/video-keynote-robotics-7a7d4cd65892afb376904cf9debd13ceb6a99e6e43e23c6022ffeabe2b01d43d.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.fireside-blank {
background-image: url(assets/video-fireside-blank-88bfc6a9d0c3c3d96cb2a2ca8376c4f5b26f4690b2213e720cf3cac205c8a981.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.panel-tech {
background-image: url(assets/video-panel-tech-5cd8283854944f52c9524e13c6cb600d33503f3df6a896df3f98b87867d37110.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.keynote-ashwin {
background-image: url(assets/video-keynote-ashwin-44360768a022b436d9800c34072b42cc3bcdb47d9d83d8e20625dd2f042548e1.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.keynote-fan {
background-image: url(assets/video-keynote-fan-4274ed80ccb7e0e2cd742f6d397fa5ce1eda748643b841e82c21ece3cbb368ee.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.fireside-astro {
background-image: url(assets/video-fireside-astro-8133332eff4de62a1e2930537addb72099e9b38f62f675f41e7962185433f0c1.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header.welcome-shernaz {
background-image: url(assets/video-welcome-shernaz-0a70d30a1929a0b8094f828bfe89a16e27be92a89f7b5b9d196118278dfc1e4a.jpg)
}
.page-intersect .popular-clips .cards-contain .card__header .bg-play {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
background: #fff
}
.page-intersect .popular-clips .cards-contain .card__info {
height: 9rem;
background: #fafbfc;
padding: 1.5rem
}
.page-intersect .popular-clips .cards-contain .card__info .title {
color: #2D3494
}
.page-intersect .popular-clips .cards-contain .card:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
.page-intersect .x-speakers {
background: #E6E6E6
}
.page-intersect .x-speakers h4 {
color: #EE3C8F;
text-transform: uppercase;
padding-bottom: 1.5rem;
padding-top: 1.5rem;
font-size: 1.5rem
}
.page-intersect .x-speakers .contain {
padding-top: 0rem;
padding-bottom: 0rem;
padding: 0
}
@media screen and (min-width: 48rem) {
.page-intersect .x-speakers .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.page-intersect .x-speakers__table {
display: flex;
flex-wrap: wrap
}
.page-intersect .x-speakers__table--item {
background-color: #F1F1F1;
width: 50%
}
@media screen and (min-width: 48rem) {
.page-intersect .x-speakers__table--item {
width: 25%
}
}
.page-intersect .x-speakers__table--item img {
width: 100%
}
.page-intersect .x-speakers__table--item:hover {
cursor: pointer
}
@media screen and (min-width: 48rem) {
.page-intersect .x-speakers__table--content {
border-right: 1px solid white;
border-left: 1px solid white
}
}
.page-intersect .x-speakers__table--content .body {
height: 5.25rem;
padding: 0 0.75rem
}
@media screen and (min-width: 20.0625rem) {
.page-intersect .x-speakers__table--content .body {
height: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.page-intersect .x-speakers__table--content .body {
height: 5.25rem
}
}
@media screen and (min-width: 62rem) {
.page-intersect .x-speakers__table--content .body {
height: 3.75rem
}
}
.page-intersect .x-speakers__table--content .name {
font-size: 1rem;
color: #2D3494
}
@media screen and (min-width: 30rem) {
.page-intersect .x-speakers__table--content .name {
font-size: 1.125rem
}
}
.page-intersect .x-speakers__table--content .role {
font-size: 0.875rem;
color: #2e3d49
}
@media screen and (min-width: 30rem) {
.page-intersect .x-speakers__table--content .role {
font-size: 1.125rem
}
}
.page-intersect .x-speakers__table--content .company {
font-size: 1rem;
padding-bottom: 0.75rem
}
@media screen and (min-width: 30rem) {
.page-intersect .x-speakers__table--content .company {
font-size: 1.125rem
}
}
.page-intersect .x-speakers__link {
margin: 0 auto;
text-align: center;
padding: 1.5rem 0
}
.page-intersect .only-at-udacity .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .only-at-udacity .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-intersect .only-at-udacity__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .only-at-udacity__wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-intersect .only-at-udacity__wrapper {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-intersect .only-at-udacity__wrapper:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-intersect .only-at-udacity__wrapper {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-intersect .only-at-udacity__wrapper:last-child {
margin-right: 0
}
}
.page-intersect .only-at-udacity__wrapper h2 {
text-align: left;
color: #2D3494
}
@media screen and (min-width: 48rem) {
.page-intersect .only-at-udacity__wrapper h2 {
text-align: center
}
}
.page-intersect .only-at-udacity__wrapper h4 {
text-align: left;
color: #525c65
}
@media screen and (min-width: 48rem) {
.page-intersect .only-at-udacity__wrapper h4 {
text-align: center
}
}
.page-intersect .only-at-udacity__wrapper .hero-video {
margin: 0 auto
}
.page-intersect .only-at-udacity__wrapper .hero-video .video_contain {
box-shadow: none
}
.page-intersect .event-location {
position: relative;
background: url(assets/computer-history-museum-97b1952dbd9e2cb15ac65993eaef43dde7731b3bab57b58d7c0919206f8c57d1.jpg) center center no-repeat;
background-size: cover;
text-align: center
}
.page-intersect .event-location .contain {
padding: 3.75rem 0 6rem
}
@media screen and (min-width: 30rem) {
.page-intersect .event-location .contain {
padding: 6rem 0
}
}
.page-intersect .event-location::after {
position: absolute;
content: 'Credit Line: © Mark Richards. Courtesy of the Computer History Museum.';
bottom: 1.5rem;
color: #fff;
left: 0;
right: 0;
opacity: 0.75;
font-size: 0.75rem
}
.page-intersect .features .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .features .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-intersect .features__pair {
margin-top: 0;
margin-bottom: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .features__pair:nth-child(n) {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-intersect .features__pair {
margin-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-intersect .features__pair {
margin-top: 0;
margin-bottom: 1.5rem;
height: 16.5rem
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-intersect .features__pair {
margin-bottom: 3rem
}
}
.page-intersect .features__pair:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-intersect .features__pair {
height: 19.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-intersect .features__pair {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-intersect .features__pair:last-child {
margin-right: 0
}
}
.page-intersect .features__pair--image {
position: relative;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-top: 0;
margin-bottom: 1.5rem
}
.page-intersect .features__pair--image:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-intersect .features__pair--image {
margin-bottom: 3rem
}
}
@media screen and (min-width: 30rem) {
.page-intersect .features__pair--image {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-intersect .features__pair--image:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .features__pair--image {
margin-left: 0%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-top: 0;
margin-bottom: 0rem
}
.page-intersect .features__pair--image:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-intersect .features__pair--image {
margin-bottom: 0rem
}
}
@media screen and (min-width: 62rem) {
.page-intersect .features__pair--image {
padding-right: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-intersect .features__pair--image {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%;
padding-right: 2.25rem
}
.page-intersect .features__pair--image:last-child {
margin-right: 0
}
}
.page-intersect .features__pair--image .triangles-pink {
position: absolute;
bottom: -4px;
left: 16px
}
.page-intersect .features__pair--image .circle-splice-yellow {
position: absolute;
bottom: -20px;
right: -16px
}
.page-intersect .features__pair--image .en-blue {
position: absolute;
bottom: -10px;
left: -16px
}
@media screen and (min-width: 48rem) {
.page-intersect .features__pair .right-to-left-block {
float: right;
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .features__pair .left-to-right-block {
margin-right: 1.695%
}
}
.page-intersect .features__pair--copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .features__pair--copy:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-intersect .features__pair--copy {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-intersect .features__pair--copy:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .features__pair--copy {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: 0%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-intersect .features__pair--copy:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-intersect .features__pair--copy {
padding-right: 1.5rem
}
}
@media screen and (min-width: 73.75rem) {
.page-intersect .features__pair--copy {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%;
padding-right: 2.25rem
}
.page-intersect .features__pair--copy:last-child {
margin-right: 0
}
}
.page-intersect .features__pair--copy h4 {
color: #2D3494;
font-size: 1.5rem;
line-height: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .features__pair--copy h4 {
font-size: 2rem;
line-height: 2.5rem
}
}
.page-intersect .features__pair--copy .description {
font-size: 22px
}
.page-intersect .features__pair:last-child {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-intersect .features__pair:last-child {
margin-bottom: 0rem
}
}
.page-intersect .agenda {
background: #00B288;
position: relative
}
.page-intersect .agenda .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .agenda .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-intersect .agenda h2 {
color: #2D3494
}
.page-intersect .agenda .agenda-r {
display: none
}
@media screen and (min-width: 30rem) {
.page-intersect .agenda .agenda-r {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%
}
}
.page-intersect .hiring-partners .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .hiring-partners .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-intersect .hiring-partners h2 {
color: #2D3494
}
.page-intersect .hiring-partners p {
color: #2e3d49
}
.page-intersect .intersect-faq {
position: relative
}
.page-intersect .intersect-faq .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .intersect-faq .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-intersect .intersect-faq__item {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-left: 0%
}
@media screen and (min-width: 48rem) {
.page-intersect .intersect-faq__item {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-intersect .intersect-faq__item:last-child {
margin-right: 0
}
.page-intersect .intersect-faq__item--icon {
vertical-align: top;
display: inline-block;
float: left
}
.page-intersect .intersect-faq__item--icon .collapse {
display: none;
margin-right: 0.875rem;
cursor: pointer
}
@media screen and (min-width: 48rem) {
.page-intersect .intersect-faq__item--icon .collapse {
margin-right: 1.25rem
}
}
.page-intersect .intersect-faq__item--icon .expand {
margin-right: 0.875rem;
margin-top: 0.375rem;
cursor: pointer
}
@media screen and (min-width: 48rem) {
.page-intersect .intersect-faq__item--icon .expand {
margin-top: 0.5625rem;
margin-right: 1.25rem
}
}
.page-intersect .intersect-faq__item--content {
display: inline-block;
float: left;
max-width: 88%
}
@media screen and (min-width: 48rem) {
.page-intersect .intersect-faq__item--content {
max-width: 95%
}
}
.page-intersect .intersect-faq__item--content h5 {
font-weight: 400;
cursor: pointer
}
.page-intersect .intersect-faq__item--content .answer {
display: none;
margin-top: 0.75rem
}
.page-intersect .intersect-faq__item--content .answer p {
color: #7d97ad
}
.page-intersect .intersect-faq--triangles-left {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .intersect-faq--triangles-left {
display: block;
position: absolute;
top: -70px;
left: 10%
}
}
.page-intersect .register-button {
border: 2px solid #FFCF52;
background-color: #FFCF52;
color: #2D3494;
padding: 10px 24px;
display: inline-block
}
.page-intersect .register-button:hover {
color: #0078A1
}
.page-intersect .nav-intersect-link {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .nav-intersect-link {
color: #2D3494;
display: block;
margin-right: 2.25rem;
margin-top: 0.75rem
}
}
.page-intersect .nav-intersect-active {
border-bottom: 1px solid #2D3494
}
.page-intersect .footer,
.page-intersect .header__sidenav--navigation {
font-family: "Open Sans", sans-serif
}
.page-intersect .schedule .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .schedule .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.page-intersect .schedule__content {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-intersect .schedule__content:last-child {
margin-right: 0
}
}
.page-intersect .schedule__content h2 {
color: #2D3494
}
.page-intersect .schedule__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .schedule__wrapper:last-child {
margin-right: 0
}
.page-intersect .schedule__session {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
background: #00B288;
padding: 1.5rem
}
.page-intersect .schedule__session:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-intersect .schedule__session {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-intersect .schedule__session:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-intersect .schedule__session {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-intersect .schedule__session:last-child {
margin-right: 0
}
}
.page-intersect .schedule__time-slots {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .schedule__time-slots:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-intersect .schedule__time-slots {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-intersect .schedule__time-slots:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-intersect .schedule__time-slots {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-intersect .schedule__time-slots:last-child {
margin-right: 0
}
}
.page-intersect .schedule__time-slots .morning-sessions {
border-bottom: 2px dotted #dbe2e8;
padding-bottom: 1.5rem;
padding-top: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-intersect .schedule__time-slots .morning-sessions {
padding-top: 0
}
}
.page-intersect .schedule__time-slots .closing-sessions {
border-bottom: 2px dotted #dbe2e8;
padding-bottom: 1.5rem;
padding-top: 1.5rem
}
.page-intersect .schedule__time-slots li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
border-bottom: 2px dotted #dbe2e8;
padding: 1.5rem 0
}
.page-intersect .schedule__time-slots li:last-child {
margin-right: 0
}
.page-intersect .schedule__time-slots li:last-of-type {
border-bottom: none
}
@media screen and (min-width: 48rem) {
.page-intersect .schedule__time-slots li:last-of-type {
border-bottom: 2px dotted #dbe2e8
}
}
@media screen and (min-width: 48rem) {
.page-intersect .schedule__time-slots li:last-of-type {
border-bottom: 2px dotted #dbe2e8
}
}
.page-intersect .schedule__time-slots .time {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .schedule__time-slots .time:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-intersect .schedule__time-slots .time {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-intersect .schedule__time-slots .time:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .schedule__time-slots .time {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-intersect .schedule__time-slots .time:last-child {
margin-right: 0
}
}
.page-intersect .schedule__time-slots .time p {
color: #2e3d49
}
.page-intersect .schedule__time-slots .event {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .schedule__time-slots .event:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-intersect .schedule__time-slots .event {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%
}
.page-intersect .schedule__time-slots .event:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .schedule__time-slots .event {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-intersect .schedule__time-slots .event:last-child {
margin-right: 0
}
}
.page-intersect .schedule__time-slots .event h4 {
color: #00B288
}
.page-intersect .agenda-location {
position: relative;
background: url(assets/computer-history-museum-agenda-4aef1b03f0c5d404291cffa0c8a45c9a487ad46221622f5cb4d722941d8cedd5.jpg) center center no-repeat;
background-size: cover;
text-align: center
}
.page-intersect .agenda-location .contain {
padding: 3.75rem 0 6rem
}
@media screen and (min-width: 30rem) {
.page-intersect .agenda-location .contain {
padding: calc(6rem * 2) 0
}
}
.page-intersect .agenda-location--green-bars {
display: none
}
@media screen and (min-width: 73.75rem) {
.page-intersect .agenda-location--green-bars {
display: block;
position: absolute;
top: 0;
right: 0
}
}
.page-intersect .agenda-location--blue-n {
display: none
}
@media screen and (min-width: 73.75rem) {
.page-intersect .agenda-location--blue-n {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%
}
}
.page-intersect .agenda-location::after {
position: absolute;
content: 'Credit Line: © Mark Richards. Courtesy of the Computer History Museum.';
bottom: 1.5rem;
color: #fff;
left: 0;
right: 0;
opacity: 0.75;
font-size: 0.75rem
}
@media screen and (min-width: 30rem) {
.page-intersect .agenda-location::after {
bottom: 3.75rem
}
}
.page-intersect .agenda-more .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .agenda-more .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-intersect .agenda-more h4 {
color: #2D3494;
text-align: center
}
.page-intersect .agenda-more__links {
text-align: center
}
.page-intersect .agenda-more__links a {
display: inline-block;
border: 2px solid #FFCF52;
background-color: #FFCF52;
color: #2D3494;
padding: 10px 53px
}
.page-intersect .agenda-more__links a:first-of-type {
padding: 10px 24px;
margin-bottom: 20px
}
@media screen and (min-width: 30rem) {
.page-intersect .agenda-more__links a:first-of-type {
margin-right: 20px;
margin-bottom: 0
}
}
.page-intersect .agenda-more__links a:hover {
color: #0078A1
}
.page-intersect .speakers-hero,
.page-intersect .agenda-hero {
position: relative
}
.page-intersect .speakers-hero__left,
.page-intersect .agenda-hero__left {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .speakers-hero__left:last-child,
.page-intersect .agenda-hero__left:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-intersect .speakers-hero__left,
.page-intersect .agenda-hero__left {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-intersect .speakers-hero__left:last-child,
.page-intersect .agenda-hero__left:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-hero__left,
.page-intersect .agenda-hero__left {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-intersect .speakers-hero__left:last-child,
.page-intersect .agenda-hero__left:last-child {
margin-right: 0
}
}
.page-intersect .speakers-hero__left img,
.page-intersect .agenda-hero__left img {
margin-bottom: 1.5rem
}
@media screen and (min-width: 30rem) {
.page-intersect .speakers-hero__left img,
.page-intersect .agenda-hero__left img {
margin-bottom: 0
}
}
.page-intersect .speakers-hero__right,
.page-intersect .agenda-hero__right {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .speakers-hero__right:last-child,
.page-intersect .agenda-hero__right:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-intersect .speakers-hero__right,
.page-intersect .agenda-hero__right {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
margin-top: 7.125rem
}
.page-intersect .speakers-hero__right:last-child,
.page-intersect .agenda-hero__right:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-hero__right,
.page-intersect .agenda-hero__right {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-top: 8.75rem
}
.page-intersect .speakers-hero__right:last-child,
.page-intersect .agenda-hero__right:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-intersect .speakers-hero__right,
.page-intersect .agenda-hero__right {
margin-top: 12.375rem
}
}
.page-intersect .speakers-hero .image-intersect,
.page-intersect .agenda-hero .image-intersect {
height: 9rem
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-hero .image-intersect,
.page-intersect .agenda-hero .image-intersect {
height: 12rem
}
}
@media screen and (min-width: 62rem) {
.page-intersect .speakers-hero .image-intersect,
.page-intersect .agenda-hero .image-intersect {
height: 15rem
}
}
.page-intersect .speakers-hero--triangles-right,
.page-intersect .agenda-hero--triangles-right {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-hero--triangles-right,
.page-intersect .agenda-hero--triangles-right {
display: block;
position: absolute;
top: 0;
left: 0
}
}
.page-intersect .speakers-hero--bars,
.page-intersect .agenda-hero--bars {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-hero--bars,
.page-intersect .agenda-hero--bars {
display: block;
position: absolute;
bottom: 24px;
left: 0
}
}
.page-intersect .speakers-hero--triangles-left,
.page-intersect .agenda-hero--triangles-left {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-hero--triangles-left,
.page-intersect .agenda-hero--triangles-left {
display: block;
position: absolute;
bottom: 0;
right: 10%
}
}
.page-intersect .speakers-hero--circle-half,
.page-intersect .agenda-hero--circle-half {
display: none
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-hero--circle-half,
.page-intersect .agenda-hero--circle-half {
display: block;
position: absolute;
bottom: 20%;
right: 0
}
}
.page-intersect .speakers-hero {
background: #EE3C8F
}
.page-intersect .agenda-hero {
background: #00B288
}
.page-intersect .speakers-bios .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-bios .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-intersect .speakers-bios h2 {
color: #2D3494
}
.page-intersect .speakers-bios__list li {
text-align: center;
margin: 0 auto 2.25rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .speakers-bios__list li:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-intersect .speakers-bios__list li {
margin: 0 auto 4.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-intersect .speakers-bios__list li:last-child {
margin-right: 0
}
.page-intersect .speakers-bios__list li:nth-child(2n) {
margin-right: 0
}
.page-intersect .speakers-bios__list li:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-bios__list li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-intersect .speakers-bios__list li:last-child {
margin-right: 0
}
.page-intersect .speakers-bios__list li:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-intersect .speakers-bios__list li:nth-child(2n+1) {
clear: none
}
.page-intersect .speakers-bios__list li:nth-child(3n) {
margin-right: 0
}
.page-intersect .speakers-bios__list li:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-intersect .speakers-bios__list li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-intersect .speakers-bios__list li:last-child {
margin-right: 0
}
.page-intersect .speakers-bios__list li:nth-child(3n) {
margin-right: 1.6949152542%
}
.page-intersect .speakers-bios__list li:nth-child(3n+1) {
clear: none
}
.page-intersect .speakers-bios__list li:nth-child(4n) {
margin-right: 0
}
.page-intersect .speakers-bios__list li:nth-child(4n+1) {
clear: left
}
}
.page-intersect .speakers-bios__list li .image-container {
opacity: .9;
width: 120px;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-intersect .speakers-bios__list li .image-container:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-intersect .speakers-bios__list li .image-container {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%;
margin: 0 auto 0.75rem
}
.page-intersect .speakers-bios__list li .image-container:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-bios__list li .image-container {
float: left;
display: block;
margin-right: 5.2631578947%;
width: 100%
}
.page-intersect .speakers-bios__list li .image-container:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-intersect .speakers-bios__list li .image-container {
float: left;
display: block;
margin-right: 7.1428571429%;
width: 100%
}
.page-intersect .speakers-bios__list li .image-container:last-child {
margin-right: 0
}
}
.page-intersect .speakers-bios__list li .image-info {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
text-align: left;
padding-left: 0.625rem;
padding-top: 0.375rem
}
.page-intersect .speakers-bios__list li .image-info:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-intersect .speakers-bios__list li .image-info {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%;
text-align: center;
padding: 0
}
.page-intersect .speakers-bios__list li .image-info:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-bios__list li .image-info {
float: left;
display: block;
margin-right: 5.2631578947%;
width: 100%
}
.page-intersect .speakers-bios__list li .image-info:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-intersect .speakers-bios__list li .image-info {
float: left;
display: block;
margin-right: 7.1428571429%;
width: 100%
}
.page-intersect .speakers-bios__list li .image-info:last-child {
margin-right: 0
}
}
.page-intersect .speakers-bios__list li .name {
color: #2D3494;
font-size: 16px
}
@media screen and (min-width: 30rem) {
.page-intersect .speakers-bios__list li .name {
font-size: 20px
}
}
.page-intersect .speakers-bios__list li p {
color: #7d97ad;
font-size: 16px
}
@media screen and (min-width: 30rem) {
.page-intersect .speakers-bios__list li p {
font-size: 18px
}
}
.page-intersect .speakers-bios__list li:hover {
cursor: pointer
}
.page-intersect .speakers-bios__list li:hover .image-container {
opacity: 1
}
.page-intersect .speakers-bios__list li:last-of-type {
margin-bottom: 0
}
.page-intersect .speakers-bios__link-wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-intersect .speakers-bios__link-wrapper:last-child {
margin-right: 0
}
.page-intersect .bg-pink {
background: #EE3C8F;
text-align: center
}
.page-intersect .bg-pink .speakers-bios__list li .name {
color: #2D3494
}
.page-intersect .bg-pink .speakers-bios__list li p {
color: #fff
}
.page-intersect .remodal-wrapper {
padding: 0
}
.page-intersect .remodal-wrapper .speakers-modal {
padding: 1.5rem;
text-align: center;
width: 90%;
margin: 3.125rem 0;
vertical-align: top
}
@media screen and (min-width: 48rem) {
.page-intersect .remodal-wrapper .speakers-modal {
padding: 1.5rem 3.75rem
}
}
.page-intersect .remodal-wrapper .speakers-modal::before {
content: '';
width: 100%;
height: 168px;
z-index: -1000;
background: #00CCCC;
transform-origin: left top;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0, 0);
-moz-transform: skew(0, 0);
-ms-transform: skew(0, 0);
-o-transform: skew(0, 0);
transform: skew(0, 0)
}
@media screen and (min-width: 30rem) {
.page-intersect .remodal-wrapper .speakers-modal {
margin: 6.25rem 0
}
}
.page-intersect .remodal-wrapper .speakers-modal .remodal-close {
top: -2.5em;
right: -1em
}
.page-intersect .remodal-wrapper .speakers-modal .photo {
height: 168px;
width: 168px
}
.page-intersect .remodal-wrapper .speakers-modal h2 {
color: #2D3494
}
.page-intersect .remodal-wrapper .speakers-modal p {
color: #7d97ad
}
.page-intersect .remodal-wrapper .speakers-modal .bio {
color: #525c65;
text-align: left
}
.page-intersect .remodal-wrapper .speakers-modal--triangle-1 {
display: none
}
@media screen and (min-width: 30rem) {
.page-intersect .remodal-wrapper .speakers-modal--triangle-1 {
display: block;
position: absolute;
top: 0;
right: 0
}
}
.page-intersect .remodal-wrapper .speakers-modal--triangle-2 {
display: none
}
@media screen and (min-width: 30rem) {
.page-intersect .remodal-wrapper .speakers-modal--triangle-2 {
display: block;
position: absolute;
top: 112px;
right: 0
}
}
.page-intersect .speakers-more .contain {
padding-top: 2.25rem;
padding-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-intersect .speakers-more .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-intersect .speakers-more h4 {
color: #2D3494;
text-align: center
}
.page-intersect .speakers-more__links {
text-align: center
}
.page-intersect .speakers-more__links a {
display: inline-block;
border: 2px solid #FFCF52;
background-color: #FFCF52;
color: #2D3494;
padding: 10px 56px
}
.page-intersect .speakers-more__links a:first-of-type {
padding: 10px 24px;
margin-bottom: 20px
}
@media screen and (min-width: 30rem) {
.page-intersect .speakers-more__links a:first-of-type {
margin-right: 20px;
margin-bottom: 0
}
}
.page-intersect .speakers-more__links a:hover {
color: #0078A1
}
.page-intersect .expander--triangles-right,
.page-intersect .expander--triangles-left,
.page-intersect .expander--yellow-bars {
display: none !important
}
.page-pawdacity .hero {
background: url(assets/hero-pawdacity-341e8d0f6f1105c2ceaf457e05df2492e5f0e714f8b0999a87200bdee38df19c.jpg);
background-position: bottom center
}
.page-pawdacity .intro .logo_list {
margin: 0 auto;
margin-top: 0;
margin-bottom: 1.5rem
}
.page-pawdacity .intro .logo_list li {
margin: 1em 1.7em;
display: inline-block
}
@media screen and (min-width: 48rem) {
.page-pawdacity .intro .logo_list {
margin-bottom: 3rem
}
}
.page-pawdacity .intro .baidu {
width: 133px
}
.page-pawdacity .intro .mailchimp {
width: 60px
}
.page-pawdacity .intro .docker {
width: 122px
}
.page-pawdacity .intro .twitter {
width: 58px
}
.page-pawdacity .intro .evernote {
width: 172px
}
.page-pawdacity .course_section .course-info {
height: 12rem
}
.page-pawdacity .course_section .instructor-info {
height: 6rem
}
.page-pawdacity .success_story_block {
position: relative;
background-image: url(assets/student_story-8bda09e25bf147936c5c94dab7bfdc303d8306533a398804ece98991f04a0212.jpg);
background-position: -1440px -290px
}
@media screen and (min-width: 30rem) {
.page-pawdacity .success_story_block {
height: 37.5rem;
background-position: center center
}
}
.page-pawdacity .success_story_block cite {
padding-right: 30rem
}
.page-pawdacity .success_story_block .play_icon {
top: 50%;
left: 30%;
transform: translate(-50%, -50%)
}
@media screen and (min-width: 48rem) {
.page-pawdacity .success_story_block .play_icon {
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
}
.page-pawdacity .learn input {
max-width: 20rem
}
.page-pathfinder::before {
content: '';
width: 100%;
height: 1000px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-pathfinder .cards-wrapper {
max-width: 73.75rem;
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center
}
@media screen and (min-width: 73.75rem) {
.page-pathfinder .wrap_left {
justify-content: flex-start
}
}
.page-pathfinder .path_card {
height: 6.75rem;
width: 100%;
flex-grow: 1;
flex-shrink: 1;
color: #fff;
padding: 0 16px;
cursor: pointer;
text-align: center;
border-radius: 8px;
margin: 0 0 0.75rem 0;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
background: #02b3e4 center center no-repeat;
transition: box-shadow 0.3s ease;
background-size: cover
}
.page-pathfinder .path_card:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
@media screen and (min-width: 30rem) {
.page-pathfinder .path_card {
height: 11.25rem;
padding: 0 40px;
width: 271px;
max-width: 271px;
min-width: 271px;
margin: 0 0.75rem 1.5rem 0.75rem
}
}
.page-pathfinder .path_card--description {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.page-pathfinder .path_card--description::after {
clear: both;
content: "";
display: table
}
.page-pathfinder .path_card--description p {
font-size: 1.125rem;
line-height: 2rem;
font-weight: 600
}
.page-pathfinder .bg-data-science {
background-image: url(assets/data-science-6a6333dfa0ed7b5ab492afec5540421362d04fb1c01ce01e8d2b37a5f97c7618.png)
}
.page-pathfinder .bg-machine-learning {
background-image: url(assets/machine-learning-fd84a2566d0f41bd1627b9305580f9234a2811123a68e4868f5a2d93a79a6ae0.png)
}
.page-pathfinder .bg-websites {
background-image: url(assets/websites-acfedcd404ee5e4f4d25ac9f2ac4b0946da3068667fa4589bebce4b83df024cc.png)
}
.page-pathfinder .bg-mobile {
background-image: url(assets/mobile-84c3a2f01055317344809a10b47e42d40a28dc6ce210b78e484e27070d598363.png)
}
.page-pathfinder .bg-virtual-reality {
background-image: url(assets/vr-3bccfebec874172cc37aae894e89abffb8ffd6feb57731c13fb0cf2bb7877bf8.png)
}
.page-pathfinder .bg-artificial-intelligence {
background-image: url(assets/ai-10c477d399a21f5e3b2e1ad7ee8e01597ff434f984a6aee8ef57db09ae482680.png)
}
.page-pathfinder .bg-self-driving {
background-image: url(assets/sdc-62a2f21415d128bdc7426bf03ca596a6c7a179a48edab392093d5141b5ae2038.png)
}
.page-pathfinder .bg-predictive-analytics {
background-image: url(assets/predictive-analytics-df7d30cd205fbb10d751a2a0d148c78c28eb2cd73f5a2d2da4abc67226b3ba50.png)
}
.page-pathfinder .bg-robotics {
background-image: url(assets/robotics-68c3aedbf2ba3186d7570ab72973358561ef42594b4749f009e5aea8171c042b.png)
}
.page-pathfinder .bg-digital-marketing {
background-image: url(assets/digital-marketing-edf7f811231170a3a3386aca11850974cff0977a8ae53c2effc5f03065c7291b.png)
}
.page-pathfinder .bg-front-end {
background-image: url(assets/front-end-651fd4a5aec00b5bfc321e16b296e56c205c981f4f80706618d329d974fc6144.png)
}
.page-pathfinder .bg-back-end {
background-image: url(assets/back-end-b014925896e0478a0e7345ca166e409c3bb6106b493417717174772b630ec657.png)
}
.page-pathfinder .bg-blue {
background-image: url(assets/blue-3da47c69fdf1291996ec637fa4f8b5b1ff9279d5abe2c20085bbe0c02d976679.png)
}
.page-pathfinder .bg-green {
background-image: url(assets/green-124395b83cbf8433f00ffda0d107b0c589b77dd96f8ded3bbb243d59ad1935a4.png)
}
.page-pathfinder .bg-basics {
background-image: url(assets/programming-basics-38e397746d03698a4489c28b616eb0f358078d3ab8353ef91294548acf95a745.png)
}
.page-pathfinder .bg-ios {
background-image: url(assets/ios-3cdd148eea8bfe6d629760bfd69dabfce4936bdc29c1f6f676056ea4034b1dd0.png)
}
.page-pathfinder .bg-android {
background-image: url(assets/android-623570b3bd9da19442416121edd4666c0cd812f2a95929aefccbf2cda08d12bb.png)
}
.page-pathfinder .websites-2,
.page-pathfinder .websites-3,
.page-pathfinder .mobile-2,
.page-pathfinder .mobile-3,
.page-pathfinder .mobile-4,
.page-pathfinder .sdc-2,
.page-pathfinder .ai-2,
.page-pathfinder .ml-2 {
display: none
}
.page-pathfinder .path_button {
margin-top: 0;
margin-bottom: 2.25rem;
width: 100px;
font-weight: 600;
border-radius: 0.25rem
}
@media screen and (min-width: 48rem) {
.page-pathfinder .path_button {
margin-bottom: 4.5rem
}
}
.page-pathfinder .path_back {
color: #7d97ad;
background-color: #fff;
border: 1px solid #02b3e4
}
.page-pathfinder .path_back:focus {
outline: none
}
.page-pathfinder .cursor-wait {
cursor: wait !important
}
.page-pathfinder .android-link {
text-align: center
}
.page-pathfinder .android-link a {
border-bottom: 1px solid #91daee
}
.page-pathfinder-result {
margin: 0 auto
}
.page-pathfinder-result .card-path {
max-width: 100%;
margin-left: auto;
margin-right: auto;
height: 100%;
display: table-row
}
.page-pathfinder-result .card-path::before {
content: '';
width: 100%;
height: 1000px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-pathfinder-result .card-path::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path {
display: table;
width: 100%;
table-layout: fixed;
width: 100%
}
}
.page-pathfinder-result .card-path .outer_contain {
width: 100%;
height: 100%;
display: table-cell;
vertical-align: middle
}
.page-pathfinder-result .card-path .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-pathfinder-result .card-path__header {
margin: 0 auto;
font-weight: 300
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__header {
max-width: 85%
}
}
.page-pathfinder-result .card-path__hero {
display: table-cell;
width: 100%;
display: block;
overflow: hidden;
position: relative;
background: #02b3e4;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
@media screen and (min-width: 62rem) {
.page-pathfinder-result .card-path__hero {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0;
display: table-cell;
width: 50%
}
}
.page-pathfinder-result .card-path__hero--overlay {
padding: 20px 20px;
padding-top: 3rem;
padding-bottom: 3rem;
position: relative;
top: 0;
left: 0
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay {
padding: 40px
}
}
@media screen and (min-width: 62rem) {
.page-pathfinder-result .card-path__hero--overlay {
height: 45rem;
padding: 0 50px 0 60px;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
width: 100%;
z-index: 7000
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-pathfinder-result .card-path__hero--overlay .overlay--description {
margin-top: 0;
margin-bottom: 1.5rem;
padding-top: 0.8125rem
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay .overlay--description {
margin-bottom: 2.25rem
}
}
.page-pathfinder-result .card-path__hero--overlay .overlay--title {
margin-top: 0;
margin-bottom: 0.75rem;
color: #fff
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay .overlay--title {
margin-bottom: 0.75rem
}
}
.page-pathfinder-result .card-path__hero--overlay .overlay--subtitle {
margin-top: 0;
margin-bottom: 1.5rem;
color: #fff;
font-weight: 400
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay .overlay--subtitle {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-pathfinder-result .card-path__hero--overlay .overlay--subtitle {
margin-top: 0;
margin-bottom: 2.25rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay .overlay--subtitle {
margin-bottom: 3.75rem
}
}
.page-pathfinder-result .card-path__hero--overlay .partners {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay .partners {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-pathfinder-result .card-path__hero--overlay .partners {
margin-top: 0;
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay .partners {
margin-bottom: 1.5rem
}
}
.page-pathfinder-result .card-path__hero--overlay .partners--title {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay .partners--title {
margin-bottom: 0.75rem
}
}
.page-pathfinder-result .card-path__hero--overlay .partners--icon {
height: 3rem;
margin: -4px 0.75rem -4px 0
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay .partners--icon {
height: 3.75rem;
margin: -8px 1.5rem -8px 0
}
}
@media screen and (min-width: 73.75rem) {
.page-pathfinder-result .card-path__hero--overlay .partners--icon {
height: 4.5rem;
margin: -12px 1.5rem -12px 0
}
}
.page-pathfinder-result .card-path__hero--overlay .partners--icon:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__hero--overlay .partners.hiring .partners--icon {
margin-bottom: 0
}
}
.page-pathfinder-result .card-path .nd000 {
background: url(assets/nd000@2x-d87a7c78cde41e5c6c641ae32f998117764898c0b585b0f9b26ef615bb06c114.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd001 {
background: url(assets/nd001@2x-72819557417cc8eb7cc492c984db5e92d2d813a4a34c28869210c690300c2494.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd002 {
background: url(assets/nd002@2x-8f2c70667040c25a51c5f73ec7787cb80e4d1b6ab95371d97d8bbc40a80c5dd6.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd003 {
background: url(assets/nd003@2x-611b3a0483d43c55ec49b63706adc289d58d7de385d5b701908f13ba482e6dd4.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd004 {
background: url(assets/nd004@2x-9be4bfda1747fe04dbb05a5e48c28a2cf221af6a121cc5ec34654f26c28a8153.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd006 {
background: url(assets/nd006@2x.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd008 {
background: url(assets/nd008@2x-d47f6b756009c77ff330ce0e1dc6eb62d62fc9b16e36cb4451c93987af7a7325.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd009 {
background: url(assets/nd009@2x-48ce053682c801c5b23052ed3b8d4329dfbfdac05206d69c96144c420b033be0.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd013 {
background: url(assets/nd013@2x-305ab6b883513b6b2e17f463d61f1e5420286515a44f4bbe49e346e09ee3f763.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd017 {
background: url(assets/nd017@2x-ca20106e8b672fd922a811eaaa280a3e03b18c39d9fcd4761f0687b1e2239f87.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd018 {
background: url(assets/nd018@2x-084b36e1e9eb9659fdbc03bb50ead580043f58850c1f730909ef3d1822b7a990.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd019 {
background: url(assets/nd019@2x.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd024 {
background: url(assets/nd024@2x.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd100 {
background: url(assets/nd100@2x.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd101 {
background: url(assets/nd101@2x-c3bd247b8bf4064f6ecb95a6e46403055ba29129f6b893133510e1a3b597bd79.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd113 {
background: url(assets/nd113@2x.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd114 {
background: url(assets/nd114@2x.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd209 {
background: url(assets/nd209@2x-cd72ad384e3283f00b29c6ae65d224d5ab59494621b3a5d515ac2492bc515954.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd801 {
background: url(assets/nd801@2x-d70df6096d854137afb663a07bfc2f4ad6f6da0a4b6b75b29fd4aa7c2f7f2028.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd802 {
background: url(assets/nd802@2x.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd803 {
background: url(assets/nd803@2x-bff3d4d171779c972982b5e034694961a15a6c0e5eef838230a0e4fce4e9c5b6.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd818 {
background: url(assets/nd818@2x-d70df6096d854137afb663a07bfc2f4ad6f6da0a4b6b75b29fd4aa7c2f7f2028.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path .nd889 {
background: url(assets/nd889@2x-ec517807a052323806838b317044fd015c9cd7a9186a4a9ad38e3a62ac2502c6.jpg) right top no-repeat;
background-size: cover
}
.page-pathfinder-result .card-path__content {
display: table-cell;
width: 100%;
display: block;
position: relative;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem
}
@media screen and (min-width: 62rem) {
.page-pathfinder-result .card-path__content {
border-bottom-right-radius: 0.375rem;
border-top-right-radius: 0.375rem;
border-bottom-left-radius: 0;
display: table-cell;
width: 50%;
height: 45rem
}
}
.page-pathfinder-result .card-path__content--header {
padding: 20px;
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__content--header {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .card-path__content--header {
padding: 40px
}
}
@media screen and (min-width: 73.75rem) {
.page-pathfinder-result .card-path__content--header {
padding: 80px 60px 40px 60px
}
}
.page-pathfinder-result .card-path__content--stats {
display: flex;
flex-wrap: wrap;
flex-direction: row
}
.page-pathfinder-result .card-path__content--stats div {
flex-grow: 1;
flex-shrink: 1;
margin-right: 2em
}
.page-pathfinder-result .card-path__content--stats div:last-of-type {
margin-right: 0
}
.page-pathfinder-result .card-path__content .nd-stars {
width: 7.5rem;
height: 1.5rem;
overflow: hidden;
display: inline-block;
background: url(assets/icon-star-large-gray-5f2b46347042f6b0a6aafaf1e8d75096a900749c5667bdf4bcf930b08cbab25f.svg) repeat-x;
margin: 0.25rem 0 -0.125rem
}
.page-pathfinder-result .card-path__content .nd-stars>div {
float: left;
height: 1.5rem;
background: url(assets/icon-star-large-yellow-21e9f0c3d65b3c7ac52f03f2c0ab3c99a8c3c3a2c1e81c5a99ff7633dfc9e0ae.svg) repeat-x
}
@media screen and (min-width: 30rem) {
.page-pathfinder-result #pathfinder_email_form #email {
width: 230px;
margin-right: -6px;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
}
@media screen and (min-width: 30rem) {
.page-pathfinder-result #pathfinder_email_form .button--primary {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
}
.page-pathfinder-result #pathfinder_success svg {
height: 2.25rem;
margin-bottom: 0.625rem
}
.page-pathfinder-result .courses-path {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.page-pathfinder-result .courses-path::after {
clear: both;
content: "";
display: table
}
.page-pathfinder-result .courses-path__wrapper {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-pathfinder-result .courses-path__wrapper:last-child {
margin-right: 0
}
@media screen and (min-width: 73.75rem) {
.page-pathfinder-result .courses-path__wrapper {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.page-pathfinder-result .courses-path__wrapper:last-child {
margin-right: 0
}
}
.page-pathfinder-result .courses-path__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.page-pathfinder-result .courses-path__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .courses-path__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-pathfinder-result .courses-path__card:last-child {
margin-right: 0
}
.page-pathfinder-result .courses-path__card:nth-child(2n) {
margin-right: 0
}
.page-pathfinder-result .courses-path__card:nth-child(2n+1) {
clear: left
}
}
.page-pathfinder-result .courses-path__card--hero {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
background: #15c26b;
padding: 3em 1.5em
}
.page-pathfinder-result .courses-path__card--hero::after {
clear: both;
content: "";
display: table
}
.page-pathfinder-result .courses-path__card--hero:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .courses-path__card--hero {
height: 15rem
}
}
@media screen and (min-width: 62rem) {
.page-pathfinder-result .courses-path__card--hero {
padding: 3em;
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-pathfinder-result .courses-path__card--hero:last-child {
margin-right: 0
}
}
.page-pathfinder-result .courses-path__card--summary {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 2em 1.5em
}
.page-pathfinder-result .courses-path__card--summary::after {
clear: both;
content: "";
display: table
}
.page-pathfinder-result .courses-path__card--summary:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-pathfinder-result .courses-path__card--summary {
height: 21rem
}
}
@media screen and (min-width: 62rem) {
.page-pathfinder-result .courses-path__card--summary {
padding: 3em;
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-pathfinder-result .courses-path__card--summary:last-child {
margin-right: 0
}
}
.page-pathfinder-result .courses-path__card--learn {
cursor: pointer
}
.page-pathfinder-result .start-over a {
margin: 0 0.625rem
}
#paysa-salary-widget .paysa-chart {
height: 100% !important;
width: 100% !important;
zoom: .8 !important
}
#paysa-salary-widget .paysa-right {
float: left;
max-width: 220px !important;
width: 220px !important
}
#paysa-salary-widget .paysa-title {
width: auto !important;
white-space: normal !important
}
.page-podcast {
font-family: "Montserrat", "Open Sans", sans-serif
}
.page-podcast h3,
.page-podcast h4,
.page-podcast .heading {
font-weight: 800
}
.page-podcast h3 {
font-size: 1.125rem;
line-height: 2rem
}
@media screen and (min-width: 48rem) {
.page-podcast h3 {
font-size: 1.75rem;
line-height: 2.25rem
}
}
.page-podcast h4 {
letter-spacing: 0.0625rem;
text-transform: uppercase
}
.page-podcast .heading {
font-size: 1.25rem
}
.page-podcast .copy {
font-family: "Open Sans", sans-serif
}
.page-podcast .header-podcast {
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.page-podcast .header-podcast::after {
clear: both;
content: "";
display: table
}
.page-podcast .header-podcast__navbar {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
height: 4.5rem;
padding: 0 1.5em
}
.page-podcast .header-podcast__navbar::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-podcast .header-podcast__navbar {
height: 8.25rem
}
}
@media screen and (min-width: 73.75rem) {
.page-podcast .header-podcast__navbar {
padding: 0
}
}
.page-podcast .header-podcast__navbar--toggle {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.page-podcast .header-podcast__navbar--toggle:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-podcast .header-podcast__navbar--toggle {
display: none
}
}
.page-podcast .header-podcast__navbar--logo {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-podcast .header-podcast__navbar--logo:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-podcast .header-podcast__navbar--logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-podcast .header-podcast__navbar--logo:last-child {
margin-right: 0
}
}
.page-podcast .header-podcast__navbar--navigation {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: none
}
@media screen and (min-width: 48rem) {
.page-podcast .header-podcast__navbar--navigation {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-podcast .header-podcast__navbar--navigation:last-child {
margin-right: 0
}
}
.page-podcast .header-podcast__navbar--navigation nav {
float: right
}
.page-podcast .header-podcast__navbar--navigation nav a {
float: left
}
.page-podcast .header-podcast__navbar--navigation .button {
display: none;
font-family: "Open Sans", sans-serif;
margin-left: 2.5rem
}
.page-podcast .header-podcast__navbar--navigation .button:first-child {
margin-left: 0
}
@media screen and (min-width: 62rem) {
.page-podcast .header-podcast__navbar--navigation .button {
display: block
}
}
.page-podcast .header-podcast__navbar--navigation .button--navigation {
color: #000
}
.page-podcast .about_modal {
max-width: 53.875rem
}
@media screen and (min-width: 62rem) {
.page-podcast .about_modal {
padding-left: 6rem;
padding-right: 6rem
}
}
.page-podcast .hero {
background-image: url(assets/podcast-bg-hero-3ba4998d0a9ced8273d6cfe98e887ffc214f4d15aa407bd10cb3855d249a9939.jpg)
}
@media screen and (min-width: 62rem) {
.page-podcast .hero::before {
height: 61.5rem;
content: '';
background-image: url(assets/podcast-bg-grid-d2d6b77028125f2c2ddc022363f9041209e9c28f03a7543728c7faa3feb663ac.png);
background-position: center center;
background-size: 80.0625rem;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
}
@media screen and (min-width: 48rem) {
.page-podcast .hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-podcast .hero__content:last-child {
margin-right: 0
}
}
.page-podcast .featured .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-podcast .featured .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-podcast .featured .contain {
height: 16.5rem
}
}
.page-podcast .featured__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
background-color: #02b3e4;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2)
}
.page-podcast .featured__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-podcast .featured__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%;
position: relative;
top: -8.75rem;
left: 0
}
.page-podcast .featured__card:last-child {
margin-right: 0
}
}
.page-podcast .featured__card--info {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.page-podcast .featured__card--info:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-podcast .featured__card--info {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-podcast .featured__card--info a {
color: #fff
}
.page-podcast .subscribe .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-podcast .subscribe .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-podcast .subscribe__info {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-podcast .subscribe__info:last-child {
margin-right: 0
}
}
.page-podcast .subscribe--list li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 25.4237288136%
}
.page-podcast .subscribe--list li:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-podcast .subscribe--list li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 18.6440677966%;
margin-left: 0%
}
.page-podcast .subscribe--list li:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-podcast .subscribe--list li:nth-child(even) {
border-left: 2px solid #02b3e4;
border-right: 2px solid #02b3e4
}
}
@media screen and (min-width: 62rem) {
.page-podcast .subscribe--list li:last-child {
border-right: 0
}
}
.page-podcast .subscribe--list li a {
color: #02b3e4;
font-weight: 800;
letter-spacing: 0.0625rem
}
.page-podcast .previous .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-podcast .previous .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-podcast .previous__episode {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-podcast .previous__episode:last-child {
margin-right: 0
}
}
.page-podcast .previous__episode li:nth-child(n+1) {
margin-top: 0;
margin-bottom: 1.5rem;
border-bottom: 1px solid #91daee
}
@media screen and (min-width: 48rem) {
.page-podcast .previous__episode li:nth-child(n+1) {
margin-bottom: 3rem
}
}
.page-podcast .previous__episode li:last-child {
border-bottom: 0
}
.page-podcast .previous h4 {
position: relative
}
.page-podcast .previous h4::before,
.page-podcast .previous h4::after {
content: '';
position: absolute;
border-bottom: 1px solid #91daee;
width: 73.75rem;
max-width: 22.3125rem;
height: 50%;
top: 0
}
.page-podcast .previous h4::before {
right: 100%;
margin-right: 1.875rem
}
.page-podcast .previous h4::after {
left: 100%;
margin-left: 1.875rem
}
.page-podcast .footer-podcast {
height: 6rem;
border-top: 2px solid #000
}
.page-podcast .footer-podcast .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-podcast .footer-podcast .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-podcast .footer-podcast .contain {
padding-left: 0;
padding-right: 0
}
}
.page-podcast .footer-podcast__nav {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-podcast .footer-podcast__nav:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-podcast .footer-podcast__nav {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 25.4237288136%
}
.page-podcast .footer-podcast__nav:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-podcast .footer-podcast__nav {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 0%
}
.page-podcast .footer-podcast__nav:last-child {
margin-right: 0
}
}
.page-podcast .footer-podcast__nav li {
float: left
}
.page-podcast .footer-podcast__nav li:nth-child(n+1) {
margin-right: 1.5rem
}
.page-podcast .footer-podcast__nav li:last-child {
margin-right: 0
}
.page-podcast .footer-podcast__nav a {
font-size: 0.75rem;
line-height: 1.5rem;
font-family: "Open Sans", sans-serif;
text-transform: capitalize;
color: #000
}
@media screen and (min-width: 48rem) {
.page-podcast .footer-podcast__nav a {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-podcast .footer-podcast__social {
display: none
}
@media screen and (min-width: 62rem) {
.page-podcast .footer-podcast__social {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-podcast .footer-podcast__social:last-child {
margin-right: 0
}
}
.page-podcast .footer-podcast__social nav {
float: right
}
.page-podcast .footer-podcast__social nav li {
float: left
}
.page-podcast .footer-podcast__social nav li:nth-child(n+1) {
margin-right: 1.5rem
}
.page-podcast .footer-podcast__social nav li:last-child {
margin-right: 0
}
.page-podcast .footer-podcast__social nav li p {
text-transform: uppercase;
font-weight: 800;
color: #000
}
.page-progressive-web-apps .hero {
background-image: url(assets/webapps-hero-da6357a199a00aeec81258ab26a5d0faa3fa06bd9e00e71c90b53e6f457bb3b0.jpg)
}
.page-progressive-web-apps .hero #progressive_web_apps_form {
margin: 0 auto;
max-width: 16.25em
}
@media screen and (min-width: 48rem) {
.page-progressive-web-apps .hero #progressive_web_apps_form {
max-width: 100%
}
}
.page-progressive-web-apps .hero #progressive_web_apps_form label {
display: none
}
.page-progressive-web-apps .hero #progressive_web_apps_form input[type="text"],
.page-progressive-web-apps .hero #progressive_web_apps_form input[type="email"] {
max-width: 16.25rem;
background-color: #fff
}
.page-progressive-web-apps .get-notified .notify-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 1.5rem
}
.page-progressive-web-apps .get-notified .notify-card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-progressive-web-apps .get-notified .notify-card {
padding: 3rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-progressive-web-apps .get-notified .notify-card:last-child {
margin-right: 0
}
}
.page-progressive-web-apps .get-notified .checks li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-progressive-web-apps .get-notified .checks li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-progressive-web-apps .get-notified .checks li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-progressive-web-apps .get-notified .checks li:last-child {
margin-right: 0
}
.page-progressive-web-apps .get-notified .checks li:nth-child(2n) {
margin-right: 0
}
.page-progressive-web-apps .get-notified .checks li:nth-child(2n+1) {
clear: left
}
}
.page-progressive-web-apps .get-notified .cards_contain {
margin-bottom: 1.5rem
}
.page-ride .hero {
background-image: url(assets/hero-ride-4807f007e9cfedddc87ec137ef83b1bf4cbe9d81bf9811c5471573dff6b36707.jpg)
}
.page-saudi .header .button--primary,
.page-saudi-ar .header .button--primary {
color: #525c65;
background-color: #fff;
border: 0.125rem solid transparent
}
.page-saudi .header .button--primary:focus,
.page-saudi .header .button--primary.focus,
.page-saudi .header .button--primary:hover,
.page-saudi-ar .header .button--primary:focus,
.page-saudi-ar .header .button--primary.focus,
.page-saudi-ar .header .button--primary:hover {
outline: none;
color: #697681;
border-color: transparent;
background-color: #f2f2f2
}
.page-saudi .header .button--primary.disabled,
.page-saudi .header .button--primary[disabled],
fieldset[disabled] .page-saudi .header .button--primary,
.page-saudi-ar .header .button--primary.disabled,
.page-saudi-ar .header .button--primary[disabled],
fieldset[disabled] .page-saudi-ar .header .button--primary {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.page-saudi .header .button--primary.pending,
.page-saudi-ar .header .button--primary.pending {
cursor: progress;
box-shadow: none
}
.page-saudi .header .button--primary.pending:hover,
.page-saudi-ar .header .button--primary.pending:hover {
background-color: #fff
}
.page-saudi .header .button--primary.inline,
.page-saudi-ar .header .button--primary.inline {
display: inline-block
}
.page-saudi .header .button--primary.sm,
.page-saudi-ar .header .button--primary.sm {
width: 11.25rem
}
.page-saudi .header .button--primary.lg,
.page-saudi-ar .header .button--primary.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.page-saudi .header .button--primary.lg,
.page-saudi-ar .header .button--primary.lg {
width: 100%
}
}
.page-saudi .header .button--primary.full,
.page-saudi-ar .header .button--primary.full {
width: 100%
}
.page-saudi .header .button--primary>svg,
.page-saudi-ar .header .button--primary>svg {
fill: currentcolor
}
.page-saudi .header--stick .button--primary,
.page-saudi-ar .header--stick .button--primary {
color: #fff;
background-color: #525c65;
border: 0.125rem solid transparent
}
.page-saudi .header--stick .button--primary:focus,
.page-saudi .header--stick .button--primary.focus,
.page-saudi .header--stick .button--primary:hover,
.page-saudi-ar .header--stick .button--primary:focus,
.page-saudi-ar .header--stick .button--primary.focus,
.page-saudi-ar .header--stick .button--primary:hover {
outline: none;
color: white;
border-color: transparent;
background-color: #474f57
}
.page-saudi .header--stick .button--primary.disabled,
.page-saudi .header--stick .button--primary[disabled],
fieldset[disabled] .page-saudi .header--stick .button--primary,
.page-saudi-ar .header--stick .button--primary.disabled,
.page-saudi-ar .header--stick .button--primary[disabled],
fieldset[disabled] .page-saudi-ar .header--stick .button--primary {
box-shadow: none;
cursor: not-allowed;
border-color: #dbe2e8;
background-color: #dbe2e8
}
.page-saudi .header--stick .button--primary.pending,
.page-saudi-ar .header--stick .button--primary.pending {
cursor: progress;
box-shadow: none
}
.page-saudi .header--stick .button--primary.pending:hover,
.page-saudi-ar .header--stick .button--primary.pending:hover {
background-color: #525c65
}
.page-saudi .header--stick .button--primary.inline,
.page-saudi-ar .header--stick .button--primary.inline {
display: inline-block
}
.page-saudi .header--stick .button--primary.sm,
.page-saudi-ar .header--stick .button--primary.sm {
width: 11.25rem
}
.page-saudi .header--stick .button--primary.lg,
.page-saudi-ar .header--stick .button--primary.lg {
width: 17.5rem
}
@media screen and (max-width: 20rem) {
.page-saudi .header--stick .button--primary.lg,
.page-saudi-ar .header--stick .button--primary.lg {
width: 100%
}
}
.page-saudi .header--stick .button--primary.full,
.page-saudi-ar .header--stick .button--primary.full {
width: 100%
}
.page-saudi .header--stick .button--primary>svg,
.page-saudi-ar .header--stick .button--primary>svg {
fill: currentcolor
}
.page-saudi .hero,
.page-saudi-ar .hero {
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(assets/saudi-5bb01e0acb5715432305c5e6fefaf55c05241c9ab48fe613207cc116d52f15be.jpg)
}
.page-saudi .hero .toggle-lang,
.page-saudi-ar .hero .toggle-lang {
position: absolute;
top: 1.4em;
right: 1.5em
}
@media screen and (min-width: 30rem) {
.page-saudi .hero .toggle-lang,
.page-saudi-ar .hero .toggle-lang {
right: initial;
left: 14em;
top: 1.5em
}
}
@media screen and (min-width: 48rem) {
.page-saudi .hero .toggle-lang,
.page-saudi-ar .hero .toggle-lang {
text-align: left;
top: 2.25em
}
}
@media screen and (min-width: 73.75rem) {
.page-saudi .hero .toggle-lang,
.page-saudi-ar .hero .toggle-lang {
left: calc(50% - (73.75rem / 2) + 12em)
}
}
.page-saudi .hero .toggle-lang a,
.page-saudi-ar .hero .toggle-lang a {
width: 50px;
text-decoration: none;
border: 1px solid #fff;
border-radius: 0.25rem;
padding: 0.2rem 0.6rem
}
.page-saudi .hero .toggle-lang a:hover,
.page-saudi-ar .hero .toggle-lang a:hover {
background-color: #02d1bf;
border: 1px solid #02d1bf
}
.page-saudi .logos .container,
.page-saudi-ar .logos .container {
background-color: #fff;
padding: 3.75rem 0 0 0;
display: flex;
align-items: center;
justify-content: center
}
.page-saudi .logos .container .misk,
.page-saudi-ar .logos .container .misk {
width: 6.25rem
}
.page-saudi .logos .container .amp,
.page-saudi-ar .logos .container .amp {
height: 1.5625rem;
width: 1.5625rem;
margin: 0 1.25rem
}
.page-saudi .logos .container .udacity,
.page-saudi-ar .logos .container .udacity {
width: 7.5rem
}
.page-saudi .scholarships .contain,
.page-saudi-ar .scholarships .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-saudi .scholarships .contain,
.page-saudi-ar .scholarships .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-saudi .scholarships__contain,
.page-saudi-ar .scholarships__contain {
padding-top: 0rem;
padding-bottom: 0rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
@media screen and (min-width: 48rem) {
.page-saudi .scholarships__contain,
.page-saudi-ar .scholarships__contain {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.page-saudi .scholarships__contain:last-child,
.page-saudi-ar .scholarships__contain:last-child {
margin-right: 0
}
.page-saudi .scholarships__contain--card,
.page-saudi-ar .scholarships__contain--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
border: 1px solid #dbe2e8;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem;
background: #fff
}
.page-saudi .scholarships__contain--card:last-child,
.page-saudi-ar .scholarships__contain--card:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-saudi .scholarships__contain--card,
.page-saudi-ar .scholarships__contain--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-saudi .scholarships__contain--card:last-child,
.page-saudi-ar .scholarships__contain--card:last-child {
margin-right: 0
}
}
.page-saudi .scholarships__contain--card .card-header,
.page-saudi-ar .scholarships__contain--card .card-header {
height: 12rem;
width: 100%;
padding: 1.5rem;
border-radius: 0.375rem 0.375rem 0 0;
background-position: center center, center center;
background-repeat: no-repeat, no-repeat;
background-size: cover, cover
}
.page-saudi .scholarships__contain--card .card-header__content,
.page-saudi-ar .scholarships__contain--card .card-header__content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-saudi .scholarships__contain--card .card-header--nd001,
.page-saudi-ar .scholarships__contain--card .card-header--nd001 {
background-image: linear-gradient(rgba(2, 179, 228, 0.8), rgba(2, 179, 228, 0.8)), url(assets/nd001-b47eb9ee0bc50f5e94fb0d570f6c3553d94fbab6bf8f0eef9338ff333143e380.jpg)
}
.page-saudi .scholarships__contain--card .card-header--nd803,
.page-saudi-ar .scholarships__contain--card .card-header--nd803 {
background-image: linear-gradient(rgba(255, 84, 131, 0.8), rgba(255, 84, 131, 0.8)), url(assets/nd803-39ec3c7ae1b4265c31de7e4cdb78531894d5793fbb7f7c36bb588c21a889b411.jpg)
}
.page-saudi .scholarships__contain--card .card-header--nd000,
.page-saudi-ar .scholarships__contain--card .card-header--nd000 {
background-image: linear-gradient(rgba(255, 162, 52, 0.8), rgba(255, 162, 52, 0.8)), url(assets/nd000-4647a2082ffd41c229d2f2ec19cbaff684cfd89790e5ccb57c025bbe7e674afe.jpg)
}
.page-saudi .scholarships__contain--card .card-header--nd100,
.page-saudi-ar .scholarships__contain--card .card-header--nd100 {
background-image: linear-gradient(rgba(2, 204, 186, 0.8), rgba(2, 204, 186, 0.8)), url(assets/nd100-99c605075e2f24c27cfe9e7964972518f2911d4837767cd7edc98c47a7944011.jpg)
}
.page-saudi .scholarships__contain--card .card-header--nd009,
.page-saudi-ar .scholarships__contain--card .card-header--nd009 {
background-image: linear-gradient(rgba(125, 151, 173, 0.8), rgba(125, 151, 173, 0.8)), url(assets/nd009-b3bf2c0265b343c1d57767ca9813902c6703848bc8a3d99738700d31a9defee4.jpg)
}
.page-saudi .scholarships__contain--card .card-header--nd008,
.page-saudi-ar .scholarships__contain--card .card-header--nd008 {
background-image: linear-gradient(rgba(255, 162, 52, 0.8), rgba(255, 162, 52, 0.8)), url(assets/nd008-84d6ea34d5b909a9a9d843f99c651c5dac9c0b0a6da5a91207bb5afe3098b54d.jpg)
}
@media screen and (min-width: 62rem) {
.page-saudi .scholarships__contain--card ul,
.page-saudi-ar .scholarships__contain--card ul {
margin-top: 0;
margin-bottom: 1.5rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.page-saudi .scholarships__contain--card ul,
.page-saudi-ar .scholarships__contain--card ul {
margin-bottom: 3rem
}
}
.page-saudi .scholarships__contain--card .info,
.page-saudi-ar .scholarships__contain--card .info {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%;
margin-bottom: 0
}
@media screen and (min-width: 48rem) {
.page-saudi .scholarships__contain--card .info,
.page-saudi-ar .scholarships__contain--card .info {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-saudi .scholarships__contain--card .info:last-child,
.page-saudi-ar .scholarships__contain--card .info:last-child {
margin-right: 0
}
.page-saudi .scholarships__contain--card .info--notify,
.page-saudi-ar .scholarships__contain--card .info--notify {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-saudi .scholarships__contain--card .info--notify,
.page-saudi-ar .scholarships__contain--card .info--notify {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-saudi .scholarships__contain--card .info--notify .envelope,
.page-saudi-ar .scholarships__contain--card .info--notify .envelope {
height: 4.5rem
}
@media screen and (min-width: 48rem) {
.page-saudi .scholarships__contain--card .info--notify .envelope,
.page-saudi-ar .scholarships__contain--card .info--notify .envelope {
height: 6rem
}
}
@media screen and (min-width: 62rem) {
.page-saudi .scholarships__contain--card .info--notify,
.page-saudi-ar .scholarships__contain--card .info--notify {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.page-saudi .scholarships__contain--card .info__section,
.page-saudi-ar .scholarships__contain--card .info__section {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-saudi .scholarships__contain--card .info__section:last-child,
.page-saudi-ar .scholarships__contain--card .info__section:last-child {
margin-right: 0
}
.page-saudi .scholarships__contain--card .info__section--icon,
.page-saudi-ar .scholarships__contain--card .info__section--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center
}
.page-saudi .scholarships__contain--card .info__section--icon:last-child,
.page-saudi-ar .scholarships__contain--card .info__section--icon:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-saudi .scholarships__contain--card .info__section--icon,
.page-saudi-ar .scholarships__contain--card .info__section--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 6.7796610169%
}
.page-saudi .scholarships__contain--card .info__section--icon:last-child,
.page-saudi-ar .scholarships__contain--card .info__section--icon:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-saudi .scholarships__contain--card .info__section--icon,
.page-saudi-ar .scholarships__contain--card .info__section--icon {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 15.2542372881%
}
.page-saudi .scholarships__contain--card .info__section--icon:last-child,
.page-saudi-ar .scholarships__contain--card .info__section--icon:last-child {
margin-right: 0
}
}
.page-saudi .scholarships__contain--card .info__section--content,
.page-saudi-ar .scholarships__contain--card .info__section--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center;
width: 100%
}
.page-saudi .scholarships__contain--card .info__section--content:last-child,
.page-saudi-ar .scholarships__contain--card .info__section--content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-saudi .scholarships__contain--card .info__section--content,
.page-saudi-ar .scholarships__contain--card .info__section--content {
text-align: left
}
}
@media screen and (min-width: 73.75rem) {
.page-saudi .scholarships__contain--card .info__section.pad-adjust,
.page-saudi-ar .scholarships__contain--card .info__section.pad-adjust {
margin-bottom: 1.75rem
}
}
@media screen and (min-width: 48rem) {
.page-saudi .scholarships__contain--card .info__section .icon--courses,
.page-saudi-ar .scholarships__contain--card .info__section .icon--courses {
margin-top: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-saudi .scholarships__contain--card .info__section .icon--courses,
.page-saudi-ar .scholarships__contain--card .info__section .icon--courses {
margin-top: 1.5rem
}
}
@media screen and (min-width: 62rem) {
.page-saudi .scholarships__contain--card .info__section .icon--courses-two,
.page-saudi-ar .scholarships__contain--card .info__section .icon--courses-two {
margin-top: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-saudi .scholarships__contain--card .info__section .icon--console,
.page-saudi-ar .scholarships__contain--card .info__section .icon--console {
margin-top: 0.75rem
}
}
.page-saudi .classroom,
.page-saudi-ar .classroom {
background: #fff;
position: relative
}
.page-saudi .classroom .contain,
.page-saudi-ar .classroom .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-saudi .classroom .contain,
.page-saudi-ar .classroom .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-saudi .classroom .contain::before,
.page-saudi-ar .classroom .contain::before {
content: '';
width: 100%;
height: 900px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-saudi .classroom h2,
.page-saudi-ar .classroom h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-saudi .classroom h2,
.page-saudi-ar .classroom h2 {
margin-bottom: 3rem
}
}
.page-saudi .classroom__content,
.page-saudi-ar .classroom__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.page-saudi .classroom__content:last-child,
.page-saudi-ar .classroom__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-saudi .classroom__content,
.page-saudi-ar .classroom__content {
padding-top: 0rem;
padding-bottom: 0rem
}
}
@media screen and (min-width: 48rem) {
.page-saudi .classroom__content,
.page-saudi-ar .classroom__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-saudi .classroom__content:last-child,
.page-saudi-ar .classroom__content:last-child {
margin-right: 0
}
}
.page-saudi .classroom__content img,
.page-saudi-ar .classroom__content img {
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
border-radius: 8px
}
.page-saudi .classroom__content p,
.page-saudi-ar .classroom__content p {
margin-bottom: 3rem;
padding: 0 1.5rem
}
@media screen and (min-width: 48rem) {
.page-saudi .classroom__content p,
.page-saudi-ar .classroom__content p {
margin-bottom: 1.5rem;
padding: 0 3.75rem
}
}
.page-saudi .timeline,
.page-saudi-ar .timeline {
background: #fff;
position: relative;
text-align: center
}
.page-saudi .eligibility,
.page-saudi-ar .eligibility {
background: #fff;
position: relative
}
.page-saudi .eligibility .contain,
.page-saudi-ar .eligibility .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-saudi .eligibility .contain,
.page-saudi-ar .eligibility .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-saudi .eligibility .contain::before,
.page-saudi-ar .eligibility .contain::before {
content: '';
width: 100%;
height: 900px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-saudi .eligibility ul,
.page-saudi-ar .eligibility ul {
padding: 0 1.5rem
}
@media screen and (min-width: 48rem) {
.page-saudi .eligibility ul,
.page-saudi-ar .eligibility ul {
padding: 0 3.75rem
}
}
.page-saudi .eligibility h2,
.page-saudi-ar .eligibility h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-saudi .eligibility h2,
.page-saudi-ar .eligibility h2 {
margin-bottom: 3rem
}
}
.page-saudi .saudi-scholarships-notify .contain,
.page-saudi-ar .saudi-scholarships-notify .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
@media screen and (min-width: 48rem) {
.page-saudi .saudi-scholarships-notify .contain,
.page-saudi-ar .saudi-scholarships-notify .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.page-saudi .saudi-scholarships-notify__card,
.page-saudi-ar .saudi-scholarships-notify__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
height: 100%;
width: 100%;
position: relative;
background: #fff;
border: 1px solid #dbe2e8;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem
}
.page-saudi .saudi-scholarships-notify__card:last-child,
.page-saudi-ar .saudi-scholarships-notify__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-saudi .saudi-scholarships-notify__card,
.page-saudi-ar .saudi-scholarships-notify__card {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.page-saudi .saudi-scholarships-notify__card,
.page-saudi-ar .saudi-scholarships-notify__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-saudi .saudi-scholarships-notify__card:last-child,
.page-saudi-ar .saudi-scholarships-notify__card:last-child {
margin-right: 0
}
}
.page-saudi .saudi-scholarships-notify__card h3,
.page-saudi-ar .saudi-scholarships-notify__card h3 {
margin-top: 0;
margin-bottom: 1.5rem;
padding-left: 2.25rem;
padding-right: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-saudi .saudi-scholarships-notify__card h3,
.page-saudi-ar .saudi-scholarships-notify__card h3 {
margin-bottom: 3rem
}
}
.page-saudi .saudi-scholarships-notify__card .icon,
.page-saudi-ar .saudi-scholarships-notify__card .icon {
width: 5.625rem;
height: 5.625rem;
margin: 0 0 0 -44px;
border-radius: 50%;
background-color: #fff;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
position: absolute;
top: -50px;
left: 50%
}
.page-saudi .saudi-scholarships-notify__card .icon img,
.page-saudi-ar .saudi-scholarships-notify__card .icon img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-saudi .saudi-scholarships-notify #saudi_scholarships_notify_form,
.page-saudi-ar .saudi-scholarships-notify #saudi_scholarships_notify_form {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-saudi .saudi-scholarships-notify #saudi_scholarships_notify_form:last-child,
.page-saudi-ar .saudi-scholarships-notify #saudi_scholarships_notify_form:last-child {
margin-right: 0
}
.page-saudi .saudi-scholarships-notify #saudi_scholarships_notify_form .input-container,
.page-saudi .saudi-scholarships-notify #saudi_scholarships_notify_form .dd-container,
.page-saudi-ar .saudi-scholarships-notify #saudi_scholarships_notify_form .input-container,
.page-saudi-ar .saudi-scholarships-notify #saudi_scholarships_notify_form .dd-container {
position: relative
}
.page-saudi .saudi-scholarships-notify #saudi_scholarships_notify_form .dd-container,
.page-saudi-ar .saudi-scholarships-notify #saudi_scholarships_notify_form .dd-container {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-saudi .saudi-scholarships-notify #saudi_scholarships_notify_form .dd-container,
.page-saudi-ar .saudi-scholarships-notify #saudi_scholarships_notify_form .dd-container {
margin-bottom: 1.5rem
}
}
.page-saudi .saudi-scholarships-notify #saudi_scholarships_notify_form input,
.page-saudi-ar .saudi-scholarships-notify #saudi_scholarships_notify_form input {
width: 100%
}
@media screen and (min-width: 48rem) {
.page-saudi .saudi-scholarships-notify #saudi_scholarships_notify_form input,
.page-saudi-ar .saudi-scholarships-notify #saudi_scholarships_notify_form input {
width: 100%;
margin: 0 -6px 24px 0
}
}
.page-saudi .saudi-scholarships-notify #saudi_scholarships_notify_form .dd-options,
.page-saudi-ar .saudi-scholarships-notify #saudi_scholarships_notify_form .dd-options {
max-height: 17.5rem
}
.page-saudi-ar {
direction: rtl
}
.page-saudi-ar .info__section--content {
text-align: right !important
}
.page-saudi-ar .button--white {
font-size: 20px
}
.page-saudi-ar .dd-selected,
.page-saudi-ar .dd-option-text,
.page-saudi-ar .dd-selected-text {
text-align: inherit
}
.page-saudi-ar * {
letter-spacing: initial
}
.page-scholarships .hero.att {
background-image: url(assets/hero-att-7853f23ef79684557c8504abc552ce135af2512c0177a2d1a71a6d5e6fbfa758.jpg)
}
.page-scholarships .hero.indonesia {
background-image: url(assets/hero-google-indonesia-5ae311388576b108991ae79bd630c31c266053c4962aa6b49b21eefdce05bac8.jpg)
}
.page-scholarships .hero.lyft {
background-image: url(assets/hero-lyft-916d14bd9045b58d317bb83c4e7cb880d8579f884d1763c4691eb10b2d236869.jpg)
}
.page-scholarships .hero.women-techmakers {
background-image: url(assets/women-techmakers/hero-women-techmakers-e6c26085a275cbb81f3d78ed4a1b3f19e1947dbff58d3e14d19e316644747f8f.jpg)
}
@media screen and (min-width: 48rem) {
.page-scholarships .hero .contain {
height: 31.5rem
}
}
@media screen and (min-width: 48rem) {
.page-scholarships .hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 74.5762711864%;
text-align: left
}
.page-scholarships .hero__content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-scholarships .hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-scholarships .hero__content:last-child {
margin-right: 0
}
}
.page-scholarships .hero__content h1 {
margin-top: 0;
margin-bottom: 1.125rem
}
@media screen and (min-width: 48rem) {
.page-scholarships .hero__content h1 {
margin-bottom: 2.25rem
}
}
.page-scholarships .hero__content--icon {
height: 5rem;
margin: -28px 12px;
top: 0;
position: relative
}
@media screen and (min-width: 48rem) {
.page-scholarships .job-ready .contain {
padding-bottom: 0
}
}
@media screen and (min-width: 48rem) {
.page-scholarships .job-ready__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-scholarships .job-ready__container:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-scholarships .job-ready__container--content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 82.7586206897%
}
.page-scholarships .job-ready__container--content:last-child {
margin-right: 0
}
}
.page-scholarships .job-ready__container--content .countdown-date ul {
margin: 0;
padding: 0
}
.page-scholarships .job-ready__container--content .countdown-date ul li {
list-style-type: none;
display: inline-block;
letter-spacing: 0.0625rem;
width: 2.375rem;
text-align: center;
text-transform: uppercase
}
.page-scholarships .job-ready__container--content .countdown-date ul li:nth-child(2),
.page-scholarships .job-ready__container--content .countdown-date ul li:nth-child(3) {
margin-right: 0.25rem
}
.page-scholarships .job-ready__container--content #scholarship_countdown,
.page-scholarships .job-ready__container--content #scholarship_countdown_dayOf {
font-size: 1.5rem;
line-height: 2.25rem;
color: #2e3d49
}
@media screen and (min-width: 48rem) {
.page-scholarships .job-ready__container--content #scholarship_countdown,
.page-scholarships .job-ready__container--content #scholarship_countdown_dayOf {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-scholarships .job-ready__container--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 100%
}
.page-scholarships .job-ready__container--card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-scholarships .job-ready__container--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
position: relative;
top: -11.25rem
}
.page-scholarships .job-ready__container--card:last-child {
margin-right: 0
}
}
.page-scholarships .job-ready__container--card .header {
height: 9.75rem;
width: 100%;
padding: 1.5rem;
border-radius: 0.375rem 0.375rem 0 0
}
@media screen and (min-width: 48rem) {
.page-scholarships .job-ready__container--card .header {
height: 14.25rem
}
}
.page-scholarships .job-ready__container--card .header.att {
background-color: #49DFD3
}
.page-scholarships .job-ready__container--card .header.indonesia {
background-color: #ff5483
}
.page-scholarships .job-ready__container--card .header.lyft {
background-color: #ff5483
}
.page-scholarships .job-ready__container--card .header.women-techmakers {
background-color: #02b3e4
}
.page-scholarships .job-ready__container--card .header--content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-scholarships .job-ready__container--card ul.info {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
@media screen and (min-width: 48rem) {
.page-scholarships .job-ready__container--card ul.info {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-scholarships .job-ready__container--card ul.info:last-child {
margin-right: 0
}
.page-scholarships .job-ready__container--card ul.info__section {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-scholarships .job-ready__container--card ul.info__section:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-scholarships .job-ready__container--card ul.info__section {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 25.4237288136%
}
.page-scholarships .job-ready__container--card ul.info__section:last-child {
margin-right: 0
}
}
.page-scholarships .job-ready__container--card ul.info li.student:before {
background: url(assets/icon-student-79235725e9b93a766f5b60e40516d080e3eae38f7d4fa2490a03d6a4d378e5d7.svg) no-repeat center
}
.page-scholarships .job-ready__container--card ul.info li.car:before {
background: url(assets/icon-car-4a9ae5dcac7e22f537295305af364fd9dce14a1ade7fcd46ab5a35994a5b2024.svg) no-repeat center
}
.page-scholarships .job-ready__container--card ul.info li.courses:before {
background: url(assets/icon-courses-6c6d77d3f9eecaf2e716906a7fac9b39715351f50cc7a542261cd5803ff16e5d.svg) no-repeat center
}
.page-scholarships .job-ready__container--card ul.info li.console:before {
background: url(assets/icon-console-6add8a769e4af657e88032e61b412efae2911f367767bca5e8541ff2a7c55c3d.svg) no-repeat center
}
.page-scholarships .job-ready__container--card ul.info li.certificate:before {
background: url(assets/icon-certificate-e34e9580c855f8d30677f8062bee0c9e414aeb063e7120d9513530e600d26d5d.svg) no-repeat center
}
.page-scholarships .job-ready__container--card ul.info li.community:before {
background: url(assets/icon-community-780d4b847aa81f4b2fd096218077274719fc1d81f45b6a55a28c867869d23b08.svg) no-repeat center;
width: 2.25rem
}
.page-scholarships .job-ready__container--card ul.info li.student:before,
.page-scholarships .job-ready__container--card ul.info li.courses:before,
.page-scholarships .job-ready__container--card ul.info li.console:before,
.page-scholarships .job-ready__container--card ul.info li.certificate:before {
width: 1.75rem
}
.page-scholarships .job-ready__container--card ul.info li.car:before {
width: 2.25rem
}
.page-scholarships .job-ready__container--card ul.info li.student:before,
.page-scholarships .job-ready__container--card ul.info li.car:before,
.page-scholarships .job-ready__container--card ul.info li.courses:before,
.page-scholarships .job-ready__container--card ul.info li.console:before,
.page-scholarships .job-ready__container--card ul.info li.certificate:before,
.page-scholarships .job-ready__container--card ul.info li.community:before {
height: 1.75rem;
content: '';
position: absolute
}
.page-scholarships .job-ready__container--card ul.info p {
padding-left: 3rem
}
.page-scholarships .job-ready__container--card ul.info h5 {
text-align: center
}
@media screen and (min-width: 62rem) {
.page-scholarships .job-ready__container--card ul.info h5 {
margin-right: 3rem;
display: inline-block;
text-align: left
}
}
.page-scholarships .job-ready__container--card ul.info .button--primary {
margin: 0 auto
}
@media screen and (min-width: 62rem) {
.page-scholarships .job-ready__container--card ul.info .button--primary {
display: inline-block;
width: 11.25rem
}
}
.page-scholarships .job-ready__container--card ul.info .button--primary.countdown_reveal_cta {
display: none
}
@media screen and (min-width: 62rem) {
.page-scholarships .nd-programs .cards_contain {
display: flex;
justify-content: center
}
}
.page-scholarships .how-to-apply {
position: relative
}
.page-scholarships .how-to-apply::before {
content: '';
width: 100%;
height: 740px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-scholarships .how-to-apply__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-scholarships .how-to-apply__container:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-scholarships .how-to-apply__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-scholarships .how-to-apply__container:last-child {
margin-right: 0
}
}
.page-scholarships .how-to-apply__container--content {
position: relative
}
@media screen and (min-width: 48rem) {
.page-scholarships .how-to-apply__container--content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 65.5172413793%;
margin-left: 17.2413793103%
}
.page-scholarships .how-to-apply__container--content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-scholarships .how-to-apply__container--content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 82.7586206897%;
margin-left: 0%
}
.page-scholarships .how-to-apply__container--content:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-scholarships .how-to-apply__container--content {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 100%
}
.page-scholarships .how-to-apply__container--content:last-child {
margin-right: 0
}
}
.page-scholarships .how-to-apply__container--content p {
color: #2e3d49
}
.page-scholarships .how-to-apply__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 100%
}
.page-scholarships .how-to-apply__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-scholarships .how-to-apply__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%;
position: relative;
margin-right: 2.5rem
}
.page-scholarships .how-to-apply__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-scholarships .how-to-apply__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-scholarships .how-to-apply__card:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-scholarships .how-to-apply__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
float: right;
top: 50px;
right: 36px
}
.page-scholarships .how-to-apply__card:last-child {
margin-right: 0
}
}
.page-scholarships .how-to-apply__card--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.page-scholarships .how-to-apply__card--content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-scholarships .how-to-apply__card--content {
padding-top: 3rem;
padding-bottom: 3rem
}
}
.page-scholarships .how-to-apply__card--content ul.checks li {
margin-bottom: 0.75rem
}
.page-scholarships .how-to-apply__card--content ul.checks li::before {
background: url(assets/icon_checkmark_turquoise-b803e350e9fccf307ec478999297e1ff06149e9572e711991ccbaa91b2277654.svg) no-repeat center
}
@media screen and (min-width: 62rem) {
.page-scholarships .how-to-apply__card::after {
height: 100%;
width: 24.875rem;
background-image: linear-gradient(to bottom right, #02b3e4, #02ccba);
content: '';
position: absolute;
display: block;
top: -1.5rem;
right: -1.5rem;
z-index: -1000;
border-radius: 0.375rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
}
@media screen and (min-width: 73.75rem) {
.page-scholarships .how-to-apply__card::after {
width: 23.75rem;
top: -2.5rem;
right: -2.5rem
}
}
.page-scholarships .how-to-apply .lyft-card::after {
background-image: linear-gradient(to bottom right, #a951ed, #ff5483)
}
.page-scholarships .how-to-apply .timeline ul li {
width: 100%;
position: relative;
list-style-type: none;
padding-bottom: 3.75rem;
border-left: 1px solid #dbe2e8
}
@media screen and (min-width: 48rem) {
.page-scholarships .how-to-apply .timeline ul li {
padding-bottom: 1.5rem
}
}
.page-scholarships .how-to-apply .timeline ul li:last-child {
border-left: none
}
.page-scholarships .how-to-apply .timeline ul li::after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 0.625rem;
height: 0.625rem;
border-radius: 50%;
border: 2px solid #49DFD3;
background-color: #fff;
transform: translateX(-50%)
}
.page-scholarships .how-to-apply .timeline ul li div {
bottom: 0.4375rem;
width: 100%;
position: relative;
padding-left: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-scholarships .how-to-apply .timeline ul li div {
height: 6rem;
padding-left: 3rem
}
}
.page-scholarships .how-to-apply .timeline ul li h4 {
font-weight: 300;
color: #2e3d49
}
.page-scholarships .featured-students__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-scholarships .featured-students__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-scholarships .featured-students__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-scholarships .featured-students__content:last-child {
margin-right: 0
}
}
.page-scholarships .featured-students .flip-container {
cursor: pointer;
display: inline-block;
perspective: 1000px
}
@media screen and (min-width: 48rem) {
.page-scholarships .featured-students .flip-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-scholarships .featured-students .flip-container:last-child {
margin-right: 0
}
.page-scholarships .featured-students .flip-container:nth-child(2n) {
margin-right: 0
}
.page-scholarships .featured-students .flip-container:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-scholarships .featured-students .flip-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-scholarships .featured-students .flip-container:last-child {
margin-right: 0
}
.page-scholarships .featured-students .flip-container:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-scholarships .featured-students .flip-container:nth-child(2n+1) {
clear: none
}
}
.page-scholarships .featured-students .flip-container:nth-child(1) .story-front,
.page-scholarships .featured-students .flip-container:nth-child(1) .story-back {
border-top: 3px solid #02b3e4
}
.page-scholarships .featured-students .flip-container:nth-child(2) .story-front,
.page-scholarships .featured-students .flip-container:nth-child(2) .story-back {
border-top: 3px solid #49DFD3
}
.page-scholarships .featured-students .flip-container:nth-child(3) .story-front,
.page-scholarships .featured-students .flip-container:nth-child(3) .story-back {
border-top: 3px solid #a951ed
}
.page-scholarships .featured-students .flip-container.flip .flipper {
transform: rotateY(180deg)
}
@media screen and (min-width: 48rem) {
.page-scholarships .featured-students .flip-container.flip .flipper {
transform: none
}
.page-scholarships .featured-students .flip-container:hover .flipper,
.page-scholarships .featured-students .flip-container.hover .flipper {
transform: rotateY(180deg)
}
}
.page-scholarships .featured-students .flip-container .flipper {
display: inline-block;
position: relative;
transition: 0.6s;
transform-style: preserve-3d
}
.page-scholarships .featured-students .flip-container .story-front,
.page-scholarships .featured-students .flip-container .story-back {
height: 21rem;
background-color: #fff;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
border-radius: 0.375rem;
display: inline-block;
text-align: center;
width: 17.5625rem;
margin-bottom: 3rem
}
@media screen and (min-width: 62rem) {
.page-scholarships .featured-students .flip-container .story-front,
.page-scholarships .featured-students .flip-container .story-back {
width: 16.25rem;
margin-bottom: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-scholarships .featured-students .flip-container .story-front,
.page-scholarships .featured-students .flip-container .story-back {
width: 17.5625rem
}
}
.page-scholarships .featured-students .flip-container .story-front__name,
.page-scholarships .featured-students .flip-container .story-back__name {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-scholarships .featured-students .flip-container .story-front__name,
.page-scholarships .featured-students .flip-container .story-back__name {
margin-bottom: 2.25rem
}
}
.page-scholarships .featured-students .flip-container .story-front__nanodegree,
.page-scholarships .featured-students .flip-container .story-back__nanodegree {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-scholarships .featured-students .flip-container .story-front__nanodegree,
.page-scholarships .featured-students .flip-container .story-back__nanodegree {
margin-bottom: 2.25rem
}
}
.page-scholarships .featured-students .flip-container .story-front__now,
.page-scholarships .featured-students .flip-container .story-back__now {
color: #dbe2e8;
overflow: hidden
}
.page-scholarships .featured-students .flip-container .story-front__now:before,
.page-scholarships .featured-students .flip-container .story-front__now:after,
.page-scholarships .featured-students .flip-container .story-back__now:before,
.page-scholarships .featured-students .flip-container .story-back__now:after {
background-color: #dbe2e8;
content: '';
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 5rem
}
.page-scholarships .featured-students .flip-container .story-front__now:before,
.page-scholarships .featured-students .flip-container .story-back__now:before {
right: 1rem
}
.page-scholarships .featured-students .flip-container .story-front__now:after,
.page-scholarships .featured-students .flip-container .story-back__now:after {
left: 1rem
}
.page-scholarships .featured-students .flip-container .story-front__company .h3,
.page-scholarships .featured-students .flip-container .story-back__company .h3 {
font-size: 1rem;
line-height: 1.75rem
}
@media screen and (min-width: 48rem) {
.page-scholarships .featured-students .flip-container .story-front__company .h3,
.page-scholarships .featured-students .flip-container .story-back__company .h3 {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-scholarships .featured-students .flip-container .icon {
height: 3.75rem;
position: relative;
border-radius: 50%;
top: -1.5rem;
width: 3.75rem;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
margin: 0 auto
}
.page-scholarships .featured-students .flip-container .icon img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-scholarships .featured-students .flip-container .story-front,
.page-scholarships .featured-students .flip-container .story-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.page-scholarships .featured-students .flip-container .story-back {
left: 0;
position: absolute;
top: 0
}
.page-scholarships .featured-students .flip-container .story-back h4 {
font-size: 1.25rem;
font-weight: 300
}
.page-scholarships .featured-students .flip-container .story-back p {
padding-left: 0.75rem;
padding-right: 0.75rem
}
.page-scholarships .featured-students .flip-container .story-front {
transform: rotateY(0deg);
z-index: 2
}
.page-scholarships .featured-students .flip-container .story-back {
transform: rotateY(180deg)
}
.page-scholarships .scholarship-application {
background: url(assets/application-background-d0bf92e4b51d3c1e7bb7eeef7967570750a0ba8f71a546ba180707aa266607a7.jpg) no-repeat center center;
background-size: cover
}
.page-scholarships .scholarship-application .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
@media screen and (min-width: 48rem) {
.page-scholarships .scholarship-application .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
@media screen and (min-width: 48rem) {
.page-scholarships .scholarship-application--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-scholarships .scholarship-application--content:last-child {
margin-right: 0
}
}
.page-scholarships .scholarship-application__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
position: relative
}
.page-scholarships .scholarship-application__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-scholarships .scholarship-application__card {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.page-scholarships .scholarship-application__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-scholarships .scholarship-application__card:last-child {
margin-right: 0
}
}
.page-scholarships .scholarship-application__card h3 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-scholarships .scholarship-application__card h3 {
margin-bottom: 3rem
}
}
.page-scholarships .scholarship-application__card h3,
.page-scholarships .scholarship-application__card p {
padding-left: 2.25rem;
padding-right: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-scholarships .scholarship-application__card h3,
.page-scholarships .scholarship-application__card p {
padding-left: 0.75rem;
padding-right: 0.75rem
}
}
@media screen and (min-width: 62rem) {
.page-scholarships .scholarship-application__card h3,
.page-scholarships .scholarship-application__card p {
padding-left: 2.25rem;
padding-right: 2.25rem
}
}
.scholarship-return {
background-image: url(assets/back-to-scholarship-hero-182889f77eeba005accc9a8855d1350170b87176b42820d1b3b074d58bbaf27a.png), linear-gradient(to right, #faf3ff, #F7F7F7);
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
@media screen and (min-width: 48rem) {
.scholarship-return .contain {
height: 25.5rem
}
}
@media screen and (min-width: 48rem) {
.scholarship-return__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-left: 25.4237288136%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.scholarship-return__content:last-child {
margin-right: 0
}
}
.scholarship-return__content h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.scholarship-return__content h2 {
margin-bottom: 2.25rem
}
}
.scholarship-return__content a.button--secondary {
display: block;
width: 17.5rem
}
.countdown_reveal {
display: none
}
.students {
position: relative
}
.students::before {
content: '';
width: 100%;
height: 740px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.students .contain {
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 0;
padding-right: 0
}
@media screen and (min-width: 48rem) {
.students .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.students .contain .arrow-slider-block {
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.students .contain .arrow-slider-block {
margin-bottom: 0rem
}
}
.students h2 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.students h2 {
margin-bottom: 3rem
}
}
.students__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.students__container:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.students__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem
}
.students__container:last-child {
margin-right: 0
}
}
.students__container--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
height: 19.5rem;
padding: 1.5rem
}
.students__container--content:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.students__container--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-right: 0;
width: 50%;
border-radius: 0.375rem 0 0 0.375rem
}
.students__container--content:last-child {
margin-right: 0
}
}
.students__container--portrait {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.students__container--portrait:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.students__container--portrait {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
width: 50%;
border-radius: 0 0.375rem 0.375rem 0
}
.students__container--portrait:last-child {
margin-right: 0
}
}
.students__container--portrait.lara {
background-image: url(assets/thumb-student-lara-81cd0cc33599fa0359352061989139379ebdbce465dd6fcdb85c81dae13eaeb1.png)
}
.students__container--portrait.jose {
background-image: url(assets/thumb-student-jose-508721725708678f4a2ee6a2e3651abce7a5b83c8de7a9f901d37798381cf013.png)
}
.students__container--portrait.guillermo {
background-image: url(assets/thumb-student-guillermo-8f7ba542361b335ad04d5081bbd88dcefc03983434c9cbd6064545f331fee003.png)
}
.students__container--portrait.joe {
background-image: url(assets/thumb-student-joe-fa6c9ebcfd94696e69c5ab101d605708ca1a2d6818a1b2ce5330bc615d2230ae.png)
}
.students__container--portrait.lara,
.students__container--portrait.jose,
.students__container--portrait.guillermo,
.students__container--portrait.joe {
background-repeat: no-repeat;
background-position: center -6px;
background-size: cover;
height: 19.5rem
}
@media screen and (min-width: 62rem) {
.students__container--portrait.lara,
.students__container--portrait.jose,
.students__container--portrait.guillermo,
.students__container--portrait.joe {
background-position: center center
}
}
.students .bg--red-orange {
background: #f95c3c
}
.students .bg--turquoise {
background: #49DFD3
}
.students .bg--purple {
background: #a951ed
}
.students .bg--blue {
background: #02b3e4
}
@media screen and (min-width: 48rem) {
.students .flex-viewport {
height: 42rem
}
}
@media screen and (min-width: 62rem) {
.students .flex-viewport {
height: 24rem
}
}
.students .flex-nav-next,
.students .flex-nav-prev {
margin-top: 42.8125rem;
height: 2.5rem !important;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
@media screen and (min-width: 48rem) {
.students .flex-nav-next,
.students .flex-nav-prev {
margin-top: 19.375rem
}
}
@media screen and (min-width: 62rem) {
.students .flex-nav-next,
.students .flex-nav-prev {
margin-top: 8.125rem
}
}
.students .flex-nav-next a,
.students .flex-nav-prev a {
background-size: auto auto !important
}
.students .flex-prev {
background-image: url(assets/icon-arrow-gray-left-1f02708a63a567fdf7737ded88a5ffa174080bd829a4e240afd003532c73bd46.svg) !important
}
.students .flex-next {
background-image: url(assets/icon-arrow-gray-right-c289bddaeb2d2212048c362c74b405c11a5e69dd169e911cfd2b739314ea6515.svg) !important
}
.students .arrow-slider-controls {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.students .arrow-slider-controls {
margin-bottom: 3rem
}
}
@media screen and (min-width: 62rem) {
.students .arrow-slider-controls {
margin-top: 0;
margin-bottom: 0rem
}
}
@media screen and (min-width: 62rem) and (min-width: 48rem) {
.students .arrow-slider-controls {
margin-bottom: 0rem
}
}
.students .arrow-slider-controls .arrow-slider-nav li {
background: #dbe2e8;
height: 12px;
width: 12px;
border-radius: 50%;
display: inline-block;
margin-right: 10px;
cursor: pointer
}
@media screen and (min-width: 62rem) {
.students .arrow-slider-controls .arrow-slider-nav li {
position: relative;
top: -4.5rem
}
}
.students .arrow-slider-controls .arrow-slider-nav li:hover,
.students .arrow-slider-controls .arrow-slider-nav li.flex-active {
background: #02b3e4
}
.students .scholarship-stats__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.students .scholarship-stats__content:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.students .scholarship-stats__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.students .scholarship-stats__content:last-child {
margin-right: 0
}
}
.students .scholarship-stats__content p {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.students .scholarship-stats__content p:last-child {
margin-right: 0
}
.students .scholarship-stats__content p.h1 {
color: #02b3e4
}
.scholarship-notify .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
@media screen and (min-width: 48rem) {
.scholarship-notify .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.scholarship-notify__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
height: 100%;
width: 100%;
position: relative
}
.scholarship-notify__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.scholarship-notify__card {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.scholarship-notify__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.scholarship-notify__card:last-child {
margin-right: 0
}
}
.scholarship-notify__card h3 {
margin-top: 0;
margin-bottom: 1.5rem;
padding-left: 2.25rem;
padding-right: 2.25rem
}
@media screen and (min-width: 48rem) {
.scholarship-notify__card h3 {
margin-bottom: 3rem
}
}
.scholarship-notify__card .icon {
width: 5.625rem;
height: 5.625rem;
margin: 0 0 0 -44px;
border-radius: 50%;
background-color: #fff;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
position: absolute;
top: -50px;
left: 50%
}
.scholarship-notify__card .icon img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.scholarship-notify #scholarship_notify_form {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.scholarship-notify #scholarship_notify_form:last-child {
margin-right: 0
}
.scholarship-notify #scholarship_notify_form input[type="text"] {
width: 100%
}
@media screen and (min-width: 48rem) {
.scholarship-notify #scholarship_notify_form input[type="text"] {
width: 48%;
margin: 0 0 24px 0
}
}
.scholarship-notify #scholarship_notify_form input[type="text"].mr-1 {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.scholarship-notify #scholarship_notify_form input[type="text"].mr-1 {
margin-right: 2%
}
}
@media screen and (min-width: 62rem) {
.scholarship-notify #scholarship_notify_form input[type="text"].mr-1 {
margin-right: 3%
}
}
.scholarship-notify #scholarship_notify_form .dd-options {
max-height: 17.5rem
}
.page-scholarship-hub .scholarship-intro {
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.page-scholarship-hub .scholarship-intro::after {
clear: both;
content: "";
display: table
}
.page-scholarship-hub .scholarship-intro .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
text-align: center
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .scholarship-intro .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .scholarship-intro__introduction {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 16.9491525424%
}
.page-scholarship-hub .scholarship-intro__introduction:last-child {
margin-right: 0
}
}
.page-scholarship-hub .scholarship-intro--bg {
background: url(assets/hero-scholarships-35bab059b3d51e0f88cef08d177a6f38d0af030b5b5e375f09539e606c8e1804.png) no-repeat -8px center;
height: 24.75rem;
margin-top: 0;
margin-bottom: 0rem;
background-size: 1200px auto
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .scholarship-intro--bg {
margin-bottom: 4.5rem
}
}
@media screen and (min-width: 62rem) {
.page-scholarship-hub .scholarship-intro--bg {
background-position: center center;
background-size: 1400px auto
}
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .featured-scholarship::before {
content: '';
width: 100%;
height: 400px;
z-index: -1000;
background: rgba(169, 81, 237, 0.1);
transform-origin: left bottom;
position: absolute;
top: 20%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-scholarship-hub .featured-scholarship::after {
content: '';
width: 100%;
height: 400px;
z-index: -1000;
background: rgba(169, 81, 237, 0.1);
transform-origin: bottom right;
position: absolute;
top: 21%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
}
.page-scholarship-hub .featured-scholarship .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .featured-scholarship .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-scholarship-hub .featured-scholarship__container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
border-radius: 0.375rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.page-scholarship-hub .featured-scholarship__container:last-child {
margin-right: 0
}
.page-scholarship-hub .featured-scholarship__container--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 2.25rem;
border-radius: 0 0 0.375rem 0.375rem
}
.page-scholarship-hub .featured-scholarship__container--content:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-scholarship-hub .featured-scholarship__container--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
width: 50%;
border-radius: 0.375rem 0 0 0.375rem
}
.page-scholarship-hub .featured-scholarship__container--content:last-child {
margin-right: 0
}
}
.page-scholarship-hub .featured-scholarship__container--content .button--primary {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .featured-scholarship__container--content .button--primary {
margin-bottom: 2.25rem
}
}
.page-scholarship-hub .featured-scholarship__container--content .partner-sponsorship--icon {
position: relative;
top: 0;
margin: -28px 12px
}
.page-scholarship-hub .featured-scholarship__container--image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-right: 0;
border-radius: 0.375rem 0.375rem 0 0
}
.page-scholarship-hub .featured-scholarship__container--image:last-child {
margin-right: 0
}
@media screen and (min-width: 62rem) {
.page-scholarship-hub .featured-scholarship__container--image {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
width: 50%;
margin-right: 0;
border-radius: 0 0.375rem 0.375rem 0
}
.page-scholarship-hub .featured-scholarship__container--image:last-child {
margin-right: 0
}
}
.page-scholarship-hub .featured-scholarship__container--image.ltr {
float: right
}
.page-scholarship-hub .featured-scholarship__container--image.google {
background-image: url(assets/featured-scholarship-google-9b27417945bc3ab02b870c5217855fcb7be5508833447220cc9bf7c09dabaf48.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 15rem
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .featured-scholarship__container--image.google {
height: 27rem
}
}
.page-scholarship-hub .current-scholarships .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .current-scholarships .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-scholarship-hub .current-scholarships__contain {
padding-top: 0rem;
padding-bottom: 0rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .current-scholarships__contain {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.page-scholarship-hub .current-scholarships__contain:last-child {
margin-right: 0
}
.page-scholarship-hub .current-scholarships__contain--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-top: 0;
margin-bottom: 3rem
}
.page-scholarship-hub .current-scholarships__contain--card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .current-scholarships__contain--card {
margin-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .current-scholarships__contain--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-scholarship-hub .current-scholarships__contain--card:last-child {
margin-right: 0
}
.page-scholarship-hub .current-scholarships__contain--card:nth-child(3n) {
margin-right: 0
}
.page-scholarship-hub .current-scholarships__contain--card:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-scholarship-hub .current-scholarships__contain--card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-scholarship-hub .current-scholarships__contain--card:last-child {
margin-right: 0
}
.page-scholarship-hub .current-scholarships__contain--card:nth-child(3n) {
margin-right: 1.6949152542%
}
.page-scholarship-hub .current-scholarships__contain--card:nth-child(3n+1) {
clear: none
}
}
.page-scholarship-hub .current-scholarships__contain--card .att {
background-image: url(assets/card-bg-att-da4bdec38d4e323f4e62e22ce47e6bf000825cc052172fbf198d65201248bcef.jpg)
}
.page-scholarship-hub .current-scholarships__contain--card .indonesia {
background-image: url(assets/card-bg-google-indonesia-412f0f512a416ddc8e261f08aa4bd7a70c7dafca97fa040d0f7e43c7dd75f88b.jpg)
}
.page-scholarship-hub .current-scholarships__contain--card .google-eu {
background-image: url(assets/card-bg-google-eu-1ebe127befe590c29b23c2b905a1a9fa84e796cde62b0d4f042fe15db7b37b32.jpg)
}
.page-scholarship-hub .current-scholarships__contain--card .lyft {
background-image: url(assets/card-bg-lyft-6e93ac8c5bd38baecead4d49e064388adb2ff521b2867488107e2deb069f0381.jpg)
}
.page-scholarship-hub .current-scholarships__contain--card .women-techmakers {
background-image: url(assets/card-bg-women-techmakers-ba88b5d4328bbd0665be8c822d3e3062f1797edccc675eed2916a0ec3e62f347.jpg)
}
.page-scholarship-hub .current-scholarships__contain--card .att,
.page-scholarship-hub .current-scholarships__contain--card .indonesia,
.page-scholarship-hub .current-scholarships__contain--card .google-eu,
.page-scholarship-hub .current-scholarships__contain--card .lyft,
.page-scholarship-hub .current-scholarships__contain--card .women-techmakers {
background-position: center center;
background-repeat: no-repeat
}
.page-scholarship-hub .current-scholarships__contain--card .header {
height: 12rem;
background-size: cover;
width: 100%;
padding: 3rem;
border-radius: 0.375rem 0.375rem 0 0
}
.page-scholarship-hub .current-scholarships__contain--card .header--content {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-scholarship-hub .current-scholarships__contain--card .info {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-scholarship-hub .current-scholarships__contain--card .info {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 73.75rem) {
.page-scholarship-hub .current-scholarships__contain--card .info {
padding-left: 3rem;
padding-right: 3rem
}
}
.page-scholarship-hub .scholarship-notify.countdown_reveal {
display: block
}
.page-self-driving-car #contain-all {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: table;
height: 100vh
}
.page-self-driving-car #contain-all::after {
clear: both;
content: "";
display: table
}
.page-self-driving-car .header {
height: 4.5rem;
display: table-header-group
}
.page-self-driving-car .footer-sdc {
height: 4.5rem;
display: table-footer-group
}
.page-self-driving-car .open-source-intro {
max-width: 100%;
margin-left: auto;
margin-right: auto
}
.page-self-driving-car .open-source-intro::after {
clear: both;
content: "";
display: table
}
.page-self-driving-car .open-source-intro .outer_contain {
width: 100%;
height: 100%;
vertical-align: middle
}
.page-self-driving-car .open-source-intro .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
text-align: center
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .open-source-intro .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .open-source-intro__introduction {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
margin-left: 8.4745762712%
}
.page-self-driving-car .open-source-intro__introduction:last-child {
margin-right: 0
}
}
.page-self-driving-car .open-source-intro__introduction h1 {
color: #02b3e4
}
.page-self-driving-car .open-source-intro__cta .button--primary,
.page-self-driving-car .open-source-intro__cta .button--secondary {
display: inline-block;
margin: 1.5rem 0.75rem
}
.page-self-driving-car .open-source-intro__cta .button--secondary:before {
background: url(assets/icon-slack-d3fb16329f599f1e53b9bf5ab92a62519173523dad07120cf00e5a0d9cfb4a1c.svg) 0 0 no-repeat;
content: '';
padding: 0 2rem 0.125rem 0
}
.page-self-driving-car .open-source-intro__cta .button--secondary--github:before {
background: url(assets/icon-white-github-5cc0a0c03a82ac73a90b152a90ab0bc61f878dc8a64c38c7f8331395087957c1.svg) 0 0 no-repeat;
content: '';
padding: 0 2rem 0.125rem 0
}
.page-self-driving-car .open-source-cards .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .open-source-cards .contain {
padding-top: 0rem;
padding-bottom: 0rem
}
}
.page-self-driving-car .open-source-cards .card {
width: 100%
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .open-source-cards .card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.page-self-driving-car .open-source-cards .card:last-child {
margin-right: 0
}
.page-self-driving-car .open-source-cards .card:nth-child(2n) {
margin-right: 0
}
.page-self-driving-car .open-source-cards .card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) and (min-width: 48rem) {
.page-self-driving-car .open-source-cards .card {
padding-top: 3rem;
padding-bottom: 3rem
}
}
@media screen and (min-width: 62rem) {
.page-self-driving-car .open-source-cards .card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-self-driving-car .open-source-cards .card:last-child {
margin-right: 0
}
.page-self-driving-car .open-source-cards .card:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-self-driving-car .open-source-cards .card:nth-child(2n+1) {
clear: none
}
.page-self-driving-car .open-source-cards .card:nth-child(3n) {
margin-right: 0
}
.page-self-driving-car .open-source-cards .card:nth-child(3n+1) {
clear: left
}
}
.page-self-driving-car .open-source-cards .card--sdc {
display: block;
float: left;
min-height: 16.25em;
padding: 1.5em
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .open-source-cards .card--sdc {
padding: 2.5em;
height: 20em
}
}
.page-self-driving-car .open-source-cards .card--one {
background: url(assets/bg-card-challenge-1-e616a85a034ab48a55d606e7c841c338f68ff9596a4122505be556571d3962df.jpg) 0 0 no-repeat;
background-size: cover
}
.page-self-driving-car .open-source-cards .card--two {
background: url(assets/bg-card-challenge-2-27c348a5cb8303beb07d60a4faebc2836cd6caa99b6309863049b5af68b2bdf1.jpg) 0 0 no-repeat;
background-size: cover
}
.page-self-driving-car .open-source-cards .card--three {
background: url(assets/bg-card-challenge-3-58a29d3df1828d7366b529d3328e969ac871962d105f757b5ad45164259c5093.jpg) 0 0 no-repeat;
background-size: cover
}
.page-self-driving-car .open-source-cards .card--four {
background: url(assets/bg-card-challenge-4-084ff0e2fd82893d868b51adfe6869c80da9de78e87b238f49798a57379033ff.jpg) 0 0 no-repeat;
background-size: cover
}
.page-self-driving-car .open-source-cards .card--five {
background: url(assets/bg-card-challenge-5-blurred-a3361ab0e60b4a5f421c8cc7443628e5700c399e39fc9022ed8bfe73082209b4.jpg) 0 0 no-repeat;
background-size: cover
}
.page-self-driving-car .open-source-cards .card h6 {
margin-top: 0;
margin-bottom: 2.25rem
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .open-source-cards .card h6 {
margin-bottom: 4.5rem
}
}
.page-self-driving-car .open-source-cards .card .text-only {
position: absolute;
bottom: 0.75rem
}
.page-self-driving-car .open-source-cards .card .text-only.blurred {
opacity: 0.65
}
.page-self-driving-car .open-source-cards .card .text-only:after {
background: url(assets/icon-arrow-5f5cfdb454128299de3248a8d18620739ba1d0a67c3a0fe84df36f6c38e55184.svg) 0 3px no-repeat;
content: '';
padding: 0 0.375rem 0 0.125rem;
margin-left: 12px
}
.page-self-driving-car .open-source-cards .card .h6 {
position: absolute;
bottom: 0.75rem
}
.page-self-driving-car .open-source-cards .card .h6.blurred {
opacity: 0.37
}
.page-self-driving-car .open-source-cards .card .h6:after {
background: url(assets/icon-arrow-blurred-16a114d4b333e3d47ebec9103999e4073960e4aa752ebe9ab1bf9a56662d8173.svg) 0 3px no-repeat;
content: '';
padding: 0 0.375rem 0 0.125rem;
margin-left: 12px
}
.page-self-driving-car .footer-sdc .contain {
display: block;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 0;
padding-right: 0
}
.page-self-driving-car .footer-sdc .contain::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .footer-sdc .contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-self-driving-car .footer-sdc__logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-self-driving-car .footer-sdc__logo:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .footer-sdc__logo {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 6.7796610169%
}
.page-self-driving-car .footer-sdc__logo:last-child {
margin-right: 0
}
}
.page-self-driving-car .footer-sdc__logo .logo-mark {
display: block;
margin: 0 auto;
width: 1.9375rem;
height: 1.9375rem
}
@media screen and (min-width: 73.75rem) {
.page-self-driving-car .footer-sdc__logo .logo-mark {
position: relative;
left: -1.25rem
}
}
.page-self-driving-car .footer-sdc__nav {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.page-self-driving-car .footer-sdc__nav:last-child {
margin-right: 0
}
.page-self-driving-car .footer-sdc__nav li {
float: left;
float: left;
display: block;
margin-right: 2.5641025641%;
width: 23.0769230769%
}
.page-self-driving-car .footer-sdc__nav li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .footer-sdc__nav li {
float: left;
display: block;
margin-right: 2.5641025641%;
width: 10.2564102564%
}
.page-self-driving-car .footer-sdc__nav li:last-child {
margin-right: 0
}
}
.page-self-driving-car .footer-sdc__nav a {
color: #fff;
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-self-driving-car .footer-sdc__nav a {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.page-special-offer .video::before {
height: 102rem;
content: '';
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 100%, #2e3d49 76%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 28%, #2e3d49 70%), url(assets/bg-sky-8423a277e1a856c87211b1dfd7e874fe6451fdca1b54e04fccfed52ed2f0aab5.png);
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1000
}
.page-special-offer .video .contain {
height: 30rem;
padding: 0;
width: 100%;
background: url(assets/video-bg-udacity-472e0b1f3cbeff14b554410e0187fc0635ade8e63a82989d5b8d32dfd90d7e5f.jpg) center center no-repeat;
background-size: cover
}
@media screen and (min-width: 30rem) {
.page-special-offer .video .contain {
height: 39rem;
position: relative;
background-image: none;
background-color: #000
}
}
@media screen and (min-width: 73.75rem) {
.page-special-offer .video .contain {
border-radius: 0.375rem
}
}
.page-special-offer .video--bg {
height: 30rem;
display: none
}
@media screen and (min-width: 30rem) {
.page-special-offer .video--bg {
height: 100%;
width: 100%;
display: block;
overflow: hidden;
position: relative;
z-index: 6000;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.4)
}
}
@media screen and (min-width: 73.75rem) {
.page-special-offer .video--bg {
border-radius: 0.375rem
}
}
.page-special-offer .video--bg::before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
opacity: 0.90;
background-image: linear-gradient(33deg, rgba(1, 178, 228, 0.38) 0%, rgba(28, 38, 47, 0.4) 100%)
}
.page-special-offer .video--overlay {
height: 30rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: block
}
@media screen and (min-width: 30rem) {
.page-special-offer .video--overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 7000
}
}
.page-special-offer .video--content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 !important;
text-align: center
}
.page-special-offer .video--content:last-child {
margin-right: 0
}
.page-special-offer .video--content h1 {
font-size: 4.5rem;
line-height: 4.5rem;
display: inline-block;
background: linear-gradient(45deg, #02B3E4 0%, #02CCBA 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.page-special-offer .video--content .icon-video {
width: 48px
}
@media screen and (min-width: 30rem) {
.page-special-offer .video--content .icon-video {
width: 60px
}
}
.page-special-offer .video--content .icon-video-post {
position: relative;
bottom: -24px;
height: 3rem
}
@media screen and (min-width: 48rem) {
.page-special-offer .video--content .icon-video-post {
position: relative;
bottom: -96px
}
}
.page-special-offer .career__perk {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-special-offer .career__perk:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-special-offer .career__perk {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-special-offer .career__perk:last-child {
margin-right: 0
}
}
.page-special-offer .partners {
background-color: #2e3d49
}
.page-special-offer .partners>.contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff
}
@media screen and (min-width: 48rem) {
.page-special-offer .partners>.contain {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-special-offer .partners__list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.page-special-offer .partners__list--icon {
height: 3.75rem;
margin: 0 0.75rem
}
@media screen and (min-width: 48rem) {
.page-special-offer .partners__list--icon {
height: 4.5rem;
margin: 0 1.5rem
}
}
.page-special-offer .catalog {
background-color: #2e3d49
}
@media screen and (max-width: 20rem) {
.page-special-offer .catalog__sidenav {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-special-offer .catalog__sidenav:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-special-offer .catalog__sidenav {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%;
text-align: left
}
.page-special-offer .catalog__sidenav:last-child {
margin-right: 0
}
}
.page-special-offer .catalog__sidenav>ul {
display: inline-block;
padding: 15px;
vertical-align: top
}
.page-special-offer .catalog__sidenav .label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #7d97ad;
margin-bottom: 0
}
.page-special-offer .catalog__sidenav .wrapper {
align-items: center;
display: flex;
padding: 0
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox {
flex: none;
height: 16px;
margin: 0;
outline: none;
padding: 0;
width: 16px
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox:focus {
outline: none
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox:before,
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox:after {
box-sizing: initial;
content: '';
display: block;
position: relative
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox:before {
background: #fff;
border: 1px solid #dbe2e8;
border-radius: 0.2em;
height: 100%;
transition: 0.3s background ease-in-out;
width: 100%;
z-index: 1
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox:checked:before {
background: #49DFD3;
border-color: #49DFD3
}
.page-special-offer .catalog__sidenav input[type=checkbox][disabled].checkbox:before {
border-color: #dbe2e8
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox:after {
border-bottom: 2px solid transparent;
border-right: 2px solid transparent;
height: 65%;
margin-top: -50%;
left: 40%;
top: -50%;
transform: rotate(45deg) scale(0.2);
transition: 0.1s transform linear;
width: 25%;
z-index: 2
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox:checked:after {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg) scale(1)
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox+label {
font-size: 14px
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox+label:not(:empty) {
margin-left: 0.75rem
}
.page-special-offer .catalog__sidenav input[type=checkbox].checkbox:not([disabled]) {
cursor: pointer
}
.page-special-offer .catalog__offerings {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 auto
}
@media screen and (max-width: 20rem) {
.page-special-offer .catalog__offerings {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-special-offer .catalog__offerings:last-child {
margin-right: 0
}
}
.page-special-offer .catalog__card {
flex: 1;
flex-grow: 0;
flex-shrink: 1;
min-width: 280px;
max-width: 360px;
width: 100%;
margin-right: 6px;
margin-left: 6px;
height: 19.5rem
}
@media screen and (min-width: 48rem) {
.page-special-offer .catalog__card {
height: 22.5rem
}
}
.page-special-offer .catalog__card:nth-of-type(17n+1) .catalog__card--header--overlay {
background-color: rgba(2, 179, 228, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+1) .catalog__card--header--overlay .pill {
color: #02b3e4
}
.page-special-offer .catalog__card:nth-of-type(17n+2) .catalog__card--header--overlay {
background-color: rgba(73, 223, 211, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+2) .catalog__card--header--overlay .pill {
color: #49DFD3
}
.page-special-offer .catalog__card:nth-of-type(17n+3) .catalog__card--header--overlay {
background-color: rgba(169, 81, 237, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+3) .catalog__card--header--overlay .pill {
color: #a951ed
}
.page-special-offer .catalog__card:nth-of-type(17n+4) .catalog__card--header--overlay {
background-color: rgba(125, 151, 173, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+4) .catalog__card--header--overlay .pill {
color: #7d97ad
}
.page-special-offer .catalog__card:nth-of-type(17n+5) .catalog__card--header--overlay {
background-color: rgba(255, 162, 52, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+5) .catalog__card--header--overlay .pill {
color: #ffa234
}
.page-special-offer .catalog__card:nth-of-type(17n+6) .catalog__card--header--overlay {
background-color: rgba(255, 84, 131, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+6) .catalog__card--header--overlay .pill {
color: #ff5483
}
.page-special-offer .catalog__card:nth-of-type(17n+7) .catalog__card--header--overlay {
background-color: rgba(73, 223, 211, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+7) .catalog__card--header--overlay .pill {
color: #49DFD3
}
.page-special-offer .catalog__card:nth-of-type(17n+8) .catalog__card--header--overlay {
background-color: rgba(169, 81, 237, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+8) .catalog__card--header--overlay .pill {
color: #a951ed
}
.page-special-offer .catalog__card:nth-of-type(17n+9) .catalog__card--header--overlay {
background-color: rgba(125, 151, 173, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+9) .catalog__card--header--overlay .pill {
color: #7d97ad
}
.page-special-offer .catalog__card:nth-of-type(17n+10) .catalog__card--header--overlay {
background-color: rgba(255, 162, 52, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+10) .catalog__card--header--overlay .pill {
color: #ffa234
}
.page-special-offer .catalog__card:nth-of-type(17n+11) .catalog__card--header--overlay {
background-color: rgba(255, 84, 131, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+11) .catalog__card--header--overlay .pill {
color: #ff5483
}
.page-special-offer .catalog__card:nth-of-type(17n+12) .catalog__card--header--overlay {
background-color: rgba(2, 179, 228, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+12) .catalog__card--header--overlay .pill {
color: #02b3e4
}
.page-special-offer .catalog__card:nth-of-type(17n+13) .catalog__card--header--overlay {
background-color: rgba(169, 81, 237, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+13) .catalog__card--header--overlay .pill {
color: #a951ed
}
.page-special-offer .catalog__card:nth-of-type(17n+14) .catalog__card--header--overlay {
background-color: rgba(125, 151, 173, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+14) .catalog__card--header--overlay .pill {
color: #7d97ad
}
.page-special-offer .catalog__card:nth-of-type(17n+15) .catalog__card--header--overlay {
background-color: rgba(255, 162, 52, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+15) .catalog__card--header--overlay .pill {
color: #ffa234
}
.page-special-offer .catalog__card:nth-of-type(17n+16) .catalog__card--header--overlay {
background-color: rgba(255, 84, 131, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+16) .catalog__card--header--overlay .pill {
color: #ff5483
}
.page-special-offer .catalog__card:nth-of-type(17n+17) .catalog__card--header--overlay {
background-color: rgba(73, 223, 211, 0.8)
}
.page-special-offer .catalog__card:nth-of-type(17n+17) .catalog__card--header--overlay .pill {
color: #49DFD3
}
.page-special-offer .catalog__card a {
width: 100%;
height: 100%;
display: block
}
.page-special-offer .catalog__card--header {
height: 9.75rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem
}
.page-special-offer .catalog__card--header.nd000 {
background: url(assets/nd000-4647a2082ffd41c229d2f2ec19cbaff684cfd89790e5ccb57c025bbe7e674afe.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd000 {
background: url(assets/nd000@2x-009907f262202fb6ccc0c6f40862fe66c81a2a4ee7f32d40823b7029dd7aa98f.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd001 {
background: url(assets/nd001-b47eb9ee0bc50f5e94fb0d570f6c3553d94fbab6bf8f0eef9338ff333143e380.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd001 {
background: url(assets/nd001@2x-3cc1a1253388bb5439fa3e2f53dbb73b510ddb4c94ab7b2819c2a3f75c0e98ac.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd002 {
background: url(assets/nd002-b783ec1fda0ee357a1937ee55b99c746c4a629c547be9e2c8c84e55a9dff836d.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd002 {
background: url(assets/nd002@2x-6b20bbee6ff1e6cf86edeac865dd857421588005b35d8d30a2ebb2a87f078127.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd003 {
background: url(assets/nd003-5798f81d1df12041855249a83ada3c55a6714e522abe6271ded770019da24b50.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd003 {
background: url(assets/nd003@2x-721cc65628d48e7fc41d531732c6aef45dab9858cea9ec502f900ed45dc15604.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd004 {
background: url(assets/nd004-470cf6159ec14925c0ad3b5597fd337ef59ef10dd4e3773ff48eed36723b502e.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd004 {
background: url(assets/nd004@2x-e0a38b0348e83bf532c76c7057b415dc93017ff8107be44340a2c5ce715d5461.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd006 {
background: url(assets/nd006-6fd6e82042e67e637c16f19842425962d9df9bb583783f674ed4bdb09cb4e765.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd006 {
background: url(assets/nd006@2x-8c0ea30786e6ba570f2f50350cd5f89a6b7c1d863a3cbee86954339765fd11cc.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd008 {
background: url(assets/nd008-84d6ea34d5b909a9a9d843f99c651c5dac9c0b0a6da5a91207bb5afe3098b54d.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd008 {
background: url(assets/nd008@2x-684671c43a0a4194da30426155bd1b6a04f396ec231360f7a78ba99c4e124cdb.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd009 {
background: url(assets/nd009-b3bf2c0265b343c1d57767ca9813902c6703848bc8a3d99738700d31a9defee4.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd009 {
background: url(assets/nd009@2x-9f2d8b6e86c96a3140f3a9aac20869f374bdbb6481acad24cefd5db56dc8c999.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd013 {
background: url(assets/nd013-af5a93fc63da55d91a7eeb0b8c8bd7eb6b6d96874af8ec6cf36a15478993fe01.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd013 {
background: url(assets/nd013@2x-b10399641c41e92500787dd92b5074f846c5686c9df3c76fa17c0c1f564a51e4.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd017 {
background: url(assets/nd017-b83708097d275ca33fb189b52b86704a703025f43c1f286d3767dcc0e2b96897.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd017 {
background: url(assets/nd017@2x-461e220e0fc0777aedea812cc8c1044269d4fcc04f690faccb569398e48251c7.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd018 {
background: url(assets/nd018-46e83d9a625c4c7a76b610be7023ff6383f6ac4a4508bfab63fc5b5b4fc1f5eb.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd018 {
background: url(assets/nd018@2x-b1fd9d320ac33cecc1be6663e3ee2e833fa76f6c63a4be2e67f230f8469b5f1f.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd019 {
background: url(assets/nd019-1b6ded703586637c1c1573064fe0ccd419f9a7fff0fd33164792271003e71942.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd019 {
background: url(assets/nd019@2x-ee218b2af20d079ebaef58543a39509022c2cf979fe95f2ccbf06a8d27486eda.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd024 {
background: url(assets/nd024-59cc94eeeff11873f1d136877610cb7ece1607eda7459ee2745527ca6db6a9c7.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd024 {
background: url(assets/nd024@2x-55277a05c03befca12dfacfd04c2de9e8af39ab8293607fe7cb11c62f3df829a.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd100 {
background: url(assets/nd100-99c605075e2f24c27cfe9e7964972518f2911d4837767cd7edc98c47a7944011.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd100 {
background: url(assets/nd100@2x-93c68b1a83901b5cecca142bace5e42f2cb2b06a8904db75537f61501c2b3f22.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd101 {
background: url(assets/nd101-2744c44bddc33488bfbf85faf92a6b7b1c57117db9cbe8f26c3cd14fdacd3474.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd101 {
background: url(assets/nd101@2x-5ed1d6680baf0bb53f9286c5cda65c7c8cc0072538eaa5f0dcfcd9dc97724c77.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd113 {
background: url(assets/nd113-042d0e641dddf83b3efb41b2fd11e7dd3702ca2b54e3cffe527d2fa832079c15.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd113 {
background: url(assets/nd113@2x-c4b644a9f651d6999f9703e03ccbd9d7edd8e660c2e60fea84bf2ea2ee41343c.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd114 {
background: url(assets/nd114-9bd8017ef6d0f39ce69ea04108574a35c96348e0877da86a4f07c4202ded1ebe.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd114 {
background: url(assets/nd114@2x-118cbe4abeb61d1fb01f51ee9b24a89c8c3dbdeabdbfbc46fc988213b2cf293c.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd209 {
background: url(assets/nd209-02cba1688c8eb286edb8820fc6d5780a6fa481e794a8fde17d798455ed25e538.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd209 {
background: url(assets/nd209@2x-35fbc36e034e51c0e1e9787b00f210f29bd3ca598f63b0ba9e5ef5869eddb30c.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd801 {
background: url(assets/nd801-47a4f4e7155232a7c6977f5df0f1846ad1557dd7eb4e6abf6c7071722de4b25b.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd801 {
background: url(assets/nd801@2x-3ea0f5b9afcf521e889a0c5dfe437155804d8ae83bc1d708174215d07d539885.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd802 {
background: url(assets/nd802-4303b8584ec217d145a7583446e62f636e7cfad308eec9c86dc3aad5fb514db2.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd802 {
background: url(assets/nd802@2x-141e089b64f22cd7b15141547cf1444738cdb038d0eae17f3365acd27a80f0f5.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd803 {
background: url(assets/nd803-39ec3c7ae1b4265c31de7e4cdb78531894d5793fbb7f7c36bb588c21a889b411.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd803 {
background: url(assets/nd803@2x-bcfd6e294b33e11ddab9b5ac61af3dd677dabec36974b6e00760f8ab10c7a6e3.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd818 {
background: url(assets/nd818-47a4f4e7155232a7c6977f5df0f1846ad1557dd7eb4e6abf6c7071722de4b25b.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd818 {
background: url(assets/nd818@2x-3ea0f5b9afcf521e889a0c5dfe437155804d8ae83bc1d708174215d07d539885.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header.nd889 {
background: url(assets/nd889-37c771246cee2ea9aa23a1792b514e189a27e86d6839473856787e3d80523af6.jpg) no-repeat top left;
width: 348px;
height: 156px;
background-size: cover !important;
width: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-moz-min-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2 / 1),
screen and (min-device-pixel-ratio: 2),
screen and (min-resolution: 192dpi),
screen and (min-resolution: 2dppx) {
.page-special-offer .catalog__card--header.nd889 {
background: url(assets/nd889@2x-beb112bab50db572476684c4acfd544947cf300ae433e18e573414c2a76a59d9.jpg) no-repeat top left;
background-size: 348px 156px
}
}
.page-special-offer .catalog__card--header--overlay {
height: 9.75rem;
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
width: 100%;
z-index: 4000
}
.page-special-offer .catalog__card--header--overlay .pill {
position: relative;
top: 8px;
left: 12px
}
.page-special-offer .catalog__card--title {
padding: 20px 24px;
height: 4.5rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
position: relative
}
@media screen and (min-width: 48rem) {
.page-special-offer .catalog__card--title {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.page-special-offer .catalog__card--title {
padding: 24px 32px;
height: 8.25rem
}
}
.page-special-offer .catalog__card--title h4 {
margin-bottom: 0
}
.page-special-offer .catalog__card--affiliates {
padding: 24px;
width: 100%;
position: relative
}
@media screen and (min-width: 48rem) {
.page-special-offer .catalog__card--affiliates {
padding: 24px 32px
}
}
.page-special-offer .catalog__card--affiliates ul {
height: 30px;
overflow: hidden
}
.page-special-offer .catalog__card--affiliates ul li {
float: left;
margin: 0 20px 0 0
}
.page-special-offer .catalog__card--affiliates ul li:last-child {
margin-right: 0
}
.page-special-offer .catalog__card--affiliates--image {
height: 20px;
margin: 0 0
}
.page-special-offer .get-started {
background-color: #2e3d49
}
.page-special-offer .get-started__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
background-color: #525c65;
padding: 2.25rem 1.5rem
}
.page-special-offer .get-started__card:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-special-offer .get-started__card {
padding: 3rem
}
}
@media screen and (min-width: 62rem) {
.page-special-offer .get-started__card {
padding: 3rem 6rem
}
}
.page-special-offer .get-started__copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-bottom: 1.5rem;
text-align: center
}
.page-special-offer .get-started__copy:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-special-offer .get-started__copy {
text-align: left;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-bottom: 0
}
.page-special-offer .get-started__copy:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-special-offer .get-started__copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-special-offer .get-started__copy:last-child {
margin-right: 0
}
}
.page-special-offer .get-started__form {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center
}
.page-special-offer .get-started__form:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-special-offer .get-started__form {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%;
margin-top: 0.75rem
}
.page-special-offer .get-started__form:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.page-special-offer .get-started__form {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.page-special-offer .get-started__form:last-child {
margin-right: 0
}
}
.page-special-offer .get-started #special-offer_form label {
display: none
}
.page-special-offer .get-started #special-offer_form input[type="email"] {
display: block;
margin: 0 auto;
max-width: 17.5rem;
background-color: #fff;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-special-offer .get-started #special-offer_form input[type="email"] {
margin-right: 0
}
}
.page-special-offer .get-started #special-offer_form button {
margin: 0 auto
}
@media screen and (min-width: 48rem) {
.page-special-offer .get-started #special-offer_form button {
float: right
}
}
.page-special-offer .footer {
background-image: none
}
.page-success .intro {
background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF)
}
@media screen and (min-width: 48rem) {
.page-success .intro {
background-image: none
}
.page-success .intro::before {
content: '';
width: 100%;
height: 640px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 0;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
}
.page-success .intro__content {
margin: 0 auto;
text-align: center;
max-width: 48.75rem
}
.page-success .intro__content h1 {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-success .intro__content h1 {
margin-bottom: 3rem
}
}
.page-success .intro__content p {
margin-top: 0;
margin-bottom: 0rem;
letter-spacing: 0.125rem
}
@media screen and (min-width: 48rem) {
.page-success .intro__content p {
margin-bottom: 0rem
}
}
.page-success .success-cards .story-front,
.page-success .success-cards .story-back {
background-color: #fff;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
border-radius: 0.375rem;
display: inline-block;
height: 21rem;
text-align: center;
width: 17.5625rem
}
.page-success .success-cards .story-front:nth-child(8n+1),
.page-success .success-cards .story-front:nth-child(8n+3),
.page-success .success-cards .story-front:nth-child(8n+5),
.page-success .success-cards .story-back:nth-child(8n+1),
.page-success .success-cards .story-back:nth-child(8n+3),
.page-success .success-cards .story-back:nth-child(8n+5) {
margin: 0 0.625rem 2.8125rem 0
}
.page-success .success-cards .story-front:nth-child(8n+2),
.page-success .success-cards .story-front:nth-child(8n+4),
.page-success .success-cards .story-front:nth-child(8n+6),
.page-success .success-cards .story-back:nth-child(8n+2),
.page-success .success-cards .story-back:nth-child(8n+4),
.page-success .success-cards .story-back:nth-child(8n+6) {
margin: 0 0 2.8125rem 0.625rem
}
.page-success .success-cards .story-front:nth-child(8n+7),
.page-success .success-cards .story-front:nth-child(8n),
.page-success .success-cards .story-back:nth-child(8n+7),
.page-success .success-cards .story-back:nth-child(8n) {
margin-right: 0
}
.page-success .success-cards .story-front__image,
.page-success .success-cards .story-back__image {
border-radius: 50%;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
display: block;
height: 4rem;
margin: 0 auto;
transform: translateY(-50%);
width: 4rem
}
.page-success .success-cards .story-front__name,
.page-success .success-cards .story-back__name {
margin-bottom: 2.5rem
}
.page-success .success-cards .story-front__label,
.page-success .success-cards .story-back__label {
letter-spacing: 0.0625rem;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-success .success-cards .story-front__label,
.page-success .success-cards .story-back__label {
margin-bottom: 0rem
}
}
.page-success .success-cards .story-front__nanodegree,
.page-success .success-cards .story-back__nanodegree {
margin-bottom: 2.0625rem
}
.page-success .success-cards .story-front__now,
.page-success .success-cards .story-back__now {
color: #dbe2e8;
overflow: hidden
}
.page-success .success-cards .story-front__now:before,
.page-success .success-cards .story-front__now:after,
.page-success .success-cards .story-back__now:before,
.page-success .success-cards .story-back__now:after {
background-color: #dbe2e8;
content: '';
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 5rem
}
.page-success .success-cards .story-front__now:before,
.page-success .success-cards .story-back__now:before {
right: 1rem
}
.page-success .success-cards .story-front__now:after,
.page-success .success-cards .story-back__now:after {
left: 1rem
}
.page-success .success-cards .story-front__role,
.page-success .success-cards .story-back__role {
letter-spacing: 0.0625rem;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-success .success-cards .story-front__role,
.page-success .success-cards .story-back__role {
margin-bottom: 0rem
}
}
.page-success .success-cards .story-front__company,
.page-success .success-cards .story-back__company {
font-size: 1rem;
line-height: 1.75rem;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.page-success .success-cards .story-front__company,
.page-success .success-cards .story-back__company {
font-size: 1.125rem;
line-height: 2rem
}
}
@media screen and (min-width: 48rem) {
.page-success .success-cards .story-front__company,
.page-success .success-cards .story-back__company {
margin-bottom: 0rem
}
}
.page-success .success-cards .story-front__blog,
.page-success .success-cards .story-back__blog {
bottom: 0;
height: 3rem;
position: absolute;
width: 17.5625rem;
border-top-left-radius: 0px;
border-top-right-radius: 0px
}
.page-success .success-cards .story-front__quote,
.page-success .success-cards .story-back__quote {
padding: 0 1.25rem 1.25rem
}
.page-success .success-cards .story-back__name {
margin-bottom: 1.25rem
}
.page-success .flip-container {
cursor: pointer;
display: inline-block;
perspective: 1000px
}
.page-success .flip-container:nth-child(5n+1) .story-front,
.page-success .flip-container:nth-child(5n+1) .story-back {
border-top: 6.5px solid #02b3e4
}
.page-success .flip-container:nth-child(5n+2) .story-front,
.page-success .flip-container:nth-child(5n+2) .story-back {
border-top: 6.5px solid #49DFD3
}
.page-success .flip-container:nth-child(5n+3) .story-front,
.page-success .flip-container:nth-child(5n+3) .story-back {
border-top: 6.5px solid #a951ed
}
.page-success .flip-container:nth-child(5n+4) .story-front,
.page-success .flip-container:nth-child(5n+4) .story-back {
border-top: 6.5px solid #ffae0c
}
.page-success .flip-container:nth-child(5n) .story-front,
.page-success .flip-container:nth-child(5n) .story-back {
border-top: 6.5px solid #ff5483
}
.page-success .flip-container.flip .flipper {
transform: rotateY(180deg)
}
@media screen and (min-width: 48rem) {
.page-success .flip-container.flip .flipper {
transform: none
}
.page-success .flip-container:hover .flipper,
.page-success .flip-container.hover .flipper {
transform: rotateY(180deg)
}
}
.page-success .flip-container .flipper {
display: inline-block;
position: relative;
transition: 0.6s;
transform-style: preserve-3d
}
.page-success .flip-container .story-front,
.page-success .flip-container .story-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.page-success .flip-container .story-back {
left: 0;
position: absolute;
top: 0
}
.page-success .flip-container .story-front {
transform: rotateY(0deg);
z-index: 2
}
.page-success .flip-container .story-back {
transform: rotateY(180deg)
}
.page-success .quotes {
position: relative;
margin-top: 0;
margin-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-success .quotes {
margin-bottom: 4.5rem
}
}
.page-success .quotes .hero-quote {
font-size: 1.5rem;
line-height: 2.25rem;
margin-bottom: 0.5rem
}
@media screen and (min-width: 48rem) {
.page-success .quotes .hero-quote {
font-size: 1.75rem;
line-height: 2.25rem
}
}
.page-success .quotes .blockquote {
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.5s ease, visibility 0.5s ease;
visibility: hidden;
width: 100%
}
.page-success .quotes .blockquote.current {
opacity: 1;
visibility: visible
}
.page-summer-camp .hero {
background-image: url(assets/hero-summer-camp-4e107c175c84b6051c2be4a3e44ea42aff5a26d05f0eee647834186267250476.png);
background-position: center bottom
}
@media screen and (min-width: 48rem) {
.page-summer-camp .hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
margin-left: 33.8983050847%
}
.page-summer-camp .hero__content:last-child {
margin-right: 0
}
}
.page-summer-camp .summer-camp-description .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.page-summer-camp .summer-camp-description .contain {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.page-talks .hero {
background-color: #fff;
background-image: url(assets/hero-11-awadallah-025a268dd5c3d8c6c934694148ac337a1bec9d03a0f690c59d7eb3c5f7e44893.jpg), linear-gradient(to right, #a951ed, #ffa234);
background-position: -830px center
}
@media screen and (min-width: 30rem) {
.page-talks .hero {
background-position: center center
}
}
@media screen and (min-width: 48rem) {
.page-talks .hero__content {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 57.6271186441%
}
.page-talks .hero__content:last-child {
margin-right: 0
}
}
.page-talks .hero__content ul.social-icons {
background: url(assets/icon_social_white-b3d9b368318ab441c6fb323ddfd780ccba9a75f35cceac8c414734942d8fbb2d.svg) no-repeat;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-talks .hero__content ul.social-icons {
margin-bottom: 0.75rem
}
}
.page-talks .hero__content ul.social-icons--main {
background-position: center center
}
.page-talks .hero__content ul.social-icons li {
display: inline-block
}
.page-talks .hero__content ul.social-icons li:first-child {
margin-right: 1.375rem
}
.page-talks .hero__content ul.social-icons li:nth-child(2) {
margin-right: 2.25rem
}
.page-talks .hero__content ul.social-icons li:nth-child(3) {
margin-right: 2.1875rem
}
.page-talks .hero__content ul.social-icons li a {
text-indent: -9999px;
display: block;
height: 25px;
width: 25px
}
.page-talks .hero__content .intro {
margin: 0;
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-talks .hero__content .intro {
margin-bottom: 1.5rem
}
}
.page-talks .hero__content .rsvp {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-talks .hero__content .rsvp {
margin-bottom: 0rem
}
}
.page-talks .hero__content .icon-video {
transform: translateY(20%);
padding-right: 0.625rem
}
.page-talks .hero__content .week-of ul,
.page-talks .hero__content .day-of ul {
margin: 0;
padding: 0
}
.page-talks .hero__content .week-of ul li,
.page-talks .hero__content .day-of ul li {
list-style-type: none;
display: inline-block;
color: #fff;
font-size: 0.75em;
letter-spacing: 1px;
width: 38px;
margin-right: -2px;
text-align: center;
text-transform: uppercase
}
.page-talks .hero__content .week-of ul li:nth-child(2),
.page-talks .hero__content .week-of ul li:nth-child(3),
.page-talks .hero__content .day-of ul li:nth-child(2),
.page-talks .hero__content .day-of ul li:nth-child(3) {
margin-right: 4px
}
.page-talks .hero__content #clockDayOf,
.page-talks .hero__content #clockWeekOf {
font-size: 1.5rem;
line-height: 2.25rem;
font-weight: 300;
color: #fff;
margin: 0 0 -0.2em
}
@media screen and (min-width: 48rem) {
.page-talks .hero__content #clockDayOf,
.page-talks .hero__content #clockWeekOf {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-talks .hero__content .countdown_success {
display: none;
color: #ecc81a;
text-transform: uppercase;
font-size: 1.125rem;
line-height: 2rem;
letter-spacing: 1px;
margin: 0
}
@media screen and (min-width: 48rem) {
.page-talks .hero__content .countdown_success {
font-size: 1.125rem;
line-height: 2rem
}
}
.page-talks .hero__content .trailer {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-talks .hero__content .trailer {
margin-bottom: 3rem
}
}
.page-talks .hero__content .trailer .watch:before {
background: url(assets/icon-play-trailer-white-50e567d27bd5e2a818cdbfc7e69b973c80d6f24c3d29366e4a19029dc596af14.svg) 0 0 no-repeat;
content: '';
padding-right: 25px
}
.page-talks .hero__content .trailer .watch:hover {
color: #028bb1
}
.page-talks .hero__content .button--primary,
.page-talks .hero__content .button--white {
margin-right: 1.5rem
}
.page-talks .rsvp_modal {
padding: 3.5em 2%
}
@media screen and (min-width: 48rem) {
.page-talks .rsvp_modal h2 {
padding: 0 2em
}
}
.page-talks .rsvp_modal p {
padding: 0 2em 1em;
margin-top: 1.875em
}
.page-talks .rsvp_modal p .time {
display: block;
margin: 0;
font-weight: 600
}
.page-talks .rsvp_modal #rsvp_talks_form {
padding: 0 2em;
margin: 0 auto;
max-width: 20em;
text-align: center
}
@media screen and (min-width: 30rem) {
.page-talks .rsvp_modal #rsvp_talks_form {
padding: 0;
max-width: 30em
}
}
.page-talks .rsvp_modal #rsvp_talks_form label {
display: none
}
.page-talks .rsvp_modal #rsvp_talks_form input[type="text"],
.page-talks .rsvp_modal #rsvp_talks_form input[type="email"] {
width: 100%;
margin: 0 auto 1em
}
.page-talks .rsvp_modal #rsvp_talks_form input[type="text"] {
margin-right: 1em
}
@media screen and (min-width: 30rem) {
.page-talks .rsvp_modal #rsvp_talks_form input[type="text"] {
width: 40%
}
}
@media screen and (min-width: 30rem) {
.page-talks .rsvp_modal #rsvp_talks_form input[type="email"] {
width: 56%
}
}
.page-talks .rsvp_modal #rsvp_talks_form .button {
margin: 1.125em auto 0
}
.page-talks .speakers .speaker_cards .card-speaker {
height: 24rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
text-align: center;
padding: 3rem
}
.page-talks .speakers .speaker_cards .card-speaker:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-talks .speakers .speaker_cards .card-speaker {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-talks .speakers .speaker_cards .card-speaker:last-child {
margin-right: 0
}
.page-talks .speakers .speaker_cards .card-speaker:nth-child(4n) {
margin-right: 0
}
.page-talks .speakers .speaker_cards .card-speaker:nth-child(4n+1) {
clear: left
}
}
.page-talks .speakers .speaker_cards .card-speaker img {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-talks .speakers .speaker_cards .card-speaker img {
margin-bottom: 1.5rem
}
}
.page-talks .speakers .speaker_cards .card-speaker h5 {
margin-top: 0;
margin-bottom: 0.75rem
}
@media screen and (min-width: 48rem) {
.page-talks .speakers .speaker_cards .card-speaker h5 {
margin-bottom: 0.75rem
}
}
.page-talks .speakers .speaker_cards .card-speaker p {
color: #7d97ad;
margin-bottom: 0
}
.page-talks .speakers .speaker_cards .card-speaker h6 {
left: 0;
bottom: 0;
margin: 0;
width: 100%;
text-align: center;
position: absolute;
padding: 0.75rem;
background-color: #fafbfc;
border-radius: 0 0 0.375rem 0.375rem
}
.page-talks .speakers .speaker_cards .card-speaker h6.video-icon:before {
background: url(assets/icon-play-trailer-4e4439e3909d0b909730ae89271fb9fcfa57086bd7915b63648a125fbaafde33.svg) 0 0 no-repeat;
content: '';
padding-right: 25px
}
@media screen and (min-width: 48rem) {
.page-talks .latest_episode .contain {
width: 100%;
display: table;
width: 100%;
table-layout: fixed
}
}
.page-talks .latest_episode .contain .episode_video {
background: url(assets/thumb-astro-latest-654b684295da63ca8898c39ea51ca3e606d8e91333fec62c53b57993d8ed1d47.jpg) no-repeat 80% center;
text-align: center;
height: 21rem
}
@media screen and (min-width: 48rem) {
.page-talks .latest_episode .contain .episode_video {
display: table-cell;
width: 50%;
padding: 1.6949152542%;
height: 24rem;
background-position: center center;
border-radius: 0.375rem 0 0 0.375rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
}
.page-talks .latest_episode .contain .episode_video .play_bg {
background-color: #fff;
border-radius: 1.875rem;
position: relative;
top: 9.375rem
}
.page-talks .latest_episode .contain .episode_info {
background-color: #02b3e4;
padding: 1.8em
}
@media screen and (min-width: 48rem) {
.page-talks .latest_episode .contain .episode_info {
display: table-cell;
width: 50%;
padding: 1.6949152542%;
border-radius: 0 0.375rem 0.375rem 0;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
}
@media screen and (min-width: 62rem) {
.page-talks .latest_episode .contain .episode_info {
padding: 3em
}
}
.page-talks .popular_clips .card-popular {
padding: 0;
text-align: center;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-talks .popular_clips .card-popular:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-talks .popular_clips .card-popular {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-talks .popular_clips .card-popular:last-child {
margin-right: 0
}
.page-talks .popular_clips .card-popular:nth-child(2n) {
margin-right: 0
}
.page-talks .popular_clips .card-popular:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.page-talks .popular_clips .card-popular {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-talks .popular_clips .card-popular:last-child {
margin-right: 0
}
.page-talks .popular_clips .card-popular:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-talks .popular_clips .card-popular:nth-child(2n+1) {
clear: none
}
.page-talks .popular_clips .card-popular:nth-child(3n) {
margin-right: 0
}
.page-talks .popular_clips .card-popular:nth-child(3n+1) {
clear: left
}
}
.page-talks .popular_clips .card__bg {
padding: 5em 6em;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 0.375rem 0.375rem 0 0
}
.page-talks .popular_clips .card__bg.one {
background-image: url(assets/clip-jess-01-7bf8b31d01c19fb057752cff0269136571bf038bce6af24743894500634c86f7.jpg)
}
.page-talks .popular_clips .card__bg.two {
background-image: url(assets/clip-jess-02-4d6e7164de06a77f6d0d79f7d0ba1911ceddb1b2d0f807626ec9d75bee31dddd.jpg)
}
.page-talks .popular_clips .card__bg.three {
background-image: url(assets/clip-astro-01-788653fdd6e4e2f4208c4660901ec74769da5fe5344a20c79a78fefd0690e875.jpg)
}
.page-talks .popular_clips .card__bg.four {
background-image: url(assets/clip-astro-02-bda38b93f80f35d2d0fbf9d3c08e618e85e99d24a477a86564f15143924103b6.jpg)
}
.page-talks .popular_clips .card__bg.five {
background-image: url(assets/clip-fadell-01-598f9327818d425370822172a44897ad0b95a2569cc358f8a72b234ec023a70d.jpg)
}
.page-talks .popular_clips .card__bg.six {
background-image: url(assets/clip-fadell-02-cb9194c2e7cc33d18ba4b02b0470d28448a0695f08fa203df0090e34e9fad666.jpg)
}
.page-talks .popular_clips .card .bg-play {
background-color: #fff;
border-radius: 30px;
transform: translateY(5%)
}
.page-talks .popular_clips .card__info {
text-align: left;
padding: 0.75rem
}
.page-talks .hero.tony-fadell {
background-image: url(assets/hero-01-fadell-40a53587d3f0e96972b5645566c9ff6047a915bb2e91b510c92d2f59c5ac482d.jpg);
background-position: -580px bottom
}
@media screen and (min-width: 30rem) {
.page-talks .hero.tony-fadell {
background-position: right bottom
}
}
.page-talks .hero.astro-teller {
background-image: url(assets/hero-02-astro-426c2aa8d47869c998f8c6be923b3ba7363c6d6cf5ff990e00095a4f4bb9cc1b.jpg);
background-position: center center
}
.page-talks .hero.jess-lee {
background-image: url(assets/hero-03-jess-eb3a761d0be38834eed35b8a47b18236f9fb5b8aab770138774e33fceee59e13.jpg);
background-position: right center
}
.page-talks .hero.eric-darnell {
background: url(assets/hero-04-eric-d1d9cb58f09c80fae5c7509516f58c830a8643feb46d9347117eddda1efd8085.jpg)
}
.page-talks .episode-highlights .card-popular {
padding: 0;
text-align: center;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-talks .episode-highlights .card-popular:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.page-talks .episode-highlights .card-popular {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-talks .episode-highlights .card-popular:last-child {
margin-right: 0
}
.page-talks .episode-highlights .card-popular:nth-child(2n) {
margin-right: 0
}
.page-talks .episode-highlights .card-popular:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.page-talks .episode-highlights .card-popular {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%
}
.page-talks .episode-highlights .card-popular:last-child {
margin-right: 0
}
.page-talks .episode-highlights .card-popular:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-talks .episode-highlights .card-popular:nth-child(2n+1) {
clear: none
}
.page-talks .episode-highlights .card-popular:nth-child(3n) {
margin-right: 0
}
.page-talks .episode-highlights .card-popular:nth-child(3n+1) {
clear: left
}
}
.page-talks .episode-highlights .card__bg {
padding: 5em 6em;
background-size: cover;
background-repeat: no-repeat;
background-position: center center
}
.page-talks .episode-highlights .card__bg.astro-01 {
background-image: url(assets/clip-astro-01-788653fdd6e4e2f4208c4660901ec74769da5fe5344a20c79a78fefd0690e875.jpg)
}
.page-talks .episode-highlights .card__bg.astro-02 {
background-image: url(assets/clip-astro-02-bda38b93f80f35d2d0fbf9d3c08e618e85e99d24a477a86564f15143924103b6.jpg)
}
.page-talks .episode-highlights .card__bg.astro-03 {
background-image: url(assets/clip-astro-03-a19db62cee30f7ade6c6d1158fc6ef3469c51b0bc8b6eea4becf6d2dc3e53ea2.jpg)
}
.page-talks .episode-highlights .card__bg.fadell-01 {
background-image: url(assets/clip-fadell-01-598f9327818d425370822172a44897ad0b95a2569cc358f8a72b234ec023a70d.jpg)
}
.page-talks .episode-highlights .card__bg.fadell-02 {
background-image: url(assets/clip-fadell-02-cb9194c2e7cc33d18ba4b02b0470d28448a0695f08fa203df0090e34e9fad666.jpg)
}
.page-talks .episode-highlights .card__bg.fadell-03 {
background-image: url(assets/clip-fadell-03-3d10407fc973e061394e9596f5e371995baa38d89b75ac56b2c654c9b6e305ee.jpg)
}
.page-talks .episode-highlights .card__bg.jess-01 {
background-image: url(assets/clip-jess-01-7bf8b31d01c19fb057752cff0269136571bf038bce6af24743894500634c86f7.jpg)
}
.page-talks .episode-highlights .card__bg.jess-02 {
background-image: url(assets/clip-jess-02-4d6e7164de06a77f6d0d79f7d0ba1911ceddb1b2d0f807626ec9d75bee31dddd.jpg)
}
.page-talks .episode-highlights .card__bg.jess-03 {
background-image: url(assets/clip-jess-03-7baa939dcf812b559451f98c054c664ba8db55d51439997b2d0e5746427472cd.jpg)
}
.page-talks .episode-highlights .card .bg-play {
background-color: #fff;
border-radius: 30px;
transform: translateY(5%)
}
.page-talks .episode-highlights .card__info {
text-align: left;
padding: 0.75rem
}
.page-tech-entrepreneur .hero {
background-image: url(assets/hero-tend-9346f9ea608ce85480e2a4156c5a29d46ebc09042ac89e4a8ba1898157d8618d.jpg)
}
.page-guides .plain_text .contain {
padding: 1.5em 1.5em 3.5em
}
.page-guides .plain_text .contain p {
max-width: 45em
}
.page-guides .plain_text .contain h2 {
margin: 2.5em 0 .5em
}
.page-guides .plain_text .contain h3 {
margin: 1.5em 0 .5em
}
.page-guides .plain_text .contain ul {
padding-left: 0
}
.page-guides .plain_text .contain ul li {
list-style: none
}
.page-learn .mobile-only {
display: block
}
@media (min-width: 35em) {
.page-learn .mobile-only {
display: none
}
}
.page-learn .desktop-only,
.page-learn .learn-content .job-profile .paysa-widget {
display: none
}
@media (min-width: 35em) {
.page-learn .desktop-only,
.page-learn .learn-content .job-profile .paysa-widget {
display: block
}
}
.page-learn .code {
background-color: #dbe2e8;
border-radius: 0.2em;
border: 1px solid #7d97ad;
color: #f95c3c;
font-family: monospace;
padding: 0 0.25em
}
.page-learn .subheading {
color: #7d97ad;
font-size: 12px;
font-weight: 600;
letter-spacing: 1.5px;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 0.8em;
text-transform: uppercase
}
.page-learn blockquote {
border-left: 2px solid #91daee;
color: #2e3d49;
font-family: "Open Sans", sans-serif;
font-size: 24px;
font-style: italic;
font-weight: 300;
line-height: 1.7;
margin-left: 0;
padding-left: 1.5em
}
.page-learn ul {
color: #2e3d49;
font-family: "Open Sans", sans-serif;
font-weight: 300;
padding-left: 1em;
list-style-type: none;
margin: 0
}
.page-learn .learn-intro .learn-heading {
text-align: center
}
.page-learn .learn-intro .learn-heading h1 {
margin-bottom: 0.45em
}
.page-learn .learn-intro .learn-heading p {
margin: 0 auto 3em;
max-width: 50em
}
.page-learn .learn-intro .learn-heading h3 {
color: #7d97ad;
text-transform: uppercase;
font-size: 0.75em;
font-weight: 600;
margin-bottom: 1.75em;
letter-spacing: 2px
}
.page-learn .learn-hero {
margin-bottom: 100px
}
.page-learn .learn-hero .outer_contain {
background: url(assets/data-science-bg-b8570ba1e54115a84ced7a7b4467a6790772c1ef11ba2e2b5afd8b1c969ca9e6.png) no-repeat center center;
background-size: cover
}
.page-learn .learn-hero .learn-heading-wrapper {
display: table;
min-height: 400px;
width: 100%
}
@media (min-width: 35em) {
.page-learn .learn-hero .learn-heading-wrapper {
min-height: 800px
}
}
.page-learn .learn-hero .learn-heading {
color: #fafbfc;
display: table-cell;
padding: 100px 1em;
vertical-align: middle
}
@media (min-width: 35em) {
.page-learn .learn-hero .learn-heading {
padding: 0
}
}
.page-learn .learn-hero .learn-heading .contain {
margin: 0 auto;
max-width: 35em
}
.page-learn .learn-hero .learn-heading .line {
border: solid 3px #02b3e4;
height: 2px;
margin-bottom: 20px;
width: 40px
}
.page-learn .learn-hero .learn-heading .surtitle {
display: block;
font-size: 18px;
font-weight: 600;
line-height: 1.2;
margin-bottom: 20px;
text-transform: uppercase
}
.page-learn .learn-hero .learn-heading .title {
font-size: 40px;
font-weight: 200;
line-height: 1.6;
margin-bottom: 10px
}
.page-learn .learn-hero .learn-heading .subtitle {
color: #fafbfc;
font-size: 18px;
font-weight: 300;
line-height: 1.7
}
.page-learn .learn-exercise {
display: none;
padding: 1em 0 5em
}
@media (min-width: 30em) {
.page-learn .learn-exercise {
display: inherit
}
}
.page-learn .learn-exercise .heading {
font-weight: 300;
margin: 16px
}
.page-learn .learn-exercise .panel-wrapper,
.page-learn .learn-exercise .terminal-wrapper {
float: left;
width: 100%;
padding: 1em
}
@media (min-width: 44em) {
.page-learn .learn-exercise .panel-wrapper {
width: 50%
}
}
.page-learn .learn-exercise .panel-wrapper .step {
display: none
}
.page-learn .learn-exercise .panel-wrapper .step.active {
display: block
}
@media (min-width: 44em) {
.page-learn .learn-exercise .terminal-wrapper {
width: 50%
}
}
.page-learn .learn-exercise .terminal {
background: #222;
border-radius: 0.5em;
border: 1px solid #555;
box-shadow: 2px 2px 4px 0px rgba(46, 60, 73, 0.2);
height: 20em;
overflow-y: auto;
padding: 0 1em;
width: 100%;
font-family: 'Courier new', monospace;
font-size: 0.8em;
font-weight: 400;
letter-spacing: 1.2px;
line-height: 2em;
text-shadow: 0 0 3px rgba(88, 191, 29, 0.5)
}
.page-learn .learn-exercise .terminal .input {
border: 0;
color: #58bf1d;
display: inline-block;
height: 1em;
min-width: 1em;
outline-color: transparent
}
.page-learn .learn-exercise .terminal .output {
color: #aded88;
text-shadow: 0 0 4px rgba(173, 237, 136, 0.5)
}
.page-learn .learn-exercise .terminal p {
color: #58bf1d;
margin: 0;
padding: 0
}
.page-learn .learn-content:after {
content: '';
display: table;
clear: both
}
.page-learn .learn-content .learn-toc-wrapper {
color: #2e3d49;
display: none;
font-family: "Open Sans", sans-serif;
font-size: 18px;
line-height: 2.2;
margin: 0
}
.page-learn .learn-content .learn-toc-wrapper .toc {
margin: 0;
padding: 4em 0 0;
list-style-type: none
}
.page-learn .learn-content .learn-toc-wrapper .item {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-left: 4px solid transparent;
padding: 0 2em 0 1em
}
.page-learn .learn-content .learn-toc-wrapper .item a {
color: #2e3d49;
text-decoration: none
}
.page-learn .learn-content .learn-toc-wrapper .item.focused {
border-left-color: #02b3e4;
font-weight: 600
}
@media (min-width: 40em) {
.page-learn .learn-content .learn-toc-wrapper {
display: inline-block;
float: left;
width: 33.3333333333%
}
}
.page-learn .learn-content .learn-main-content {
margin: 0;
padding: 0 1em;
width: 100%
}
@media (min-width: 40em) {
.page-learn .learn-content .learn-main-content {
display: inline-block;
float: left;
width: 66.6666666667%
}
}
.page-learn .learn-content .learn-main-content section {
margin-bottom: 80px
}
.page-learn .learn-content .content-section-heading {
font-size: 34px;
font-weight: 300;
line-height: 1.3;
color: #2e3d49
}
.page-learn .learn-content .job-profile {
border: solid 1px #dbe2e8;
box-shadow: 0 2px 1px 0 rgba(46, 60, 73, 0.05);
margin: 40px 0;
padding: 1em
}
.page-learn .learn-content .job-profile .job-position {
font-size: 22px;
line-height: 1.3;
color: #2e3d49
}
@media (min-width: 30em) {
.page-learn .learn-content .job-profile {
padding: 60px
}
}
.page-learn .learn-content .resource-card {
box-shadow: 0 0 15px 0 rgba(46, 60, 73, 0.12);
color: #2e3d49;
display: block;
margin: 10px 0;
padding: 20px;
text-decoration: none
}
.page-learn .learn-content .resource-card .icon {
display: inline-block;
float: left;
height: 26px;
margin-right: 20px;
text-align: center;
vertical-align: middle;
width: 26px
}
.page-learn .learn-content .resource-card .label {
display: block;
font-weight: 600;
line-height: 26px
}
.page-learn .learn-content .resource-card small {
display: block;
color: #525c65;
font-weight: 300;
line-height: 26px;
margin-left: 46px
}
.page-learn .learn-videos .group {
padding: 1em 0 5em
}
.page-learn .learn-videos .group .group-heading {
font-weight: 300;
margin: 16px
}
.page-learn .learn-videos .video-cards {
list-style-type: none;
margin: inherit
}
.page-learn .learn-videos .video-card-wrapper {
float: left;
width: 100%;
padding: 1em
}
@media (min-width: 30em) {
.page-learn .learn-videos .video-card-wrapper {
width: 50%
}
}
@media (min-width: 50em) {
.page-learn .learn-videos .video-card-wrapper {
width: 25%
}
}
.page-learn .learn-videos .video-card {
background-color: #fff;
border: 1px solid #dbe2e8;
box-shadow: 2px 2px 4px 0px rgba(46, 60, 73, 0.2);
display: inline-block;
float: left;
margin: 0 0;
width: 100%
}
.page-learn .learn-videos .video-card .video-thumbnail {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 0;
height: 200px;
position: relative;
width: 100%
}
.page-learn .learn-videos .video-card .video-caption {
color: #525c65;
font-size: 1em;
font-weight: 300;
overflow: hidden;
padding: 1em;
text-overflow: ellipsis;
white-space: nowrap
}
.page-learn .learn-videos .play-overlay {
background-color: #dfdfd1;
height: 100%;
opacity: 0.05;
transition: opacity .25s ease-in-out;
width: 100%
}
.page-learn .learn-videos .play-overlay:hover {
opacity: 0
}
.page-learn .learn-videos .watched-badge {
background-color: rgba(0, 0, 0, 0.25);
display: none;
padding: 0.5em;
position: absolute;
right: 0;
top: 0
}
.page-learn .learn-videos .watched-badge .icon {
height: 1em;
width: 1em;
vertical-align: middle
}
.page-learn .learn-videos .watched-badge .label {
color: #f4f4ef;
font-size: 0.75em;
font-weight: 300;
text-transform: uppercase
}
.page-learn .learn-videos .link-cards {
margin: inherit
}
.page-learn .learn-videos .link-cards .links-heading {
font-weight: 300;
margin: 16px;
text-transform: uppercase
}
.page-learn .learn-videos .link-card-wrapper {
float: left;
width: 100%;
padding: 0.5em 1em
}
@media (min-width: 30em) {
.page-learn .learn-videos .link-card-wrapper {
width: 50%
}
}
@media (min-width: 50em) {
.page-learn .learn-videos .link-card-wrapper {
width: 25%
}
}
.page-learn .learn-videos .link-card-wrapper a {
text-decoration: none
}
.page-learn .learn-videos .link-card-wrapper a:hover .link-text {
text-decoration: underline
}
.page-learn .learn-videos .link-card {
display: flex;
height: 3em;
line-height: 3em;
text-decoration: none
}
.page-learn .learn-videos .link-card .link-icon-wrapper {
margin-right: 1em;
flex: 0 0 3em
}
.page-learn .learn-videos .link-card .link-icon {
background-size: 3em 3em;
display: inline-block;
height: 3em;
vertical-align: middle;
width: 3em
}
.page-learn .learn-videos .link-card .link-icon.course {
background-color: #15c26b;
background-image: url(assets/icon-course-8a98e382722385dbaacfaed392f3b106a4f094c078cefff0f8e8683d13f946ae.svg)
}
.page-learn .learn-videos .link-card .link-icon.quiz {
background-color: #ffae0c;
background-image: url(assets/icon_code-26b5f2b7f1cb4b7cc7f069230806a266ed4ba2a5f94206fdcf0fa9cfbf5396f3.svg)
}
.page-learn .learn-videos .link-card .link-text {
color: #525c65;
font-size: 1em;
font-weight: 300;
line-height: 3em;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.page-learn .learn-videos .bg-accent-dark {
background-color: #fafbfc
}
.page-learn .learn-videos .bg-blue {
background-color: #02b3e4
}
.page-learn .learn-videos .bg-tangerine {
background-color: #ffae0c
}
.page-learn .learn-videos .bg-tomato {
background-color: #f95c3c
}
.page-learn .learn-videos .bg-turquoise {
background-color: #49DFD3
}
.page-learn .learn-videos .trim-blue {
border-left: 5px solid #02b3e4
}
.page-learn .learn-videos .trim-tangerine {
border-left: 5px solid #ffae0c
}
.page-learn .learn-videos .trim-tomato {
border-left: 5px solid #f95c3c
}
.page-learn .learn-videos .trim-turquoise {
border-left: 5px solid #49DFD3
}
.page-learn .learn-resources {
background-color: #fafbfc;
padding: 2em 0
}
.page-learn .learn-resources .resources-heading {
font-weight: 300;
margin: 16px
}
.page-learn .learn-resources .group {
float: left;
width: 100%;
padding: 1em
}
@media (min-width: 44em) {
.page-learn .learn-resources .group {
width: 50%
}
}
.page-learn .learn-resources .group .group-heading {
font-weight: 600;
margin: 16px 0
}
.page-learn .success-modal {
background: none;
color: #fafbfc
}
.page-learn .success-modal .icon {
height: 5em;
width: 5em
}
.page-learn .video-modal {
padding: 40px
}
.page-learn .video-modal .video-player-wrapper {
height: 0;
padding-bottom: 56.25%;
position: relative;
width: 100%
}
.page-learn .video-modal .video-player {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.page-learn .video-modal .cta-wrapper {
display: block
}
.page-learn .video-modal .cta-wrapper .classroom-link {
margin: 2em auto 0
}
.page-legal .hero--hub {
background-image: url(assets/hero-legal-hub-ace6e4f7d462081090deef850f67a04f77e23c4747881e8ba459e5600201e8fe.jpg)
}
.page-legal .hero--tos {
background-image: url(assets/hero-legal-tos-a2d092c95f57390d548fe5bf753c5faff4ef7d1dc8102b5d8e3d3806a84f57ee.jpg)
}
.page-legal .hero .contain {
position: relative
}
.page-legal .hero__breadcrumb {
top: 3rem;
padding-left: 1.5rem;
position: absolute;
display: none
}
@media screen and (min-width: 48rem) {
.page-legal .hero__breadcrumb {
display: block
}
}
.page-legal .hero__breadcrumb h6::before {
background: url(assets/icon_arrow_left_white-6293e904bd817db708838a3005f5f70b36a6ae4737c5f0febc170cf64cd3653d.svg) no-repeat center;
content: '';
width: 0.5625rem;
height: 0.9375rem;
position: absolute;
left: 0;
top: 0.3125rem
}
.page-legal .content {
position: relative
}
.page-legal .content .contain {
padding-top: 3rem
}
.page-legal .content__aside {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-legal .content__aside:last-child {
margin-right: 0
}
.page-legal .content__aside--list {
display: none
}
@media screen and (min-width: 48rem) {
.page-legal .content__aside--list {
display: block
}
}
.page-legal .content__aside--list li {
padding: 0.75rem 0 0.75rem 1.5rem;
color: #7d97ad;
cursor: pointer
}
.page-legal .content__aside--list .active {
color: #525c65;
background-color: #fafbfc;
border-left: 3px solid #02b3e4;
padding-left: 1.3125rem
}
.page-legal .content__main {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-legal .content__main:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-legal .content__main {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%;
margin-left: 4.2372881356%
}
.page-legal .content__main:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-legal .content__return {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 2.5423728814%
}
.page-legal .content__return:last-child {
margin-right: 0
}
}
.page-legal .terms-privacy {
position: relative
}
@media screen and (min-width: 62rem) {
.page-legal .terms-privacy {
top: -7rem;
margin: -3.125rem 0
}
}
.page-legal .terms-privacy__cards {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
overflow: hidden
}
.page-legal .terms-privacy__cards::after {
clear: both;
content: "";
display: table
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__cards {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
.page-legal .terms-privacy__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-top: 0;
margin-bottom: 1.5rem;
display: block;
position: relative;
background: #fff;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
border-radius: 0.375rem
}
.page-legal .terms-privacy__card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__card {
margin-bottom: 1.5rem
}
}
.page-legal .terms-privacy__card:last-child {
margin-bottom: 0
}
.page-legal .terms-privacy__toggle {
cursor: pointer
}
.page-legal .terms-privacy__toggle .hidden {
opacity: 0;
display: none;
transition: all 0.3s ease
}
.page-legal .terms-privacy__toggle .display {
opacity: 1;
display: inline-block
}
.page-legal .terms-privacy__toggle::before {
content: '';
background: url(assets/icon-toggle-closed-c6f6df7b4506f05ba459dd922cf82543dd8b51900402d205755edae4083c6ab7.svg) center center no-repeat;
width: 0.75rem;
height: 0.75rem;
margin-right: 0.75rem;
display: inline-block;
transition: all 0.3s ease
}
.page-legal .terms-privacy .pill {
border-radius: 10px;
padding: 2px 10px
}
.page-legal .terms-privacy .pill--blue {
color: #fff;
background-color: #02b3e4;
box-shadow: none
}
.page-legal .terms-privacy__header {
height: 27rem;
border-radius: 0.375rem
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__header {
height: 20.25rem
}
}
.page-legal .terms-privacy__header.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.page-legal .terms-privacy__header.open .terms-privacy__header__image {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.page-legal .terms-privacy__header.open .hidden {
opacity: 1;
display: inline-block
}
.page-legal .terms-privacy__header.open .display {
opacity: 0;
display: none
}
.page-legal .terms-privacy__header.open .terms-privacy__toggle::before {
transform: rotate(180deg);
background: url(assets/icon-toggle-opened-690c224511e0d3ddcc45afe768bac787a5c88858a07543db3194cfef57ea0077.svg) center center no-repeat
}
.page-legal .terms-privacy__header__content {
height: 15.75rem;
padding: 3.75rem 1.5rem 0;
position: relative
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__header__content {
float: left;
display: block;
width: 101.6949152542%;
padding: 72px 3.75rem 0;
height: 20.25rem;
overflow: hidden
}
.page-legal .terms-privacy__header__content:last-child {
width: 100%
}
}
@media screen and (min-width: 62rem) {
.page-legal .terms-privacy__header__content {
float: left;
display: block;
width: 101.6949152542%
}
.page-legal .terms-privacy__header__content:last-child {
width: 100%
}
}
.page-legal .terms-privacy__header__content>h6 {
margin-top: 0;
margin-bottom: 0.375rem;
position: absolute;
left: 0;
top: 0.75rem;
color: #fff;
line-height: 1.75rem;
text-indent: 1.5rem;
padding-right: 0.75rem;
background-image: linear-gradient(to right, #49DFD3 0%, #02b3e4 25%, #a951ed 100%)
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__header__content>h6 {
margin-bottom: 0.75rem
}
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__header__content>h6 {
text-indent: 3.75rem
}
}
.page-legal .terms-privacy__header__content>h6::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.75rem 1rem 0 0;
border-color: #a951ed transparent transparent transparent
}
@media screen and (min-width: 62rem) {
.page-legal .terms-privacy__header__content--specific-terms {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-legal .terms-privacy__header__content--specific-terms:last-child {
margin-right: 0
}
}
.page-legal .terms-privacy__header__content--specific-terms p.large {
margin-bottom: 1rem
}
@media screen and (min-width: 62rem) {
.page-legal .terms-privacy__header__content--specific-terms p.large {
margin-bottom: 0
}
}
@media screen and (min-width: 73.75rem) {
.page-legal .terms-privacy__header__content--specific-terms p.large {
margin-bottom: 3rem
}
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__header__content--specific-terms li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-legal .terms-privacy__header__content--specific-terms li:last-child {
margin-right: 0
}
.page-legal .terms-privacy__header__content--specific-terms li:nth-child(2n) {
margin-right: 0
}
.page-legal .terms-privacy__header__content--specific-terms li:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-legal .terms-privacy__header__content--specific-terms li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-legal .terms-privacy__header__content--specific-terms li:last-child {
margin-right: 0
}
.page-legal .terms-privacy__header__content--specific-terms li:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-legal .terms-privacy__header__content--specific-terms li:nth-child(2n+1) {
clear: none
}
.page-legal .terms-privacy__header__content--specific-terms li:nth-child(4n) {
margin-right: 0
}
.page-legal .terms-privacy__header__content--specific-terms li:nth-child(4n+1) {
clear: left
}
}
.page-legal .terms-privacy__header__content--specific-terms li::before {
background: url(assets/icon-tos-9ef86fd812807f1cdd0a09a266d64796b9f2b681969b9a37765691156c3e8784.svg) no-repeat center;
width: 1rem;
height: 2.25rem;
content: '';
position: absolute
}
.page-legal .terms-privacy__header__content--specific-terms li p {
padding-left: 2rem
}
.page-legal .terms-privacy__header__content--specific-terms li a {
color: #148BB1;
border-bottom: none
}
.page-legal .terms-privacy__header__content>p {
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0
}
.page-legal .terms-privacy__header__content--details {
height: 3.75rem;
position: absolute;
left: 0;
right: 0;
bottom: -11.25rem;
display: flex;
margin: 0 auto;
align-items: center;
width: calc(100% - 48px);
justify-content: space-between
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__header__content--details {
border-top: 1px solid #dbe2e8;
width: calc(100% - 120px);
bottom: 0
}
}
.page-legal .terms-privacy__header__content--details>p {
margin-bottom: 0
}
.page-legal .terms-privacy__main {
min-height: 1.5rem;
display: none;
box-shadow: inset 0 1.25rem 1.25rem -1.25rem rgba(46, 61, 73, 0.2)
}
.page-legal .terms-privacy__main.open {
display: block
}
.page-legal .terms-privacy__main__content {
padding: 1.5rem
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__main__content {
padding: 3.75rem
}
}
@media screen and (min-width: 62rem) {
.page-legal .terms-privacy__main__content {
float: left;
display: block;
width: 101.6949152542%
}
.page-legal .terms-privacy__main__content:last-child {
width: 100%
}
}
@media screen and (min-width: 62rem) {
.page-legal .terms-privacy__main__content--specific-terms {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-legal .terms-privacy__main__content--specific-terms:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.page-legal .terms-privacy__main__content--specific-terms li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-legal .terms-privacy__main__content--specific-terms li:last-child {
margin-right: 0
}
.page-legal .terms-privacy__main__content--specific-terms li:nth-child(2n) {
margin-right: 0
}
.page-legal .terms-privacy__main__content--specific-terms li:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-legal .terms-privacy__main__content--specific-terms li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-legal .terms-privacy__main__content--specific-terms li:last-child {
margin-right: 0
}
.page-legal .terms-privacy__main__content--specific-terms li:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-legal .terms-privacy__main__content--specific-terms li:nth-child(2n+1) {
clear: none
}
.page-legal .terms-privacy__main__content--specific-terms li:nth-child(4n) {
margin-right: 0
}
.page-legal .terms-privacy__main__content--specific-terms li:nth-child(4n+1) {
clear: left
}
}
.page-legal .terms-privacy__main__content--specific-terms li::before {
background: url(assets/icon-tos-9ef86fd812807f1cdd0a09a266d64796b9f2b681969b9a37765691156c3e8784.svg) no-repeat center;
width: 1rem;
height: 2.25rem;
content: '';
position: absolute
}
.page-legal .terms-privacy__main__content--specific-terms li p {
padding-left: 2rem
}
.page-legal .terms-privacy__main__content--specific-terms li a {
color: #148BB1;
border-bottom: none
}
.page-legal .tos-module#tos-bg::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: rgba(169, 81, 237, 0.05);
transform-origin: left bottom;
position: absolute;
top: 42%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.page-legal .tos-module#tos-bg::after {
content: '';
width: 100%;
height: 500px;
z-index: -1000;
background: rgba(73, 223, 211, 0.05);
transform-origin: bottom right;
position: absolute;
top: 39%;
left: 0;
-webkit-transform: skew(0deg, 15deg);
-moz-transform: skew(0deg, 15deg);
-ms-transform: skew(0deg, 15deg);
-o-transform: skew(0deg, 15deg);
transform: skew(0deg, 15deg)
}
.page-legal .tos-module .bar--purple::before {
background-color: #a951ed
}
.page-legal .tos-module .bar--blue::before {
background-color: #028bb1
}
.page-legal .tos-module .bar--gray::before {
background-color: #7d97ad
}
.page-legal .tos-module .bar--top::before {
left: 40%
}
@media screen and (min-width: 48rem) {
.page-legal .tos-module .bar--top::before {
left: 45%
}
}
@media screen and (min-width: 62rem) {
.page-legal .tos-module .bar--top::before {
left: 47%
}
}
.page-legal .tos-module .related-card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 3.75rem 1.5rem 0;
position: relative
}
.page-legal .tos-module .related-card:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-legal .tos-module .related-card {
padding: 72px 3.75rem 0
}
}
@media screen and (min-width: 48rem) {
.page-legal .tos-module .related-card__content li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-legal .tos-module .related-card__content li:last-child {
margin-right: 0
}
.page-legal .tos-module .related-card__content li:nth-child(2n) {
margin-right: 0
}
.page-legal .tos-module .related-card__content li:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.page-legal .tos-module .related-card__content li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.page-legal .tos-module .related-card__content li:last-child {
margin-right: 0
}
.page-legal .tos-module .related-card__content li:nth-child(2n) {
margin-right: 1.6949152542%
}
.page-legal .tos-module .related-card__content li:nth-child(2n+1) {
clear: none
}
.page-legal .tos-module .related-card__content li:nth-child(4n) {
margin-right: 0
}
.page-legal .tos-module .related-card__content li:nth-child(4n+1) {
clear: left
}
}
.page-legal .tos-module .related-card__content li::before {
background: url(assets/icon-tos-9ef86fd812807f1cdd0a09a266d64796b9f2b681969b9a37765691156c3e8784.svg) no-repeat center;
width: 1rem;
height: 2.25rem;
content: '';
position: absolute
}
.page-legal .tos-module .related-card__content li p {
padding-left: 2rem
}
.page-legal .tos-module .related-card__content li a {
color: #148BB1;
border-bottom: none
}
.page-legal .tos-module .related-card__flag {
position: absolute;
left: 0;
top: 1rem;
line-height: 1.75rem;
text-indent: 1.5rem;
padding-right: 0.75rem
}
.page-legal .tos-module .related-card__flag--purple {
background-color: #a951ed
}
.page-legal .tos-module .related-card__flag--purple::after {
border-color: #a951ed transparent transparent transparent
}
.page-legal .tos-module .related-card__flag--blue {
background-color: #028bb1
}
.page-legal .tos-module .related-card__flag--blue::after {
border-color: #028bb1 transparent transparent transparent
}
.page-legal .tos-module .related-card__flag--gray {
background-color: #7d97ad
}
.page-legal .tos-module .related-card__flag--gray::after {
border-color: #7d97ad transparent transparent transparent
}
@media screen and (min-width: 48rem) {
.page-legal .tos-module .related-card__flag {
text-indent: 3.75rem
}
}
.page-legal .tos-module .related-card__flag::after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 0;
right: -1rem;
border-style: solid;
-webkit-transform: rotate(360deg);
border-width: 1.75rem 1rem 0 0
}
.page-legal .icon {
display: none
}
@media screen and (min-width: 62rem) {
.page-legal .icon__arrow--white {
background: #02b3e4 url(assets/icon-arrow-up-white-cb1ace799630384f5bd48374bbdb58dffc0029b4f7c2470435e5d25d12ad6a99.svg) center center no-repeat;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
background-size: 50%;
vertical-align: middle;
margin-left: 0.75rem;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
transition: box-shadow 0.3s ease;
display: none
}
.page-legal .icon__arrow--white:hover {
box-shadow: 2px 4px 8px 0px rgba(46, 61, 73, 0.2)
}
}
.page-status .status-message {
padding: 100px 0;
text-align: center
}
.page-status .status-message .icon {
max-width: 160px
}
.page-status .status-message .heading {
color: #2e3d49;
font-size: 40px;
font-weight: 300;
line-height: 1.6;
margin-top: 40px
}
.page-status .status-message .subheading {
color: #525c65;
font-size: 18px;
line-height: 1.9;
margin-top: 10px
}
.page-status .cta-message {
margin-bottom: 30px;
text-align: center
}
.page-status .cta-message .button--primary {
margin: 0 auto
}
.page-status .cta-message .contain {
background-color: #fafbfc;
padding: 100px 0
}
.geo-redirect-modal {
padding: 3.5em 2.5em 4em;
text-align: center
}
.geo-redirect-modal .geo-redirect-flag {
vertical-align: sub
}
.geo-redirect-modal .geo-redirect-cta {
vertical-align: baseline
}
.geo-redirect-modal [data-country] {
display: none
}
.geo-redirect-modal .button {
margin: auto
}
.geo-redirect-modal label {
clear: left;
display: block;
position: relative;
padding-left: 2.833333333em;
margin: 0 auto 2.5em;
font-size: 0.875em;
color: #dbe2e8;
font-weight: 400;
text-align: left;
width: 60%
}
.geo-redirect-modal label::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1.666666667em;
height: 1.666666667em;
border: 1px solid #dbe2e8
}
.geo-redirect-modal label::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1.666666667em;
height: 1.666666667em;
background-image: url(assets/check_blue-5823d5e7599e5d63ea85758f2f7b551a988792dda3d263b26fdaf7c3e38ded1b.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 0%;
transition: opacity 0.3s ease, background-size 0.3s ease
}
.geo-redirect-modal input[type=checkbox] {
visibility: hidden;
width: 0
}
.geo-redirect-modal input[type=checkbox]:checked+label::after {
background-size: 60%;
opacity: 1
}
.nd_a_intro {
min-width: 1000px
}
.nd_a_intro .outer_contain {
max-width: 90rem;
margin-top: 0
}
.nd_a_intro .outer_contain .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.nd_a_intro .outer_contain .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.nd_a_intro .outer_contain {
max-width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: -5em;
background: #fafbfc
}
.nd_a_intro .outer_contain::after {
clear: both;
content: "";
display: table
}
.nd_a_intro .outer_contain .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.nd_a_intro .outer_contain .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.nd_a_intro .nd_a_heading h1 {
font-size: 2rem;
line-height: 2.5rem;
font-weight: 300
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_heading h1 {
font-size: 2.5rem;
line-height: 3rem
}
}
.nd_a_intro .nd_a_heading h5 {
font-size: 1rem;
line-height: 1.75rem;
margin-top: 0;
margin-bottom: 1.5rem;
font-weight: 400;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_heading h5 {
font-size: 1.125rem;
line-height: 2rem
}
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_heading h5 {
margin-bottom: 1.5rem
}
}
.nd_a_intro .nd_a_heading h6 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_heading h6 {
margin-bottom: 0rem
}
}
.nd_a_intro .nd_a_heading .affiliates li {
display: inline-block;
padding: 0 1em
}
.nd_a_intro .nd_a_heading .affiliates img {
height: 70px
}
.nd_a_intro .nd_a_info {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.nd_a_intro .nd_a_info::after {
clear: both;
content: "";
display: table
}
.nd_a_intro .nd_a_info .nd_a_about {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.nd_a_intro .nd_a_info .nd_a_about:last-child {
margin-right: 0
}
.nd_a_intro .nd_a_info .nd_a_about:nth-child(2n) {
margin-right: 0
}
.nd_a_intro .nd_a_info .nd_a_about:nth-child(2n+1) {
clear: left
}
.nd_a_intro .nd_a_info .nd_a_about a {
width: 340px
}
.nd_a_intro .nd_a_info ul {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.nd_a_intro .nd_a_info ul:last-child {
margin-right: 0
}
.nd_a_intro .nd_a_info ul:nth-child(2n) {
margin-right: 0
}
.nd_a_intro .nd_a_info ul:nth-child(2n+1) {
clear: left
}
.nd_a_intro .nd_a_info ul li {
float: left;
display: block;
margin-right: 3.4482758621%;
width: 48.275862069%;
padding-left: 1.5em;
border-left: 2px solid #dbe2e8
}
.nd_a_intro .nd_a_info ul li:last-child {
margin-right: 0
}
.nd_a_intro .nd_a_info ul li:nth-child(2n) {
margin-right: 0
}
.nd_a_intro .nd_a_info ul li:nth-child(2n+1) {
clear: left
}
.nd_a_intro .nd_a_info ul li h6 {
font-size: 0.75rem;
line-height: 1.5rem;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_info ul li h6 {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_info ul li h6 {
margin-bottom: 0rem
}
}
.nd_a_intro .nd_a_info ul li h5 {
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_info ul li h5 {
margin-bottom: 0rem
}
}
.nd_a_intro .nd_a_info ul li p {
font-size: 0.75rem;
line-height: 1.5rem;
color: #7d97ad;
margin-top: 0;
margin-bottom: 0rem
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_info ul li p {
font-size: 0.75rem;
line-height: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_info ul li p {
margin-bottom: 0rem
}
}
.nd_a_intro .nd_a_info ul li a {
font-size: 0.75rem;
line-height: 1.5rem;
color: #02b3e4;
text-decoration: none;
border-bottom: none
}
@media screen and (min-width: 48rem) {
.nd_a_intro .nd_a_info ul li a {
font-size: 0.75rem;
line-height: 1.5rem
}
}
.nd_a_intro .nd_a_info ul li .nd_stars {
background: url(assets/icon-star-large-gray-5f2b46347042f6b0a6aafaf1e8d75096a900749c5667bdf4bcf930b08cbab25f.svg) repeat-x;
background-position: 0 -2px;
background-size: 25px 70px;
font-size: 0;
height: 25px;
line-height: 0;
overflow: hidden;
text-indent: 999em;
width: 125px;
display: block
}
.nd_a_intro .nd_a_info ul li .nd_stars .rating {
background: url(assets/icon-star-large-yellow-21e9f0c3d65b3c7ac52f03f2c0ab3c99a8c3c3a2c1e81c5a99ff7633dfc9e0ae.svg) repeat-x;
background-position: 0 -42px;
background-size: 25px 70px;
float: left;
height: 25px
}
.nd_a_intro .nd_a_info ul li .nd_stars_link {
font-size: 12px;
text-decoration: none;
border-bottom: none;
color: #02b3e4
}
.nd_a_what {
min-width: 1000px
}
.nd_a_what .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.nd_a_what .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.nd_a_what .contain ul {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.nd_a_what .contain ul::after {
clear: both;
content: "";
display: table
}
.nd_a_what .contain ul li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
padding-right: 24px
}
.nd_a_what .contain ul li:nth-child(3n) {
margin-right: 0
}
.nd_a_what .contain ul li:nth-child(3n+1) {
clear: left
}
.nd_a_what .contain ul li:last-child {
margin-right: 0
}
.nd_a_what .contain ul li img {
margin-top: -2px;
margin-right: 4px;
vertical-align: middle
}
.nd_a_what .contain ul li h5 {
display: inline-block;
color: #525c65
}
.nd_a_syllabus {
min-width: 1000px
}
.nd_a_syllabus .outer_contain {
max-width: 90rem
}
.nd_a_syllabus .outer_contain .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.nd_a_syllabus .outer_contain .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.nd_a_syllabus .outer_contain .contain .download {
display: flex;
justify-content: space-between
}
.nd_a_syllabus .outer_contain .contain .download h2 {
margin-right: 20px
}
.nd_a_syllabus .outer_contain .contain .detailed {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
@media screen and (min-width: 48rem) {
.nd_a_syllabus .outer_contain .contain .detailed {
padding-top: 4.5rem;
padding-bottom: 4.5rem
}
}
.nd_a_syllabus .outer_contain .contain .detailed .content {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto
}
.nd_a_syllabus .outer_contain .contain .detailed .content::after {
clear: both;
content: "";
display: table
}
.nd_a_syllabus .outer_contain .contain .detailed .content .prereq {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%;
padding: 1.5em 2.5em
}
.nd_a_syllabus .outer_contain .contain .detailed .content .prereq:last-child {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content .prereq h6 {
color: #2e3d49
}
.nd_a_syllabus .outer_contain .contain .detailed .content .prereq p {
font-size: 0.875rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.nd_a_syllabus .outer_contain .contain .detailed .content .prereq p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul:last-child {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
border-bottom: 2px solid #dbe2e8
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li::after {
clear: both;
content: "";
display: table
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .module {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .module:nth-child(3n) {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .module:nth-child(3n+1) {
clear: left
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .module:last-child {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .module p {
font-size: 0.875rem;
line-height: 1.5rem;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .module p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc {
position: relative;
padding-right: 40px;
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc:nth-child(3n) {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc:nth-child(3n+1) {
clear: left
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc:last-child {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc h5 {
font-size: 0.875rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc h5 {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc p {
font-size: 0.875rem;
line-height: 1.5rem;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc .up-arrow {
display: none
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc img {
height: 25px;
width: 25px;
position: absolute;
top: -2px;
right: 10px
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .project-desc img:hover {
cursor: pointer
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-module {
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-module:nth-child(3n) {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-module:nth-child(3n+1) {
clear: left
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-module:last-child {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-module .bullets {
margin-left: 15px
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-module .bullets li {
color: #2e3d49;
margin-left: 15px;
list-style: initial;
font-size: 0.875rem;
line-height: 1.5rem;
border-bottom: none
}
@media screen and (min-width: 48rem) {
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-module .bullets li {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-desc {
padding-right: 40px;
float: left;
display: block;
margin-right: 2.0408163265%;
width: 48.9795918367%
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-desc:nth-child(3n) {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-desc:nth-child(3n+1) {
clear: left
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li .sub-desc:last-child {
margin-right: 0
}
.nd_a_syllabus .outer_contain .contain .detailed .content ul li:last-of-type {
border-bottom: none
}
.nd_a_students {
min-width: 1000px
}
.nd_a_students .contain {
padding-top: 3rem;
padding-bottom: 3rem
}
@media screen and (min-width: 48rem) {
.nd_a_students .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.nd_a_students .contain ul {
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
display: table;
width: 100%;
table-layout: fixed
}
.nd_a_students .contain ul::after {
clear: both;
content: "";
display: table
}
.nd_a_students .contain ul li {
display: table-cell;
width: 33.3333333333%;
border-left: 1px solid #dbe2e8;
padding-right: .5em;
padding-left: .5em
}
.nd_a_students .contain ul li .quote {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-size: 1rem;
line-height: 1.75rem;
line-height: 2.4375rem !important;
font-weight: 300;
font-style: italic;
color: #2e3d49;
padding-right: 1.5em;
padding-left: 1.5em
}
@media screen and (min-width: 48rem) {
.nd_a_students .contain ul li .quote {
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
}
@media screen and (min-width: 48rem) {
.nd_a_students .contain ul li .quote {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.nd_a_students .contain ul li img {
height: 4.5rem
}
.nd_a_students .contain ul li p {
color: #7d97ad;
font-size: 0.75rem;
line-height: 1.5rem
}
@media screen and (min-width: 48rem) {
.nd_a_students .contain ul li p {
font-size: 0.875rem;
line-height: 1.5rem
}
}
.nd_a_students .contain ul li:first-of-type {
border-left: none
}
.nd_a_graduate {
min-width: 1000px
}
.nd_a_graduate .outer_contain {
max-width: 90rem;
display: flex
}
.nd_a_graduate .outer_contain .contain {
padding-top: 3rem;
padding-bottom: 3rem;
flex: 1
}
@media screen and (min-width: 48rem) {
.nd_a_graduate .outer_contain .contain {
padding-top: 6rem;
padding-bottom: 6rem
}
}
.nd_a_graduate .outer_contain .contain .info {
padding-left: 3em;
padding-right: 3em
}
.nd_a_graduate .outer_contain .contain .info .pricing-support {
margin-top: 14px
}
.nd_a_graduate .outer_contain .contain .info h4 {
font-size: 1.125rem;
line-height: 2rem;
color: #7d97ad
}
@media screen and (min-width: 48rem) {
.nd_a_graduate .outer_contain .contain .info h4 {
font-size: 1.125rem;
line-height: 2rem
}
}
.nd_a_graduate .outer_contain .contain .info h5 {
font-size: 1.5rem;
line-height: 2.25rem
}
@media screen and (min-width: 48rem) {
.nd_a_graduate .outer_contain .contain .info h5 {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.nd_a_graduate .outer_contain .contain .info a {
margin: 0 auto;
width: 340px
}
.nd_a_graduate .outer_contain .contain .info p {
color: #7d97ad
}
@media screen and (min-width: 73.75rem) {
.nd_a_graduate .outer_contain .contain .info {
padding-left: 140px;
padding-right: 100px
}
}
.nd_a_graduate .outer_contain .graduate {
flex: 1;
background: url(assets/photo_graduatein12mo-5e32ee9a534db0b52d9a3a230b1f9244891ca81d5cc64c97d1e430d378f4f690.jpg) center center no-repeat;
background-size: cover
}
.page-nanodegree-pricing .main,
.pricing-upsell .main {
background-color: #fafbfc
}
@media screen and (min-width: 48rem) {
.page-nanodegree-pricing .contain,
.pricing-upsell .contain {
margin: 0 auto;
padding: 4em
}
}
.page-nanodegree-pricing .card,
.pricing-upsell .card {
padding: 2.25rem;
text-align: center
}
@media screen and (min-width: 48rem) {
.page-nanodegree-pricing .card,
.pricing-upsell .card {
padding: 3rem
}
}
.page-nanodegree-pricing .price,
.pricing-upsell .price {
font-size: 1.5rem;
line-height: 2.25rem;
color: #02b3e4
}
@media screen and (min-width: 48rem) {
.page-nanodegree-pricing .price,
.pricing-upsell .price {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-nanodegree-pricing .price .original-price,
.pricing-upsell .price .original-price {
color: #7d97ad;
text-decoration: line-through
}
.page-nanodegree-pricing .checks li,
.pricing-upsell .checks li {
text-align: left;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.page-nanodegree-pricing .checks li:last-child,
.pricing-upsell .checks li:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.page-nanodegree-pricing .checks li,
.pricing-upsell .checks li {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.page-nanodegree-pricing .checks li:last-child,
.pricing-upsell .checks li:last-child {
margin-right: 0
}
.page-nanodegree-pricing .checks li:nth-child(2n),
.pricing-upsell .checks li:nth-child(2n) {
margin-right: 0
}
.page-nanodegree-pricing .checks li:nth-child(2n+1),
.pricing-upsell .checks li:nth-child(2n+1) {
clear: left
}
}
.page-nanodegree-pricing .btn_wrapper [class^="button"],
.pricing-upsell .btn_wrapper [class^="button"] {
display: block;
margin: 1em auto;
text-overflow: ellipsis;
width: auto
}
@media screen and (min-width: 48rem) {
.page-nanodegree-pricing .btn_wrapper [class^="button"],
.pricing-upsell .btn_wrapper [class^="button"] {
width: 17.5em
}
}
.page-nanodegree-pricing-b .main,
.pricing-comparison .main {
background-color: #fafbfc
}
.page-nanodegree-pricing-b .contain,
.pricing-comparison .contain {
margin: 0 auto;
padding: 1em
}
@media screen and (min-width: 62rem) {
.page-nanodegree-pricing-b .contain,
.pricing-comparison .contain {
padding: 4em
}
}
.page-nanodegree-pricing-b .cards-contain,
.pricing-comparison .cards-contain {
align-items: center;
justify-content: space-around;
padding: 0
}
@media screen and (min-width: 62rem) {
.page-nanodegree-pricing-b .cards-contain,
.pricing-comparison .cards-contain {
display: flex;
flex-wrap: nowrap;
flex-direction: row
}
}
.page-nanodegree-pricing-b .card,
.pricing-comparison .card {
text-align: center
}
@media screen and (min-width: 62rem) {
.page-nanodegree-pricing-b .card,
.pricing-comparison .card {
margin: 1em;
width: 50%
}
}
.page-nanodegree-pricing-b .card-header,
.page-nanodegree-pricing-b .card-footer,
.pricing-comparison .card-header,
.pricing-comparison .card-footer {
padding: 1em
}
@media screen and (min-width: 62rem) {
.page-nanodegree-pricing-b .card-header,
.page-nanodegree-pricing-b .card-footer,
.pricing-comparison .card-header,
.pricing-comparison .card-footer {
padding: 2em
}
}
.page-nanodegree-pricing-b .price,
.pricing-comparison .price {
font-size: 1.5rem;
line-height: 2.25rem;
color: #02b3e4
}
@media screen and (min-width: 48rem) {
.page-nanodegree-pricing-b .price,
.pricing-comparison .price {
font-size: 1.5rem;
line-height: 2.25rem
}
}
.page-nanodegree-pricing-b .price .original-price,
.pricing-comparison .price .original-price {
color: #7d97ad;
text-decoration: line-through
}
.page-nanodegree-pricing-b .checks,
.pricing-comparison .checks {
margin: 0;
text-align: left
}
.page-nanodegree-pricing-b .checks--appendix,
.pricing-comparison .checks--appendix {
border-bottom: solid 1px #dbe2e8
}
.page-nanodegree-pricing-b .checks li,
.pricing-comparison .checks li {
border-top: solid 1px #dbe2e8;
color: #525c65;
display: block;
margin: 0;
padding: 0.5em;
padding-left: 5em;
position: relative;
text-align: left
}
.page-nanodegree-pricing-b .checks li.disabled,
.pricing-comparison .checks li.disabled {
background-color: #fafbfc
}
.page-nanodegree-pricing-b .checks li::before,
.pricing-comparison .checks li::before {
background-size: 60%;
background: transparent url(assets/icon-checkmark-green-13d2911d3df53e597366a07c6547a3c5da115b34d72192390e7584c5bf8ac377.svg) no-repeat center;
border-radius: 1em;
content: "";
height: 1.25em;
left: 2em;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1.25em
}
.page-nanodegree-pricing-b .checks li.disabled::before,
.pricing-comparison .checks li.disabled::before {
background: transparent url(assets/icon_invalid-73b05d9fc10a444939ee7dbbbccaa7942658e208b15cba0b3b3b107a70dd1e88.svg) no-repeat center
}
@media screen and (min-width: 48rem) {
.page-nanodegree-pricing-b .checks li,
.pricing-comparison .checks li {
padding: 1em;
padding-left: 5em
}
}
.page-nanodegree-pricing-b .btn_wrapper [class^="button"],
.pricing-comparison .btn_wrapper [class^="button"] {
display: block;
margin: 1em auto;
text-overflow: ellipsis;
width: auto
}
@media screen and (min-width: 30rem) {
.page-nanodegree-pricing-b .btn_wrapper [class^="button"],
.pricing-comparison .btn_wrapper [class^="button"] {
width: 17.5em
}
}
.page-nanodegree-pricing-b .btn_wrapper p,
.pricing-comparison .btn_wrapper p {
display: none
}
.about-us .hero--half .contain {
height: auto
}
.about-us .mission {
position: relative
}
.about-us .mission::before {
content: '';
width: 100%;
height: 600px;
z-index: -1000;
background: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
transform-origin: left bottom;
position: absolute;
top: 38%;
left: 0;
-webkit-transform: skew(0deg, -15deg);
-moz-transform: skew(0deg, -15deg);
-ms-transform: skew(0deg, -15deg);
-o-transform: skew(0deg, -15deg);
transform: skew(0deg, -15deg)
}
.about-us .mission__photos {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.about-us .mission__photos:last-child {
margin-right: 0
}
@media screen and (min-width: 30rem) {
.about-us .mission__photos {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.about-us .mission__photos:last-child {
margin-right: 0
}
}
@media screen and (min-width: 48rem) {
.about-us .mission__photos {
margin-left: 0%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.about-us .mission__photos:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.about-us .mission__photos {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.about-us .mission__photos:last-child {
margin-right: 0
}
}
.about-us .mission__photos--col {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.about-us .mission__photos--col:last-child {
margin-right: 0
}
.about-us .mission__photos--col:first-of-type {
margin-top: 2.25rem
}
@media screen and (min-width: 48rem) {
.about-us .mission__photos--col:first-of-type {
margin-top: 3.75rem
}
}
.about-us .mission__photos--col img {
border-radius: 0.375rem
}
.about-us .mission__statement {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 1.5rem;
margin-top: 3.75rem;
background: linear-gradient(to bottom right, #a951ed, #ff5483)
}
.about-us .mission__statement:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.about-us .mission__statement {
padding: 2.25rem;
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.about-us .mission__statement:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.about-us .mission__statement {
padding: 3rem
}
}
@media screen and (min-width: 73.75rem) {
.about-us .mission__statement {
padding: 3.75rem;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%
}
.about-us .mission__statement:last-child {
margin-right: 0
}
}
.about-us .our-students__statement {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
margin-bottom: 3rem
}
.about-us .our-students__statement:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.about-us .our-students__statement {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.about-us .our-students__statement:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.about-us .our-students__statement {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.about-us .our-students__statement:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.about-us .our-students__statement {
margin-left: 0%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 40.6779661017%;
margin-bottom: 0
}
.about-us .our-students__statement:last-child {
margin-right: 0
}
}
.about-us .our-students__cards {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.about-us .our-students__cards:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.about-us .our-students__cards {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.about-us .our-students__cards:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.about-us .our-students__cards {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.about-us .our-students__cards:last-child {
margin-right: 0
}
}
@media screen and (min-width: 73.75rem) {
.about-us .our-students__cards {
margin-top: 1.5rem;
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.about-us .our-students__cards:last-child {
margin-right: 0
}
}
.about-us .our-students__cards .flipper-container {
text-align: center;
display: inline-block;
perspective: 1000px;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.about-us .our-students__cards .flipper-container:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.about-us .our-students__cards .flipper-container {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.about-us .our-students__cards .flipper-container:last-child {
margin-right: 0
}
}
.about-us .our-students__cards .flipper-container .flipper {
display: inline-block;
position: relative;
transform-style: preserve-3d
}
.about-us .our-students__cards .flipper-container .border-top-purple {
border-top: 4px solid #a951ed
}
.about-us .our-students__cards .flipper-container .border-top-orange {
border-top: 4px solid #ffa234
}
.about-us .our-students__cards .flipper-container .story-front,
.about-us .our-students__cards .flipper-container .story-back {
height: 21rem;
background-color: #fff;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
border-radius: 0.375rem;
display: inline-block;
text-align: center;
width: 17.5625rem;
margin-bottom: 3rem;
transition: 0.6s
}
@media screen and (min-width: 62rem) {
.about-us .our-students__cards .flipper-container .story-front,
.about-us .our-students__cards .flipper-container .story-back {
margin-bottom: 0
}
}
@media screen and (min-width: 73.75rem) {
.about-us .our-students__cards .flipper-container .story-front,
.about-us .our-students__cards .flipper-container .story-back {
width: 17.5625rem
}
}
.about-us .our-students__cards .flipper-container .story-front__name,
.about-us .our-students__cards .flipper-container .story-back__name {
margin-top: 0;
margin-bottom: 1.5rem
}
@media screen and (min-width: 48rem) {
.about-us .our-students__cards .flipper-container .story-front__name,
.about-us .our-students__cards .flipper-container .story-back__name {
margin-bottom: 2.25rem
}
}
.about-us .our-students__cards .flipper-container .story-front__nanodegree,
.about-us .our-students__cards .flipper-container .story-back__nanodegree {
height: 3rem
}
.about-us .our-students__cards .flipper-container .story-front__now,
.about-us .our-students__cards .flipper-container .story-back__now {
color: #dbe2e8;
overflow: hidden
}
.about-us .our-students__cards .flipper-container .story-front__now:before,
.about-us .our-students__cards .flipper-container .story-front__now:after,
.about-us .our-students__cards .flipper-container .story-back__now:before,
.about-us .our-students__cards .flipper-container .story-back__now:after {
background-color: #dbe2e8;
content: '';
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 5rem
}
.about-us .our-students__cards .flipper-container .story-front__now:before,
.about-us .our-students__cards .flipper-container .story-back__now:before {
right: 1rem
}
.about-us .our-students__cards .flipper-container .story-front__now:after,
.about-us .our-students__cards .flipper-container .story-back__now:after {
left: 1rem
}
.about-us .our-students__cards .flipper-container .story-front__company .h3,
.about-us .our-students__cards .flipper-container .story-back__company .h3 {
font-size: 1rem;
line-height: 1.75rem
}
@media screen and (min-width: 48rem) {
.about-us .our-students__cards .flipper-container .story-front__company .h3,
.about-us .our-students__cards .flipper-container .story-back__company .h3 {
font-size: 1.125rem;
line-height: 2rem
}
}
.about-us .our-students__cards .flipper-container .icon {
height: 3.75rem;
position: relative;
border-radius: 50%;
top: -1.5rem;
width: 3.75rem;
box-shadow: 0px 1px 20px 0px rgba(46, 61, 73, 0.2);
margin: 0 auto
}
.about-us .our-students__cards .flipper-container .icon img {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.about-us .our-students__cards .flipper-container .story-front,
.about-us .our-students__cards .flipper-container .story-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.about-us .our-students__cards .flipper-container .story-back {
left: 0;
position: absolute;
top: 0
}
.about-us .our-students__cards .flipper-container .story-back h4 {
font-size: 1.25rem;
font-weight: 300
}
.about-us .our-students__cards .flipper-container .story-back p {
padding-left: 0.75rem;
padding-right: 0.75rem
}
.about-us .our-students__cards .flipper-container .story-front {
transform: rotateY(0deg);
z-index: 2
}
.about-us .our-students__cards .flipper-container .story-back {
transform: rotateY(180deg)
}
.about-us .our-students__cards .flipper-container .story-front {
transform: rotateY(0deg)
}
.about-us .our-students__cards .flipper-container .story-back {
transform: rotateY(180deg)
}
.about-us .our-students__cards .flipper-container .flipper.flipped .story-front {
transform: rotateY(-180deg)
}
.about-us .our-students__cards .flipper-container .flipper.flipped .story-back {
transform: rotateY(0deg)
}
.about-us .udacity-logos {
height: 22.5rem
}
@media screen and (min-width: 48rem) {
.about-us .udacity-logos {
height: 33rem
}
}
.about-us .our-story__copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%
}
.about-us .our-story__copy:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.about-us .our-story__copy {
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.about-us .our-story__copy:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.about-us .our-story__copy {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.about-us .our-story__copy:last-child {
margin-right: 0
}
}
.about-us .leadership__card {
height: 16.5rem;
padding: 0.75rem 2.25rem;
margin: 0 auto;
cursor: pointer;
width: 17.25rem
}
@media screen and (min-width: 30rem) {
.about-us .leadership__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 49.1525423729%
}
.about-us .leadership__card:last-child {
margin-right: 0
}
.about-us .leadership__card:nth-child(2n) {
margin-right: 0
}
.about-us .leadership__card:nth-child(2n+1) {
clear: left
}
}
@media screen and (min-width: 48rem) {
.about-us .leadership__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 32.2033898305%;
height: 18rem
}
.about-us .leadership__card:last-child {
margin-right: 0
}
.about-us .leadership__card:nth-child(2n) {
margin-right: 1.6949152542%
}
.about-us .leadership__card:nth-child(2n+1) {
clear: none
}
.about-us .leadership__card:nth-child(3n) {
margin-right: 0
}
.about-us .leadership__card:nth-child(3n+1) {
clear: left
}
}
@media screen and (min-width: 62rem) {
.about-us .leadership__card {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 23.7288135593%
}
.about-us .leadership__card:last-child {
margin-right: 0
}
.about-us .leadership__card:nth-child(3n) {
margin-right: 1.6949152542%
}
.about-us .leadership__card:nth-child(3n+1) {
clear: none
}
.about-us .leadership__card:nth-child(4n) {
margin-right: 0
}
.about-us .leadership__card:nth-child(4n+1) {
clear: left
}
}
@media screen and (min-width: 73.75rem) {
.about-us .leadership__card {
height: 16.5rem
}
}
.about-us .leadership__card img {
height: 6rem;
border-radius: 50%;
box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15);
transform: translateY(-30%)
}
.about-us .leadership .border-magenta {
border-top: 4px solid #ff5483
}
.about-us .leadership .border-blue {
border-top: 4px solid #02b3e4
}
.about-us .leadership .border-orange {
border-top: 4px solid #ffa234
}
.about-us .leadership .border-purple {
border-top: 4px solid #a951ed
}
.about-us .leadership .border-gray {
border-top: 4px solid #7d97ad
}
.about-us .leadership .border-turquoise {
border-top: 4px solid #49DFD3
}
.about-us .join-us__copy {
float: left;
display: block;
margin-right: 1.6949152542%;
width: 100%;
padding: 3rem 1.5rem;
border-radius: 0.375rem;
box-shadow: 5px 5px 25px 0px rgba(46, 61, 73, 0.2)
}
.about-us .join-us__copy:last-child {
margin-right: 0
}
@media screen and (min-width: 48rem) {
.about-us .join-us__copy {
padding: 3rem;
margin-left: 8.4745762712%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 83.0508474576%
}
.about-us .join-us__copy:last-child {
margin-right: 0
}
}
@media screen and (min-width: 62rem) {
.about-us .join-us__copy {
margin-left: 16.9491525424%;
float: left;
display: block;
margin-right: 1.6949152542%;
width: 66.1016949153%
}
.about-us .join-us__copy:last-child {
margin-right: 0
}
}
.about-us-modal__content {
position: relative;
background-image: linear-gradient(180deg, blue 96px, #fff 0px);
padding: 2.25rem 1.5rem;
max-height: 86vh
}
@media screen and (min-width: 48rem) {
.about-us-modal__content {
padding: 2.25rem 3.75rem
}
}
.about-us-modal__content .leader {
height: 7.5rem;
border-radius: 50%
}
.about-us-modal__content .close {
cursor: pointer;
position: absolute;
height: 0.75rem;
width: 0.75rem;
top: 20px;
right: 24px
}
.about-us-modal .background-magenta {
background-image: linear-gradient(180deg, #ff5483 96px, #fff 0px)
}
.about-us-modal .background-blue {
background-image: linear-gradient(180deg, #02b3e4 96px, #fff 0px)
}
.about-us-modal .background-orange {
background-image: linear-gradient(180deg, #ffa234 96px, #fff 0px)
}
.about-us-modal .background-purple {
background-image: linear-gradient(180deg, #a951ed 96px, #fff 0px)
}
.about-us-modal .background-gray {
background-image: linear-gradient(180deg, #7d97ad 96px, #fff 0px)
}
.about-us-modal .background-turquoise {
background-image: linear-gradient(180deg, #49DFD3 96px, #fff 0px)
}
.ReactModal__Body--open {
overflow: hidden
}
.nd008 .guarantee,
.nd013 .guarantee,
.nd889 .guarantee {
display: none
}
.android-basics {
max-width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #fafbfc
}
.android-basics::after {
clear: both;
content: "";
display: table
}
.android-basics .outer_contain {
background-image: url(assets/bg-android-6c0bc6a80b2133d18dab3e3ac9cadc3989ac7ff60c605f4e45b61ca3439a876d.jpg);
background-repeat: no-repeat;
background-position: top right;
background-size: 100%;
background-position-x: 0px
}
@media screen and (min-width: 48rem) {
.android-basics .outer_contain {
background-position: center center;
background-size: cover
}
}
.android-basics .contain {
max-width: 60em;
padding: 0 1.5em
}
@media (min-width: 63em) {
.android-basics .contain {
max-width: 63em
}
}
@media (min-width: 75em) {
.android-basics .contain {
max-width: 75em
}
}
.android-basics .hero_content {
padding: 14% 0
}
.android-basics h2 {
position: relative
}
@media (min-width: 90em) {
.android-basics h2 {
padding-right: 1.5em
}
}
.android-basics h2 img {
position: relative;
max-width: 8.75rem;
height: auto;
margin-top: -5rem;
top: 1.5rem
}
.android-basics a {
margin-top: 2em
}
.android-basics__text {
float: left;
margin-bottom: 3em;
width: 75%
}
@media (min-width: 30em) {
.android-basics__text {
width: 70%
}
}
@media (min-width: 35em) {
.android-basics__text {
width: 60%
}
}
@media (min-width: 48em) {
.android-basics__text {
width: 58%
}
}
@media (min-width: 64em) {
.android-basics__text {
width: 47%
}
}
@media (min-width: 85em) {
.android-basics__text {
width: 42%
}
}
@media (min-width: 90em) {
.android-basics__text {
width: 47%
}
}