:root {
  --bg: #fff;
  --darkless: #2c3850;
  --dark: #182235;
  --darker: #0f172a;
  --yellow: #e9c820;
  --red: #fd5a34;
  --blue: #3482e7;
  --blue-light: #6adaff;
  --blue-dark: #0028a9;
  --light-green: #5dff97;
}

html
{
	min-width: 360px;
	font-family: 'DM Mono', sans-serif;
	font-weight: 400;
	font-size: 24px;
}
body {
	color: #000408;
	min-width: 360px;
}

p { line-height: 1.6; }
h1, .h1 { line-height: 1.2; }
h2, .h2 { line-height: 1.4; }

.attention { position:relative; padding: 0 90px ;}
.attention::before, .attention::after { content: ""; position:absolute; width: 89px; height: 80px; display:block; margin: auto; top: 0; bottom: 0; left: 0; right: auto; background: url(../images/icon_attention.png) center center no-repeat; background-size: 100%; }
.attention::after { left: auto; right: 0; }
.overlay { position:absolute; top:0; bottom: 0; left: 0; right: 0; display: block; margin: auto; }

/* Header and Top */
.top-bar { 
	border-bottom: 1px solid #0ff; 
	box-shadow: #0ff 0px 0px 60px 10px, #0ff 0px 0px 150px -10px;
	background: #000 !important;
	width: 100%;
	height: 3px;
}

.pre-header {
	background: rgba(150,180,255,0.2);
	color:#fff;
	font-size: 36px;
	text-align: center;
	border-radius: 14px;
	display:inline-block;
	padding: 0 1.25rem;
}

#header {
	background-color: #000;
	/* background: linear-gradient(180deg, #fff 0%, #8dbffa 100%); */
	/* background-attachment: fixed; */
	/* position:relative; */
	/* min-height: 87vh; */
	padding-bottom: 50px;
	/* overflow:hidden; */
}
.bg-header-img {
	background: url(../images/bg-header.jpg) bottom center no-repeat;
	background-color: inherit;
	background-size: cover;
	/* background-attachment: fixed; */
	position: relative;
	z-index: 0;
}
.bg-header-img::after {
	content: "";
	background: linear-gradient(0deg, rgba(0,0,0, 0.6), #000, rgba(0,0,0, 0.8), rgba(0,0,0, 1));
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#videoBg { border: 1px solid #f30401; }
.video-wrapper {
    display: block;
    margin: auto;
    max-width: 1280px;
    border-radius: 20px;
	overflow:hidden;
}
.video-wrapper.--md { max-width: 1000px; }
.video-wrapper.--sm { max-width: 700px; }
.video-wrapper-dark { border-color:#000408;}
.header-buy { border: 1px solid #f30401; border-radius: 14px; }
.header-buy .panel-head { border-top-left-radius: 14px; border-top-right-radius: 14px; padding: 1rem 1rem; font-size: 1.1rem; }
/* #header::before {  */
	/* content: "";  */
	/* display:block; width: 100%; height: 1100px;  */
	/* position:absolute; top:0;  */
	/* background: transparent; */
	/* background: linear-gradient(180deg, #010f2e 50%, rgba(1,15,46, 0) );  */
	/* z-index: 8; */
/* } */
.sub-header { 
	font-size: 24px; margin-bottom: 0; 
	background-color: transparent;
    display: block;
    margin: auto;
    border-radius: 100px;
	border: 1px solid #f04c5b;
}

#header .header-inner {
	position:relative;
	z-index: 9;
}
#header .container {
    padding-bottom: unset;
	position:relative;
	z-index: 9;
}

/* Dividers */
/* .divider { display:block; height: 170px;} */
.divider { display:block; width: 100%; height: 10px; background: #0ff; box-shadow: #0ff 0px 0px 30px 0px;  z-index: 9; border-radius: 100%;}
/* .divider-dark { border-color:#000408; } */
/* .divider-darker { border-color:#000; } */
/* .divider-yellow { border-color:#ffd100; } */
/* .divider-red { border-color:#f30401; } */
/* .divider-light-green { border-color:#00ed00; } */
/* .divider-light-blue { border-color:#6ee7ff; } */
/* .divider-light-purple { border-color:#b299ff; } */
/* generate css shapes: https://www.shapedivider.app/ */
/* .custom-shape-divider-top-1689150285 { */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* overflow: hidden; */
    /* line-height: 0; */
/* } */

.top-divider-gradient, .top-divider-white, .top-divider-red, .top-divider-yellow, .top-divider-light-blue, .top-divider-light-green, .top-divider-black, .top-divider-stripes { position:relative; padding-top: 6px; }
.top-divider-gradient::after, .top-divider-white::after, .top-divider-red::after, .top-divider-yellow::after, .top-divider-light-blue::after, .top-divider-light-green::after, .top-divider-black::after, 
.top-divider-stripes:after { 
	content: "";
	position: absolute;
	display:block;
	width: 100%;
	height: 10px;
	top: 0;
	left: 0;
	background: linear-gradient(to left,  #ef01f3 , #00dcff , #0077ff);
}
.top-divider-gradient.rev:after { background: linear-gradient(to right,  #4000ff , #00dcff , #0077ff); }
.top-divider-white::after {  background: #fff; }
.top-divider-yellow::after {  background: #ffd100; }
.top-divider-red::after {  background: #f30401; }
.top-divider-light-blue::after {  background: #6ee7ff; }
.top-divider-light-green::after {  background: #00ed00; }
.top-divider-black::after {  background: #000; }
.top-divider-stripes:after {
	background: linear-gradient(45deg, #000 25%, #ffd820 25%, #ffd820 50%, #000 50%, #000 75%, #ffd820 75%, #ffd820 100%);
	background-size: 56.57px 56.57px;
}

.section-img-divider { overflow:hidden; }
.section-img-divider .img { height: 300px; background: #000 url(../images/between_rows_images1.jpg) center center no-repeat; background-size: cover; }

.section-divider-block { background: #000 url(../images/section-divider.jpg) top center no-repeat; height:200px; position:relative; box-sizing: content-box;}
.section-divider-block .circle, .circle-element { 
	position:absolute;
	display: block;
	width: 150px;
	height: 150px;
	background: #000;
	border-radius: 100%;
	border: 1px solid #0f9;
	padding: 1rem;
	z-index: 99;
	top: 0; bottom: 0;
	left: 0; right: 0;
	margin: auto;
	box-shadow: #000 0px 0px 30px 0px, #0f9 0px 0px 30px 0px;
}
.section-divider-block .circle, .float-animation {
	transform: translateY(0px);
	animation: float 6s ease-in-out infinite;
	/* animation-name: float; */
	  /* animation-delay: 0s; */
	  /* animation-duration: 6.0s; */
	  /* animation-timing-function: ease-out; */
	  /* animation-fill-mode: backwards; */
}

.section-divider { position:relative; }
.section-divider.--top { border-top: 1px solid rgba(80,255,255, 0.1); }
.section-divider.--btm { border-bottom: 1px solid rgba(80,255,255, 0.1); }
.section-divider.--bd-blue { border-color: #0ff !important; }
.section-divider.--bd-green { border-color: #0f9 !important; }
.section-divider:after, .section-divider.--btm:before { 
	content: ""; position:absolute; display: block; width: 100%; height: 1px;
	top: -1px; left: 0; right: 0; margin: auto; 
	background: linear-gradient(-90deg, rgba(80,255,255, 0.0), rgba(80,255,255, 1), rgba(80,255,255, .0));
	z-index: 1;
}
.section-divider.--btm:before { top: auto; bottom: -1px; }
.section-divider.--btm:after { display:none; }

/**/
.logo { max-width: 400px; }
.sub-wrapper {
    background-color: transparent;
    display: block;
    margin: auto;
    max-width: 80%;
    padding: 10px 40px;
    border-radius: 50px;
	border: 1px solid #fff;
	background: linear-gradient(to right, #00a0fe , #1d22ee);
}
.sub-wrapper-mobile {
    background-color: transparent;
    display: block;
    margin: auto;
    max-width: 100%;
    padding: 10px 20px;
    border-radius: 100px;
	border: 1px solid #fff; /*50516c*/
	background: linear-gradient(to right, #00a0fe , #1d22ee);
}
.sub-wrapper2 {
    background-color: transparent;
    display: block;
    margin: auto;
    max-width: 80%;
    padding: 15px;
    border-radius: 100px;
}
.sub-wrapper p {
    margin-bottom: unset;
    font-size: 26px;
}
.sub-wrapper2 h3 {
    margin-bottom: 0;
    font-size: 24px;
}

/* FB Comments */
/* #fbComments { width: 100%; min-height: 1920px; background: #000408 url(../images/fb-comments.jpg) top center no-repeat; background-size: contain; } */
/* .fb-reviews-wrapper { padding-top: 40px;} */
.fb-reviews {  
	max-width: 776px;
	margin: 0 auto;
	/* position:relative; */
	/* margin: 0 auto; */
	/* padding: 10px 40px; */
	/* margin-top: 60px; */
	/* margin-bottom: 140px; */
}
.fb-reviews .inner-content {  
	background: transparent url(../images/fb-reviews-placeholder-repeat.png) top center repeat-y;
	background-size: 100%;
	padding: 10px 40px;
}
.fb-reviews.dark .inner-content { background-image:url(../images/fb-reviews-placeholder-repeat-dark.png); }

/* .table.text-white tr td, .table.text-white tr th { color:#fff; } */
.table-wrapper { }
.table-wrapper.rounded { border-radius: 14px !important; }
.table-wrapper.bg-dark .table tr td, 
.table-wrapper.bg-dark .table tr th { border-color: #444477; }
.table-wrapper.bg-darker .table tr td, 
.table-wrapper.bg-darker .table tr th { border-color: #2f2f48; }
.table tr:last-child td { border: none; }
.table td.bg-red, th.bg-red { background: #f30401; }
.table td.bg-red2, th.bg-red2 { background: #bd2236; }
.table td.rounded-tl, th.rounded-tl { border-radius: 14px 0 0 0; }
.table td.rounded-tr, th.rounded-tr { border-radius: 0 14px 0 0; }
.table td.rounded-br, th.rounded-br { border-radius: 0 0 14px 0; }
.table td.rounded-bl, th.rounded-bl { border-radius: 0 0 0 14px; }
.table .fixed-width { min-width: 57px; }
/* Section / Comparison Table */
#sectionTable .container { padding-bottom: 1px !important; }
#sectionTable.--bg-shadow::after { height: 550px; background: linear-gradient(0deg, #000408 40%, rgba(2, 0, 14, 0)); }
#sectionTable.--bg-shadow::before { background: linear-gradient(180deg, #00003d , rgba(0, 0, 61, 0)); }
#sectionTable.--bg-shadow::before { display:none; }

/* Background Color */
.bg-darkless { background: var(--darkless) !important;}
.bg-dark { background: var(--dark) !important;}
.bg-darker { background: var(--darker) !important;}
.bg-darkest { background: #1a0f1c !important;}
.bg-dark1 { background: #003767 !important;}
.bg-dark2 { background: #001b33 !important;}
.bg-darker { background: #000408 !important;}
.bg-dark-70 { background: rgba(0, 0, 0, 0.7); }
.bg-dark-80 { background: rgba(0, 0, 0, 0.8); }
.bg-black-10 { background: rgba(0,0,0, 0.1) !important;}
.bg-black-20 { background: rgba(0,0,0, 0.2) !important;}
.bg-black-30 { background: rgba(0,0,0, 0.3) !important;}
.bg-black-80 { background: rgba(0,0,0, 0.8) !important;}
.bg-dark-transparent { background: rgba(0,0,0, 0.8) !important; }
.bg-blue { background: #08b4c6 !important; }
.bg-blue-transp { background: rgba(141,191,250, 0.8) !important; }
.bg-green { background: #08c69a !important; }
.bg-green-light { background: #05e300 !important; }
.bg-purple { background: #5208c6 !important; }
.bg-yellow { background: #ffd100 !important; }
.bg-yellow-dark { background: #dfb800 !important; }
.bg-yellow-light { background: #fff7d1 !important; }
.bg-red { background: #f30401 !important; }
.bg-red2 { background: #a00101 !important; }
.bg-light-green { background: #00ed00 !important; }
.bg-light-grey { background: #eee !important; }
.bg-white { background: #fff; }
.bg-white-10 { background: rgba(255,255,255,0.1) !important; }
.bg-white-20 { background: rgba(255,255,255,0.2) !important; }
.bg-white-30 { background: rgba(255,255,255,0.3) !important; }
.bg-white-50 { background: rgba(255,255,255,0.5) !important; }
.bg-white-transp { background: rgba(255,255,255, 0.9) !important;}
.bg-light-1 { background: #b6e4ff; }
.bg-light-2 { background: #d8f9ff; }
.bg-gradient-1 {
	background: #8dbffa !important;
	background: linear-gradient(#8dbffa 50%, rgba(141,191,250,0)) !important;
}
.bg-gradient-lighter {
	background: #c6dffd !important;
	background: linear-gradient(#fff , #c6dffd ) !important;
}
.bg-gradient-light {
	background: #c6dffd !important;
	background: linear-gradient(45deg, #c6dffd , #d2d7ff ) !important;
}
.bg-gradient-mid {
	background: #5a06dc !important;
	background: linear-gradient(90deg, #4704ac , #5a06dc) !important; !important;
}
.bg-gradient-dark {
	background: #2e84e6 !important;
	background: linear-gradient(45deg, #1a0f1c , #360795) !important; !important;
}
.bg-gradient-1.to-right { background: linear-gradient(to right, #ff008d , #1a0f1c 50%) !important; }
.bg-gradient-2 {
	background: #00a0fe !important;
	background: linear-gradient(0deg, #00a0fe , #1d22ee) !important;
}
.bg-gradient-2.to-right { background: linear-gradient(to right, #00a0fe , #1d22ee) !important; }

.bg-pattern { background-color: #00003c; opacity: 1; background-size: 10px 10px;	 }
.bg-pattern.pattern-1 { background-image: repeating-linear-gradient(45deg, #00003c 0, #000408 1px, #000082 0, #000408 50%); }
.bg-pattern.pattern-2 { background-image: repeating-linear-gradient(45deg, #210709 0, #210105 1px, #270206 0, #4e0911 50%); }
.bg-illustrations { background: transparent url(../images/bg-ilustrations-reviews.png) bottom center no-repeat; background-size: contain; }
.bg-stripes-yellow {
	background-image: linear-gradient(45deg, #e8bf00 25%, #ffd820 25%, #ffd820 50%, #e8bf00 50%, #e8bf00 75%, #ffd820 75%, #ffd820 100%);
	background-size: 56.57px 56.57px;
}
.bg-img-overlay { position:relative; }
.bg-img-overlay:before {
	content: ""; display:block;
	position:absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1;
}
.bg-img-overlay.--bg-1:before { background: transparent url(../images/bg-1.jpg) top center no-repeat; background-size: 100%; background-attachment: fixed; }
.bg-img-overlay.--bg-2:before { background: transparent url(../images/bg-header.jpg) top center no-repeat; background-size: cover; background-attachment: fixed; }
.bg-img-overlay.--bg-3:before { background: transparent url(../images/bg-3.jpg) top center no-repeat; background-size: 100%; }
.bg-img-overlay.--bg-4:before { background: transparent url(../images/bg-header.jpg) top center no-repeat; background-size: cover; background-attachment: fixed; }
.bg-img-overlay.--bg-4:before { background-image: linear-gradient( 90deg, rgba(15,23,42,0.3) -20%, rgba(15,23,42,0.85) 15%, rgba(15,23,42,0.85) 85%, rgba(15,23,42,0.3) 120% ), url(../images/bg-header.jpg); }
.bg-img-overlay.--bg-pat-1:before { background: transparent url(../images/bg-pattern-1.png) top center repeat-y; background-size: 100%; }
.bg-img-overlay.--bg-pat-2:before { background: transparent url(../images/bg-pattern-2.png) bottom center no-repeat; background-size: 100%; }
.bg-img-overlay.--op-3:before { opacity: .3; }
.bg-img-overlay.--op-5:before { opacity: .5; }
.bg-img-overlay.--fixed:before { background-attachment: fixed; }
.bg-img-overlay.--blend-multiply:before { mix-blend-mode: multiply; }
.bg-img-overlay.--blend-screen:before { mix-blend-mode: screen; }
.bg-gradient-overlay:after { 
	content: ""; display:block;
	position:absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 2;
	background: linear-gradient(to bottom, #000, rgba(0,0,0, 0.8));
}
section.section-light { background-color: #fff !important; }
section.section-mid { background-color: #f30401 !important; }
section.section-red { background-color: #bd2236 !important; }
section.section-blue { background-color: #1d22ee !important; }
section.section-light-blue { background-color: #e1ebfe !important; }
section.section-header-gradient { background: #6103e0; background-image: linear-gradient(#6103e0, #0028a9 50%); }
section.section-dark { background-color: var(--dark) !important; }
section.section-darkless { background-color: var(--darkless) !important; }
section.section-darker { background-color: var(--darker)  !important; } /*000408*/
section.section-light-blue { background: #c6dffd; }
section.section-dark-blue { background: #2e84e6; }
section.section-dark-violet { background: #6f34ff; }
section.section-light-gradient { background: #eee; background: linear-gradient(180deg, #fff , #eee) !important; }
section.section-colored-gradient { background: #00f3ff; background: linear-gradient(0deg, #00f3ff , #00ff95 ) !important; }
section.section-darker-gradient { background: #000; background: linear-gradient(0deg, #000 , var(--darker) ) !important; }
section.section-darker-gradient { background: #000; background: linear-gradient(0deg, #0f172a, #000) !important; }
section.section-dark-gradient { background: #0f172a; background: linear-gradient(0deg, #0f172a, #1e293b) !important; }
section.section-dark-gradient.--rev { background: #0f172a; background: linear-gradient(0deg, #1e293b, #0f172a) !important; }
section.section-dark-gradient.--lg { background: #1a0f1c; background: linear-gradient(0deg, #1e293b , #0f172a, #1e293b ) !important; }
section.section-pink-gradient { background: #1a0f1c; background: linear-gradient(0deg, #000408 , #b300b3 ) !important; }
section.section-blue-gradient { background: #8dbffa; background: linear-gradient(#fff , #8dbffa) !important; }
section.section-bg-dark { background-color: #000408; }
section.section-new-gradient { background: #000408; background: linear-gradient(180deg, #000408 , #2b0100) !important; }

.section-bg-img { 
	background-color: inherit;
    background-size: contain;
    background-repeat: no-repeat !important;
    background-position: bottom center;
}
.section-bg-img.--bg-header { background-image: url(../images/bg-header.jpg); }
.section-bg-img.--bg-scrolling { background-image: url(../images/bg-header.jpg); background-position: top center; }
.section-bg-img.--bg-1 { background-image: url(../images/bg-1.jpg); background-position: top center; }
.section-bg-img.--bg-2 { background-image: url(../images/bg-2.jpg); }
.section-bg-img.--cover { background-size: cover;}
.section-bg-img.--bg-fixed { background-attachment: fixed; }
.section-bg-img.--bg-bottom { background-position: bottom !important; }
.section-bg-img.--bg-shadow { position:relative; }
.section-bg-img.--bg-shadow::before,
.section-bg-img.--bg-overlay::before,
.section-bg-img.--bg-shadow::after { content: ""; display:block; width: 100%; height: 250px; position:absolute; background: transparent; background: linear-gradient(180deg, #000408 60%, rgba(2, 0, 14, 0)); }
.section-bg-img.--bg-shadow::after { bottom: 0; background: linear-gradient(0deg, #000408 , rgba(2, 0, 14, 0)); }
.section-bg-img.--bg-overlay::before { background: linear-gradient(to bottom, rgba(13,0,29, 0.5), #0d001d 40%, #0d001d); height: 100%; background-position: top center;}
.section-bg-img.--bg-overlay.--longer::before { background: linear-gradient(to bottom, rgba(13,0,29, 0.5), #0d001d 800px, #0d001d); }
.section-bg-img.--bg-overlay.--longer.--darker::before { background: linear-gradient(to bottom, #0f172a, #000); }
.section-bg-img.--bg-overlay.--longer.--blue::before { background: linear-gradient(to bottom, rgba(111,52,255, 0.8), #2e84e6 100%);  }
.section-bg-img.--bg-overlay.--longer.--dark::before { background: linear-gradient(to bottom, #0f172a, #000 100%); }
.section-bg-img.--bg-overlay.--reverse::before { background: linear-gradient(180deg, #000408 , rgba(10,11,15, 0)) !important; }
.section-bg-illustration { background: #eee url(../images/bg-ilustrations-reviews.png) bottom center no-repeat;  background-image:url(../images/bg-ilustrations-reviews.png), background: linear-gradient(180deg, #fff , #eee); background-size: contain; }
.offset-top { margin-top: -150px; position:relative; z-index: 99; }
.bg-contain { background-size: contain !important; }
.bg-cover { background-size: cover !important; }
.bg-fixed { background-attachment: fixed !important; }

/* Text Color */
.text-white { color:#fff; }
.text-white-50 { color: rgba(255,255,255, 0.5); }
.text-light { color:#ccc !important; }
.text-grey { color:#adb5bd; }
.text-dark { color:#1a0f1c !important; }
.text-darker { color:#000408; }
.text-black { color:#000; }
.text-black-50 { color: rgba(0,0,0, 0.5); }
.text-pink { color:#ff008d; }
.text-red { color:#f30401; }
.text-red2 { color:#a00101; }
.text-yellow, .text-high2 { color: #ffd100; }
.text-yellow { color: #fce305; }
.text-blue { color: #3482e7; }
.text-blue-light { color: #0ff; }
.text-green-light { color: #0f9; }
.text-green { color: #028200; }
.text-purple { color: #5a06dc; }
.text-light-purple { color: #b299ff; }
.text-light-blue, .font-high1 { color: #6ee7ff; }
.text-light-green { color: #00ed00; }
.text-dark-faded { color: rgba(8,0,65, 0.6); }
.font-gradient {
    background: #0ff;
	background: linear-gradient(0deg, #0ff 30%, #0f9 60%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.font-gradient-blue.--to-left { background: linear-gradient(to left,  #0ff , #0f9); }

/* Deals */
.deals .image {  height: auto !important;}
.deals .check-list, .check-list { margin: 0; padding: 0;}
.deals .check-list li, .check-list li { 
	padding: 10px 0;
	padding-left: 30px;
	position:relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.deals .check-list li::before, .check-list li::before { content: ""; display:block; width: 20px; height: 20px; position:absolute; top: 19px; left: 0; background: url(../images/check-sm.png) 0 0 no-repeat;} 
.deals .bg-gradient-light .check-list li, .bg-gradient-light .check-list li { border-color: #ccc; }
.deals .check-list li.nobd, .check-list li.nobd { border:none; }
.deals .check-list li.nochk::before, .check-list li.nochk::before { display:none; }
.deals .deals-box-header { width: 100%; height: 1px; margin-bottom: 320px; display: flex; justify-content: center; align-items: start; }
.deals .deals-box-header .box-img { 
	position: absolute;
	display: block;
	width: 105%;
	top: -1rem;
	z-index: 9;
}
.deals .deals-box-header .box-img { }
.deals .deals-box-header .box-img:before { content: ""; display:block; position: absolute; width: 90%; height: 50%; top: 30%; margin: auto; left: 0; right: 0; background: #0ff; box-shadow: #0ff 0px 0px 90px 0px;  z-index: -1; border-radius: 100px; }
.deals .deals-box-header .circle-element { top: -20%; bottom: auto;}
.deals .deals-box-header .circle-element.--pill { border-radius: 50px;}
.deals .deals-box-header .circle-element { }
.deals .deals-box-header .circle-element span { font-family: 'Geologica', sans-serif; font-weight: 700; font-size: 2.5rem;}
.deals .deals-box-header .circle-element img { max-width: 100px; margin-right: 1rem;}
.deals .deals-box-header .title { position: absolute; width: 100%; height: 100%; top: 0; z-index: 99; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.deals .deals-box-header .title h3 { font-size: 44px; }
.deals .deals-box-header .title p { font-size: 58px; text-transform:uppercase; margin-bottom: 1rem; }

/* Buttons */
.btn-custom-1 { background: #f30401; }
.buy-btn { 
	display: block;
    background: #86ff2b;
    color: #000;
    font-weight: 900;
    text-decoration: none;
    max-width: 875px;
    border-radius: 50px;
    font-size: 1.5rem;
    line-height: 1.3;
    margin: auto;
    padding: 1.25rem 1rem;
    text-align: center;
	border: 3px solid #04ff00;
}
.buy-btn.buy-btn-sm { font-size: 1.3rem; padding: 1rem 1rem; }
.buy-btn:hover { border-color:#4dffa2;  color:#4dffa2; background: #009046; }
.buy-btn.--yellow {
    background: #fce305; /* #ffc800 */
    border: 3px solid #ffff80;
}
.buy-btn.--yellow:hover {
    border-color: #fce305;
    color: #fff;
    background: #000;
}
.buy-btn.--orange {
    background: #fd7e14;
    border: 3px solid #b95400;
}
.buy-btn.--orange:hover {
    border-color: #b95400;
    color: #ffd100;
    background: #b95400;
}
.buy-btn.--green {
    background: #006600;
    border: 3px solid #00ce00;
	color:#fff;
}
.buy-btn.--green:hover {
    border-color: #009700;
    color: #fff;
    background: #009700;
}
.buy-btn.btn-scrolling {  }
.pay-btn-wrapper {
	border-radius: 20px;
	border: 1px solid #14deff;
}

/* Font related */
.fz-2xs { font-size: 0.65rem !important;}
.fz-xs { font-size: 0.75rem !important;}
.fz-sm { font-size: 0.85rem !important;}
.fz-regular, .fz-default { font-size: 1rem !important;}
.fz-md { font-size: 1.25rem !important;}
.fz-lg { font-size: 1.5rem !important;}
.fz-lg2 { font-size: 1.6rem !important;}
.fz-xl { font-size: 2rem !important;}
.fz-2xl, .fz-xxl { font-size: 2.5rem !important;}
.fz-3xl { font-size: 3rem !important;}
.fz-4xl { font-size: 3.5rem !important;}
.fz-5xl { font-size: 4rem !important;}
.font-big { font-size: 48px; }
.font-big2 { font-size: 100px; }
.font-big3 { font-size: 150px;}
	
.strong { font-weight: 700; }
.stronger { font-weight: 800; }
.font-italic, .italic { font-style:italic; }
.fw-light, .light { font-weight: 200; }
.fw-regular, .regular { font-weight: 400; }
.underline { text-decoration:underline; }
.strike { text-decoration: line-through !important;}

/* Borders */
.bd { border: 1px solid #ccc; }
.bdb { border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.bdt { border-top: 1px solid rgba(0, 0, 0, 0.5); }
.bd-3 { border-width: 3px !important; }
.bd-2 { border-width: 2px !important; }
.bd-4 { border-width: 4px !important; }
.bd-5 { border-width: 5px !important; }
.bd-6 { border-width: 6px !important; }
.bd-7 { border-width: 7px !important; }
.bd-8 { border-width: 8px !important; }
.bdt-2 { border-width: 2px; }
.bd-white { border-color: #fff; }
.bd-black { border-color: #000; }
.bd-light { border-color: #ddd; }
.bd-black-5 { border-color: rgba(0,0,0,0.05) !important; }
.bd-black-10 { border-color: rgba(0,0,0,0.1) !important; }
.bd-black-20 { border-color: rgba(0,0,0,0.2) !important; }
.bd-white-5 { border-color: rgba(255,255,255,0.05) !important; }
.bd-white-10 { border-color: rgba(255,255,255,0.1) !important; }
.bd-white-20 { border-color: rgba(255,255,255,0.2) !important; }
.bd-white-transp { border-color: rgba(255,255,255,0.3) !important; }
.bd-dark-transp { border-color: rgba(0,0,0,0.3) !important; }
.bd-dark { border-color: #1a0f1c; }
.bd-darker { border-color: #000408; }
.bd-light-green { border-color: #00ed00; }
.bd-red { border-color: #ff3030 !important; }
.bd-pink { border-color: #c601ff !important; }
.bd-yellow { border-color: #ffd100 !important; }
.bd-purple { border-color: #5a06dc !important; }
.bd-purple-light { border-color: #845ffb !important; }
.bd-blue { border-color: #3482e7 !important; }
.bd-blue-light { border-color: #00ffff !important; }
.bd-green-light { border-color: #00ff99 !important; }
.bdb-underline-yellow { border-bottom: 6px solid #ffd100;}
.bdb-underline-blue { border-bottom: 6px solid #1d22ee;}
.bdb-underline-white { border-bottom: 6px solid #fff;}
.bdb-underline-dark { border-bottom: 6px solid #1a0f1c;}
.bd-underline { border-bottom: 1px solid #0ff; padding-bottom: 3px;}
.section-dark .bdt, .bg-dark .bdt,
.section-dark .bdb, .bg-dark .bdb { border-color: rgba(255, 255, 255, 0.3); }
.bd-dashed { border-style: dashed; }
.bdt-dashed { border-top-style: dashed; }
.bdb-dashed { border-bottom-style: dashed; }
.bd-color-1 { border-color: #f30401; }
.bd-color-light-2 { border-color: #87bcc5; }
.nobd { border: none !important; }

/*.bd-gradient { position:relative; }
.bd-gradient::before {
	content: "";
    background: linear-gradient(130deg,#ff7a18, #af002d 41.07%, #319197 76.05%);
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    z-index: -1;
    border-radius: 12px;
}
.bd-gradient,
.bd-gradient-1,
.bd-gradient-2,
.bd-gradient-3 { padding: 1px; background: linear-gradient(to right,  #f30401 , #11b0d1);}
.bd-gradient-1 { padding: 1px;}
.bd-gradient-2 { padding: 2px;}
.bd-gradient-2 { padding: 3px;}
.bd-gradient .inner { background: #1a0f1c; display: block; }*/
/* generate css dashed border gradient: https://stackoverflow.com/questions/46999865/how-can-i-create-a-dashed-border-with-gradient */
.bd-gradient-simpler {
  display:inline-block;
  margin: 20px;
  background:
   linear-gradient(#fff 0 0) padding-box,
   linear-gradient(to bottom, #4fc3f7, #ab5ca4 49%, #ff512f) border-box; 
}
.bd-gradient-simpler.dashed {
}
.bd-gradient-simpler.bd-dark {
	background:
   linear-gradient(#fff 0 0) padding-box,
   linear-gradient(to bottom, #1a0f1c, rgba(8,0,65,0) 50%) border-box; 
}

/* Border radius */
.rounded-6 { border-radius: 6px !important; }
.rounded-8 { border-radius: 8px !important; }
.rounded-10 { border-radius: 10px !important; }
.rounded-12 { border-radius: 12px !important; }
img.rounded, .rounded-14 { border-radius: 14px !important; }
.rounded-16 { border-radius: 16px !important; }
.rounded-20 { border-radius: 20px !important; }
.rounded-30 { border-radius: 30px !important; }
.rounded-34 { border-radius: 34px !important; }
.rounded-bottom-14 { border-radius: 0 0 14px 14px; }

/* Bonus Box */
.box, .box-inner { 
    border-radius: 10px;
}
.box-inner { 
    border-radius: 6px;
}

.b-box {
    max-width: 1200px;
    margin: auto;
    border-radius: 8px;
    padding: 50px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px, rgba(0, 0, 0, 0.05) 0px 2px 4px, rgba(0, 0, 0, 0.05) 0px 4px 8px, rgba(0, 0, 0, 0.05) 0px 8px 16px, rgba(0, 0, 0, 0.05) 0px 16px 32px, rgba(0, 0, 0, 0.05) 0px 32px 64px;
	-moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px, rgba(0, 0, 0, 0.05) 0px 2px 4px, rgba(0, 0, 0, 0.05) 0px 4px 8px, rgba(0, 0, 0, 0.05) 0px 8px 16px, rgba(0, 0, 0, 0.05) 0px 16px 32px, rgba(0, 0, 0, 0.05) 0px 32px 64px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px, rgba(0, 0, 0, 0.05) 0px 2px 4px, rgba(0, 0, 0, 0.05) 0px 4px 8px, rgba(0, 0, 0, 0.05) 0px 8px 16px, rgba(0, 0, 0, 0.05) 0px 16px 32px, rgba(0, 0, 0, 0.05) 0px 32px 64px;
}
.b-box.b-box-outline { border: 2px solid #fff;}
.b-box.b-box-outline-dashed { border: 2px dashed #fff;}
.section-light-gradient .b-box,
.section-white .b-box { border-color: #000408;}
.fast-bonus-box h3 { line-height: 1.6; }
.fast-bonus-box {
	border-radius: 20px;
    border: 1px solid #0ff;
	background: rgba(44,56,80, 0.66) !important;
	box-shadow: rgb(0 0 0 / 56%) 0px 22px 70px 4px;
	padding: 1rem;
}
.qna-box {
	border: 1px dashed #0ff;
	border-radius: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.qna-box .que { color: rgba(255,255,255, 0.5); margin-bottom: 1rem !important;}
.qna-box .ans {  }

/* Other General */
ul { margin-bottom: 0; }
li { list-style: none; }
.img-link { display:block; }
.img-link img { transition: all 0.3s ease-out; }
.img-link:hover img { opacity: 0.5; transition: all 0.5s ease-in; }

a.no-thanks { text-decoration:underline; }
a.no-thanks:hover { text-decoration: none; }

.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }
.max-1000 { max-width: 1000px; }
.hide { display:none; }
.same-col-height { height: 100%; }
.mx-neg-3 { margin-left: -1rem; margin-right: -1rem;}
.trans-all { transition: all 0.3s ease-in; }
.trans-all:hover { transition: all 0.5s ease-out; }
.f-mobile { display: none; }
.posr { position:relative; }
.gfx-abs { position: absolute; z-index: 999; }
.clear { overflow:hidden; }
.ovh { overflow:hidden;}

.posa-center { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; display:block; width: 100%; height: auto;}
.posa { position: absolute; }
.posa.top { top: 0px; }
.posa.bottom { bottom: 0px; }
.posa.left { left: 0px; }
.posa.right { right: 0px; }

.z--1 { z-index: -1;}
.z-0 { z-index: 0;}
.z-9 { z-index: 9;}
.z-10 { z-index: 10;}

/* People cols */
.people-matrix div.person { border: 1px solid #1a0f1c; padding: 15px; border-radius: 20px; background: #002f98; color:#fff; text-align:center; height: 100%; }
.people-matrix div.person p.fz-lg { color:#f1b910; margin-bottom: 0 !important; font-weight: 700; }
.people-matrix div.person p.fz-md { margin-bottom: 0 !important; }

/* Footer and Specific sections by ID */
#footer { background-color: #080808; }
.footer-text { font-size: 13px; color: #787878; }
.footer-color-light { color: #787878; }
#footer a { font-size: 13px; color: #787878; }
#footer .wplus_spdisclaimer { font-size: 0.65rem !important; }
#qna p { font-size: 0.85rem; }

/* Rows and Cols */
.row-1200 {
    max-width: 1200px;
    margin: auto;
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.col-box {
  height: 100%;
  padding: 20px 20px;
  color: #000;
  border-radius: 14px !important;
  /* overflow: hidden; */
}
.col-box.--outline {border: 2px solid #3482e7; background: transparent; color: #fff; }
/* .col-box .img-wrap { display:inline-block;  padding: .75rem; margin-top: -32px; margin-left: -32px; background:  #000; border: inherit; border-radius: 100%;} */
.col-box .img-wrap { display:inline-block;  padding: .75rem; margin-top: -26px; margin-left: -26px; background:  #000; border: inherit; border-radius: 14px 0 14px 0;}
.col-box .img-wrap img { margin: 0; padding: 0;}

.flex-text-img { display: flex; justify-content: center; align-items: center; gap: .75rem 1.5rem; }
.flex-text-img div { flex: 2; }
.flex-text-img div.col-img{ flex: 1;}

.flex-center-middle { display: flex; justify-content: center; align-items: center; }
.flex-middle { display: flex; justify-content: start; align-items: center; }
.flex-middle-inline { display: inline-flex; justify-content: start; align-items: center; }

/* Lists */
.big-deal-list {  }
.big-deal-list li { padding: 10px 20px; border-radius: 15px; font-size: 1.5rem; font-weight: 400; margin-bottom: 1rem;}
.big-deal-list li.bordered { padding: 1px;}
.big-deal-list li .inner { display: block; padding: 10px 20px; }
.section-dark .big-deal-list li { background: #022473; color:#ffd100; }
.section-dark .big-deal-list li.bordered { background: linear-gradient(to right,  #f30401 , #11b0d1); }
.section-dark .big-deal-list li .inner { background: #010f2e; border-radius: 14px; }
.section-white .big-deal-list li { background: #fff; color:#010f2e; }
.section-white .big-deal-list li.bordered { background: linear-gradient(to right,  #f30401 , #11b0d1); padding: 2px; }
.section-white .big-deal-list li .inner { background: #fff; border-radius: 14px; }

/* Bullet Points */
.bullet-point { background: #000; padding: 5px 7px; border-radius: 100%;}
.bullet-point.--white { background: #fff; }
.bullet-point.--blue { background: #3482e7; }
.bullet-point.--blue-light { background: #0ff; color:#000 !important; }
.bullet-point.--green-light { background: #0f9; color:#000 !important; }
.bullet-point.--sm { padding: 2px 5px; }
.bullet-point.--lg { padding: 8px 10px; }
.bullet-point.--square { border-radius: 10px; }

/* Icons */
ul.custom-icons li {
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: 32px;;
    padding-left: 50px;
    padding-bottom: 30px;
    padding-top: 1px;
    font-weight: 400;
    list-style-type: none;
    color:#000408; 
}
/* add svg icon using pseudo element */
.add-icon, .add-icon-ul li { position: relative; padding-left: 50px !important; }
.add-icon::before, .add-icon-ul li::before { content: ""; position:absolute; z-index: 9; display:block; width: 26px; height: 26px; top: 20px; left: 15px; }
.add-icon.svg-red::before, .add-icon-ul.svg-red li::before { filter: invert(39%) sepia(95%) saturate(3333%) hue-rotate(332deg) brightness(95%) contrast(84%); }
.add-icon.svg-white::before, .add-icon-ul.svg-white li::before { filter: invert(100%) sepia(1%) saturate(650%) hue-rotate(284deg) brightness(115%) contrast(100%); }
.add-icon.svg-yellow::before, .add-icon-ul.svg-yellow li::before { filter: invert(87%) sepia(15%) saturate(7499%) hue-rotate(354deg) brightness(101%) contrast(101%); }
.add-icon.svg-green::before, .add-icon-ul.svg-green li::before { filter: invert(30%) sepia(97%) saturate(1154%) hue-rotate(115deg) brightness(97%) contrast(105%); }
.add-icon.svg-light-green::before, .add-icon-ul.svg-light-green li::before { filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%); }
.add-icon.svg-light-blue::before, .add-icon-ul.svg-light-blue li::before { filter: invert(77%) sepia(45%) saturate(1477%) hue-rotate(169deg) brightness(108%) contrast(107%); }
.add-icon.arrow-o::before, .add-icon-ul.arrow-o li::before { content: ""; background: url(../images/icons/icon-arrow-o.svg) center center no-repeat; background-size: 100%; }
.add-icon.check-promo::before, .add-icon-ul.check-promo li::before { content: ""; background: url(../images/icons/icon-check-promo.svg) center center no-repeat; background-size: 100%; }
.add-icon.check-o::before, .add-icon-ul.check-o li::before { content: ""; background: url(../images/icons/icon-check-o.svg) center center no-repeat; background-size: 100%; }
.add-icon-ul.svg-md li { padding-left: 50px !important; }
.add-icon-ul.svg-lg li::before { width: 26px; height: 26px; top: 7px; left: 10px; }
.add-icon-ul.svg-md li::before { width: 26px; height: 26px; top: 3px; left: 10px; }
.add-icon-ul.svg-sm li::before { width: 26px; height: 26px; top: 5px; left: 10px; }
.add-icon.icon-top-0::before { top: 0px; }
.add-icon.icon-top-1::before { top: 8px; }
.add-icon.icon-top-2::before { top: 20px; }
.add-icon.icon-top-3::before { top: 30px; }
.icon-round { min-width: 77px; min-height: 50px; line-height: 1.5; text-align:center; font-size: 1.5rem !important; padding: .5rem 1rem;}
.svg-img-white { filter: invert(100%) sepia(1%) saturate(650%) hue-rotate(284deg) brightness(115%) contrast(100%); }
/* To convert color to filter, use this: https://codepen.io/sosuke/pen/Pjoqqp */
.filter-white {
    filter: invert(100%) sepia(1%) saturate(650%) hue-rotate(284deg) brightness(115%) contrast(100%);
}
.filter-green {
    filter: invert(30%) sepia(97%) saturate(1154%) hue-rotate(115deg) brightness(97%) contrast(105%);
}
.filter-red {
    filter: invert(39%) sepia(95%) saturate(3333%) hue-rotate(332deg) brightness(95%) contrast(84%);
}
.filter-yellow {
    filter: invert(87%) sepia(15%) saturate(7499%) hue-rotate(354deg) brightness(101%) contrast(101%);
}
.filter-blue {
    filter: invert(59%) sepia(95%) saturate(2697%) hue-rotate(151deg) brightness(96%) contrast(87%);
}
.filter-light-green {
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}
.filter-light-blue {
    filter: invert(77%) sepia(45%) saturate(1477%) hue-rotate(169deg) brightness(108%) contrast(107%);
}

/* Arrows */
.arrow-between { position:absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: inline-block; width: 100px; height: 100px; background: url(../images/icons/icon-arrow-right.svg) center center no-repeat; background-size: 100%; }
.arrow-holder { position:relative; }
.arrow-holder .arrow { display: inline-block; position:absolute; top: 14px; bottom: auto; left: auto; right: auto; width: 300px; height: 146px; z-index: 99; margin-left: 1rem; }
.arrow-holder .arrow.--to-right-down { background: url(../images/icons/arrow-to-right-down.svg) center center no-repeat; background-size: 100%; }
.arrow-holder .arrow.--pos-right { right: -100%; }
.arrow-down-right { position:relative; display:inline-block; margin-bottom: 91px; padding-right: 85px; }
.arrow-down-right::after { content: ""; position:absolute; display:block; width: 70px; height: 91px; background: url(../images/arrow_down_rounded.jpg) 0 0 no-repeat; top: 25px; right: 0px;}

.form-check { position:relative; }
.check-lg { width: 30px; height: 30px;}
.form-check-input { position:absolute; top: 15px; left: 13px; border-color:#000; border-width: 2px;  }
.form-check-label { display:block; padding-left: 30px; }

.icn-lg { font-size: 3.5rem; line-height: 1;}
.thumb-circle { display:inline-block; max-width: 190px; }
.thumb-circle .icon-ok { position:absolute; width: 90px; height: 90px; right: 30px; bottom: -10px; background: #fff; color:#5534ea; border-radius: 100%; padding: 3px;}

p.icn-top {
	display: flex; justify-content: start; align-items: center;
	flex-direction: column;
	/* gap: 1rem; */
	/* margin-top: 1.5rem; */
	height: 100%;
	position:relative;
	font-family: 'DM Mono', sans-serif !important;
	padding-top: 60px !important;
}
.icn-top em { position:absolute; margin: auto; top: -57px; font-size: 2.5rem; line-height: 1; background: transparent; border-radius: 100%; padding: 5px; border: 2px solid #0ff; display:inline-block; }
/* .icn-top span.screen-check { margin-top: -2.5rem; width: 80px; height: 80px; background: #fff url(../images/icons/screen-check.svg) center center no-repeat; background-size: contain; display:inline-block; border: 6px solid #fff;} */

/* Carousel */
#screenCarousel:before { content: ""; display:block; position: absolute; width: 80%; height: 90%; top: 1%; margin: auto; left: 0; right: 0; background: #0ff; box-shadow: #0ff 0px 0px 130px 0px;  z-index: 0; border-radius: 100px;}
button.carousel-control-prev, button.carousel-control-next { top: 6%; height: 80%;  left: auto; right: auto; opacity: 1;}
button.carousel-control-next { right: 0; }
button.carousel-control-prev { left: 0; }
.carousel-control-prev-icon, .carousel-control-next-icon { font-size: 95px; width: auto; height: auto; color:#3482e7; }
.carousel-control-prev-icon, .carousel-control-next-icon { line-height: 1; background: #fff; padding: 0px 8px; border-radius: 100%; }
.carousel-control-prev-icon em, .carousel-control-next-icon em { display:block; }
button.carousel-control-prev:hover, button.carousel-control-next:hover { opacity: 1; }
button.carousel-control-prev:hover .carousel-control-prev-icon, button.carousel-control-next:hover .carousel-control-next-icon { color:#000; }

/* Frames */
.frame-static { 
	background: #000; 
	background: linear-gradient(-45deg, rgba(80,255,255, 0.8), #000, #000, rgba(80,255,255, .8));
	border: 1px solid #0ff; padding: 6px; border-radius: 20px;
}
.frame-static .frame-item { border: 1px solid rgba(0,255,255, 0.3); border-radius: inherit;}
.frame-static.--blue { 
	background: linear-gradient(-45deg, rgba(50,130,230, 0.8), #000, #000, rgba(50,130,230, .8));
	border-color:#3482e7;
}
.frame {
	--color-high: #57ffff;
	--color-mid: #0ff;
	--color-low: #00aaaa;
	--color-2: #00ffa0;
	--gradient-1-1: #000;
	--gradient-1-2: #0ff;
	--gradient-1-3: #00ffbf;
}
.frame {
	padding: 11px;
	background: #006868;
	background: linear-gradient(-45deg, var(--gradient-1-3), var(--gradient-1-1), var(--gradient-1-2), var(--gradient-1-1), var(--gradient-1-3), var(--gradient-1-1));
	/* border: 6px solid #006868; */
	/* box-shadow: 0px 0px 0px 1px var(--color-high); */
	border: 1px solid var(--color-high);
	position:relative;
}
.frame:before, .frame:after {
	content: "";
	position:absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: auto;
	margin: auto;
	/* border: 3px solid #006868; */
	/* outline: 4px solid #f00; */
	/* box-shadow: 0px 0px 0px 3px #57ffff; */
}
.frame:before {
	z-index: -1;
	/* box-shadow: 0px 0px 60px 10px var(--color-high); */
	/* box-shadow: rgba(80, 255, 255, 0.25) 0px 54px 55px, rgba(80, 255, 255, 0.12) 0px -12px 30px, rgba(80, 255, 255, 0.12) 0px 4px 6px, rgba(80, 255, 255, 0.17) 0px 12px 13px, rgba(80, 255, 255, 0.09) 0px -3px 5px; */
	box-shadow: var(--color-mid) 0px -20px 60px -10px,
						rgba(0, 255, 160, 0.56) 0px -22px 70px 4px;
	border-radius: 20%;
	opacity: .1;
}
.frame .frame-item { border: 1px solid #0ff;}

.frame-img { 
	/* border: 2px solid #000; */
	-webkit-box-shadow: rgba(0, 255, 150, 0.8) 0px 0px 0px 1px, rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; 
	-moz-box-shadow: rgba(0, 255, 150, 0.8) 0px 0px 0px 1px, rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; 
	box-shadow: rgba(0, 255, 150, 0.8) 0px 0px 0px 1px, rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; 
}
.frame-img-blue { 
	-webkit-box-shadow: rgba(50, 130, 230, 0.8) 0px 0px 0px 1px, rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; 
	-moz-box-shadow: rgba(50, 130, 230, 0.8) 0px 0px 0px 1px, rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; 
	box-shadow: rgba(50, 130, 230, 0.8) 0px 0px 0px 1px, rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; 
}
.frame-img-glow { 
	-webkit-box-shadow: rgba(0, 255, 150, 0.8) 0px 0px 0px 1px, rgba(0, 255, 255, 0.3) 0px 22px 70px 4px; 
	-moz-box-shadow: rgba(0, 255, 150, 0.8) 0px 0px 0px 1px, rgba(0, 255, 255, 0.3) 0px 22px 70px 4px; 
	box-shadow: rgba(0, 255, 150, 0.8) 0px 0px 0px 1px, rgba(0, 255, 255, 0.3) 0px 22px 70px 4px; 
}


/* Radial Gradients (png) for backgrounds */
.radial-gradient {
	position:absolute;
	width: 300px;
	height: 300px;
	background: #fff;
	background: transparent url(../images/radial-bw.png) center center no-repeat;
	background-size: contain;
	mix-blend-mode: color-dodge;
	border-radius: 100%;
	z-index: 2;
	bottom: -15%;
	opacity: 0;
}
.radial-gradient-img { 
	background: transparent url(../images/radial-purple-sm.png) center center no-repeat;
	width: 500px;
	height: 548px;
	position:absolute;
	top: 50vh;
	left: -40%;
	right: auto;
	z-index: 1;
}
.radial-gradient-img.--left { left: -40%; right: auto;}
.radial-gradient-img.--left-10 { left: -10%; right: auto;}
.radial-gradient-img.--left-20 { left: -20%; right: auto;}
.radial-gradient-img.--left-30 { left: -30%; right: auto;}
.radial-gradient-img.--right { left: auto; right: -40%;}
.radial-gradient-img.--right-10 { left: auto; right: -10%;}
.radial-gradient-img.--right-20 { left: auto; right: -20%;}
.radial-gradient-img.--right-30 { left: auto; right: -30%;}
.radial-gradient-img.--md { background-image:url(../images/radial-purple-md.png); width: 700px; height: 681px;}
.radial-gradient-img.--lg { background-image:url(../images/radial-purple-lg.png); width: 1081px; height: 1052px; }
.radial-gradient-img.--top-0 { bottom: auto; top: 0; }
.radial-gradient-img.--top-10 { bottom: auto; top: 10vh; }
.radial-gradient-img.--top-20 { bottom: auto; top: 20vh; }
.radial-gradient-img.--top-30 { bottom: auto; top: 30vh; }
.radial-gradient-img.--bottom-0 { bottom: 0; top: auto; }
.radial-gradient-img.--bottom-10 { bottom: 10vh; top: auto; }
.radial-gradient-img.--bottom-20 { bottom: 20vh; top: auto; }
.radial-gradient-img.--bottom-30 { bottom: 30vh; top: auto; }
.radial-gradient-img.--center { top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; }
.radial-gradient-img.--transp-50 { opacity: 0.5; }
.radial-gradient-img.--green.--lg { background-image:url(../images/radial-green-lg.png); }
.radial-gradient-img.--blue.--lg { background-image:url(../images/radial-blue-lg.png); }

/* Box Shadows */
.box-panel {
	background: #fff;
	color:#000;
	border-radius: 34px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border: 1px solid #1a0f1c;
}
.box-sh { box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.box-sh-2 { box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; }
.box-sh-3 { box-shadow: rgba(80,255,255, 0.56) 0px 22px 70px 4px; }
.box-sh-4 { box-shadow: rgba(0,255,150, 0.56) 0px 22px 70px 4px; }
.box-sh-5 { box-shadow: 0px 0px 30px 1px rgba(0,255,255,0.3);  }
.box-sh-6 { box-shadow: 0px 0px 30px 1px rgba(0,255,150,0.3);  }
.box-sh-bd { box-shadow: 0px 0px 0px 2px #000; }
.box-outline 
{
	-webkit-box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.05), 0px 0px 0px 20px rgba(255,255,255,0.1); 
	-moz-box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.05), 0px 0px 0px 20px rgba(255,255,255,0.1); 
	box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.05), 0px 0px 0px 20px rgba(255,255,255,0.1); 
}
.section-white .box-outline,
.section-light-gradient .box-outline
 {
	-webkit-box-shadow: 0px 0px 0px 10px rgba(141,191,250,0.05), 0px 0px 0px 20px rgba(141,191,250,0.1);
	-moz-box-shadow: 0px 0px 0px 10px rgba(141,191,250,0.05), 0px 0px 0px 20px rgba(141,191,250,0.1);
	box-shadow: 0px 0px 0px 10px rgba(141,191,250,0.05), 0px 0px 0px 20px rgba(141,191,250,0.1);
}
.box-1, .box-2 {
	position:relative;
	border-radius: 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	z-index: 1;
}
.box-1::before, .box-2::before { content: ""; display:block; position:absolute; top: -3%; left: 2.5%; width: 95%; height: 95%; background: rgba(255, 255, 255, 0.1); border-radius: 8px; z-index: -1;}
.box-1::after, .box-2::after { content: ""; display:block; position:absolute; top: -5%; left: 5%; width: 90%; height: 90%; background: rgba(255, 255, 255, 0.1); border-radius: 8px; z-index: -2; }

.box-2::before { top: 0; bottom: -3%; left: 2.5%; width: 95%; height: 95%; }
.box-2::after { top: 0; bottom: -5%; left: 5%; width: 90%; height: 90%;}
.shadow { display:block; width: 100%; height: 30px; background: #000; box-shadow: #000 0px 0px 30px 0px;  z-index: 9; border-radius: 100%;}