/*
Theme Name: Easy Forms
Theme URI: https://easyforms.dev
Template: saasland
Author: Baluart
Author URI: https://www.baluart.com
Description: Easy Forms Theme
Version: 1.0.0
Text Domain: easyforms
*/

a:hover {
	color: #6698ca;
}

.btn-primary {
	color: #ffffff !important;
	background: #206bc4 !important;
	border-color: #206bc4 !important;
	border-radius: 45px !important;
	padding: 0px 32px !important;
	line-height: 46px !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important;
	transition: all 0.2s linear !important;
}

.btn-primary:hover, .btn-primary:active {
	color: #206bc4 !important;
	/*background: rgba(0, 84, 166, 0.12) !important;*/
	background: #FFFFFF !important;
	border-color: #206bc4 !important;
}
.header_area .navbar {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.menu > .menu-item-539.nav-item.submenu {
	position: static !important;
}

.menu > .menu-item-539.nav-item.submenu .dropdown-menu {
	width: 100% !important;
	position: absolute !important;
	right: 0 !important;
	left: 0 !important;
	display: block !important;
	background-color: #ffffff !important;
}

.menu > .menu-item-539.nav-item.submenu .dropdown-menu .nav-item {
	display: flex !important;
	flex-wrap: wrap !important;
	width: 1170px !important;
	margin: 0 auto !important;
	float: none !important;
	padding: 0 !important;
}

.menu > .menu-item-539.nav-item.submenu .dropdown-menu .nav-item:last-child {
	margin-bottom: 0 !important;
}

/* Add-Ons Sub-menu */
.mc {
	padding-top: 15px !important;
}
.mc-title {
	color: rgb(74, 74, 74) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 28px !important;
	margin: 0 0 15px 0 !important;
	height: 40px !important;
}
.mc-title a:hover {
	color: #6698ca !important;
}
.mc-description {
	font-size: 13px !important;
	line-height: 16px !important;
	width: 90% !important;
}

.mc-description a {
	color: #0b0b0b !important;
}

.mc-description a:hover {
	color: #6698ca !important;
}

.mc-item {
	display: block !important;
	margin: 0 0 25px !important;
}

.mc-item div a {
	width: 2.25rem !important;
	text-decoration: none !important;
	font-size: 14px !important;
	color: #0b0b0b !important;
}
.mc-item div a:hover {
	color: #6698ca !important;
}
.mc-item div a .icon {
	width: 60px !important;
	height: 60px !important;
	display: block !important;
	float: left !important;
	-webkit-border-radius: 26px !important;
	-moz-border-radius: 26px !important;
	border-radius: 30px !important;
	overflow: hidden !important;
	margin: 0 15px 0 0 !important;
	background-color: #ededed !important;
	padding: 4px !important;
	text-align: center !important;
}
.mc-item div a img {
	align-self: stretch !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	-webkit-transform: translate(0,0) !important;
	-ms-transform: translate(0,0) !important;
	transform: translate(0,0) !important;
}
.mc-item div a p {
	margin-left: 68px !important;
	line-height: 18px !important;
	font-size: 12px !important;
	margin-right: 10px !important;
}
.mc-item div a p.mc-item-title {
	font-weight: 600 !important;
	margin-bottom: 5px !important;
	font-size: 14px !important;
}

@media only screen and (min-width: 1171px) {
	/* Hide/Show repeated menu items */
	#menu-item-539, #menu-item-499 {
		display: list-item !important;
	}
	#menu-item-1400, #menu-item-1401 {
		display: none !important;
	}
}

@media only screen and (max-width: 1170px) {
	/* Hide/Show repeated menu items */
	#menu-item-539, #menu-item-499 {
		display: none !important;
	}
	#menu-item-1400, #menu-item-1401 {
		display: list-item !important;
	}
}

@media only screen and (max-width: 991px) {
	/* Items */
	.menu > .nav-item,
	.menu > .nav-item + .nav-item,
	.navbar-collapse {
		text-align: center !important;
	}
	.header_area .navbar-collapse a.menu_cus {
		margin-left: 0 !important;
	}
	/*Menu Images */
	.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu {
		padding-left: 0 !important;
	}
	/* Hammburger */
	.menu_toggle .hamburger-cross span,
	.menu_toggle .hamburger span {
		background: #6e8292 !important;
	}
	.header_area.navbar_fixed .menu_toggle .hamburger-cross span,
	.header_area.navbar_fixed .menu_toggle .hamburger span
	{
		background: #6e8292 !important;
	}
	.page button:hover, input[type="submit"]:hover {
		color: #009eda !important;
		border-color: #009eda !important;
	}
	.page-id-303 .menu_toggle .hamburger span {
		color: #ffffff !important;
		border-color: #ffffff !important;
	}
	/* Footer */
	.new_footer_top {
		text-align: center !important;
	}
}

/**
 * Menu
 */

.menu > .nav-item .nav-link {
	color: #515671 !important;
}

.menu > .nav-item:hover .nav-link,
.menu > .nav-item.active .nav-link {
	color: #3b454e !important;
}

.menu > .nav-item > .nav-link:before {
	background: #515671 !important;
}

.page-id-303 .menu > .nav-item:not(:first-child) .nav-link,
.page-id-303 .menu > .nav-item:not(:first-child).active .nav-link { /* Features */
	color: #fff !important;
}
.page-id-303 .menu > .nav-item:not(:first-child).active > .nav-link:before { /* Features */
	background: #fff !important;	
}
.page-id-303 .menu > .nav-item:not(:first-child):hover .nav-link { /* Features */
	color: rgba(255, 255, 255, 0.75);
}
.page-id-303 .menu > .nav-item:not(:first-child):hover .nav-link:before { /* Features */
	background: #fff !important;	
}
.page-id-303 .navbar_fixed .menu > .nav-item:not(:first-child) .nav-link,
.page-id-303 .navbar_fixed .menu > .nav-item:not(:first-child).active .nav-link { /* Features */
	color: #515671 !important;
}
.page-id-303 .navbar_fixed .menu > .nav-item:not(:first-child):hover .nav-link { /* Features */
	color: #515671 !important;
}
.page-id-303 .navbar_fixed .menu > .nav-item:not(:first-child):hover .nav-link:before { /* Features */
	background: #515671 !important;
}
.page-id-303 .btn_get { /* Features */
	color: #ffffff !important;
    background-color: transparent !important;
    border-color: #ffffff !important;
}
.page-id-303 .btn_get:hover { /* Features */
	color: #0054a6 !important;
    background-color: #ffffff !important;
    border-color: #0054a6 !important;
}
.page-id-303 .elementor-widget-saasland_single_video img { /* Features */
	max-width: 90% !important;
}

.page-id-534 .menu > .nav-item .nav-link,
.page-id-534 .menu > .nav-item.active .nav-link { /* Add-Ons */
	/*color: #fff;*/
}
.page-id-534 .menu > .nav-item:hover .nav-link { /* Add-Ons */
	/*color: rgba(255, 255, 255, 0.75);*/
}
.page-id-534 .elementor-widget-saasland_single_video img { /* Add-Ons */
	max-width: 90% !important;
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
	left: 0 !important;
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img:before {
	background: rgba(0,158,218,0.1) !important;
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
	color: rgba(0,158,218,1) !important;
}

/**
 * Footer
 */
.new_footer_area {
	background: #f6f8fb !important;
}

.new_footer_top {
	padding: 120px 0px 120px !important;
}

.new_footer_top p {
	color: #515671 !important;
	font-weight: 300 !important;
}

.new_footer_top .footer_bg {
	display: none !important;
}

.new_footer_top .f_widget.about-widget ul li a,
.f_widget .widget-wrap p a {
	color: #515671 !important;
}

.new_footer_top .f_widget.about-widget ul li a:hover {
	color: #6698ca !important;
}

.new_footer_area .footer_bottom {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.footer_bottom p a {
	color: #6698ca !important;
}

.footer_bottom p a:hover,
.f_widget .widget-wrap p a:hover {
	color: #6698ca !important;
}

/**
 * Home
 */
.seo_home_area {
	background: #f6f8fb !important;
	position: relative !important;
	margin-bottom: 135px !important;
}

.saas_home_area {
	background: #f6f8fb !important;
}

.elementor-element-b33471e .elementor-widget-saasland_icons,
.elementor-element-faa6ab3 .elementor-widget-saasland_icons {
	display: none !important;
}

.agency_featured_item .agency_featured_content .icon {
	background-image: -moz-linear-gradient(40deg, #009eda 0%, #00aff0 100%) !important;
	background-image: -webkit-linear-gradient(40deg, #009eda 0%, #00aff0 100%) !important;
	background-image: -ms-linear-gradient(40deg, #009eda 0%, #00aff0 100%) !important;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,158,218, 0.2) !important;
	box-shadow: 0px 10px 20px 0px rgba(0,158,218, 0.2) !important;
	display: none !important;
}

.stratup_service_img .shape {
	background: none !important;
}

.seo_features_img.seo_features_img_two img {
	max-height: 500px !important;
}

.seo_features_img .round_circle {
	background: #0054a6 !important;
	right: 0 !important;
}

.seo_features_img .round_circle.two {
	left: 40px !important;
	top: 40px !important;
}

.call_action_area {
	background-image: -webkit-linear-gradient(180deg, #0054a6 0%, #004c95 100%) !important;
}

.testimonial_title .owl-prev:hover, .testimonial_title .owl-next:hover {
	background: #0054a6 !important;
}

@media only screen and (max-width: 752px) {
	.elementor-column {
		text-align: center !important;
	}
	.elementor-15 .elementor-icon-wrapper {
		text-align: center !important;
		margin: 20px 0 !important;
	}
	.elementor-column-gap-default > .elementor-row>.elementor-column>.elementor-element-populated {
		margin: 15px 20px 50px 20px !important;
	}
	.new_footer_top {
		text-align: center !important;
	}
	.elementor-15 .elementor-element.elementor-element-1a853ee .agency_featured_area h2.text-center,
	.elementor-15 .elementor-element.elementor-element-b4e2058.elementor-widget-heading .elementor-heading-title{
		font-size: 40px !important;
		line-height: 50px !important;
	}
}

/**
 * Features
 */

.elementor-widget-saasland_hero .startup_banner_area_three {
	background: #0054a6 !important;
}

.elementor-widget-saasland_hero .startup_banner_area_three:before {
	background: url("images/startup_shap.png") no-repeat scroll center bottom/cover;
}

.btn_six, .btn_six + .btn_six:hover {
	background: #206bc4 !important;
	border: 1px solid #206bc4 !important;
	color: #ffffff !important;
}

.btn_six:hover, .btn_six + .btn_six {
	color: #0054a6 !important;
	background-color: #ffffff !important;
	border-color: #0054a6 !important;
}

.premium-img-gallery-filter, .premium-blog-filter {
	margin-bottom: 40px !important;
}

.premium-img-gallery-filter .premium-gallery-cats-container, .premium-blog-filter .premium-blog-cats-container {
	padding: 0 !important;
}

@media only screen and (min-width: 1110px) {
	.premium-img-gallery-filter .premium-gallery-cats-container, .premium-blog-filter .premium-blog-cats-container {
		border-bottom: 1px solid #263b5e !important;
	}
}

.premium-img-gallery-filter .premium-gallery-cats-container li, .premium-blog-filter .premium-blog-cats-container li {
	display: inline-block !important;
}

.elementor-303 .elementor-element .premium-gallery-cats-container li a.category {
	margin: 0 15px !important;
	padding: 0 0 28px 0 !important;
	line-height: 20px !important;
	font-size: 18px !important;
	font-weight: 300 !important;
	display: inline-block !important;
	transition: none !important;
}

.elementor-303 .elementor-element .premium-gallery-cats-container li a.category.active {
	border-bottom: 3px solid #263b5e !important;
	border-radius: 0 !important;
	font-weight: 700 !important;
}

.elementor-303 .elementor-element .premium-gallery-cats-container li a.category span {
	color: #6a7695 !important;
}

.elementor-303 .elementor-element .premium-gallery-cats-container li a.category.active span {
	color: #263b5e !important;
}

.elementor-303 .elementor-element .premium-img-gallery-masonry div.premium-gallery-item,
.elementor-303 .elementor-element .premium-img-gallery-fitRows div.premium-gallery-item {
	padding: 20px 40px !important;
}

.elementor-303 .elementor-element .pa-gallery-img-container {
	text-align: center !important;
}

.elementor-303 .elementor-element .pa-gallery-img-container img {
	display: inline-block !important;
	width: 240px !important;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(38,59,94,0.1) !important;
	box-shadow: 0px 10px 20px 0px rgba(38,59,94,0.1) !important;
}

.elementor-303 .elementor-element .premium-gallery-caption {
	height: 135px !important;
}

.elementor-303 .elementor-element.elementor-element-8d41155 .premium-gallery-img-desc,
.elementor-303 .elementor-element.elementor-element-8d41155 .premium-gallery-img-desc a {
	margin-top: 15px !important;
}

.video_info {
	background: -webkit-linear-gradient(40deg, rgba(0,158,218,1) 0%, rgba(0,158,218,0.7) 100%), transparent no-repeat !important;
	background: -o-linear-gradient(40deg, rgba(0,158,218,1) 0%, rgba(0,158,218,0.7) 100%), transparent no-repeat !important;
	background: linear-gradient(50deg, rgba(0,158,218,1) 0%, rgba(0,158,218,0.7) 100%), transparent no-repeat !important;
}

.video_info::after {
	background: transparent !important;
}

.video_info h2 {
	top: 50% !important;
	text-align: center !important;
}

.video_icon i {
	color: #009eda !important;
	text-shadow: 0px 6px 25px rgba(0,158,218,0.12) !important;
}


@media only screen and (max-width: 991px) {
	.elementor-button-wrapper {
		text-align: center !important;
	}
}

/* Examples */
.elementor-468 .elementor-element .premium-gallery-caption {
	height: 85px !important;
}

.banner_top .subcribes .btn_submit {
	/*background: #009eda !important;
	border-color: #009eda !important;*/
}

.banner_top .subcribes .btn_submit:hover {
	/*background: #fff !important;
	border-color: #009eda !important;
	color: #009eda !important;*/
}

.banner_top .subcribes .form-control:focus {
	border-color: #0054A6 !important;
}

.mchimp-errmessage {
	color: #DC3023 !important;
	margin-top: 40px !important;
}

.mchimp-sucmessage {
	color: #41ad49 !important;
	margin-top: 40px !important;
}

@media only screen and (max-width: 991px) {
	.elementor-2 .elementor-element .elementor-icon-wrapper {
		text-align: center !important;
		margin: 15px 0 !important;
	}
}

/**
 * Add-Ons
 */
.payment_banner_area_two {
	background-image: -moz-linear-gradient(125deg, #f6f8fb 0%, #f6f8fb 64%, #f6f8fb 100%) !important;
	background-image: -webkit-linear-gradient(125deg, #f6f8fb 0%, #f6f8fb 64%, #f6f8fb 100%) !important;
	background-image: -ms-linear-gradient(125deg, #f6f8fb 0%, #f6f8fb 64%, #f6f8fb 100%) !important;
}

.payment_content_two {
	max-width: 900px !important;
}

.payment_content_two .video_btn:before {
	background: #6e8292 !important;
}

.payment_content_two .video_btn:hover:before {
	background: #0054A6 !important;
}

.price_info_two .price_item:nth-child(odd) {
	background: #f6f8fb !important;
}

.features-area-six {
	padding-bottom: 60px !important;
}

/*
.feature-five-item:before {
	content: " $19.0 ";
	font-size: 18px;
	line-height: 18px;
	font-weight: 600;
	padding: 12px 10px 12px 8px;
	color: #FFFFFF;
	background: #009eda;
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1;
}
*/

.features-area-five .feature-five-item p {
	color: #6e8292 !important;
}

.price_info_two .price_item:first-child {
	padding-left: 0 !important;
}

.price_info_two .price_item .pr_title {
	padding-left: 30px !important;
}

.price_info_two .price_item .pr_title i {
	margin-right: 5px !important;
}

/**
 * Premium Add-On Page
 */

.purchase-addon-blue-button {
	font-size: 17px !important;
	text-transform: uppercase !important;
	line-height: 1em !important;
	background-color: #009eda !important;
	border-radius: 50px 50px 50px 50px !important;
	padding: 20px 40px 20px 40px !important;
	border-style: solid !important;
	border-width: 3px 3px 3px 3px !important;
	border-color: #009eda !important;
}

.purchase-addon-blue-button:hover,
.purchase-addon-blue-button:focus {
	color: #009eda !important;
	background-color: rgba(255, 255, 255, 0) !important;
	border-color: #009eda !important;
}

.purchase-addon-blue-button:focus svg {
	fill: #009eda !important;
}

.purchase-addon-blue-button .elementor-align-icon-left {
	margin-right: 14px !important;
}

.purchase-addon-white-button {
	font-size: 17px !important;
	font-weight: 500;
	text-transform: uppercase !important;
	line-height: 1em !important;
	fill: #009eda !important;
	color: #009eda !important;
	background-color: #ffffff !important;
	border-radius: 50px 50px 50px 50px !important;
	padding: 17px 40px 17px 40px !important;
	border-style: solid !important;
	border-width: 3px 3px 3px 3px !important;
	border-color: #ffffff !important;
}

.purchase-addon-white-button:hover,
.purchase-addon-white-button:focus {
	color: #ffffff !important;
	background-color: rgba(255,255,255,0) !important;
	border-color: #ffffff !important;
}

.purchase-addon-white-button:focus svg {
	fill: #ffffff !important;
}

.purchase-addon-white-button .elementor-align-icon-left {
	margin-right: 14px !important;
}

/**
 * FAQ
 */
.elementor-toggle .elementor-tab-title {
	padding: 25px 15px !important;
}
.elementor-toggle .elementor-toggle-title {
	line-height: 1em !important;
}

/**
 * 404
 */
.error404 .w_color {
	color: #6e8292 !important;
}

/**
 * CSS Loader
 * https://github.com/raphaelfabeni/css-loader
 */
.loader{color:#fff;position:fixed;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;z-index:999999}.loader:after,.loader:before{box-sizing:border-box;display:none}.loader.is-active{background-color:rgba(0,0,0,.85);width:100%;height:100%;left:0;top:0}.loader.is-active:after,.loader.is-active:before{display:block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes blink{0%{opacity:.5}to{opacity:1}}.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}.loader[data-text=""]:before{content:"Loading"}.loader[data-text]:not([data-text=""]):before{content:attr(data-text)}.loader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}.loader-default[data-text]:before{top:calc(50% - 63px)}.loader-default:after{content:"";position:fixed;width:48px;height:48px;border:8px solid #fff;border-left-color:transparent;border-radius:50%;top:calc(50% - 24px);left:calc(50% - 24px);animation:rotation 1s linear infinite}.loader-default[data-half]:after{border-right-color:transparent}.loader-default[data-inverse]:after{animation-direction:reverse}.loader-double:after,.loader-double:before{content:"";position:fixed;border-radius:50%;border:8px solid;animation:rotation 1s linear infinite}.loader-double:after{width:48px;height:48px;border-color:#fff;border-left-color:transparent;top:calc(50% - 24px);left:calc(50% - 24px)}.loader-double:before{width:64px;height:64px;border-color:#eb974e;border-right-color:transparent;animation-duration:2s;top:calc(50% - 32px);left:calc(50% - 32px)}.loader-bar[data-text]:before{top:calc(50% - 40px);color:#fff}.loader-bar:after{content:"";position:fixed;top:50%;left:50%;width:200px;height:20px;transform:translate(-50%,-50%);background:linear-gradient(-45deg,#4183d7 25%,#52b3d9 0,#52b3d9 50%,#4183d7 0,#4183d7 75%,#52b3d9 0,#52b3d9);background-size:20px 20px;box-shadow:inset 0 10px 0 hsla(0,0%,100%,.2),0 0 0 5px rgba(0,0,0,.2);animation:moveBar 1.5s linear infinite reverse}.loader-bar[data-rounded]:after{border-radius:15px}.loader-bar[data-inverse]:after{animation-direction:normal}@keyframes moveBar{0%{background-position:0 0}to{background-position:20px 20px}}.loader-bar-ping-pong:before{width:200px;background-color:#000}.loader-bar-ping-pong:after,.loader-bar-ping-pong:before{content:"";height:20px;position:absolute;top:calc(50% - 10px);left:calc(50% - 100px)}.loader-bar-ping-pong:after{width:50px;background-color:#f19;animation:moveBarPingPong .5s linear infinite alternate}.loader-bar-ping-pong[data-rounded]:before{border-radius:10px}.loader-bar-ping-pong[data-rounded]:after{border-radius:50%;width:20px;animation-name:moveBarPingPongRounded}@keyframes moveBarPingPong{0%{left:calc(50% - 100px)}to{left:calc(50% - -50px)}}@keyframes moveBarPingPongRounded{0%{left:calc(50% - 100px)}to{left:calc(50% - -80px)}}@keyframes corners{6%{width:60px;height:15px}25%{width:15px;height:15px;left:calc(100% - 15px);top:0}31%{height:60px}50%{height:15px;top:calc(100% - 15px);left:calc(100% - 15px)}56%{width:60px}75%{width:15px;left:0;top:calc(100% - 15px)}81%{height:60px}}.loader-border[data-text]:before{color:#fff}.loader-border:after{content:"";position:absolute;top:0;left:0;width:15px;height:15px;background-color:#ff0;animation:corners 3s ease both infinite}.loader-ball:before{content:"";position:absolute;width:50px;height:50px;top:50%;left:50%;margin:-25px 0 0 -25px;background-color:#fff;border-radius:50%;z-index:1;animation:kickBall 1s infinite alternate ease-in both}.loader-ball[data-shadow]:before{box-shadow:inset -5px -5px 10px 0 rgba(0,0,0,.5)}.loader-ball:after{content:"";position:absolute;background-color:rgba(0,0,0,.3);border-radius:50%;width:45px;height:20px;top:calc(50% + 10px);left:50%;margin:0 0 0 -22.5px;z-index:0;animation:shadow 1s infinite alternate ease-out both}@keyframes shadow{0%{background-color:transparent;transform:scale(0)}40%{background-color:transparent;transform:scale(0)}95%{background-color:rgba(0,0,0,.75);transform:scale(1)}to{background-color:rgba(0,0,0,.75);transform:scale(1)}}@keyframes kickBall{0%{transform:translateY(-80px) scaleX(.95)}90%{border-radius:50%}to{transform:translateY(0) scaleX(1);border-radius:50% 50% 20% 20%}}.loader-smartphone:after{content:"";color:#fff;font-size:12px;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:120px;position:fixed;left:50%;top:50%;width:70px;height:130px;margin:-65px 0 0 -35px;border:5px solid #fd0;border-radius:10px;box-shadow:inset 0 5px 0 0 #fd0;background:radial-gradient(circle at 50% 90%,rgba(0,0,0,.5) 6px,transparent 0),linear-gradient(0deg,#fd0 22px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.5) 22px,rgba(0,0,0,.5));animation:shake 2s cubic-bezier(.36,.07,.19,.97) both infinite}.loader-smartphone[data-screen=""]:after{content:"Loading"}.loader-smartphone:not([data-screen=""]):after{content:attr(data-screen)}@keyframes shake{5%{transform:translate3d(-1px,0,0)}10%{transform:translate3d(1px,0,0)}15%{transform:translate3d(-1px,0,0)}20%{transform:translate3d(1px,0,0)}25%{transform:translate3d(-1px,0,0)}30%{transform:translate3d(1px,0,0)}35%{transform:translate3d(-1px,0,0)}40%{transform:translate3d(1px,0,0)}45%{transform:translate3d(-1px,0,0)}50%{transform:translate3d(1px,0,0)}55%{transform:translate3d(-1px,0,0)}}.loader-clock:before{width:120px;height:120px;border-radius:50%;margin:-60px 0 0 -60px;background:linear-gradient(180deg,transparent 50%,#f5f5f5 0),linear-gradient(90deg,transparent 55px,#2ecc71 0,#2ecc71 65px,transparent 0),linear-gradient(180deg,#f5f5f5 50%,#f5f5f5 0);box-shadow:inset 0 0 0 10px #f5f5f5,0 0 0 5px #555,0 0 0 10px #7b7b7b;animation:rotation infinite 2s linear}.loader-clock:after,.loader-clock:before{content:"";position:fixed;left:50%;top:50%;overflow:hidden}.loader-clock:after{width:60px;height:40px;margin:-20px 0 0 -15px;border-radius:20px 0 0 20px;background:radial-gradient(circle at 14px 20px,#25a25a 10px,transparent 0),radial-gradient(circle at 14px 20px,#1b7943 14px,transparent 0),linear-gradient(180deg,transparent 15px,#2ecc71 0,#2ecc71 25px,transparent 0);animation:rotation infinite 24s linear;transform-origin:15px center}.loader-curtain:after,.loader-curtain:before{position:fixed;width:100%;top:50%;margin-top:-35px;font-size:70px;text-align:center;font-family:Helvetica,Arial,sans-serif;overflow:hidden;line-height:1.2;content:"Loading"}.loader-curtain:before{color:#666}.loader-curtain:after{color:#fff;height:0;animation:curtain 1s linear infinite alternate both}.loader-curtain[data-curtain-text]:not([data-curtain-text=""]):after,.loader-curtain[data-curtain-text]:not([data-curtain-text=""]):before{content:attr(data-curtain-text)}.loader-curtain[data-brazilian]:before{color:#f1c40f}.loader-curtain[data-brazilian]:after{color:#2ecc71}.loader-curtain[data-colorful]:before{animation:maskColorful 2s linear infinite alternate both}.loader-curtain[data-colorful]:after{animation:curtain 1s linear infinite alternate both,maskColorful-front 2s 1s linear infinite alternate both;color:#000}@keyframes maskColorful{0%{color:#3498db}49.5%{color:#3498db}50.5%{color:#e74c3c}to{color:#e74c3c}}@keyframes maskColorful-front{0%{color:#2ecc71}49.5%{color:#2ecc71}50.5%{color:#f1c40f}to{color:#f1c40f}}@keyframes curtain{0%{height:0}to{height:84px}}.loader-music:after,.loader-music:before{content:"";position:fixed;width:240px;height:240px;top:50%;left:50%;margin:-120px 0 0 -120px;border-radius:50%;text-align:center;line-height:240px;color:#fff;font-size:40px;font-family:Helvetica,Arial,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,.5);letter-spacing:-1px}.loader-music:after{backface-visibility:hidden}.loader-music[data-hey-oh]:after,.loader-music[data-hey-oh]:before{box-shadow:0 0 0 10px}.loader-music[data-hey-oh]:before{background-color:#fff;color:#000;animation:coinBack 2.5s linear infinite,oh 5s 1.25s linear infinite both}.loader-music[data-hey-oh]:after{background-color:#000;animation:coin 2.5s linear infinite,hey 5s linear infinite both}.loader-music[data-no-cry]:after,.loader-music[data-no-cry]:before{background:linear-gradient(45deg,#009b3a 50%,#fed100 51%);box-shadow:0 0 0 10px #000}.loader-music[data-no-cry]:before{animation:coinBack 2.5s linear infinite,cry 5s 1.25s linear infinite both}.loader-music[data-no-cry]:after{animation:coin 2.5s linear infinite,no 5s linear infinite both}.loader-music[data-we-are]:before{animation:coinBack 2.5s linear infinite,theWorld 5s 1.25s linear infinite both;background:radial-gradient(ellipse at center,#4ecdc4 0,#556270)}.loader-music[data-we-are]:after{animation:coin 2.5s linear infinite,weAre 5s linear infinite both;background:radial-gradient(ellipse at center,#26d0ce 0,#1a2980)}.loader-music[data-rock-you]:before{animation:coinBack 2.5s linear infinite,rockYou 5s 1.25s linear infinite both;background:#444}.loader-music[data-rock-you]:after{animation:coin 2.5s linear infinite,weWill 5s linear infinite both;background:#96281b}@keyframes coin{to{transform:rotateY(359deg)}}@keyframes coinBack{0%{transform:rotateY(180deg)}50%{transform:rotateY(1turn)}to{transform:rotateY(180deg)}}@keyframes hey{0%{content:"Hey!"}50%{content:"Let's!"}to{content:"Hey!"}}@keyframes oh{0%{content:"Oh!"}50%{content:"Go!"}to{content:"Oh!"}}@keyframes no{0%{content:"No..."}50%{content:"no"}to{content:"No..."}}@keyframes cry{0%{content:"woman"}50%{content:"cry!"}to{content:"woman"}}@keyframes weAre{0%{content:"We are"}50%{content:"we are"}to{content:"We are"}}@keyframes theWorld{0%{content:"the world,"}50%{content:"the children!"}to{content:"the world,"}}@keyframes weWill{0%{content:"We will,"}50%{content:"rock you!"}to{content:"We will,"}}@keyframes rockYou{0%{content:"we will"}50%{content:"\1F918"}to{content:"we will"}}.loader-pokeball:before{content:"";position:absolute;width:100px;height:100px;top:50%;left:50%;margin:-50px 0 0 -50px;background:linear-gradient(180deg,red 42%,#000 0,#000 58%,#fff 0);background-repeat:no-repeat;background-color:#fff;border-radius:50%;z-index:1;animation:movePokeball 1s linear infinite both}.loader-pokeball:after{content:"";position:absolute;width:24px;height:24px;top:50%;left:50%;margin:-12px 0 0 -12px;background-color:#fff;border-radius:50%;z-index:2;animation:movePokeball 1s linear infinite both,flashPokeball .5s infinite alternate;border:2px solid #000;box-shadow:0 0 0 5px #fff,0 0 0 10px #000}@keyframes movePokeball{0%{transform:translateX(0) rotate(0)}15%{transform:translatex(-10px) rotate(-5deg)}30%{transform:translateX(10px) rotate(5deg)}45%{transform:translatex(0) rotate(0)}}@keyframes flashPokeball{0%{background-color:#fff}to{background-color:#fd0}}.loader-bouncing:after,.loader-bouncing:before{content:"";width:20px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);border-radius:50%;background-color:#fff;animation:kick .6s infinite alternate}.loader-bouncing:after{margin-left:-30px;animation:kick .6s infinite alternate}.loader-bouncing:before{animation-delay:.2s}@keyframes kick{0%{opacity:1;transform:translateY(0)}to{opacity:.3;transform:translateY(-1rem)}}