.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-prev,
.swiper-button-next {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0px, -50%, 0);
	-moz-transform: translate3d(0px, -50%, 0);
	-o-transform: translate(0px, -50%);
	-ms-transform: translate3d(0px, -50%, 0);
	transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, 0.25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

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

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

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

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

@font-face {
	font-family: "gotham";
	font-style: normal;
	font-weight: 400;
	src: url("Gotham-Book-20d40540752dc6a17ddcf04827f93df90d31010bba85b5945f8582911a9e8cb0-.eot#iefix") format("embedded-opentype"), url("Gotham-Book-956aa7b279637a40f2fb7eda80e9c3897df0e096936d66c4cc8529886c76cb8a.woff") format("woff"), url("Gotham-Book-1f1394dfa36b01f88d69e92ef72e1bcdc5a2f158c8622318708d07b94f00d2a4.ttf") format("truetype"), url("Gotham-Book-3ba2a535153ddc3a7bf3f7c6270d764881bd6f7e33327ba5844cf3ecebb338cd.svg#gotham") format("svg")
}

@font-face {
	font-family: "gotham";
	font-style: normal;
	font-weight: 800;
	src: url("Gotham-Bold-2d61d583f10f51550fc632396d345b21997a6c3f48cb5e81664b1f0fff4622df-.eot#iefix") format("embedded-opentype"), url("Gotham-Bold-a66cf1c21290ff0362f32125177f8960b08bb62d4d2d0ad3485d360f02e8bebe.woff") format("woff"), url("Gotham-Bold-52f13e20da9751e12a6b8d0de12769d04fd27642d4b832a5471a28c15d9c9f21.ttf") format("truetype"), url("Gotham-Bold-371090a2f7ce225702d842aa2ab29444b27cd82d81ed62c855dfd502be70f2e4.svg#gotham") format("svg")
}

html {
	min-height: 100%;
	width: 100%;
	position: relative
}

body {
	height: 100%;
	width: 100%
}

body {
	font-family: "gotham", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #221F1F;
	font-feature-settings: "kern", "liga", "pnum";
	-webkit-font-smoothing: antialiased
}

body:before {
	content: "small-screen-up";
	display: none
}

@media (min-width: 43.75em) {
	body:before {
		content: "medium-screen-up"
	}
}

@media (min-width: 58.75em) {
	body:before {
		content: "large-screen-up"
	}
}

header {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 24px;
	background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.4));
	z-index: 400
}

@media (min-width: 43.75em) {
	header {
		top: 0
	}
}

header nav {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	width: 100%;
	box-sizing: border-box
}

@media (min-width: 43.75em) {
	header nav {
		padding-bottom: 24px
	}
}

header nav .logo {
	width: 100px;
	min-width: 100px;
	line-height: 0;
	margin-left: 25px
}

@media (min-width: 43.75em) {
	header nav .logo {
		padding-top: 0;
		padding-bottom: 0;
		width: 100px;
		border-bottom: none
	}
}

header nav .logo img {
	width: 100%
}

header nav .logo a {
	border-bottom: none;
	display: inline-block
}

header nav .links {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-flex-grow: 2;
	-moz-flex-grow: 2;
	flex-grow: 2;
	-ms-flex-positive: 2
}

@media (min-width: 43.75em) {
	header nav .links {
		-webkit-box-pack: end;
		-moz-box-pack: end;
		box-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-o-justify-content: flex-end;
		justify-content: flex-end;
		-ms-flex-pack: end
	}
}

header nav .links .social {
	-webkit-box-pack: end;
	-moz-box-pack: end;
	box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-pack: end
}

@media (min-width: 43.75em) {
	header nav .links .social {
		margin-left: 24px
	}
}

header nav .links .social li {
	margin-left: 0;
	margin-top: 0
}

header nav .links .social li a {
	display: inline-block;
	height: 38px;
	width: 38px
}

@media (min-width: 43.75em) {
	header nav .links .social li a {
		height: 40px;
		width: 40px
	}
}

header nav .links .social li a img {
	width: 100%
}

header nav ul {
	list-style-type: none;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-pack: start;
	width: 100%;
	margin: 0
}

@media (min-width: 43.75em) {
	header nav ul {
		padding-top: 0;
		width: inherit
	}
}

header nav ul li {
	margin-left: 16px;
	font-size: 14px;
	line-height: 16px;
	margin-top: 2px
}

@media (min-width: 43.75em) {
	header nav ul li {
		font-size: 16px;
		margin-left: 24px
	}
}

header nav ul li:first-child {
	margin-left: 0
}

header nav ul li:last-child {
	margin-right: 0;
	margin-top: 0
}

header nav ul li a {
	border-bottom: none;
	color: #ffffff;
	text-transform: uppercase
}

header nav ul li a:hover {
	border-bottom: none;
	opacity: 0.7
}

.headline {
	font-weight: 800;
	font-size: 36px;
	z-index: 1000
}

@media (min-width: 43.75em) {
	.headline {
		font-size: 60px
	}
}

@media (min-width: 58.75em) {
	.headline {
		font-size: 88px
	}
}

.headline-2,
.headline-3 {
	font-size: 20px
}

@media (min-width: 58.75em) {

	.headline-2,
	.headline-3 {
		font-size: 30px
	}
}

.headline-2.sub-head,
.headline-3.sub-head {
	margin: 24px 0;
	line-height: 24px;
	max-width: 800px
}

@media (min-width: 58.75em) {

	.headline-2.sub-head,
	.headline-3.sub-head {
		line-height: 36px
	}
}

.headline-2.redline,
.headline-3.redline {
	margin: 24px 0;
	text-transform: uppercase;
	padding-left: 12px;
	border-left: 2px solid #E50914
}

.headline-3 {
	font-weight: 800;
	margin-bottom: 8px;
	margin-top: 48px;
	font-size: 28px
}

@media (min-width: 58.75em) {
	.headline-3 {
		font-size: 40px;
		margin: 64px 0 24px 0;
		max-width: 620px
	}
}

.step-number {
	text-transform: uppercase;
	margin-bottom: 8px;
	margin-top: 48px
}

@media (min-width: 58.75em) {
	.step-number {
		margin-top: 104px
	}
}

p,
ul {
	line-height: 24px;
	margin: 24px 0;
	max-width: 620px
}

@media (min-width: 58.75em) {

	p,
	ul {
		font-size: 18px;
		line-height: 30px
	}
}

p.body-image,
ul.body-image {
	max-width: 950px
}

p.body-image img,
ul.body-image img {
	width: 100%
}

p strong,
ul strong {
	font-weight: 600
}

.headline-4 {
	font-weight: 600;
	margin-bottom: 0
}

ul {
	list-style: circle
}

h1.first,
h2.first,
h3.first,
h4.first,
p.first {
	margin-top: 0
}

h1.last,
h2.last,
h3.last,
h4.last,
p.last {
	margin-bottom: 0 !important
}

h1.center,
h2.center,
h3.center,
h4.center,
p.center {
	text-align: center
}

a {
	color: #E50914;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px solid rgba(170, 21, 27, 0);
	transition: all 0.3s ease-in-out
}

a:hover {
	border-bottom: 1px solid #E50914
}

a.button {
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
	border: 1px solid #E50914;
	padding: 16px 32px;
	margin-top: 24px;
	display: inline-block
}

a.button:hover {
	background-color: #E50914;
	color: #ffffff
}

@media (min-width: 58.75em) {
	.section-parent {
		height: 100vh;
		width: 100%;
		position: relative
	}
}

.section {
	padding: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

@media (min-width: 43.75em) {
	.section {
		padding: 84px
	}
}

@media (min-width: 58.75em) {
	.section {
		padding: 104px
	}
}

.section.light {
	background-color: #F5F5F1
}

.section.dark {
	background-color: #221F1F;
	color: #F5F5F1
}

.section.hero,
.section.media {
	height: 550px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	-ms-flex-pack: end;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	box-direction: normal;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-ms-flex-direction: column
}

@media (min-width: 43.75em) {

	.section.hero,
	.section.media {
		height: 840px
	}
}

@media (min-width: 58.75em) {

	.section.hero,
	.section.media {
		height: 100vh
	}
}

.section.hero .hero-text,
.section.media .hero-text {
	max-width: 900px;
	position: relative;
	z-index: 2
}

.section.hero .hero-text.br,
.section.media .hero-text.br {
	max-width: 1150px
}

@media (min-width: 58.75em) {

	.section.hero .hero-text .button,
	.section.media .hero-text .button {
		margin-top: 48px
	}
}

.section.hero .arrow,
.section.media .arrow {
	display: none
}

@media (min-width: 58.75em) {

	.section.hero .arrow,
	.section.media .arrow {
		display: initial;
		position: absolute;
		bottom: 16px;
		left: 50%;
		cursor: pointer;
		transform: translateX(-50%)
	}
}

.section.hero.spotify,
.section.media.spotify {
	background-color: #F5F5F1;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-ms-justify-content: flex-start;
	-o-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-pack: start;
	height: auto
}

@media (min-width: 58.75em) {

	.section.hero.spotify,
	.section.media.spotify {
		min-height: 100vh
	}
}

@media (min-width: 58.75em) {

	.section.hero.spotify .players,
	.section.media.spotify .players {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex
	}
}

.section.hero.spotify .players .player-title,
.section.media.spotify .players .player-title {
	margin-bottom: 8px;
	font-weight: 600
}

@media (min-width: 58.75em) {

	.section.hero.spotify .players .player,
	.section.media.spotify .players .player {
		width: 33.3333%;
		margin-right: 24px
	}

	.section.hero.spotify .players .player.last-child,
	.section.media.spotify .players .player.last-child {
		margin-right: 0
	}
}

.section.hero.spotify .players iframe,
.section.media.spotify .players iframe {
	width: 100%;
	height: 80px
}

@media (min-width: 58.75em) {

	.section.hero.spotify .players iframe,
	.section.media.spotify .players iframe {
		height: 300px
	}
}

.section.hero.home,
.section.media.home {
	position: relative;
	z-index: 25;
	background-position: center;
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("hero-1-sm-b76cd69cb1ab84c36e20a0b8dfb5cf964a3ca3ed93f3cc62afd17f941ac0d383.jpg")
}

@media (min-width: 58.75em) {

	.section.hero.home,
	.section.media.home {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("hero-1-43891298d3af0f7434620c7d809251ebeda494f88bee1699f4b2f5ce09a08239.jpg");
		background-position: right;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
		right: 0
	}

	.section.hero.home:after,
	.section.media.home:after {
		content: '';
		position: absolute;
		z-index: -1;
		top: 100%;
		bottom: 0;
		height: 50px;
		left: 0;
		right: 0;
		background: radial-gradient(ellipse at 50% -3%, rgba(0, 0, 0, 0.4), rgba(97, 97, 97, 0) 40%)
	}
}

.section.hero.home-2,
.section.media.home-2 {
	background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 40%, #fff), url("developer.jpg")
}

@media (min-width: 58.75em) {

	.section.hero.home-2,
	.section.media.home-2 {
		background-image: url("developer.jpg")
	}
}
.section.hero.home-33,
.section.media.home-33 {
	background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 40%, #fff), url("villa.jpg")
}

@media (min-width: 58.75em) {

	.section.hero.home-33,
	.section.media.home-33 {
		background-image: url("villa.jpg")
	}
}

.section.hero.home-22,
.section.media.home-22 {
	background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 40%, #fff), url("inup.jpg")
}

@media (min-width: 58.75em) {

	.section.hero.home-22,
	.section.media.home-22 {
		background-image: url("inup.jpg")
	}
}

.section.hero.home-3,
.section.media.home-3 {
	background-image: url("http://makeit.netflix.com/parts.jpg")
}

.section.hero.home-5,
.section.media.home-5 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("igordubina.jpg");
	background-position: left
}

.section.hero.home-6,
.section.media.home-6 {
	background-image: url("http://makeit.netflix.com/cycle.jpg");
	position: relative;
	height: 100%;
	left: 0 !important;
	background: #000000;
	padding: 0
}

.section.hero.home-6 .vid-wrapper,
.section.media.home-6 .vid-wrapper {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	max-width: 50vw
}

.section.hero.home-6 .vid-wrapper#vid0,
.section.media.home-6 .vid-wrapper#vid0 {
	background-image: url("http://igordubina.com/assets/two-ways-2-d-dc2b02a0c5e1b9a88a4a0f5a0409235a3b9febeac0b423ac8d48c44e45cb7ac5.jpg");
	background-size: cover
}

.section.hero.home-6 .vid-wrapper#vid0.br,
.section.media.home-6 .vid-wrapper#vid0.br {
	background-image: url("http://igordubina.com/assets/two-ways-1-d-br-88b1461d5b05602c7704a1dbeb2bc111f2c2436de49eab64bdaccc0ea856eb91.jpg");
	background-size: cover
}

.section.hero.home-6 .vid-wrapper#vid1,
.section.media.home-6 .vid-wrapper#vid1 {
	background-image: url("http://igordubina.com/assets/two-ways-1-d-db800b6f0b8487a89e4b3623eaa06edc278494e089e48d488736d0f182dec37f.jpg");
	background-size: cover
}

.section.hero.home-6 .vid-wrapper video,
.section.media.home-6 .vid-wrapper video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.section.hero.home-6.desktop,
.section.media.home-6.desktop {
	display: none
}

@media (min-width: 58.75em) {

	.section.hero.home-6.desktop,
	.section.media.home-6.desktop {
		display: block
	}
}

@media (min-width: 58.75em) {

	.section.hero.home-6.mobile,
	.section.media.home-6.mobile {
		display: none
	}
}

.section.hero.home-6.mobile img,
.section.media.home-6.mobile img {
	width: 100%
}

.section.hero.hackday,
.section.media.hackday {
	background-position: center;
	background-image: url("http://igordubina.com/assets/about/baller-c4691076034df95278af054b0f945faea05d8053829c4129d2b00203ac322382.jpg")
}

.section.hero.about,
.section.media.about {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/about/engineers-2-1002afc98562d28074e0f9e315d996286660c049b274c5093f6e953f6d173fdf.jpg")
}

.section.hero.instructions,
.section.media.instructions {
	background-color: #F5F5F1
}

.section.hero.instructions .headline,
.section.media.instructions .headline {
	max-width: 800px
}

.section.hero.trainers-intro,
.section.media.trainers-intro {
	position: relative;
	text-align: left;
	box-sizing: inherit;
	height: 420px;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("three-types-sm-924e1d34a30e5fb742f09c0cf11da9cf48fcd51ae90a69ddeeeced7bfa0e949b.jpg");
	background-position: bottom;
	background-size: cover
}

.section.hero.trainers-intro .headline,
.section.media.trainers-intro .headline {
	margin-bottom: 46px
}

@media (min-width: 43.75em) {

	.section.hero.trainers-intro .headline,
	.section.media.trainers-intro .headline {
		margin-bottom: 0
	}
}

@media (min-width: 43.75em) {

	.section.hero.trainers-intro,
	.section.media.trainers-intro {
		background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("three-types-9789b4a91aebe4d153dce477a8c2526a44d498056406a283360518a8c5fc25d3.jpg");
		background-position: center;
		background-size: cover;
		text-align: center
	}
}

@media (min-width: 58.75em) {

	.section.hero.trainers-intro,
	.section.media.trainers-intro {
		text-align: center;
		box-sizing: border-box;
		height: 100vh
	}
}

.section.hero.trainers-intro .trainer-nav,
.section.media.trainers-intro .trainer-nav {
	display: none;
	height: 100px;
	background: rgba(0, 0, 0, 0.4);
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px #ffffff solid;
	opacity: .8
}

@media (min-width: 58.75em) {

	.section.hero.trainers-intro .trainer-nav,
	.section.media.trainers-intro .trainer-nav {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: distribute;
		-moz-box-pack: distribute;
		box-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
		-ms-flex-pack: distribute;
		-webkit-align-content: stretch;
		-moz-align-content: stretch;
		align-content: stretch;
		-ms-flex-line-pack: stretch
	}
}

.section.hero.trainers-intro .trainer-nav .b-wrap,
.section.media.trainers-intro .trainer-nav .b-wrap {
	position: relative;
	width: 310px;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center
}

.section.hero.trainers-intro .trainer-nav .b-wrap img,
.section.media.trainers-intro .trainer-nav .b-wrap img {
	opacity: 0;
	height: 11px;
	position: absolute;
	top: -1px;
	left: 50%;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out
}

.section.hero.trainers-intro .trainer-nav .b-wrap.active img,
.section.media.trainers-intro .trainer-nav .b-wrap.active img {
	opacity: 1
}

.section.hero.trainers-intro .trainer-nav button,
.section.media.trainers-intro .trainer-nav button {
	position: relative;
	font-family: "gotham", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	border: 0px;
	background: transparent;
	color: #ffffff;
	font-size: 24px;
	letter-spacing: 1px;
	cursor: pointer;
	padding-bottom: 5px;
	margin-top: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-bottom: 2px solid transparent
}

.section.hero.trainers-intro .trainer-nav button:hover,
.section.media.trainers-intro .trainer-nav button:hover {
	border-bottom: 2px solid #E50914
}

.section.hero.trainers-intro .trainer-nav button:focus,
.section.media.trainers-intro .trainer-nav button:focus {
	outline: none
}

.section.hero.trainer,
.section.media.trainer {
	position: relative;
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/projects/personal-trainer/trainer-hero-2ba423a667cf90ed69476db8208ef4b7ddbc303f4ef75213a095de90de171e0e.jpg");
	height: 500px
}

@media (min-width: 43.75em) {

	.section.hero.trainer,
	.section.media.trainer {
		height: 620px
	}
}

@media (min-width: 58.75em) {

	.section.hero.trainer,
	.section.media.trainer {
		height: 100vh
	}
}

.section.hero.trainer-video,
.section.media.trainer-video {
	position: relative;
	height: 100vh;
	left: 0 !important;
	background: #000000;
	padding: 0;
	padding-bottom: 84px
}

.section.hero.trainer-video .vid-wrapper,
.section.media.trainer-video .vid-wrapper {
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	overflow: hidden;
	z-index: 5
}

.section.hero.trainer-video .vid-wrapper#vid1,
.section.hero.trainer-video .vid-wrapper#vid3,
.section.hero.trainer-video .vid-wrapper#vid5,
.section.hero.trainer-video .vid-wrapper#vid7,
.section.media.trainer-video .vid-wrapper#vid1,
.section.media.trainer-video .vid-wrapper#vid3,
.section.media.trainer-video .vid-wrapper#vid5,
.section.media.trainer-video .vid-wrapper#vid7 {
	background-color: #e72e44
}

.section.hero.trainer-video .vid-wrapper#vid2,
.section.hero.trainer-video .vid-wrapper#vid4,
.section.hero.trainer-video .vid-wrapper#vid6,
.section.media.trainer-video .vid-wrapper#vid2,
.section.media.trainer-video .vid-wrapper#vid4,
.section.media.trainer-video .vid-wrapper#vid6 {
	background-color: #131214
}

.section.hero.trainer-video .vid-wrapper:after,
.section.media.trainer-video .vid-wrapper:after {
	display: block;
	content: "";
	position: absolute;
	z-index: 100;
	height: 0;
	left: 2%;
	width: 96%;
	top: 0;
	bottom: auto;
	border-radius: 60%;
	background: transparent;
	box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.8);
	transform: translateX(0)
}

.section.hero.trainer-video .vid-wrapper video,
.section.media.trainer-video .vid-wrapper video {
	min-width: 100%;
	min-height: 100%;
	max-width: 50%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.section.hero.trainer-video .vid-wrapper#vid2,
.section.media.trainer-video .vid-wrapper#vid2 {
	top: 100%
}

.section.hero.trainer-video .vid-wrapper#vid3,
.section.media.trainer-video .vid-wrapper#vid3 {
	top: 200%
}

.section.hero.trainer-video .vid-wrapper#vid4,
.section.media.trainer-video .vid-wrapper#vid4 {
	top: 300%
}

.section.hero.trainer-video .vid-wrapper#vid5,
.section.media.trainer-video .vid-wrapper#vid5 {
	top: 400%
}

.section.hero.trainer-video .vid-wrapper#vid6,
.section.media.trainer-video .vid-wrapper#vid6 {
	top: 500%
}

.section.hero.trainer-video .vid-wrapper#vid7,
.section.media.trainer-video .vid-wrapper#vid7 {
	top: 600%
}

.section.hero.trainer-video .final-video,
.section.media.trainer-video .final-video {
	position: absolute;
	width: 100%;
	bottom: -3px;
	overflow: hidden
}

.section.hero.trainer-video .final-video video,
.section.media.trainer-video .final-video video {
	width: 100%;
	height: 100%
}

.section.hero.trainer-video .step-indicators,
.section.media.trainer-video .step-indicators {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	box-direction: normal;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-ms-flex-direction: column;
	position: absolute;
	z-index: 10;
	top: 0px;
	bottom: 0px
}

.section.hero.trainer-video .step-indicators .indicator,
.section.media.trainer-video .step-indicators .indicator {
	border: 2px solid #ffffff;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin-top: 16px;
	margin-left: 32px
}

.section.hero .svg-animated,
.section.media .svg-animated {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto
}

.section.hero .svg-animated svg *,
.section.media .svg-animated svg * {
	fill: none
}

.section.hero .svg-animated#svg-animate-trainer,
.section.media .svg-animated#svg-animate-trainer {
	width: 250%;
	left: -450px
}

@media (min-width: 43.75em) {

	.section.hero .svg-animated#svg-animate-trainer,
	.section.media .svg-animated#svg-animate-trainer {
		left: -400px;
		width: 150%
	}
}

@media (min-width: 58.75em) {

	.section.hero .svg-animated#svg-animate-trainer,
	.section.media .svg-animated#svg-animate-trainer {
		top: 0;
		right: 0;
		left: 0;
		width: 90%
	}
}

.section.hero .svg-animated#svg-animate-doorbell,
.section.media .svg-animated#svg-animate-doorbell {
	width: 250%;
	left: -450px
}

@media (min-width: 43.75em) {

	.section.hero .svg-animated#svg-animate-doorbell,
	.section.media .svg-animated#svg-animate-doorbell {
		left: -330px;
		width: 150%
	}
}

@media (min-width: 58.75em) {

	.section.hero .svg-animated#svg-animate-doorbell,
	.section.media .svg-animated#svg-animate-doorbell {
		top: 0;
		left: -333px
	}
}

.section.hero .svg-animated#svg-animate-switch,
.section.hero .svg-animated#svg-animate-socks,
.section.media .svg-animated#svg-animate-switch,
.section.media .svg-animated#svg-animate-socks {
	width: 250%;
	left: -530px
}

@media (min-width: 43.75em) {

	.section.hero .svg-animated#svg-animate-switch,
	.section.hero .svg-animated#svg-animate-socks,
	.section.media .svg-animated#svg-animate-switch,
	.section.media .svg-animated#svg-animate-socks {
		left: -370px;
		width: 150%
	}
}

@media (min-width: 58.75em) {

	.section.hero .svg-animated#svg-animate-switch,
	.section.hero .svg-animated#svg-animate-socks,
	.section.media .svg-animated#svg-animate-switch,
	.section.media .svg-animated#svg-animate-socks {
		top: 0;
		left: -336px
	}
}

.section.hero svg,
.section.media svg {
	stroke: #221F1F;
	stroke-width: 0.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10
}

.section.hero.trainer-2,
.section.media.trainer-2 {
	position: relative;
	background-color: #221F1F !important;
	background: url("http://igordubina.com/assets/projects/personal-trainer/black-grid-06f94037c3387fe7f62d6f5bd9137a7af72f3320b75d7a429e199658e12ad296.svg") repeat top
}

@media (min-width: 58.75em) {

	.section.hero.trainer-2,
	.section.media.trainer-2 {
		background: url("http://igordubina.com/assets/projects/personal-trainer/black-grid-06f94037c3387fe7f62d6f5bd9137a7af72f3320b75d7a429e199658e12ad296.svg") repeat top
	}
}

.section.hero.trainer-2 svg *,
.section.media.trainer-2 svg * {
	stroke: #646262
}

.section.hero.doorbell,
.section.media.doorbell {
	position: relative;
	background-color: #F5F5F1 !important;
	background: url("http://igordubina.com/assets/projects/socks/gray-grid-451d8917e17d7013202728969f4ffc12ad6a47581b36a9a0b9a2ba748e80e9e4.svg") repeat top left
}

@media (min-width: 58.75em) {

	.section.hero.doorbell,
	.section.media.doorbell {
		background: url("http://igordubina.com/assets/projects/switch/white-grid-b0e2c4eca51f688b840108e883738d30538c02e1eda39f12068215d6e032cb60.svg") repeat top left
	}
}

.section.hero.doorbell h1,
.section.media.doorbell h1 {
	color: #221F1F
}

.section.hero.doorbell svg *,
.section.media.doorbell svg * {
	stroke-width: 0.8;
	stroke: #BEBDBD
}

.section.hero.doorbell-instructions,
.section.media.doorbell-instructions {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("http://igordubina.com/assets/projects/doorbell/doorbell-hero-09477f00b51ed3e1be0b0f94d7921ac8e0ec256c52fbaec8127f753033796a02.jpg")
}

@media (min-width: 58.75em) {

	.section.hero.doorbell-instructions,
	.section.media.doorbell-instructions {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("http://igordubina.com/assets/projects/doorbell/doorbell-hero-lg-96252b9b0bd314e39141c217aef30bce829fa764669bde6ccba9d4f69284456e.jpg")
	}
}

.section.hero.doorbell-2,
.section.media.doorbell-2 {
	background-image: url("http://igordubina.com/assets/projects/doorbell/doorbell-1-0a861677070a4e325bea7bb43a87f56afc542e712ed68d103b741915dfd439cb.jpg")
}

@media (min-width: 58.75em) {

	.section.hero.doorbell-2,
	.section.media.doorbell-2 {
		background-image: url("http://igordubina.com/assets/projects/doorbell/doorbell-1-lg-9f8292229829e33d41c4b9054750d4653012abc12128739e576e380bea337af5.jpg")
	}
}

.section.hero.doorbell-3,
.section.media.doorbell-3 {
	background-image: url("http://igordubina.com/assets/projects/doorbell/doorbell-3-7c904bb8f23745075321552936c81ff7d65022525c0a2e074e1bb411a3b9a6fd.jpg")
}

.section.hero.doorbell-4,
.section.media.doorbell-4 {
	background-image: url("http://igordubina.com/assets/projects/doorbell/doorbell-4-53d6254a0996ce76250ef23a9ef8bbeaf0c0be6318a8e07a5ceb5ff30f5afd04.jpg")
}

.section.hero.doorbell-5,
.section.media.doorbell-5 {
	background-image: url("http://igordubina.com/assets/projects/doorbell/doorbell-5-3689a182e640fe9df3daf4a60606c3d9ad7ad8763b6edd1434aae706de1c9c15.jpg")
}

.section.hero.doorbell-6,
.section.media.doorbell-6 {
	background-image: url("http://igordubina.com/assets/projects/doorbell/doorbell-6-4fdb8680fa003a1318ce7351538b263ed2d2eda7ffc42e8ff3de16e44f7d970b.jpg")
}

.section.hero.doorbell-7,
.section.media.doorbell-7 {
	background-image: url("http://igordubina.com/assets/projects/doorbell/doorbell-2-5ff0005acc271f14503fe5e52d83ca4025f1f6812fb1780028f139a074e795c2.jpg")
}

.section.hero.socks,
.section.media.socks {
	position: relative;
	background-color: #221F1F !important;
	background: url("http://igordubina.com/assets/projects/switch/white-grid-b0e2c4eca51f688b840108e883738d30538c02e1eda39f12068215d6e032cb60.svg") repeat top left
}

@media (min-width: 58.75em) {

	.section.hero.socks,
	.section.media.socks {
		background: url("http://igordubina.com/assets/projects/socks/gray-grid-451d8917e17d7013202728969f4ffc12ad6a47581b36a9a0b9a2ba748e80e9e4.svg") repeat top left
	}
}

.section.hero.socks h1,
.section.media.socks h1 {
	color: #221F1F
}

.section.hero.socks svg *,
.section.media.socks svg * {
	stroke: #BEBDBD;
	stroke-width: 0.8
}

.section.hero.socks-2,
.section.media.socks-2 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("http://igordubina.com/assets/projects/socks/table-top-socks-46528d8ef3339a3e4ad60ca09a22619812ea7215211e3fefc5061e253b56c407.jpg")
}

.section.hero.socks-3,
.section.media.socks-3 {
	background-image: url("http://igordubina.com/assets/projects/socks/step-3-fe99c46124db7f2c38c6728cc300a8034a91f29d5ad77566b4a030f216aaa704.jpg")
}

.section.hero.socks-4,
.section.media.socks-4 {
	background-image: url("http://igordubina.com/assets/projects/socks/step-3-fe99c46124db7f2c38c6728cc300a8034a91f29d5ad77566b4a030f216aaa704.jpg")
}

.section.hero.socks-5,
.section.media.socks-5 {
	background-image: url("http://igordubina.com/assets/projects/socks/step-5-3f73c1a8c0d4c3b6b54ae802c208d833a65705da687a1e9b6cc2610314844074.jpg");
	background-position: bottom
}

.section.hero.socks-7,
.section.media.socks-7 {
	background-image: url("http://igordubina.com/assets/projects/socks/step-7-89ebc171cf872a96a40c9817eaa7fa2e75e71ad1caea66ef15efb6b2e20c4ec5.jpg")
}

.section.hero.switch,
.section.media.switch {
	background-color: #FCFCFA !important;
	background: url("http://igordubina.com/assets/projects/socks/gray-grid-451d8917e17d7013202728969f4ffc12ad6a47581b36a9a0b9a2ba748e80e9e4.svg") repeat top left
}

.section.hero.switch h1,
.section.media.switch h1 {
	color: #221F1F
}

.section.hero.switch svg *,
.section.media.switch svg * {
	stroke-width: 0.8;
	stroke: #BEBDBD
}

.section.hero.switch-2,
.section.media.switch-2 {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/projects/switch/on-table-7102727f06c42f73f0737dfddd1ad2f5e4b6a5a2870bfccc61575962184da46b.jpg")
}

.section.hero.switch-3,
.section.media.switch-3 {
	background-image: url("http://igordubina.com/assets/projects/switch/step-1-47f3674b47addb51fb084b0931aa11c69e5a1732fc097845e9de2981272a25fa.jpg")
}

.section.hero.switch-4,
.section.media.switch-4 {
	background-image: url("http://igordubina.com/assets/projects/switch/step-4-b446450a3732e23a843f1e59f4f8b7fe00477f2c589c2af65e202287510cefbb.jpg")
}

.section.hero.switch-5,
.section.media.switch-5 {
	background-image: url("http://igordubina.com/assets/projects/switch/step-8-3c8bcbe38edce3efa98988cb400104c50d589dade9bb25d9c3c481de4226e208.jpg")
}

.section.hero.switch-6,
.section.media.switch-6 {
	background-image: url("http://igordubina.com/assets/projects/switch/step-14-6ec46c4d268b3ca5ff7e45ed1cf8e40fa524520056b99efabda9c1e33e376e31.jpg")
}

.section.hero.library-feature,
.section.media.library-feature {
	height: 700px;
	overflow: hidden
}

.section.hero.instructions-feature,
.section.hero.page-feature,
.section.media.instructions-feature,
.section.media.page-feature {
	height: 500px
}

@media (min-width: 43.75em) {

	.section.hero.instructions-feature,
	.section.hero.page-feature,
	.section.media.instructions-feature,
	.section.media.page-feature {
		height: 620px
	}
}

@media (min-width: 43.75em) {
	.section.body-text {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		box-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		align-items: center;
		-ms-flex-align: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		box-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-ms-flex-pack: center;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;
		-ms-flex-direction: column
	}

	.section.body-text.top {
		padding-bottom: 0
	}

	.section.body-text.middle {
		padding-top: 0
	}

	.section.body-text ul {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-moz-box-align: start;
		box-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		-ms-align-items: flex-start;
		-o-align-items: flex-start;
		align-items: flex-start;
		-ms-flex-align: start;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-pack: justify;
		margin-bottom: 48px
	}

	.section.body-text ul div {
		width: 50%
	}
}

.section.video-container {
	padding: 0
}

@media (min-width: 43.75em) {
	.section.video-container {
		padding: 64px
	}

	.section.video-container .video {
		height: 400px
	}
}

@media (min-width: 58.75em) {
	.section.video-container {
		padding: 104px
	}

	.section.video-container .video {
		height: 675px
	}
}

.section.video {
	height: 250px;
	box-sizing: border-box;
	position: relative
}

@media (min-width: 43.75em) {
	.section.video {
		height: 450px
	}
}

@media (min-width: 58.75em) {
	.section.video {
		height: 100vh;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1
	}
}

.section.video.campaign {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("video-still-f0fdfad1af8162152060d6fd13c606335861523beaee4549731f1daab2de2fed.jpg")
}

.section.video.campaign video#bgvid {
	display: none
}

.section.video.socks {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("http://igordubina.com/assets/projects/socks/hands-5a642645236ff6e1284299641f680ef9b538c9caffcc89baf0d2c92bda84cdd4.jpg")
}

.section.video a.action-player {
	position: relative;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	border-bottom: none
}

.section.video a.action-player .body-media {
	font-size: 0;
	position: relative
}

.section.video a.action-player .body-media img {
	width: 100%
}

.section.video a.action-player .play {
	border: 1px solid #ffffff;
	border-radius: 50px;
	background: transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%)
}

.section.video a.action-player .play::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-left: 25px solid #ffffff;
	border-bottom: 14px solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-32%, -50%);
	-moz-transform: translate(-32%, -50%);
	-ms-transform: translate(-32%, -50%);
	-o-transform: translate(-32%, -50%);
	transform: translate(-32%, -50%)
}

.section.video .player {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
	padding: 48px 0;
	background: #000000;
	box-sizing: border-box
}

.section.video .player iframe {
	width: 100%
}

@media (min-width: 58.75em) {
	.section.stacked {
		overflow: hidden
	}

	.section.stacked .stacked-red {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 100vh;
		background-color: #E50914;
		z-index: 190
	}

	.section.stacked .stacked-red.animated {
		animation: roll-out 750ms forwards;
		animation-delay: 320ms;
		animation-timing-function: ease-in-out
	}

	.section.stacked .stacked-white {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: calc(100vh - 200px);
		background-color: #F5F5F1;
		z-index: 200
	}

	.section.stacked .stacked-white.animated {
		animation: roll-out 750ms forwards;
		animation-delay: 120ms;
		animation-timing-function: ease-in-out
	}

	.section.stacked .shadow:after {
		content: '';
		position: absolute;
		z-index: -1;
		top: 100%;
		bottom: 0;
		height: 50px;
		left: 0;
		right: 0;
		background: radial-gradient(ellipse at 50% -3%, rgba(0, 0, 0, 0.4), rgba(97, 97, 97, 0) 40%)
	}
}

.player-close {
	display: none;
	height: 24px;
	width: 24px;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 30;
	cursor: pointer
}

.player-close img {
	width: 100%;
	height: 100%
}

@media (min-width: 58.75em) {
	.text-media {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-moz-box-align: stretch;
		box-align: stretch;
		-webkit-align-items: stretch;
		-moz-align-items: stretch;
		-ms-align-items: stretch;
		-o-align-items: stretch;
		align-items: stretch;
		-ms-flex-align: stretch;
		min-height: 100vh
	}
}

.text-media .media {
	height: 250px
}

@media (min-width: 43.75em) {
	.text-media .media {
		height: 450px
	}
}

@media (min-width: 58.75em) {
	.text-media .media {
		height: auto;
		width: 50%
	}
}

@media (min-width: 58.75em) {
	.text-media .text {
		box-sizing: border-box;
		height: auto;
		width: 50%;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		box-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		align-items: center;
		-ms-flex-align: center
	}

	.text-media .text.no-container {
		display: initial
	}
}

.text-media .text.home-6-text {
	-webkit-align-self: center;
	-moz-align-self: center;
	align-self: center;
	-ms-flex-item-align: center;
	position: relative;
	left: 0
}

.text-media.reverse {
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	-webkit-box-direction: reverse;
	-moz-box-direction: reverse;
	box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-direction: row-reverse
}

.text-media.trainer.desktop {
	display: none
}

@media (min-width: 58.75em) {
	.text-media.trainer.desktop {
		display: flex;
		margin-bottom: -84px
	}
}

@media (min-width: 58.75em) {
	.text-media.trainer.mobile {
		display: none
	}
}

.text-media.trainer.mobile .section {
	padding: 0
}

.text-media.trainer.mobile .mobile-step {
	width: 100%;
	margin-bottom: 8px
}

.text-media.trainer.mobile .step-number {
	margin-top: 0
}

.text-media.trainer.mobile .mobile-step-text {
	padding: 24px;
	max-width: 640px;
	margin: 0 auto
}

.text-media.hero-2 {
	background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.4)), url("hero-2-sm-d7ea91c8a699536aff7ed068a9566160ce6011c5d6ccceb73a3abd105fb561a8.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: #ffffff;
	height: 650px
}

@media (min-width: 43.75em) {
	.text-media.hero-2 {
		background-position: bottom;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-moz-box-align: end;
		box-align: end;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		-ms-align-items: flex-end;
		-o-align-items: flex-end;
		align-items: flex-end;
		-ms-flex-align: end;
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8)), url("hero-2-sm-d7ea91c8a699536aff7ed068a9566160ce6011c5d6ccceb73a3abd105fb561a8.jpg")
	}
}

@media (min-width: 58.75em) {
	.text-media.hero-2 {
		background: #ffffff;
		color: #000000;
		-webkit-box-align: center;
		-moz-box-align: center;
		box-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		align-items: center;
		-ms-flex-align: center
	}
}

.text-media.hero-2 .home-2 {
	display: none
}

@media (min-width: 58.75em) {
	.text-media.hero-2 .home-2 {
		display: initial;
		height: 100%
	}
}


.text-media.hero-2 .home-22 {
	display: none
}

@media (min-width: 58.75em) {
	.text-media.hero-2 .home-22 {
		display: initial;
		height: 100%
	}
}



.trainer-groups {
	padding: 0;
	position: relative
}

@media (min-width: 58.75em) {
	.trainer-groups {
		box-sizing: border-box;
		padding: 0;
		overflow: hidden;
		width: 100%
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group {
		height: 100vh
	}

	.trainer-groups .trainer-group:after {
		display: block;
		content: "";
		position: absolute;
		z-index: 100;
		height: 0;
		left: 2%;
		width: 96%;
		top: 0;
		bottom: auto;
		border-radius: 60%;
		background: transparent;
		box-shadow: 0 0 40px 5px rgba(0, 0, 0, 0.8);
		transform: translateX(0)
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper {
		box-sizing: border-box;
		height: 100vh
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers {
	text-align: center;
	padding: 0
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers {
		height: 100vh;
		box-sizing: border-box;
		padding: 0
	}

	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .top-headline {
		display: none
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .style-slider {
	padding: 24px;
	box-sizing: border-box
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .style-slider .headline-3 {
	margin: 0
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .style-slider {
		display: none
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector {
	position: relative;
	height: 470px
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector {
		height: 580px
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector {
		height: 100vh;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		flex-direction: column;
		-ms-flex-direction: column
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .headline {
	position: absolute;
	text-align: left;
	padding: 24px 24px 0 24px;
	font-size: 34px
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .headline {
		font-size: 60px
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .headline {
		font-size: 88px;
		line-height: 80px;
		padding-top: 40px
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg {
	background-position: top;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 4
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.active {
	z-index: 5;
	-webkit-animation: grow-circle 1666ms forwards;
	-moz-animation: grow-circle 1666ms forwards;
	animation: grow-circle 1666ms forwards;
	-webkit-clip-path: circle(0% at 0px 100%);
	-moz-clip-path: circle(0% at 0px 100%);
	-ms-clip-path: circle(0% at 0px 100%);
	clip-path: circle(0% at 0px 100%)
}

@-webkit-keyframes grow-circle {
	0% {
		-webkit-clip-path: circle(0% at 0px 100%);
		-moz-clip-path: circle(0% at 0px 100%);
		-ms-clip-path: circle(0% at 0px 100%);
		clip-path: circle(0% at 0px 100%)
	}

	100% {
		-webkit-clip-path: circle(200% at 0px 80px);
		-moz-clip-path: circle(200% at 0px 80px);
		-ms-clip-path: circle(200% at 0px 80px);
		clip-path: circle(200% at 0px 80px)
	}
}

@-moz-keyframes grow-circle {
	0% {
		-webkit-clip-path: circle(0% at 0px 100%);
		-moz-clip-path: circle(0% at 0px 100%);
		-ms-clip-path: circle(0% at 0px 100%);
		clip-path: circle(0% at 0px 100%)
	}

	100% {
		-webkit-clip-path: circle(200% at 0px 80px);
		-moz-clip-path: circle(200% at 0px 80px);
		-ms-clip-path: circle(200% at 0px 80px);
		clip-path: circle(200% at 0px 80px)
	}
}

@keyframes grow-circle {
	0% {
		-webkit-clip-path: circle(0% at 0px 100%);
		-moz-clip-path: circle(0% at 0px 100%);
		-ms-clip-path: circle(0% at 0px 100%);
		clip-path: circle(0% at 0px 100%)
	}

	100% {
		-webkit-clip-path: circle(200% at 0px 80px);
		-moz-clip-path: circle(200% at 0px 80px);
		-ms-clip-path: circle(200% at 0px 80px);
		clip-path: circle(200% at 0px 80px)
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.first {
	z-index: 5
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.dustin {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/dustin-bg-sm-a069c800448ac8845273c1953e17b3740126e762b38cb7340d787e3a48c4e94e.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.dustin {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/dustin-bg-e100f46fca13d53c24deef43ccf39af2736783031b74533084fed40a9dc131fd.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.narcos {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/narcos-bg-sm-c441c18170922ba057bd4c82a7901ded623f8e3b35658ede01b2c1e84d424a83.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.narcos {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/narcos-bg-4907898eb56223f0ffbd1ed7f1847f192e12967b3aaeab40cc174aa8fd9cb599.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.taystee {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/taystee-bg-sm-d81cb2e2c8463f9084ad95448b466dfbc3fbe51280bd395734420c94b6f4ad23.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.taystee {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/taystee-bg-2f506d56b1491c9ed0e12ff1f26052040d075bda99e4bd91c168461b89481f5a.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.jessica-jones {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/jessica-jones-bg-sm-03aad9e6b17c379ca501ced99bd6d93b4b56ab1fff5a53a88c9d343f8811818c.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.jessica-jones {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/jessica-jones-bg-e4c9b1dd5ba02b6b80cb09930ff0c969e7c62fead9db15813a49d1c8b6712133.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.queen {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/queen-bg-sm-a5a1231bd426d94dadb23f8cd5be303e2bc04aef348fc9d5800bf460e3dd99d3.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.queen {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/queen-bg-86e6ad9defa9daa9476d5a377ba63733ba09b51a3158e68a5a13ea63338ba303.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.red {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/red-bg-sm-c75797530969233ccfc19dc3022641ff2fd91143d513d96bb0437fd8d1972931.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.red {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/red-bg-69c94c76d712f4501e8bf2b61158afdac0a45544a5fcd812a49c7f5ff1084a17.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.kimmy {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/kimmy-bg-sm-039bf43dc933b0ae335f346c9174c7778805f5199483c59a927b0c27e5ea9b3d.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.kimmy {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/kimmy-bg-d8f44b1db137c989f442639467fb2159a819cb0f2edd67c2552e99ed8985bb8b.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.frankie {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/frankie-bg-sm-3cdcf09317522b1b0b94b4be930eeaadcdd09aaae34c3eebe23a1bb3aacf5711.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.frankie {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/frankie-bg-4f8a4501a8dca994f4b7be679235b1f2c4c3f63f4184eb64cd8adfebb4481fa3.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.bojack {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/bojack-bg-sm-765d974e5538c242e1e805f635cefea4811a3c98bc9bf8a45980af410132d2b2.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.bojack {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/makhno.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.titus {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/titus-bg-sm-1f4c89b7cbed6e8eea9f176b0a439376e638a9a517993f7a318a76c538938d8c.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.titus {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/titus-bg-ed97193a2c9b0156f700d21494480140d41af87b25f8b45831ef46432386add8.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.dynamite {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/dynamite-bg-sm-b24e626d2b3e6d780a10d0fede52e8e272a3d68dd82a4e41fb7de4c1425fa56b.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.dynamite {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/dynamite-bg-bf0666ca0b4df543cd8bde394b3166b45c2e1fe73237bbbf8d1bfcbdfdaff51b.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.kimmy-gib {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/kimmy-gib-bg-sm-60739c63a3dc29854e4e1b608fe7fb0557ae2c38a8a04c902403c7aef44bfd98.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.kimmy-gib {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/kimmy-gib-bg-85728d05b3fdf56489f259a8d09beb993c73db8ee79a01c48ebf5e705b271811.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.steph {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/steph-bg-sm-35fea28d33455352f25c0d8e651d455d92f953d055758ea75bd78bd95680a781.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.steph {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("trainers/steph-bg-f1a286cb8039321b336b92cd8d86cfefbed5a23075fbdfc2a56e1a15223b38fd.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.frank {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("trainers/frank-bg-sm-5d69b40dd6d61cb1c62356d07de9238981ee99fc7a9031b789fd4100d84fda71.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.frank {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("trainers/frank-bg-f6f8c082322a48b823ba72d51d08e52227a28d301ef2318a0b373f69cd35cb09.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.terry {
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("trainers/terry-bg-sm-cfff97f734aa59cfd2c42a042cca64594d7c4b4356a83a75ab67d34fc0c85734.jpg")
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-selector .trainer-hero-bg.terry {
		background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("trainers/terry-bg-b0f4f5e8cc3260b594e0e14e7509494559723ff2e59fd09f3dc8198be8a58c7b.jpg")
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero {
	position: relative;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-moz-box-align: end;
	box-align: end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	align-items: flex-end;
	-ms-flex-align: end;
	box-sizing: border-box;
	text-align: left;
	padding: 24px 24px 94px 24px;
	z-index: 1000
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero {
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-box-align: center;
		-moz-box-align: center;
		box-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		align-items: center;
		-ms-flex-align: center;
		padding-bottom: 0
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero {
		padding-bottom: 70px
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero p {
	margin: 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-info {
	z-index: 1000
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-info {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		box-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		align-items: center;
		-ms-flex-align: center
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-info {
		margin-top: 36px
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-style-indicators {
	display: none;
	position: absolute;
	z-index: 5000;
	right: 40px;
	top: 275px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-style-indicators {
		display: block
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-style-indicators .indicator {
	border: 2px solid #ffffff;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin-top: 16px;
	margin-left: 32px
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-style-indicators .indicator.active {
	background: #ffffff
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-device {
	width: 85px;
	height: 135px;
	background-image: url("http://igordubina.com/assets/trainers/trainer-device-sprite-f77b7d3e398f051e5da6ca375cd71780c079775e391514c40a16a367503ac5b6.png");
	background-size: cover
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-device.comic {
	background-position: 6.66% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-device.tough {
	background-position: 40% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-device.positive {
	background-position: 73.33% 0
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-device {
		display: inherit;
		opacity: 1;
		width: 150px;
		height: 238px
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-device {
		width: 200px;
		height: 318px
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-device.animation-placeholder {
	display: none;
	position: absolute;
	left: 24px;
	top: 143px;
	background-image: url("http://igordubina.com/assets/trainers/trainer-device-sprite-f77b7d3e398f051e5da6ca375cd71780c079775e391514c40a16a367503ac5b6.png");
	background-size: cover;
	background-position: 0 0
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-device.animation-placeholder {
		top: initial
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-device.animation-placeholder {
		top: initial
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-name {
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 10px
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-name {
		margin-bottom: 16px
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-name {
		font-size: 40px
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-show {
	text-transform: uppercase;
	padding-left: 6px;
	border-left: 2px solid #E50914;
	line-height: 16px;
	min-height: 32px
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-show a {
	color: #ffffff;
	border-bottom: none
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .trainer-show {
		margin-bottom: 8px;
		line-height: 18px;
		min-height: 36px
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .info-container {
	margin-top: 20px;
	margin-bottom: 12px;
	display: none
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .info-container {
		margin-left: 24px
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-hero .info-container.active {
	display: block
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid {
	display: none;
	position: absolute;
	width: 100%;
	bottom: 8px;
	z-index: 5000;
	text-align: center;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-transition: background-color 555ms ease-in-out;
	-moz-transition: background-color 555ms ease-in-out;
	transition: background-color 555ms ease-in-out
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid {
		bottom: 24px
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid {
		position: absolute;
		width: 100%;
		bottom: 120px;
		height: 90px;
		box-sizing: border-box
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	box-direction: normal;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	padding: 10px 5px;
	height: 100%;
	position: relative;
	cursor: pointer;
	height: auto;
	text-align: center;
	width: 20%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item {
		max-width: 250px;
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		box-direction: normal;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		flex-direction: row;
		-ms-flex-direction: row;
		-webkit-box-align: center;
		-moz-box-align: center;
		box-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-o-align-items: center;
		align-items: center;
		-ms-flex-align: center;
		-webkit-box-pack: distribute;
		-moz-box-pack: distribute;
		box-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-o-justify-content: space-around;
		justify-content: space-around;
		-ms-flex-pack: distribute;
		-webkit-flex-basis: 250px;
		-moz-flex-basis: 250px;
		flex-basis: 250px;
		-ms-flex-preferred-size: 250px;
		padding: 0px 30px;
		text-align: left
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb {
	position: relative;
	height: auto;
	width: 100%;
	max-width: 60px;
	border-radius: 50%;
	background-image: url("trainers/trainer-thumb-sprite-743f428ece2acf3ab6bbc13912468394509d62ab051ea29f7c8dec2083bb5505.jpg");
	background-size: cover;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb:before {
	content: '';
	float: left;
	padding-top: 100%
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.dustin {
	background-position: 0% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.bojack {
	background-position: 7.14% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.titus {
	background-position: 14.28% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.dynamite {
	background-position: 21.42% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.steph {
	background-position: 28.56% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.terry {
	background-position: 35.7% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.narcos {
	background-position: 42.84% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.jessica-jones {
	background-position: 49.98% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.frank {
	background-position: 57.12% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.red {
	background-position: 64.26% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.kimmy {
	background-position: 71.4% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.frankie {
	background-position: 78.54% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.kimmy-gib {
	background-position: 85.68% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.queen {
	background-position: 92.82% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item .trainer-thumb.taystee {
	background-position: 100% 0
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item:hover .trainer-thumb {
	box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item:hover .grid-item-overlay {
	box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.3);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item:hover .grid-item-overlay img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	transform: translate(-50%, -50%)
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item p {
	display: none
}

@media (min-width: 43.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item p {
		text-align: left;
		line-height: 100%;
		margin: 10px 0 0 0;
		font-size: 12px;
		padding-left: 6px;
		min-height: 24px;
		border-left: 2px solid #E50914
	}
}

@media (min-width: 58.75em) {
	.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item p {
		display: initial;
		margin: 10px 0 0 12px;
		width: 50%
	}
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item p a {
	border-bottom: none;
	color: #F5F5F1
}

.trainer-groups .trainer-group .trainer-group-wrapper .trainers .trainer-grid .trainer-grid-item.active .trainer-thumb:after {
	content: "";
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	border: 1px solid #ffffff;
	background-image: url("sound-icon-2-308caf7ad6e22fdbdbd9d89853114048c3edb049d8827c699905c2ea602810b2.svg");
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.trainer-groups .swiper-button-prev,
.trainer-groups .swiper-button-next {
	background: none;
	top: 48px;
	width: 25px;
	height: 25px
}

.trainer-groups .swiper-button-prev img,
.trainer-groups .swiper-button-next img {
	width: 100%;
	transform: rotate(90deg)
}

@media (min-width: 58.75em) {

	.trainer-groups .swiper-button-prev,
	.trainer-groups .swiper-button-next {
		display: none
	}
}

.trainer-groups .swiper-button-next img {
	transform: rotate(-90deg)
}

.media-gallery {
	box-sizing: border-box;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	overflow: hidden
}

@media (min-width: 58.75em) {
	.media-gallery {
		padding-bottom: 50px
	}
}

.media-gallery.small {
	padding: 24px 0
}

.media-gallery.small .media-grid {
	margin-top: 0
}

.media-gallery.small .media-slide-control {
	margin-top: 56px
}

.media-gallery .media-slide-control {
	position: absolute;
	bottom: 0;
	top: 0;
	display: flex;
	align-items: center;
	margin-bottom: 56px;
	z-index: 10;
	cursor: pointer
}

.media-gallery .media-slide-control.right {
	padding-right: 10px;
	padding-left: 50px;
	right: 0;
	box-shadow: inset -70px 0px 75px -30px rgba(0, 0, 0, 0.75)
}

.media-gallery .media-slide-control.right img {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.media-gallery .media-slide-control.left {
	padding-left: 10px;
	padding-right: 50px;
	left: 0;
	box-shadow: inset 70px 0px 75px -30px rgba(0, 0, 0, 0.75)
}

.media-gallery .media-slide-control.left img {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.media-gallery .media-grid {
	position: relative;
	margin-top: 24px;
	padding: 0;
	left: 0
}

@media (min-width: 43.75em) {
	.media-gallery .media-grid {
		margin-top: 64px
	}
}

.media-gallery .media img {
	width: 100%
}

.media-gallery .headline {
	margin-left: 24px
}

@media (min-width: 43.75em) {
	.media-gallery .headline {
		margin-left: 84px
	}
}

@media (min-width: 58.75em) {
	.media-gallery .headline {
		margin-left: 104px
	}
}

.media-gallery .title-bar {
	height: 56px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center
}

@media (min-width: 58.75em) {
	.media-gallery .title-bar {
		-webkit-box-pack: start;
		-moz-box-pack: start;
		box-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
		-ms-flex-pack: start;
		background-color: #343131;
		opacity: 0
	}
}

.media-gallery .title-bar .title {
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	margin: 0
}

@media (min-width: 58.75em) {
	.media-gallery .title-bar .title {
		margin-left: 16px
	}
}

.media-gallery .action-bar {
	display: none;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 56px
}

@media (min-width: 43.75em) {
	.media-gallery .action-bar {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex
	}
}

@media (min-width: 58.75em) {
	.media-gallery .action-bar {
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-pack: justify;
		background-color: #343131;
		opacity: 0
	}
}

.media-gallery .action-bar .action-label {
	margin: 5px 24px 0 16px;
	text-transform: uppercase;
	font-size: 16px
}

@media (min-width: 43.75em) {
	.media-gallery .action-bar .action-label {
		margin-top: 0
	}
}

.media-gallery .action-bar .action-icons {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

.media-gallery .action-bar .action-icon {
	border-bottom: none;
	padding-bottom: 0;
	opacity: 0.5;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer
}

.media-gallery .action-bar .action-icon:hover {
	opacity: 1
}

.media-gallery .swiper-slide-active .action-bar {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

.media-gallery .media-container {
	line-height: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	outline: solid 6px rgba(52, 49, 49, 0)
}

@media (min-width: 58.75em) {
	.media-gallery .media-container {
		margin-right: 16px
	}

	.media-gallery .media-container:last-child {
		margin-right: 0
	}

	.media-gallery .media-container:hover {
		-webkit-transform: scale(1.0125);
		-moz-transform: scale(1.0125);
		-ms-transform: scale(1.0125);
		-o-transform: scale(1.0125);
		transform: scale(1.0125)
	}

	.media-gallery .media-container:hover .title-bar,
	.media-gallery .media-container:hover .action-bar {
		opacity: 1
	}
}

.media-gallery.doorbell-grid {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: stretch;
	-moz-align-content: stretch;
	align-content: stretch;
	-ms-flex-line-pack: stretch;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	padding: 0;
	color: #ffffff
}

@media (min-width: 58.75em) {
	.media-gallery.doorbell-grid {
		-webkit-box-lines: single;
		-moz-box-lines: single;
		box-lines: single;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap
	}
}

.media-gallery.doorbell-grid h3,
.media-gallery.doorbell-grid p {
	margin: 24px
}

.media-gallery.doorbell-grid .doorbell {
	position: relative;
	width: 100%;
	min-height: 400px
}

@media (min-width: 58.75em) {
	.media-gallery.doorbell-grid .doorbell {
		min-height: 620px;
		width: 50%
	}
}

.media-gallery.doorbell-grid .doorbell .headline-3 {
	margin-bottom: 12px
}

.media-gallery.doorbell-grid .doorbell .sub-head {
	font-size: 20px;
	padding-bottom: 18px;
	line-height: 24px;
	margin-top: 0
}

.media-gallery.doorbell-grid .doorbell .sub-head a {
	color: #ffffff;
	border-bottom: none
}

.media-gallery.doorbell-grid .doorbell.stranger-things {
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/projects/doorbell/stranger-things-f9b6845c0cd9e67ca1b217e5840e9794fefc4caa92430c2d1623250146b0f8b8.jpg");
	background-size: cover;
	background-position: right
}

@media (min-width: 58.75em) {
	.media-gallery.doorbell-grid .doorbell.stranger-things {
		background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/projects/doorbell/stranger-things-lg-1bcc4bc87f2f546aee621c0b17132b3bca79d4ca6bb20db12b4a1a29b0e26684.jpg");
		background-size: cover;
		background-position: center
	}
}

.media-gallery.doorbell-grid .doorbell.black-mirror {
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/projects/doorbell/black-mirror-277e30c4356f4b1e2ae6bc74dc772fa7308c05dbe933cce27c341075b045f116.jpg");
	background-size: cover;
	background-position: right
}

@media (min-width: 58.75em) {
	.media-gallery.doorbell-grid .doorbell.black-mirror {
		background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/projects/doorbell/black-mirror-lg-b8b5dee544137bfd25a98b7ee5c52481b5ae7239fb4ee7200fe3689f099fac21.jpg");
		background-size: cover;
		background-position: center
	}
}

.media-gallery.doorbell-grid .doorbell.walking-dead {
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/projects/doorbell/walking-dead-3a055a4ba610a5c4b737ab9eef6761a9cde11192ec6f836322e746a3e0511cdf.jpg");
	background-size: cover;
	background-position: right
}

@media (min-width: 58.75em) {
	.media-gallery.doorbell-grid .doorbell.walking-dead {
		background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/projects/doorbell/walking-dead-lg-306d85c41fb5592852b9c9ce1e3c243839177188c8b3c60d345218239f68426c.jpg");
		background-size: cover;
		background-position: center
	}
}

.media-gallery.doorbell-grid .doorbell.american-horror {
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)), url("http://igordubina.com/assets/projects/doorbell/american-horror-f4ba386a9e234319948a7ddb0622d99a1eb774279af282695617f9ab1a1328d7.jpg");
	background-size: cover;
	background-position: right
}

@media (min-width: 58.75em) {
	.media-gallery.doorbell-grid .doorbell.american-horror {
		background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6)), url("http://igordubina.com/assets/projects/doorbell/american-horror-lg-7ec626928057c4e705196384be87bfbdea06f990df925de3ef16b4ade9f8a556.jpg");
		background-size: cover;
		background-position: center
	}
}

.media-gallery.doorbell-grid .doorbell .button {
	position: absolute;
	bottom: 14px;
	left: 15px;
	width: 130px
}

@media (min-width: 43.75em) {
	.media-gallery.doorbell-grid .doorbell .button {
		width: 160px
	}
}

.media-gallery.doorbell-grid .doorbell .doorbell-download {
	position: absolute;
	right: 15px;
	bottom: 15px;
	transition: all 0.3s ease-in-out
}

.media-gallery.doorbell-grid .doorbell .doorbell-download:hover {
	opacity: 0.75
}

.body-media-container {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center
}

.body-media-container .overlay {
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
	height: 100%;
	width: 100%;
	position: absolute
}

.body-media-container .video {
	padding: 0;
	max-width: 950px;
	height: initial;
	position: relative
}

.body-media-container .video a {
	line-height: 0
}

.body-media-container .body-image {
	width: 100%
}

@media (min-width: 58.75em) {
	.library-grid {
		display: -webkit-box;
		display: -moz-box;
		display: box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex
	}
}

.library-grid .library-grid-item {
	position: relative;
	overflow: hidden
}

@media (min-width: 43.75em) {
	.library-grid .library-grid-item {
		height: 700px
	}
}

@media (min-width: 58.75em) {
	.library-grid .library-grid-item {
		padding: 56px;
		width: 50%
	}

	.library-grid .library-grid-item h1 {
		font-size: 72px
	}
}

.submit {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	box-sizing: border-box
}

@media (min-width: 43.75em) {
	.submit {
		height: 600px
	}
}

@media (min-width: 58.75em) {
	.submit {
		background-position: bottom center;
		height: 500px
	}
}

.submit p {
	max-width: 550px;
	font-size: 14px;
	line-height: 20px
}

.submit .disclaimer {
	display: none;
	margin-top: 24px
}

.submit .disclaimer h4 {
	font-weight: 600
}

.submit .disclaimer p {
	margin-bottom: 0
}

.submit .button {
	background: #ffffff;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
	border: 1px solid #E50914;
	padding: 16px 32px;
	margin-top: 24px;
	display: inline-block;
	color: #E50914;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	width: 190px;
	cursor: pointer
}

.submit .button:hover {
	background-color: #E50914;
	color: #ffffff
}

.submit label {
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 24px;
	display: inline-block
}

.submit input,
.submit textarea {
	display: inline-block;
	margin-top: 8px;
	height: 50px;
	background: #F5F5F1;
	-webkit-appearance: none;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	font-family: "gotham", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
	font-size: 16px;
	padding: 16px;
	box-sizing: border-box;
	width: 100%;
	transition: all 0.3s ease-in-out;
	outline: none;
	border: 1px solid rgba(170, 21, 27, 0)
}

.submit input:focus,
.submit textarea:focus {
	border: 1px solid #e50914
}

.submit textarea {
	height: 100px
}

@media (min-width: 58.75em) {
	.submit textarea {
		height: 50px
	}
}

.idea-submit-confirm {
	display: none;
	position: fixed;
	z-index: 5;
	width: 100%;
	height: 60px;
	top: 0;
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.9);
	text-align: center
}

.idea-submit-confirm p {
	display: inline-block;
	margin: 0;
	line-height: 60px
}

.idea-submit-confirm img {
	float: right;
	height: 20px;
	margin-right: 20px;
	margin-top: 20px;
	cursor: pointer
}

footer {
	position: relative;
	z-index: 100;
	padding: 24px;
	background: #000000
}

@media (min-width: 58.75em) {
	footer {
		height: 36px
	}
}

footer .container {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	box-direction: normal;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-ms-flex-direction: column;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-ms-flex-align: center;
	height: 100%
}

@media (min-width: 58.75em) {
	footer .container {
		-webkit-box-orient: horizontal;
		-moz-box-orient: horizontal;
		box-orient: horizontal;
		-webkit-box-direction: reverse;
		-moz-box-direction: reverse;
		box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-moz-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		-webkit-box-pack: justify;
		-moz-box-pack: justify;
		box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-pack: justify
	}
}

footer .logo {
	width: 107px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1
}

footer . kit-box-align:center;
-moz-box-align:center;
box-align:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
-ms-flex-align:center;
padding:0;
-webkit-box-flex:3;
-moz-box-flex:3;
box-flex:3;
-webkit-flex:3;
-moz-flex:3;
-ms-flex:3;
flex:3;
max-width:none
}
}

footer ul li {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 16px;
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-ms-flex-pack: center
}

@media (min-width: 58.75em) {
	footer ul li {
		margin-left: 36px;
		margin-bottom: 0
	}
}

footer ul li a {
	color: #F5F5F1;
	border-bottom: 1px solid rgba(170, 21, 2, 0)
}

@keyframes roll-out {
	0% {
		top: 0
	}

	100% {
		top: -110%
	}
}

/*@keyframes play-sound {
	0% {
		-webkit-clip-path: circle(130px at center)
	}

	10% {
		-webkit-clip-path: circle(150px at center)
	}

	20% {
		-webkit-clip-path: circle(140px at center)
	}

	30% {
		-webkit-clip-path: circle(145px at center)
	}

	40% {
		-webkit-clip-path: circle(135px at center)
	}

	50% {
		-webkit-clip-path: circle(140px at center)
	}

	60% {
		-webkit-clip-path: circle(138px at center)
	}

	70% {
		-webkit-clip-path: circle(148px at center)
	}

	80% {
		-webkit-clip-path: circle(144px at center)
	}

	90% {
		-webkit-clip-path: circle(100px at center)
	}

	100% {
		-webkit-clip-path: circle(140px at center)
	}
}

/*@keyframes play-sound-small {
	0% {
		-webkit-clip-path: circle(25% at center)
	}

	10% {
		-webkit-clip-path: circle(50% at center)
	}

	20% {
		-webkit-clip-path: circle(25% at center)
	}

	30% {
		-webkit-clip-path: circle(33% at center)
	}

	40% {
		-webkit-clip-path: circle(48% at center)
	}

	50% {
		-webkit-clip-path: circle(35% at center)
	}

	60% {
		-webkit-clip-path: circle(41% at center)
	}

	70% {
		-webkit-clip-path: circle(44% at center)
	}

	80% {
		-webkit-clip-path: circle(50% at center)
	}

	90% {
		-webkit-clip-path: circle(41% at center)
	}

	100% {
		-webkit-clip-path: circle(38% at center)
	}