/* Jun 2022 | Developed by Artenergy.com */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap');
/*	============================================================
	General
	============================================================	*/
html {min-height:100%;font-family:sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {margin:0;color:#fff;background:#000;font-family:Source Sans Pro,sans-serif;}
article,aside,figcaption,figure,footer,header,main,nav,section {display:block;}
*,*::before,*::after {-webkit-box-sizing:border-box;box-sizing:border-box;}
* {
 -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
hr {border:0;border-top:1px dotted rgba(255,255,255,.8);margin:40px 0;}
a,a:active,a:focus {color:var(--b);outline:none;}
a:hover {color:var(--c1);text-decoration:none;}
p {font-size:1.5em;font-weight:400;}

.clearfix:after {display:block;clear:both;content:'';}
.text-left {text-align:left!important;}
.text-right {text-align:right!important;}
.text-center {text-align:center;}
.uppercase {text-transform:uppercase;}
.img {max-width:100%;height:auto;}
.d-none {display:none!important;}
.pointer {cursor:pointer;}
.pull-right {float:right}
.cover {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
/* colors */
:root {--r:#XXX;} /* red */
:root {--o:#XXX;} /* orange */

.text-red {color:var(--r)}
.text-white {color:#fff;}
.text-orange {color:var(--o)}

/* paddings */
:root {--pm:20px;}
:root {--p1:70px;}
/*	============================================================
	H Tags
	============================================================	*/

/*	============================================================
	Grid
	============================================================	*/
.grid,
.hero,
.fluid {
	width:100%;
	margin:0 auto;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
/*	============================================================
	Logo
	============================================================	*/
.logo {
	height:207px;
	width:206px;
	margin:38px auto 55px;
}
.logo img {
	height:207px;
	width:206px;
	min-width:206px;
	border-radius:50%;
}
.signature-slogan {
	margin:15px 0 50px;
}
@media (max-width:576px) {
	.logo {
	height:161px;
	width:160px;
	margin:28px auto 20px;
	}
	.logo img {
	height:auto;
	width:160px;
	min-width:160px;
	}
	.signature-slogan img {
	width:60%;
	}
	.signature-slogan {
	margin:0 0 30px;
	}
}
/*	============================================================
	Hero
	============================================================	*/
.hero {
	width:100%;
	height:100vh;
	text-align:center;
	min-height:840px;
	padding:50px var(--p1) 120px;
}
.hero hr {
	margin:54px auto 20px;
	max-width:750px;
}
.hero h3 {
	margin:0 auto;
	max-width:750px;
	font-family:Source Sans Pro;
	font-size:22px;
	font-weight:300;
	line-height:31px;
	letter-spacing:0.03em;
	text-align:center;
}
@media (max-width:576px) {
	.hero {
	height:auto;
	min-height:100vh;
	padding:30px var(--p1) 80px;
	}
	.hero hr {
	margin:34px auto 10px;
	}
	:root {
	--p1:30px;
	}
	.hero h3 {
	font-size:20px;
	line-height:25px;
	}
}
/*	============================================================
	Text
	============================================================	*/
.date {
	font-size:20px;
	line-height:25px;
	letter-spacing:0.12em;
}
.sign-up {
	font-size:16px;
	font-weight:400;
	line-height:31px;
	letter-spacing:0.02em;
	text-align:center;
	margin-bottom:15px;
}
@media (max-width:576px) {
	.date {
	font-size:16px;
	line-height:25px;
	}
	.sign-up {
	font-size:15px;
	}
}
/*	============================================================
	box
	============================================================	*/
#subscribe-confirmation:before {
	left:50%;
	top:45%;
	width:10px;
	height:10px;
	content:'';
	position:fixed;
	border-radius:50%;
	text-align:center;
	background-color:#fff;
	-webkit-animation-name:flash;
	animation-name:flash;
	-webkit-animation-duration:.5s;
	animation-duration:.5s;
	-webkit-animation-iteration-count:4;
			animation-iteration-count:4;
}
#subscribe-confirmation .box {
	left:50%;
	top:117px;
	width:580px;
	height:auto;
	z-index:9;
	position:fixed;
	text-align:center;
	padding:0 80px;
	border-radius:6px;
	color: #FF540B;
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);	
	-webkit-box-shadow: 0px 2px 25px -3px #0000001C;	
	        box-shadow: 0px 2px 25px -3px #0000001C;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
	background:#fff;
}
#subscribe-confirmation .box .symbol {
	min-width:135px;
	height:135px;
	margin:75px auto 45px;
}
#subscribe-confirmation .box .symbol img {
	width:inherit;
	height:inherit;
}
#subscribe-confirmation .box .text {
	font-size:35px;
	font-weight:300;
	line-height:40px;
	text-align:center;
}
#subscribe-confirmation .box .signature {
	width:100px;
	height:auto;
	margin:82px auto 43px;
}
.close {
	width:35px;
	height:35px;
	right:16px;
	top:14px;
	position:absolute;
}
.close:before,
.close:after {
	width:1px;
	height:inherit;
	content:'';
	position:absolute;
	background-color:#C4C4C4;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}
.close:after {
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
.close:hover:before,
.close:hover:after {
	background-color:#FF540B;
}
@media (max-width:576px) {
	#subscribe-confirmation .box {
	width:90%;
	top:80px;
	padding:0 30px;	
	}
	#subscribe-confirmation .box .text {
	font-size:24px;
	font-weight:300;
	line-height:28px;
	text-align:center;
	}
}
/*	============================================================
	Form grid
	============================================================	*/
.grid-subs {
	display:-ms-grid;
	display:grid;
	grid-row-gap:0;
	grid-column-gap:0;
	-ms-grid-columns:auto 0 auto;
	grid-template-columns:auto auto;
}
@media (min-width:769px) {
	.grid-subs div:first-child {
	margin:0 0 0 auto;
	}
}
@media (max-width:768px) {
	.grid-subs {
	-ms-grid-columns:auto 0 max-content;
	grid-template-columns:auto max-content;
	}
}

/*	============================================================
	Button
	============================================================	*/
.btn {
	border:0;
	color:#fff;
	display:block;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	-webkit-transition:.2s ease-in-out;
	-o-transition:.2s ease-in-out;
	transition:.2s ease-in-out;
	font-family:Source Sans Pro,sans-serif;
	text-transform:uppercase;
	background:-o-linear-gradient(185.66deg, #FA366D 0.2%, #FF6307 46.69%, rgba(240, 84, 106, 0.96) 99.81%);
	background:linear-gradient(264.34deg, #FA366D 0.2%, #FF6307 46.69%, rgba(240, 84, 106, 0.96) 99.81%);
	margin:0;
	height:46px;
	width:145px;
	font-size:15px;
	font-weight:600;
	line-height:46px;
	letter-spacing:1.27px;
	border-radius:0 !important;
}
.btn {
	position:relative;
	top:0;
	left:0;
}
.btn:focus,
.btn:active,
.btn:hover {
	height:48px;
	width:153px;
	line-height:48px;
	top:-1px;
	background:-o-linear-gradient(185.66deg, #E01B52 0.2%, #E45703 46.69%, rgba(235, 61, 85, 0.96) 99.81%);
	background:linear-gradient(264.34deg, #E01B52 0.2%, #E45703 46.69%, rgba(235, 61, 85, 0.96) 99.81%);
}
@media (max-width:576px) {
	.btn {
	width:100px;
	}
	input.btn:focus,
	input.btn:active,
	input.btn:hover {
	width:105px;
	}
}
/*	============================================================
	Form Cleaners
	============================================================	*/
input:focus,
input:active,
input:focus-within, {
	border:0;
	outline:none;
	background:transparent;
	-webkit-box-shadow:none;
	-webkit-appearance:none;
	background:#fff;
	font-size:20px!important;
}
input::-ms-expand {
	border:0;
	background-color:transparent;
}
/*	============================================================
	Inputs
	============================================================	*/
input[type="email"] {
	margin:0;
	border:0;
	outline:none;
	color:#333;
	padding:0 18px 0 18px;
	height:46px;
	width:328px;
	font-weight:400;
	font-size:20px;
	border-radius:0 !important;
	font-family:Source Sans Pro,sans-serif;
}
input::placeholder,
input[placeholder="Email Address"] {
	margin:0;
	font-size:14px;
	color:#FC7A43;
}
@media (max-width:768px) {
	input[type="email"] {
	width:100%;
	padding:0 8px 0 8px;
	}
}
/*	============================================================
	Animated bits
	============================================================	*/
.animated.scroll-out,
.scroll-out .animated {
	-webkit-animation-name:none !important;
	animation-name:none !important;
	visibility:hidden !important;
}
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
@media (max-width:576px) {
	.animated.animated-sm {
	-webkit-animation-name:none !important;
	animation-name:none !important;
	}
}
@-webkit-keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3);
	}
	50% {
	opacity:1;
	}
}
@keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3);
	}
	50% {
	opacity:1;
	}
}
.zoomIn {
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
}
@-webkit-keyframes fadeOut {
	from {
	opacity:1;
	}
	to {
	opacity:0;
	}
}
@keyframes fadeOut {
	from {
	opacity:1;
	}
	to {
	opacity:0;
	}
}
@-webkit-keyframes flash {
	from,50%,to {
	opacity:1;
	}
	25%,75% {
	opacity:0;
	}
}
@keyframes flash {
	from,50%,to {
	opacity:1;
	}
	25%,75% {
	opacity:0;
	}
}
.flash {
	-webkit-animation-name:flash;
	animation-name:flash;
}
.fadeOut {
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut;
}
@-webkit-keyframes slideInDown {
	from {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	visibility:visible;
	}
	to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes slideInDown {
	from {
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	visibility:visible;
	}
	to {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.slideInDown {
	-webkit-animation-name:slideInDown;
	animation-name:slideInDown;
}
@-webkit-keyframes slideInLeft {
	from {
		-webkit-transform:translate3d(-100%, 0, 0);
		transform:translate3d(-100%, 0, 0);
		visibility:visible;
	}
	to {
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
}
@keyframes slideInLeft {
	from {
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0);
	visibility:visible;
	}
	to {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	}
}
.slideInLeft {
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft;
}
@-webkit-keyframes fadeIn {
	from {
	opacity:0;
	}
	to {
	opacity:1;
	}
}
@keyframes fadeIn {
	from {
	opacity:0;
	}
	to {
	opacity:1;
	}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}
@-webkit-keyframes fadeInDown {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInDown {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	from {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInLeft {
	from {
	opacity:0;
	-webkit-transform:translate3d(-100%,0,0);
	transform:translate3d(-100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInRight {
	from {
	opacity:0;
	-webkit-transform:translate3d(100%,0,0);
	transform:translate3d(100%,0,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
@-webkit-keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
@keyframes fadeInUp {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0);
	}
	to {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
.animated.delay-01s{-webkit-animation-delay:.1s;animation-delay:.1s}
.animated.delay-02s{-webkit-animation-delay:.2s;animation-delay:.2s}
.animated.delay-03s{-webkit-animation-delay:.3s;animation-delay:.3s}
.animated.delay-04s{-webkit-animation-delay:.4s;animation-delay:.4s}
.animated.delay-05s{-webkit-animation-delay:.5s;animation-delay:.5s}
.animated.delay-06s{-webkit-animation-delay:.6s;animation-delay:.6s}
.animated.delay-07s{-webkit-animation-delay:.7s;animation-delay:.7s}
.animated.delay-08s{-webkit-animation-delay:.8s;animation-delay:.8s}
.animated.delay-09s{-webkit-animation-delay:.9s;animation-delay:.9s}
.animated.delay-1s {-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-011s{-webkit-animation-delay:1.1s;animation-delay:1.1s}
.animated.delay-012s{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.animated.delay-013s{-webkit-animation-delay:1.3s;animation-delay:1.3s}
.animated.delay-014s{-webkit-animation-delay:1.4s;animation-delay:1.4s}
.animated.delay-015s{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.animated.delay-016s{-webkit-animation-delay:1.6s;animation-delay:1.6s}
.animated.delay-018s{-webkit-animation-delay:1.8s;animation-delay:1.8s}
.animated.delay-2s {-webkit-animation-delay:2s;animation-delay:2s}
@media (prefers-reduced-motion) {
	.animated {
	-webkit-animation:unset !important;
	animation:unset !important;
	-webkit-transition:none !important;
	-o-transition:none !important;
	transition:none !important;
	}
}
/*	============================================================
	Bg
	============================================================	*/
.bg {
	background:#FC7A43;
	background:-o-radial-gradient(48.33% 54.96%,55.34% 163.21%,#FC7A43 30.03%,#F55579 100%);
	background:radial-gradient(55.34% 163.21% at 48.33% 54.96%,#FC7A43 30.03%,#F55579 100%);
}
X.bg {
	background:#333;
}
/*	============================================================
	Margin
	============================================================	*/
.mt10	{margin-top:10px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt60	{margin-top:60px;}
.mt80	{margin-top:80px;}
.mt100	{margin-top:100px;}
.mt-10	{margin-top:-10px;}
.mt-20	{margin-top:-20px;}
.mt-30	{margin-top:-30px;}
.mt-40	{margin-top:-40px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb60	{margin-bottom:60px;}
.mb80	{margin-bottom:80px;}
.mb100	{margin-bottom:100px;}
/*	===================================================================
	Media Queries
	Min - greater or equal. Order - low to hi.
	Max - less or equal. Order - hi to low.
	===================================================================	*/