/*-----------------------------------------------------------------------------

-	Revolution Slider 5.0 Default Style Settings -

Screen Stylesheet

version:   	5.0.0
date:      	29/10/15
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/
#debungcontrolls {
	z-index: 100000;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, .6);
	padding: 10px;
	box-sizing: border-box;
}

.debugtimeline {
	width: 100%;
	height: 10px;
	position: relative;
	display: block;
	display: none;
	margin-bottom: 3px;
	white-space: nowrap;
	box-sizing: border-box;
}

.debugtimeline:hover {
	height: 15px;
}

.the_timeline_tester {
	background: #e74c3c;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0;
}

.debugtimeline.tl_slide .the_timeline_tester {
	background: #f39c12;
}

.debugtimeline.tl_frame .the_timeline_tester {
	background: #3498db;
}

.debugtimline_txt {
	color: #fff;
	font-weight: 400;
	font-size: 7px;
	position: absolute;
	left: 10px;
	top: 0px;
	white-space: nowrap;
	line-height: 10px;
}

.rtl {
	direction: rtl;
}

[class^="revicon-"]:before, [class*=" revicon-"]:before {
	font-family: "revicons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
}

.revicon-search-1:before {
	content: "";
}

/* '' */
.revicon-pencil-1:before {
	content: "";
}

/* '' */
.revicon-picture-1:before {
	content: "";
}

/* '' */
.revicon-cancel:before {
	content: "";
}

/* '' */
.revicon-info-circled:before {
	content: "";
}

/* '' */
.revicon-trash:before {
	content: "";
}

/* '' */
.revicon-left-dir:before {
	content: "";
}

/* '' */
.revicon-right-dir:before {
	content: "";
}

/* '' */
.revicon-down-open:before {
	content: "";
}

/* '' */
.revicon-left-open:before {
	content: "";
}

/* '' */
.revicon-right-open:before {
	content: "";
}

/* '' */
.revicon-angle-left:before {
	content: "";
}

/* '' */
.revicon-angle-right:before {
	content: "";
}

/* '' */
.revicon-left-big:before {
	content: "";
}

/* '' */
.revicon-right-big:before {
	content: "";
}

/* '' */
.revicon-magic:before {
	content: "";
}

/* '' */
.revicon-picture:before {
	content: "";
}

/* '' */
.revicon-export:before {
	content: "";
}

/* '' */
.revicon-cog:before {
	content: "";
}

/* '' */
.revicon-login:before {
	content: "";
}

/* '' */
.revicon-logout:before {
	content: "";
}

/* '' */
.revicon-video:before {
	content: "";
}

/* '' */
.revicon-arrow-combo:before {
	content: "";
}

/* '' */
.revicon-left-open-1:before {
	content: "";
}

/* '' */
.revicon-right-open-1:before {
	content: "";
}

/* '' */
.revicon-left-open-mini:before {
	content: "";
}

/* '' */
.revicon-right-open-mini:before {
	content: "";
}

/* '' */
.revicon-left-open-big:before {
	content: "";
}

/* '' */
.revicon-right-open-big:before {
	content: "";
}

/* '' */
.revicon-left:before {
	content: "";
}

/* '' */
.revicon-right:before {
	content: "";
}

/* '' */
.revicon-ccw:before {
	content: "";
}

/* '' */
.revicon-arrows-ccw:before {
	content: "";
}

/* '' */
.revicon-palette:before {
	content: "";
}

/* '' */
.revicon-list-add:before {
	content: "";
}

/* '' */
.revicon-doc:before {
	content: "";
}

/* '' */
.revicon-left-open-outline:before {
	content: "";
}

/* '' */
.revicon-left-open-2:before {
	content: "";
}

/* '' */
.revicon-right-open-outline:before {
	content: "";
}

/* '' */
.revicon-right-open-2:before {
	content: "";
}

/* '' */
.revicon-equalizer:before {
	content: "";
}

/* '' */
.revicon-layers-alt:before {
	content: "";
}

/* '' */
.revicon-popup:before {
	content: "";
}

/* '' */

/******************************
	-	BASIC STYLES		-
******************************/
.rev_slider_wrapper {
	position: relative;
	z-index: 0;
}

.rev_slider {
	position: relative;
	overflow: visible;
}

.tp-overflow-hidden {
	overflow: hidden !important;
}

.group_ov_hidden {
	overflow: hidden;
}

.tp-simpleresponsive img, .rev_slider img {
	max-width: none !important;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border: none;
}

.rev_slider .no-slides-text {
	font-weight: bold;
	text-align: center;
	padding-top: 80px;
}

.rev_slider >ul, .rev_slider_wrapper >ul, .tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li {
	list-style: none !important;
	position: absolute;
	margin: 0px !important;
	padding: 0px !important;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image: none;
	background-position: 0px 0px;
	text-indent: 0em;
	top: 0px;
	left: 0px;
}

.tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li {
	visibility: hidden;
}

.tp-revslider-slidesli, .tp-revslider-mainul {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}

.rev_slider li.tp-revslider-slidesli {
	position: absolute !important;
}

.tp-caption .rs-untoggled-content {
	display: block;
}

.tp-caption .rs-toggled-content {
	display: none;
}

.rs-toggle-content-active.tp-caption .rs-toggled-content {
	display: block;
}

.rs-toggle-content-active.tp-caption .rs-untoggled-content {
	display: none;
}

.rev_slider .tp-caption, .rev_slider .caption {
	position: relative;
	visibility: hidden;
	white-space: nowrap;
	display: block;
}

.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap *:last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap *:last-child {
	margin-bottom: 0;
}

.tp-svg-layer svg {
	width: 100%;
	height: 100%;
	position: relative;
	vertical-align: top;
}

/* CAROUSEL FUNCTIONS */
.tp-carousel-wrapper {
	cursor: url("openhand.cur"), move;
}

.tp-carousel-wrapper.dragged {
	cursor: url("closedhand.cur"), move;
}

/* ADDED FOR SLIDELINK MANAGEMENT */
.tp-caption {
	z-index: 1;
}

.tp_inner_padding {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	max-height: none !important;
}

.tp-caption {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	position: absolute;
	-webkit-font-smoothing: antialiased !important;
}

.tp-caption.tp-layer-selectable {
	-moz-user-select: all;
	-khtml-user-select: all;
	-webkit-user-select: all;
	-o-user-select: all;
}

.tp-forcenotvisible, .tp-hide-revslider, .tp-caption.tp-hidden-caption, .tp-parallax-wrap.tp-hidden-caption {
	visibility: hidden !important;
	display: none !important;
}

.rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider audio, .rev_slider video {
	max-width: none !important;
}

.tp-element-background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
}

/***********************************************************
	- 	ZONES / GOUP / ROW / COLUMN LAYERS AND HELPERS 	-
***********************************************************/
.rev_row_zone {
	position: absolute;
	width: 100%;
	left: 0px;
	box-sizing: border-box;
	min-height: 50px;
}

.rev_row_zone_top {
	top: 0px;
}

.rev_row_zone_middle {
	top: 50%;
	-webit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.rev_row_zone_bottom {
	bottom: 0px;
}

.rev_column .tp-parallax-wrap {
	vertical-align: top;
}

.rev_slider .tp-caption.rev_row {
	display: table;
	position: relative;
	width: 100% !important;
	table-layout: fixed;
	box-sizing: border-box;
	vertical-align: top;
	height: auto !important;
}

.rev_column {
	display: table-cell;
	position: relative;
	vertical-align: top;
	height: auto;
	box-sizing: border-box;
}

.rev_column_inner {
	box-sizing: border-box;
	display: block;
	position: relative;
	width: 100% !important;
	height: auto !important;
}

.rev_column_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	box-sizing: border-box;
	background-clip: content-box;
	border: 0px solid transparent;
}

.rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-loop-wrap, .rev_column_inner .tp-mask-wrap {
	text-align: inherit;
}

.rev_column_inner .tp-mask-wrap {
	display: inline-block;
}

.rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap, .rev_column_inner .tp-parallax-wrap {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	line-height: 0px;
}

.rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap, .rev_column_inner .tp-parallax-wrap, .rev_column_inner .rev_layer_in_column {
	vertical-align: top;
}

.rev_break_columns {
	display: block !important;
}

.rev_break_columns .tp-parallax-wrap.rev_column {
	display: block !important;
	width: 100% !important;
}

/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/
.rev_slider_wrapper {
	width: 100%;
}

.fullscreen-container {
	position: relative;
	padding: 0;
}

.fullwidthbanner-container {
	position: relative;
	padding: 0;
	overflow: hidden;
}

.fullwidthbanner-container .fullwidthabanner {
	width: 100%;
	position: relative;
}

/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/
.tp-static-layers {
	position: absolute;
	z-index: 101;
	top: 0px;
	left: 0px;
}

.tp-caption .frontcorner {
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-top: 40px solid #00a8ff;
	position: absolute;
	left: -40px;
	top: 0px;
}

.tp-caption .backcorner {
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-bottom: 40px solid #00a8ff;
	position: absolute;
	right: 0px;
	top: 0px;
}

.tp-caption .frontcornertop {
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 40px solid #00a8ff;
	position: absolute;
	left: -40px;
	top: 0px;
}

.tp-caption .backcornertop {
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 40px solid transparent;
	border-top: 40px solid #00a8ff;
	position: absolute;
	right: 0px;
	top: 0px;
}

.tp-layer-inner-rotation {
	position: relative !important;
}

/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/
img.tp-slider-alternative-image {
	width: 100%;
	height: auto;
}

/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter: none !important;
}

/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.rs-background-video-layer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 0;
}

.tp-caption.coverscreenvideo {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
}

.caption.fullscreenvideo, .tp-caption.fullscreenvideo {
	left: 0px;
	top: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}

.caption.fullscreenvideo iframe, .caption.fullscreenvideo audio, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe audio, .tp-caption.fullscreenvideo iframe video {
	width: 100% !important;
	height: 100% !important;
	display: none;
}

.fullcoveredvideo audio, .fullscreenvideo audio
.fullcoveredvideo video, .fullscreenvideo video {
	background: #000;
}

.fullcoveredvideo .tp-poster {
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.videoisplaying .html5vid .tp-poster {
	display: none;
}

.tp-video-play-button {
	background: #000;
	background: rgba(0, 0, 0, .3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	z-index: 3;
	z-index: 4;
	margin-top: -25px;
	margin-left: -25px;
	line-height: 50px !important;
	text-align: center;
	cursor: pointer;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	opacity: 0;
	-webkit-transition: opacity 300ms ease-out !important;
	-moz-transition: opacity 300ms ease-out !important;
	-o-transition: opacity 300ms ease-out !important;
	transition: opacity 300ms ease-out !important;
}

.tp-hiddenaudio, .tp-audio-html5 .tp-video-play-button {
	display: none !important;
}

.tp-caption .html5vid {
	width: 100% !important;
	height: 100% !important;
}

.tp-video-play-button i {
	width: 50px;
	height: 50px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	line-height: 50px !important;
	font-size: 40px !important;
}

.tp-caption:hover .tp-video-play-button {
	opacity: 1;
}

.tp-caption .tp-revstop {
	display: none;
	border-left: 5px solid #fff !important;
	border-right: 5px solid #fff !important;
	margin-top: 15px !important;
	line-height: 20px !important;
	vertical-align: top;
	font-size: 25px !important;
}

.videoisplaying .revicon-right-dir {
	display: none;
}

.videoisplaying .tp-revstop {
	display: inline-block;
}

.videoisplaying  .tp-video-play-button {
	display: none;
}

.tp-caption:hover .tp-video-play-button {
	display: block;
}

.fullcoveredvideo .tp-video-play-button {
	display: none !important;
}

.fullscreenvideo .fullscreenvideo audio {
	object-fit: contain !important;
}

.fullscreenvideo .fullscreenvideo video {
	object-fit: contain !important;
}

.fullscreenvideo .fullcoveredvideo audio {
	object-fit: cover !important;
}

.fullscreenvideo .fullcoveredvideo video {
	object-fit: cover !important;
}

.tp-video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(to bottom, #000 13%, #323232 100%);
	background-image: -o-linear-gradient(bottom, #000 13%, #323232 100%);
	background-image: -moz-linear-gradient(bottom, #000 13%, #323232 100%);
	background-image: -webkit-linear-gradient(bottom, #000 13%, #323232 100%);
	background-image: -ms-linear-gradient(bottom, #000 13%, #323232 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.13, #000), color-stop(1, #323232));
	display: table;
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.tp-caption:hover .tp-video-controls {
	opacity: .9;
}

.tp-video-button {
	background: rgba(0, 0, 0, .5);
	border: 0;
	color: #eee;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	line-height: 12px;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	outline: none;
}

.tp-video-button:hover {
	cursor: pointer;
}

.tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap {
	padding: 0px 5px;
	display: table-cell;
	vertical-align: middle;
}

.tp-video-seek-bar-wrap {
	width: 80%;
}

.tp-video-vol-bar-wrap {
	width: 20%;
}

.tp-volume-bar, .tp-seek-bar {
	width: 100%;
	cursor: pointer;
	outline: none;
	line-height: 12px;
	margin: 0;
	padding: 0;
}

.rs-fullvideo-cover {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	background: transparent;
	z-index: 5;
}

.rs-background-video-layer video::-webkit-media-controls {
	display: none !important;
}

.rs-background-video-layer audio::-webkit-media-controls {
	display: none !important;
}

.tp-audio-html5 .tp-video-controls {
	opacity: 1 !important;
	visibility: visible !important;
}

.disabled_lc .tp-video-play-button {
	display: none !important;
}

.disabled_lc .tp-video-play-button {
	display: none !important;
}

/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay {
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}

.tp-dottedoverlay.twoxtwo {
	background: url("https://cdn-ilcbioh.nitrocdn.com/hneGcBqLhqaoUDlyKhrwchAJpnoGpDRJ/assets/images/optimized/rev-652874a/cyb-environmental.com/wp-content/plugins/revslider/public/assets/assets/gridtile.png");
}

.tp-dottedoverlay.twoxtwowhite {
	background: url("https://cdn-ilcbioh.nitrocdn.com/hneGcBqLhqaoUDlyKhrwchAJpnoGpDRJ/assets/images/optimized/rev-652874a/cyb-environmental.com/wp-content/plugins/revslider/public/assets/assets/gridtile_white.png");
}

.tp-dottedoverlay.threexthree {
	background: url("https://cdn-ilcbioh.nitrocdn.com/hneGcBqLhqaoUDlyKhrwchAJpnoGpDRJ/assets/images/optimized/rev-652874a/cyb-environmental.com/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3.png");
}

.tp-dottedoverlay.threexthreewhite {
	background: url("https://cdn-ilcbioh.nitrocdn.com/hneGcBqLhqaoUDlyKhrwchAJpnoGpDRJ/assets/images/optimized/rev-652874a/cyb-environmental.com/wp-content/plugins/revslider/public/assets/assets/gridtile_3x3_white.png");
}

/******************************
	-	SHADOWS		-
******************************/
.tp-shadowcover {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	position: absolute;
	z-index: -1;
}

.tp-shadow1 {
	-webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8);
	box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8);
}

.tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after {
	z-index: -2;
	position: absolute;
	content: "";
	bottom: 10px;
	left: 10px;
	width: 50%;
	top: 85%;
	max-width: 300px;
	background: transparent;
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
	box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.tp-shadow2:after, .tp-shadow4:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}

.tp-shadow5 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
}

.tp-shadow5:before, .tp-shadow5:after {
	content: "";
	position: absolute;
	z-index: -2;
	-webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, .6);
	box-shadow: 0 0 25px 0px rgba(0, 0, 0, .6);
	top: 30%;
	bottom: 0;
	left: 20px;
	right: 20px;
	-moz-border-radius: 100px/20px;
	border-radius: 100px/20px;
}

/******************************
	-	BUTTONS	-
*******************************/
.tp-button {
	padding: 6px 13px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 30px;
	cursor: pointer;
	color: #fff !important;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .6) !important;
	font-size: 15px;
	line-height: 45px !important;
	font-family: arial, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
}

.tp-button.big {
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, .6);
	font-weight: bold;
	padding: 9px 20px;
	font-size: 19px;
	line-height: 57px !important;
}

.purchase:hover, .tp-button:hover, .tp-button.big:hover {
	background-position: bottom, 15px 11px;
}

/*	BUTTON COLORS	*/
.tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green {
	background-color: #21a117;
	-webkit-box-shadow: 0px 3px 0px 0px #104d0b;
	-moz-box-shadow: 0px 3px 0px 0px #104d0b;
	box-shadow: 0px 3px 0px 0px #104d0b;
}

.tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue {
	background-color: #1d78cb;
	-webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
	-moz-box-shadow: 0px 3px 0px 0px #0f3e68;
	box-shadow: 0px 3px 0px 0px #0f3e68;
}

.tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red {
	background-color: #cb1d1d;
	-webkit-box-shadow: 0px 3px 0px 0px #7c1212;
	-moz-box-shadow: 0px 3px 0px 0px #7c1212;
	box-shadow: 0px 3px 0px 0px #7c1212;
}

.tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange {
	background-color: #f70;
	-webkit-box-shadow: 0px 3px 0px 0px #a34c00;
	-moz-box-shadow: 0px 3px 0px 0px #a34c00;
	box-shadow: 0px 3px 0px 0px #a34c00;
}

.tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey {
	background-color: #555;
	-webkit-box-shadow: 0px 3px 0px 0px #222;
	-moz-box-shadow: 0px 3px 0px 0px #222;
	box-shadow: 0px 3px 0px 0px #222;
}

.tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey {
	background-color: #888;
	-webkit-box-shadow: 0px 3px 0px 0px #555;
	-moz-box-shadow: 0px 3px 0px 0px #555;
	box-shadow: 0px 3px 0px 0px #555;
}

/* TP BUTTONS DESKTOP SIZE */
.rev-btn, .rev-btn:visited {
	outline: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
	line-height: 44px;
	font-size: 17px;
	font-weight: 500;
	padding: 12px 35px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "Roboto", sans-serif;
	cursor: pointer;
}

.rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 15px;
	font-weight: 900;
}

.rev-btn.rev-withicon i {
	font-size: 15px;
	font-weight: normal;
	position: relative;
	top: 0px;
	-webkit-transition: all .2s ease-out !important;
	-moz-transition: all .2s ease-out !important;
	-o-transition: all .2s ease-out !important;
	-ms-transition: all .2s ease-out !important;
	margin-left: 10px !important;
}

.rev-btn.rev-hiddenicon i {
	font-size: 15px;
	font-weight: normal;
	position: relative;
	top: 0px;
	-webkit-transition: all .2s ease-out !important;
	-moz-transition: all .2s ease-out !important;
	-o-transition: all .2s ease-out !important;
	-ms-transition: all .2s ease-out !important;
	opacity: 0;
	margin-left: 0px !important;
	width: 0px !important;
}

.rev-btn.rev-hiddenicon:hover i {
	opacity: 1 !important;
	margin-left: 10px !important;
	width: auto !important;
}

/* REV BUTTONS MEDIUM */
.rev-btn.rev-medium, .rev-btn.rev-medium:visited {
	line-height: 36px;
	font-size: 14px;
	padding: 10px 30px;
}

.rev-btn.rev-medium.rev-withicon i {
	font-size: 14px;
	top: 0px;
}

.rev-btn.rev-medium.rev-hiddenicon i {
	font-size: 14px;
	top: 0px;
}

/* REV BUTTONS SMALL */
.rev-btn.rev-small, .rev-btn.rev-small:visited {
	line-height: 28px;
	font-size: 12px;
	padding: 7px 20px;
}

.rev-btn.rev-small.rev-withicon i {
	font-size: 12px;
	top: 0px;
}

.rev-btn.rev-small.rev-hiddenicon i {
	font-size: 12px;
	top: 0px;
}

/* ROUNDING OPTIONS */
.rev-maxround {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.rev-minround {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* BURGER BUTTON */
.rev-burger {
	position: relative;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	padding: 22px 0 0 14px;
	border-radius: 50%;
	border: 1px solid rgba(51, 51, 51, .25);
	tap-highlight-color: transparent;
	cursor: pointer;
}

.rev-burger span {
	display: block;
	width: 30px;
	height: 3px;
	background: #333;
	transition: .7s;
	pointer-events: none;
	transform-style: flat !important;
}

.rev-burger span:nth-child(2) {
	margin: 3px 0;
}

#dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child {
	transform: translateY(6px) rotate(-45deg);
	-webkit-transform: translateY(6px) rotate(-45deg);
}

#dialog_addbutton .rev-burger:hover :nth-child(2), .open .rev-burger :nth-child(2), .open.rev-burger :nth-child(2) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	opacity: 0;
}

#dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child {
	transform: translateY(-6px) rotate(-135deg);
	-webkit-transform: translateY(-6px) rotate(-135deg);
}

.rev-burger.revb-white {
	border: 2px solid rgba(255, 255, 255, .2);
}

.rev-burger.revb-white span {
	background: #fff;
}

.rev-burger.revb-whitenoborder {
	border: 0;
}

.rev-burger.revb-whitenoborder span {
	background: #fff;
}

.rev-burger.revb-darknoborder {
	border: 0;
}

.rev-burger.revb-darknoborder span {
	background: #333;
}

.rev-burger.revb-whitefull {
	background: #fff;
	border: none;
}

.rev-burger.revb-whitefull span {
	background: #333;
}

.rev-burger.revb-darkfull {
	background: #333;
	border: none;
}

.rev-burger.revb-darkfull span {
	background: #fff;
}

/* SCROLL DOWN BUTTON */
@-webkit-keyframes rev-ani-mouse {
	0% {
		opacity: 1;
		top: 29%;
	}
	
	15% {
		opacity: 1;
		top: 50%;
	}
	
	50% {
		opacity: 0;
		top: 50%;
	}
	
	100% {
		opacity: 0;
		top: 29%;
	}
}

@-moz-keyframes rev-ani-mouse {
	0% {
		opacity: 1;
		top: 29%;
	}
	
	15% {
		opacity: 1;
		top: 50%;
	}
	
	50% {
		opacity: 0;
		top: 50%;
	}
	
	100% {
		opacity: 0;
		top: 29%;
	}
}

@keyframes rev-ani-mouse {
	0% {
		opacity: 1;
		top: 29%;
	}
	
	15% {
		opacity: 1;
		top: 50%;
	}
	
	50% {
		opacity: 0;
		top: 50%;
	}
	
	100% {
		opacity: 0;
		top: 29%;
	}
}

.rev-scroll-btn {
	display: inline-block;
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	width: 35px;
	height: 55px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}

.rev-scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #fff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}

.rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *.active {
	color: #fff;
}

.rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *:active, .rev-scroll-btn > *.active {
	filter: alpha(opacity=80);
}

.rev-scroll-btn.revs-fullwhite {
	background: #fff;
}

.rev-scroll-btn.revs-fullwhite span {
	background: #333;
}

.rev-scroll-btn.revs-fulldark {
	background: #333;
	border: none;
}

.rev-scroll-btn.revs-fulldark  span {
	background: #fff;
}

.rev-scroll-btn span {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: rev-ani-mouse 2.5s linear infinite;
	-moz-animation: rev-ani-mouse 2.5s linear infinite;
	animation: rev-ani-mouse 2.5s linear infinite;
}

.rev-scroll-btn.revs-dark {
	border-color: #333;
}

.rev-scroll-btn.revs-dark span {
	background: #333;
}

.rev-control-btn {
	position: relative;
	display: inline-block;
	z-index: 5;
	color: #fff;
	font-size: 20px;
	line-height: 60px;
	font-weight: 400;
	font-style: normal;
	font-family: Raleway;
	text-decoration: none;
	text-align: center;
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	border-radius: 50px;
	text-shadow: none;
	width: 60px;
	height: 60px;
	box-sizing: border-box;
	cursor: pointer;
}

.rev-cbutton-dark-sr {
	border-radius: 3px;
}

.rev-cbutton-light {
	color: #333;
	background-color: rgba(255, 255, 255, .75);
}

.rev-cbutton-light-sr {
	color: #333;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, .75);
}

.rev-sbutton {
	line-height: 37px;
	width: 37px;
	height: 37px;
}

.rev-sbutton-blue {
	background-color: #3b5998;
}

.rev-sbutton-lightblue {
	background-color: #00a0d1;
}

.rev-sbutton-red {
	background-color: #dd4b39;
}

/************************************
-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer {
	visibility: hidden;
	width: 100%;
	height: 5px;
	background: #fff;
	background: rgba(0, 0, 0, .15);
	position: absolute;
	z-index: 200;
	top: 0px;
}

.tp-bannertimer.tp-bottom {
	top: auto;
	bottom: 0px !important;
	height: 5px;
}

/*********************************************
-	BASIC SETTINGS FOR THE BANNER	-
***********************************************/
.tp-simpleresponsive img {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

.tp-caption img {
	background: transparent;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(0, 255, 255, 1), endColorstr=rgba(0, 255, 255, 1));
	zoom: 1;
}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div, .tp-caption.slidelink a div {
	width: 3000px;
	height: 1500px;
	background: url("https://cyb-environmental.com/wp-content/plugins/revslider/public/assets/assets/coloredbg.png") repeat;
}

.tp-caption.slidelink a span {
	background: url("https://cyb-environmental.com/wp-content/plugins/revslider/public/assets/assets/coloredbg.png") repeat;
}

.tp-caption.slidelink a span.nitro-lazy {
	background: none !important;
}

.caption.slidelink a div.nitro-lazy, .tp-caption.slidelink a div.nitro-lazy {
	background: none !important;
}

.tp-shape {
	width: 100%;
	height: 100%;
}

/*********************************************
-	WOOCOMMERCE STYLES	-
***********************************************/
.tp-caption .rs-starring {
	display: inline-block;
}

.tp-caption .rs-starring .star-rating {
	float: none;
}

.tp-caption .rs-starring .star-rating {
	color: #ffc321 !important;
	display: inline-block;
	vertical-align: top;
}

.tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating {
	position: relative;
	height: 1em;
	width: 5.4em;
	font-family: star;
}

.tp-caption  .rs-starring .star-rating:before, .tp-caption  .rs-starring-page .star-rating:before {
	content: "sssss";
	color: #e0dadf;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.tp-caption .rs-starring .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
	font-size: 1em !important;
}

.tp-caption .rs-starring .star-rating span:before, .tp-caption .rs-starring .star-rating span:before {
	content: "SSSSS";
	top: 0;
	position: absolute;
	left: 0;
}

.tp-caption .rs-starring .star-rating {
	color: #ffc321 !important;
}

.tp-caption .rs-starring .star-rating, .tp-caption .rs-starring-page .star-rating {
	font-size: 1em !important;
	font-family: star;
}

/******************************
	-	LOADER FORMS	-
********************************/
.tp-loader {
	top: 50%;
	left: 50%;
	z-index: 10000;
	position: absolute;
}

.tp-loader.spinner0 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-image: url("https://cdn-ilcbioh.nitrocdn.com/hneGcBqLhqaoUDlyKhrwchAJpnoGpDRJ/assets/images/optimized/rev-652874a/cyb-environmental.com/wp-content/plugins/revslider/public/assets/assets/loader.gif");
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	margin-top: -20px;
	margin-left: -20px;
	-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tp-loader.spinner0.nitro-lazy {
	background-image: none !important;
}

.tp-loader.spinner1 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	margin-top: -20px;
	margin-left: -20px;
	-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
	animation: tp-rotateplane 1.2s infinite ease-in-out;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tp-loader.spinner5 {
	background-image: url("https://cdn-ilcbioh.nitrocdn.com/hneGcBqLhqaoUDlyKhrwchAJpnoGpDRJ/assets/images/optimized/rev-652874a/cyb-environmental.com/wp-content/plugins/revslider/public/assets/assets/loader.gif");
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-color: #fff;
	margin: -22px -22px;
	width: 44px;
	height: 44px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.tp-loader.spinner5.nitro-lazy {
	background-image: none !important;
}

@-webkit-keyframes tp-rotateplane {
	0% {
		-webkit-transform: perspective(120px);
	}
	
	50% {
		-webkit-transform: perspective(120px) rotateY(180deg);
	}
	
	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
	}
}

@keyframes tp-rotateplane {
	0% {
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
	}
	
	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
	}
	
	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}

.tp-loader.spinner2 {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	background-color: #f00;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	border-radius: 100%;
	-webkit-animation: tp-scaleout 1s infinite ease-in-out;
	animation: tp-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
	0% {
		-webkit-transform: scale(0);
	}
	
	100% {
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

@keyframes tp-scaleout {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
		opacity: 0;
	}
}

.tp-loader.spinner3 {
	margin: -9px 0px 0px -35px;
	width: 70px;
	text-align: center;
}

.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
	width: 18px;
	height: 18px;
	background-color: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
	animation: tp-bouncedelay 1.4s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
	-webkit-animation-delay: -.32s;
	animation-delay: -.32s;
}

.tp-loader.spinner3 .bounce2 {
	-webkit-animation-delay: -.16s;
	animation-delay: -.16s;
}

@-webkit-keyframes tp-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
	}
	
	40% {
		-webkit-transform: scale(1);
	}
}

@keyframes tp-bouncedelay {
	0%, 80%, 100% {
		transform: scale(0);
	}
	
	40% {
		transform: scale(1);
	}
}

.tp-loader.spinner4 {
	margin: -20px 0px 0px -20px;
	width: 40px;
	height: 40px;
	text-align: center;
	-webkit-animation: tp-rotate 2s infinite linear;
	animation: tp-rotate 2s infinite linear;
}

.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #fff;
	border-radius: 100%;
	-webkit-animation: tp-bounce 2s infinite ease-in-out;
	animation: tp-bounce 2s infinite ease-in-out;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .15);
}

.tp-loader.spinner4 .dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes tp-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes tp-rotate {
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes tp-bounce {
	0%, 100% {
		-webkit-transform: scale(0);
	}
	
	50% {
		-webkit-transform: scale(1);
	}
}

@keyframes tp-bounce {
	0%, 100% {
		transform: scale(0);
	}
	
	50% {
		transform: scale(1);
	}
}

/***********************************************
	-  STANDARD NAVIGATION SETTINGS 
***********************************************/
.tp-thumbs.navbar, .tp-bullets.navbar, .tp-tabs.navbar {
	border: none;
	min-height: 0;
	margin: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.tp-tabs, .tp-thumbs, .tp-bullets {
	position: absolute;
	display: block;
	z-index: 1000;
	top: 0px;
	left: 0px;
}

.tp-tab, .tp-thumb {
	cursor: pointer;
	position: absolute;
	opacity: .5;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.tp-arr-imgholder, .tp-videoposter, .tp-thumb-image, .tp-tab-image {
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected {
	opacity: 1;
}

.tp-tab-mask, .tp-thumb-mask {
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
}

.tp-tabs, .tp-thumbs {
	box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
}

.tp-bullet {
	width: 15px;
	height: 15px;
	position: absolute;
	background: #fff;
	background: rgba(255, 255, 255, .3);
	cursor: pointer;
}

.tp-bullet.selected, .tp-bullet:hover {
	background: #fff;
}

.tp-bannertimer {
	background: #000;
	background: rgba(0, 0, 0, .15);
	height: 5px;
}

.tparrows {
	cursor: pointer;
	background: #000;
	background: rgba(0, 0, 0, .5);
	width: 40px;
	height: 40px;
	position: absolute;
	display: block;
	z-index: 1000;
}

.tparrows:hover {
	background: #000;
}

.tparrows:before {
	font-family: "revicons";
	font-size: 15px;
	color: #fff;
	display: block;
	line-height: 40px;
	text-align: center;
}

.tparrows.tp-leftarrow:before {
	content: "";
}

.tparrows.tp-rightarrow:before {
	content: "";
}

/***************************
	- KEN BURNS FIXES -
***************************/
body.rtl .tp-kbimg {
	left: 0 !important;
}

/***************************
	- 3D SHADOW MODE -
***************************/
.dddwrappershadow {
	box-shadow: 0 45px 100px rgba(0, 0, 0, .4);
}

/*******************
	- DEBUG MODE -
*******************/
.hglayerinfo {
	position: fixed;
	bottom: 0px;
	left: 0px;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	font-weight: 600;
	background: rgba(0, 0, 0, .75);
	padding: 5px 10px;
	z-index: 2000;
	white-space: normal;
}

.hginfo {
	position: absolute;
	top: -2px;
	left: -2px;
	color: #e74c3c;
	font-size: 12px;
	font-weight: 600;
	background: #000;
	padding: 2px 5px;
}

.indebugmode .tp-caption:hover {
	border: 1px dashed #c0392b !important;
}

.helpgrid {
	border: 2px dashed #c0392b;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

#revsliderlogloglog {
	padding: 15px;
	color: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 150px;
	background: rgba(0, 0, 0, .7);
	z-index: 100000;
	font-size: 10px;
	overflow: scroll;
}

/** 
INSTAGRAM FILTERS BY UNA 
https://una.im/CSSgram/
**/
.aden {
	-webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
	filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
}

.aden::after {
	background: -webkit-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
	background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
	mix-blend-mode: darken;
}

.perpetua::after, .reyes::after {
	mix-blend-mode: soft-light;
	opacity: .5;
}

.inkwell {
	-webkit-filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
	filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
}

.perpetua::after {
	background: -webkit-linear-gradient(top, #005b9a, #e6c13d);
	background: linear-gradient(to bottom, #005b9a, #e6c13d);
}

.reyes {
	-webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
	filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
}

.reyes::after {
	background: #efcdad;
}

.gingham {
	-webkit-filter: brightness(1.05) hue-rotate(-10deg);
	filter: brightness(1.05) hue-rotate(-10deg);
}

.gingham::after {
	background: -webkit-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
	background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
	mix-blend-mode: darken;
}

.toaster {
	-webkit-filter: contrast(1.5) brightness(.9);
	filter: contrast(1.5) brightness(.9);
}

.toaster::after {
	background: -webkit-radial-gradient(circle, #804e0f, #3b003b);
	background: radial-gradient(circle, #804e0f, #3b003b);
	mix-blend-mode: screen;
}

.walden {
	-webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
	filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
}

.walden::after {
	background: #04c;
	mix-blend-mode: screen;
	opacity: .3;
}

.hudson {
	-webkit-filter: brightness(1.2) contrast(.9) saturate(1.1);
	filter: brightness(1.2) contrast(.9) saturate(1.1);
}

.hudson::after {
	background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134);
	background: radial-gradient(circle, #a6b1ff 50%, #342134);
	mix-blend-mode: multiply;
	opacity: .5;
}

.earlybird {
	-webkit-filter: contrast(.9) sepia(.2);
	filter: contrast(.9) sepia(.2);
}

.earlybird::after {
	background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
	background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
	mix-blend-mode: overlay;
}

.mayfair {
	-webkit-filter: contrast(1.1) saturate(1.1);
	filter: contrast(1.1) saturate(1.1);
}

.mayfair::after {
	background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
	background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
	mix-blend-mode: overlay;
	opacity: .4;
}

.lofi {
	-webkit-filter: saturate(1.1) contrast(1.5);
	filter: saturate(1.1) contrast(1.5);
}

.lofi::after {
	background: -webkit-radial-gradient(circle, transparent 70%, #222 150%);
	background: radial-gradient(circle, transparent 70%, #222 150%);
	mix-blend-mode: multiply;
}

._1977 {
	-webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
	filter: contrast(1.1) brightness(1.1) saturate(1.3);
}

._1977:after {
	background: rgba(243, 106, 188, .3);
	mix-blend-mode: screen;
}

.brooklyn {
	-webkit-filter: contrast(.9) brightness(1.1);
	filter: contrast(.9) brightness(1.1);
}

.brooklyn::after {
	background: -webkit-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
	background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
	mix-blend-mode: overlay;
}

.xpro2 {
	-webkit-filter: sepia(.3);
	filter: sepia(.3);
}

.xpro2::after {
	background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
	background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
	mix-blend-mode: color-burn;
}

.nashville {
	-webkit-filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
	filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
}

.nashville::after {
	background: rgba(0, 70, 150, .4);
	mix-blend-mode: lighten;
}

.nashville::before {
	background: rgba(247, 176, 153, .56);
	mix-blend-mode: darken;
}

.lark {
	-webkit-filter: contrast(.9);
	filter: contrast(.9);
}

.lark::after {
	background: rgba(242, 242, 242, .8);
	mix-blend-mode: darken;
}

.lark::before {
	background: #22253f;
	mix-blend-mode: color-dodge;
}

.moon {
	-webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
	filter: grayscale(1) contrast(1.1) brightness(1.1);
}

.moon::before {
	background: #a0a0a0;
	mix-blend-mode: soft-light;
}

.moon::after {
	background: #383838;
	mix-blend-mode: lighten;
}

.clarendon {
	-webkit-filter: contrast(1.2) saturate(1.35);
	filter: contrast(1.2) saturate(1.35);
}

.clarendon:before {
	background: rgba(127, 187, 227, .2);
	mix-blend-mode: overlay;
}

.willow {
	-webkit-filter: grayscale(.5) contrast(.95) brightness(.9);
	filter: grayscale(.5) contrast(.95) brightness(.9);
}

.willow::before {
	background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
	mix-blend-mode: overlay;
}

.willow::after {
	background-color: #d8cdcb;
	mix-blend-mode: color;
}

.rise {
	-webkit-filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
	filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
}

.rise::after {
	background: -webkit-radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
	background: radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
	mix-blend-mode: overlay;
	opacity: .6;
}

.rise::before {
	background: -webkit-radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
	background: radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
	mix-blend-mode: multiply;
}

._1977:after, ._1977:before, .aden:after, .aden:before, .brooklyn:after, .brooklyn:before, .clarendon:after, .clarendon:before, .earlybird:after, .earlybird:before, .gingham:after, .gingham:before, .hudson:after, .hudson:before, .inkwell:after, .inkwell:before, .lark:after, .lark:before, .lofi:after, .lofi:before, .mayfair:after, .mayfair:before, .moon:after, .moon:before, .nashville:after, .nashville:before, .perpetua:after, .perpetua:before, .reyes:after, .reyes:before, .rise:after, .rise:before, .slumber:after, .slumber:before, .toaster:after, .toaster:before, .walden:after, .walden:before, .willow:after, .willow:before, .xpro2:after, .xpro2:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	pointer-events: none;
}

._1977, .aden, .brooklyn, .clarendon, .earlybird, .gingham, .hudson, .inkwell, .lark, .lofi, .mayfair, .moon, .nashville, .perpetua, .reyes, .rise, .slumber, .toaster, .walden, .willow, .xpro2 {
	position: relative;
}

._1977 img, .aden img, .brooklyn img, .clarendon img, .earlybird img, .gingham img, .hudson img, .inkwell img, .lark img, .lofi img, .mayfair img, .moon img, .nashville img, .perpetua img, .reyes img, .rise img, .slumber img, .toaster img, .walden img, .willow img, .xpro2 img {
	width: 100%;
	z-index: 1;
}

._1977:before, .aden:before, .brooklyn:before, .clarendon:before, .earlybird:before, .gingham:before, .hudson:before, .inkwell:before, .lark:before, .lofi:before, .mayfair:before, .moon:before, .nashville:before, .perpetua:before, .reyes:before, .rise:before, .slumber:before, .toaster:before, .walden:before, .willow:before, .xpro2:before {
	z-index: 2;
}

._1977:after, .aden:after, .brooklyn:after, .clarendon:after, .earlybird:after, .gingham:after, .hudson:after, .inkwell:after, .lark:after, .lofi:after, .mayfair:after, .moon:after, .nashville:after, .perpetua:after, .reyes:after, .rise:after, .slumber:after, .toaster:after, .walden:after, .willow:after, .xpro2:after {
	z-index: 3;
}

.slumber {
	-webkit-filter: saturate(.66) brightness(1.05);
	filter: saturate(.66) brightness(1.05);
}

.slumber::after {
	background: rgba(125, 105, 24, .5);
	mix-blend-mode: soft-light;
}

.slumber::before {
	background: rgba(69, 41, 12, .4);
	mix-blend-mode: lighten;
}