/*!
Theme Name: _System by BPXI/O
Theme URL:	https://bpx.io
Version:	3.4.0
Author:		BPXI/O
*/

.system-bak {
	background-color: #202020 !important;
}
.system-z-index--1 {
	z-index: -1 !important;
}
.system-z-index-0 {
	z-index: 0 !important;
}
.system-z-index-1 {
	z-index: 1 !important;
}
.system-z-index-2 {
	z-index: 2 !important;
}
.system-z-index-3 {
	z-index: 3 !important;
}
.system-z-index-5000 {
	z-index: 5000 !important;
}
.no-vert-pad {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.no-vert-margin {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.wht-on-wht {
	background-color: #fff !important
}
.lgt-on-lgt {
	color: #f1f1f1 !important
}
.txt-lgt {
	color: #f1f1f1 !important
}
.txt-drk {
	color: #202020 !important
}
.hard-pad-top-0 {
	padding-top: 0px !important;
}
.hero-pad-top {
	padding-top: 160px !important;
}
.hard-pad-bottom-0 {
	padding-bottom: 0px !important;
}
.hard-pad-top-10 {
	padding-top: 10px !important;
}
.hard-pad-top-15 {
	padding-top: 15px !important;
}
.hard-pad-top-20 {
	padding-top: 20px !important;
}
.hard-pad-top-25 {
	padding-top: 25px !important;
}
.hard-pad-top-30 {
	padding-top: 30px !important;
}
.hard-pad-top-35 {
	padding-top: 35px !important;
}
.hard-pad-top-40 {
	padding-top: 40px !important;
}
.hard-pad-top-45 {
	padding-top: 45px !important;
}
.hard-pad-top-50 {
	padding-top: 50px !important;
}
.hard-pad-top-55 {
	padding-top: 55px !important;
}
.hard-pad-top-60 {
	padding-top: 60px !important;
}
.hard-pad-top-65 {
	padding-top: 65px !important;
}
.hard-pad-top-70 {
	padding-top: 70px !important;
}
.hard-pad-top-75 {
	padding-top: 75px !important;
}
.hard-pad-top-80 {
	padding-top: 80px !important;
}
.hard-pad-top-85 {
	padding-top: 85px !important;
}
.hard-pad-top-90 {
	padding-top: 90px !important;
}
.hard-pad-top-95 {
	padding-top: 95px !important;
}
.hard-pad-top-100 {
	padding-top: 100px !important;
}
.hard-pad-bottom-10 {
	padding-bottom: 10px !important;
}
.hard-pad-bottom-15 {
	padding-bottom: 15px !important;
}
.hard-pad-bottom-20 {
	padding-bottom: 20px !important;
}
.hard-pad-bottom-25 {
	padding-bottom: 25px !important;
}
.hard-pad-bottom-30 {
	padding-bottom: 30px !important;
}
.hard-pad-bottom-35 {
	padding-bottom: 35px !important;
}
.hard-pad-bottom-40 {
	padding-bottom: 40px !important;
}
.hard-pad-bottom-45 {
	padding-bottom: 45px !important;
}
.hard-pad-bottom-50 {
	padding-bottom: 50px !important;
}
.hard-pad-bottom-55 {
	padding-bottom: 55px !important;
}
.hard-pad-bottom-60 {
	padding-bottom: 60px !important;
}
.hard-pad-bottom-65 {
	padding-bottom: 65px !important;
}
.hard-pad-bottom-70 {
	padding-bottom: 70px !important;
}
.hard-pad-bottom-75 {
	padding-bottom: 75px !important;
}
.hard-pad-bottom-80 {
	padding-bottom: 80px !important;
}
.hard-pad-bottom-85 {
	padding-bottom: 85px !important;
}
.hard-pad-bottom-90 {
	padding-bottom: 90px !important;
}
.hard-pad-bottom-95 {
	padding-bottom: 95px !important;
}
.hard-pad-bottom-100 {
	padding-bottom: 100px !important;
}
.header-float-top {
	position: absolute !important;
	width: 100% !important;
}
.lr-grimes-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.lr-grimes-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.lr-grimes-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.lr-grimes-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
@media only screen and (max-width: 600px) {
	.hero-pad-top {
		padding-top: 80px !important;
	}
	.hard-pad-top-10 {
		padding-top: 5px !important;
	}
	.hard-pad-top-15 {
		padding-top: 7px !important;
	}
	.hard-pad-top-20 {
		padding-top: 10px !important;
	}
	.hard-pad-top-25 {
		padding-top: 12px !important;
	}
	.hard-pad-top-30 {
		padding-top: 15px !important;
	}
	.hard-pad-top-35 {
		padding-top: 17px !important;
	}
	.hard-pad-top-40 {
		padding-top: 20px !important;
	}
	.hard-pad-top-45 {
		padding-top: 22px !important;
	}
	.hard-pad-top-50 {
		padding-top: 25px !important;
	}
	.hard-pad-top-55 {
		padding-top: 27px !important;
	}
	.hard-pad-top-60 {
		padding-top: 30px !important;
	}
	.hard-pad-top-65 {
		padding-top: 32px !important;
	}
	.hard-pad-top-70 {
		padding-top: 35px !important;
	}
	.hard-pad-top-75 {
		padding-top: 37px !important;
	}
	.hard-pad-top-80 {
		padding-top: 40px !important;
	}
	.hard-pad-top-85 {
		padding-top: 42px !important;
	}
	.hard-pad-top-90 {
		padding-top: 45px !important;
	}
	.hard-pad-top-95 {
		padding-top: 47px !important;
	}
	.hard-pad-bottom-10 {
		padding-bottom: 5px !important;
	}
	.hard-pad-bottom-15 {
		padding-bottom: 7px !important;
	}
	.hard-pad-bottom-20 {
		padding-bottom: 10px !important;
	}
	.hard-pad-bottom-25 {
		padding-bottom: 12px !important;
	}
	.hard-pad-bottom-30 {
		padding-bottom: 15px !important;
	}
	.hard-pad-bottom-35 {
		padding-bottom: 17px !important;
	}
	.hard-pad-bottom-40 {
		padding-bottom: 20px !important;
	}
	.hard-pad-bottom-45 {
		padding-bottom: 22px !important;
	}
	.hard-pad-bottom-50 {
		padding-bottom: 25px !important;
	}
	.hard-pad-bottom-55 {
		padding-bottom: 27px !important;
	}
	.hard-pad-bottom-60 {
		padding-bottom: 30px !important;
	}
	.hard-pad-bottom-65 {
		padding-bottom: 32px !important;
	}
	.hard-pad-bottom-70 {
		padding-bottom: 35px !important;
	}
	.hard-pad-bottom-75 {
		padding-bottom: 37px !important;
	}
	.hard-pad-bottom-80 {
		padding-bottom: 40px !important;
	}
	.hard-pad-bottom-85 {
		padding-bottom: 42px !important;
	}
	.hard-pad-bottom-90 {
		padding-bottom: 45px !important;
	}
	.hard-pad-bottom-95 {
		padding-bottom: 47px !important;
	}
}
.system-pad-push {
	padding-top: 85px !important;
}
.system-pad-push-four-oh-four {
	padding-top: 110px !important;
}
.system-pad-push-banner {
	padding-top: 24px !important;
}
.w-special {
	
	animation: specialmove 1s normal forwards ease-out;
	margin-top: -101px;

}
@keyframes specialmove {
            
	100% {
		margin-top: -10px;
	}
}
img.four-oh-four-error {
}
.four-oh-four-error {
 	max-width: 300px !important;
}
.nav-logo {
 	height: 20px
}
.nav-mobile-logo {
 	height: 20px;
 	margin-top: -8px !important;
}
.footer-logo {
 	height: 25px;
 	padding-bottom: 0px !important;
}
.four-oh-four-title {
	font-weight: 700 !important;
	color: #202020 !important;
}
.four-oh-four-txt {
	font-weight: 400 !important;
	color: #202020 !important;
	opacity: .8
}
.blk-btn {
	background-color: #202020 !important;
	border-color: #202020 !important;
}
.bg-gray {
	background-color: #edeeee !important;
}
.pop-it-like-its-hot {
	font-family: 'Poppins', sans-serif;
}
.wht {
	color: #f1f1f1;
}
a.nav-link {
	font-weight: 600 !important;
	color: #202020 !important;
	font-size: 15px;
	opacity: .8;
}
a.nav-link:hover {
	font-weight: 600 !important;
	color: #202020 !important;
	opacity: 1;
}
.dropdown-menu {
	background-color: #202020 !important
}
li.nav-item .dropdown-item {
	font-weight: 500 !important;
	font-size: 14px;
	color: #f1f1f1 !important;
	opacity: .8
}
li.nav-item .dropdown-item:hover {
	font-weight: 500 !important;
	color: #ffffff !important;
	opacity: 1;
}
i.uil-blk:before {
	color: #202020 !important;
}
i.uil-wht:before {
	color: #f1f1f1 !important;
}
.animateHide {
	position: absolute;
    top: .5em;
    right: .15em;
	opacity: 0;
	transition:all 0.3s ease-in-out;
}
.animateBounce {
	opacity: 1;
	position: absolute;
    top: -0em;
    right: .15em;
	transition:all 0.3s ease-in-out;
}

.hamburger {
	color: #202020 !important;
}
.mega-menu-dark {
	background-color: #202020 !important;
}
.offcanvas-nav {
	background-color: #202020 !important;
}	
.offcanvas-backdrop {
	background-color: rgba(32,32,32,.7) !important
}
.offcanvas-footer div {
	font-weight: 600 !important;
	font-size: 13px !important;
	line-height: 25px !important;
}
.you-special {
	font-size: 15px;
	font-weight: 600 !important;
	color: #202020 !important;
	z-index: -1;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	opacity: 1 !important;
}
.hide-on-mobile {
	visibility: visible !important;
	display; inline;
	transition: all 0s ease-out;
}
.hard-90-top {
	padding-top: 90px !important;
}
.hard-90-bottom {
	padding-top: 90px !important;
}
.hard-45-top {
	padding-top: 45px !important;
}
.hard-45-bottom {
	padding-top: 45px !important;
}
.pad-thai-left {
	padding-bottom: 20px;
}
.pad-thai {
	padding-bottom: 30px;
}
.system-pad-top-100 {
	padding-top: 100px !important;
}
.system-pad-bottom-100 {
	padding-bottom: 100px !important;
}
.btn-close {
	margin-top: 0px !important;
	margin-right: -13px !important;
}
.offcanvas-drk {
	background-color: #202020 !important;
}
.offcanvas-nav-btn {
	margin-top: 4px !important
}
.button.hamburger:after, button.hamburger:before {
	width: 25px;
	height: 3px;
	border-radius: 3px !important;
	background-color: #202020 !important;
}
button.hamburger span {
	width: 25px;
	height: 3px;
	border-radius: 3px !important;
	background-color: #202020 !important;
}
.button.hamburger:before, button.hamburger:after {
	width: 25px;
	height: 3px;
	border-radius: 3px !important;
	background-color: #202020 !important;
}
.swiper-pagination-bullet {
	color: #202020 !important;
	background-color: #202020 !important;
}

.swiper-pagination-bullet-active {
	color: transparent !important;
	background-color: transparent !important;
	border-color: #202020 !important;
}
.nav-wht {
	color: #ffffff !important;
}
.nav-wht:hover {
	color: #ffffff !important;
}
a.nav-wht {
	color: #ffffff !important;
}
a.nav-wht:hover {
	color: #ffffff !important;
}
.nav-wht swiper-pagination-bullet {
	color: red !important;
	background-color: red !important;
}
.notransition {
	-o-animation-fill-mode: linear !important;
	-moz-animation-fill-mode: linear !important;
	-ms-animation-fill-mode: linear !important;
	-webkit-animation-fill-mode: linear !important;
	animation-fill-mode: linear !important;
}
ul.icon-list li {
	color: #5c5c5c !important;
}
.ghostface-killah {
	opacity: .5 !important;
}
.weight-100 {
	font-weight: 100 !important;
}
.weight-200 {
	font-weight: 200 !important;
}
.weight-300 {
	font-weight: 300 !important;
}
.weight-400 {
	font-weight: 400 !important;
}
.weight-500 {
	font-weight: 500 !important;
}
.weight-600 {
	font-weight: 600 !important;
}
.weight-700 {
	font-weight: 700 !important;
}
.icon-question {
	margin-left: 2px !important;
	margin-bottom: 1px !important;
	height: 13px !important;
	width: 13px !important;
}
.sec-wht {
	background-color: #fefefe !important
}
.ovrd-wht {
	color: #f1f1f1 !important;
}
.overlay {
	background-color: #202020 !important;
	
}
.overlay-1:hover {
	background-color: #202020 !important;
}
.pad-die {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.pad-die-vert {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.signin-logo {
	max-width: 260px !important;
	padding-bottom: 30px !important;
}
.breadcrumb-item {
	color: #f1f1f1 !important;
}
a.breadcrumb-item:hover {
	color: #ffffff !important
}
.breadcrumb-item:hover {
	color: #ffffff !important
}
.breadcrumb-item:hover i {
	color: #ffffff !important
}
a.breadcrumb-item:after {
	color: #ffffff !important
}
.breadcrumb-item:after {
	color: #ffffff !important
}
.breadcrumb-item:after i {
	color: #ffffff !important
}
.sign-in-title {
	color: #202020 !important;
}
.sign-in-txt {
	color: #202020 !important;
	font-size: 15px;
	font-weight: 400 !important;
	opacity: .6 !important;
}
.system-title {
	color: #202020 !important;
}
.system-txt {
	color: #202020 !important;
	font-size: 15px;
	font-weight: 400 !important;
	opacity: .6 !important;
}
@media only screen and (max-width: 991px) {

	.hide-on-mobile {
		visibility: hidden !important;
		display; none;
		transition: all 0s ease-out;
	}
	
}
@media only screen and (max-width: 600px) {

	.you-special {
		font-size: 13px;
	}
	img.four-oh-four-error {
 		padding-top: 0px !important;
	}
	.signin-logo {
		max-width: 200px !important;
		padding-bottom: 20px !important;
	}
}
.switcher-button  {
	background-color: #202020 !important;
}
.system-hero-drk {
	background-color: #202020 !important;
}
.nav-link {
	font-weight: 200 !important;
}
.bg-height-mini {
	min-height: 300px !important;
	max-height: 480px !important;
}
.architech-footer {
	height: 22px;
	margin-bottom: 10px;
	opacity: .5;
	transition: all 1s ease-in-out;
}
.architech-footer:hover {
	opacity: 1;
	transition: all .2s ease-in-out;
}
.footer-txt-lnk {
	opacity: .8;
}
.footer-txt-lnk:hover {
	opacity: 1;
	transition: all .5s ease-in-out;
}
span.info-copy {
	padding-top: 0px !important;
	margin-top: 0px !important;
	font-size: 11px;
	line-height: 18px !important;
	opacity: .5 !important;
}
.nav-float-stick {
	position: absolute !important;
	top: 0 !important;
	width: 100%;
}
.footer-header {
	margin-top: -5px !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	letter-spacing: .1px !important;
}
hr.foot-loose {
	padding-bottom: 18px !important;
}
.footer-ul {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.footer-list {
	font-size: 13px !important;
	line-height: 13px !important;
}
.knowledge-avatar {
	height: 70px !important;
	width: 70px !important;
	background-color: #1b1b1b !important;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 12px !important;
}
.knowledge-photo-credit {
	position: absolute;
	width: 300px;
	height: 80px;
	color: #f1f1f1 !important;
	font-size: 11px !important;
	text-align: right !important;
	opacity: .5 !important;
	padding: 30px;
	bottom: 0px !important;
	float: right;
	margin-top: -80px !important;
}
.figure-rounded {
	border-radius: 12px !important;
}
.figure-explore {
	width: 120px !important;
	height: 120px !important;
	margin-right: 20px !important;
	background-color: #1b1b1b !important;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 12px !important;
}
.explore-section-head {
	padding-top: 30px !important;
	font-size: 13px !important;
}
.explore-hr {
	margin-top: 10px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	opacity: .3 !important;
	width: 100% !important;
}
.svg-spinners--3-dots-scale {
	display: inline-block;
	width: 24px;
	height: 24px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='4' cy='12' r='3' fill='%23000'%3E%3Canimate id='svgSpinners3DotsScale0' attributeName='r' begin='0;svgSpinners3DotsScale1.end-0.25s' dur='0.75s' values='3;.2;3'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3' fill='%23000'%3E%3Canimate attributeName='r' begin='svgSpinners3DotsScale0.end-0.6s' dur='0.75s' values='3;.2;3'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3' fill='%23000'%3E%3Canimate id='svgSpinners3DotsScale1' attributeName='r' begin='svgSpinners3DotsScale0.end-0.45s' dur='0.75s' values='3;.2;3'/%3E%3C/circle%3E%3C/svg%3E");
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
  }
.data-logo {
	max-width: 320px !important;
	max-height: 45px !important;
	margin-bottom: 22px !important;
	opacity: 1 !important;
	transition: all .2s ease-in-out;
	cursor: pointer !important;
}
.data-logo:hover {
	opacity: .8 !important;
	transition: all .3s ease-in-out;
	cursor: pointer !important;
}
.data-txt {
	font-size: 12px !important;
	transition: all .5s ease-in-out;
}
.data-banner {
	padding-top: 100px !important;
	transition: all .5s ease-in-out;
}
.data-box-top {
	margin-top: -335px !important;
}
@media only screen and (min-width: 1200px) {
	.data-container {
		padding-right: 70px !important;
	}
}
@media only screen and (max-width: 769px) {
	.data-box-top {
		margin-top: -300px !important;
	}
	.data-logo {
		max-height: 40px !important;
		max-width: 200px !important;
		margin-bottom: 17px !important;
		transition: all .5s ease-in-out;
	}
	.data-banner {
		padding-top: 90px !important;
		transition: all .5s ease-in-out;
	}
	.data-container {
		padding-right: 40px !important;
		transition: all .5s ease-in-out;
	}
}
.no-lift:hover {
	margin-top: 40px !important;
	margin-bottom: -3px !important;
}
.data-nav-left {
	color: #f1f1f1 !important;
	font-weight: 400 !important;
	font-size: 14px !important;
}
.data-nav-right {
	color: #f1f1f1 !important;
	font-weight: 400 !important;
	font-size: 14px !important;
}
.data-nav-left:hover {
	color: #202020 !important;
	background-color: #f1f1f1 !important;
	border-color: #f1f1f1 !important;
}
.data-nav-right:hover {
	color: #202020 !important;
	background-color: #f1f1f1 !important;
	border-color: #f1f1f1 !important;
}
.data-nav-left:active {
	color: #202020 !important;
	background-color: #f1f1f1 !important;
	border-color: #f1f1f1 !important;
}
.data-nav-right:active {
	color: #202020 !important;
	background-color: #f1f1f1 !important;
	border-color: #f1f1f1 !important;
}
.data-disclaimer span {
	font-size: 9px !important;
	color: #ffffff;
	text-align: justify;
	text-justify: inter-word;
	opacity: 1 !important;
	text-transform: uppercase !important;
}
.data-disclaimer p {
	font-size: 9px !important;
	color: rgba(241,241,241,.3) !important;
	line-height: 18px !important;
	text-align: justify;
	text-justify: inter-word;
	opacity: .5 !important;
	text-transform: uppercase !important;
}
.swiper-pagination-bullet {
	background-color: #5a5a5a !important;
}
.swiper-pagination-bullet-active {
	background-color: transparent !important;
	border-color: #5a5a5a !important;
	border-width: 2px !important;
}
.swiper-slide {
	opacity: 1 !important;
}
.swiper-thumbs .swiper-slide {
	opacity: .1 !important;
}
.swiper-thumbs .swiper-slide:hover {
	opacity: 1 !important;
	transition: all .2s ease-in-out;
}
.swiper-thumbs .swiper-slide-thumb-active {
	opacity: .8 !important;
	transition: all .2s ease-in-out;
}