/**
 * Dual Ring Spinner
 */
.blockons-pageloader-one {
	display: inline-block;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-one div.bpl {
	display: none;
}
.blockons-pageloader-one div.bpl.one {
	display: block;
	width: 60px;
	height: 60px;
	margin: 8px;
	border-radius: 50%;
	border: 4px solid #af2dbf;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	-webkit-animation: blockons-pageloader-one 1.2s linear infinite;
	        animation: blockons-pageloader-one 1.2s linear infinite;
}
@-webkit-keyframes blockons-pageloader-one {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes blockons-pageloader-one {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

/**
 * Loading Bars
 */
.blockons-pageloader-two {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 80px;
}
.blockons-pageloader-two div.bpl {
	display: inline-block;
	position: absolute;
	left: 5px;
	width: 15px;
	background-color: #af2dbf;
	-webkit-animation: blockons-pageloader-two 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
	        animation: blockons-pageloader-two 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.blockons-pageloader-two div.bpl.one {
	left: 5px;
	-webkit-animation-delay: -0.24s;
	        animation-delay: -0.24s;
}
.blockons-pageloader-two div.bpl.two {
	left: 28px;
	-webkit-animation-delay: -0.12s;
	        animation-delay: -0.12s;
}
.blockons-pageloader-two div.bpl.three {
	left: 51px;
	-webkit-animation-delay: 0;
	        animation-delay: 0;
}
.blockons-pageloader-two div.bpl.four,
.blockons-pageloader-two div.bpl.five,
.blockons-pageloader-two div.bpl.six,
.blockons-pageloader-two div.bpl.seven,
.blockons-pageloader-two div.bpl.eight,
.blockons-pageloader-two div.bpl.nine,
.blockons-pageloader-two div.bpl.ten,
.blockons-pageloader-two div.bpl.eleven,
.blockons-pageloader-two div.bpl.twelve {
	display: none !important;
}
@-webkit-keyframes blockons-pageloader-two {
	0% {
		top: 8px;
		height: 64px;
	}
	50%,
	100% {
		top: 24px;
		height: 32px;
	}
}
@keyframes blockons-pageloader-two {
	0% {
		top: 8px;
		height: 64px;
	}
	50%,
	100% {
		top: 24px;
		height: 32px;
	}
}

/**
 * Circular Ripple
 */
.blockons-pageloader-three {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-three div.bpl {
	position: absolute;
	border: 3px solid #af2dbf;
	opacity: 1;
	border-radius: 50%;
	-webkit-animation: blockons-pageloader-three 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	        animation: blockons-pageloader-three 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.blockons-pageloader-three div.bpl.two {
	-webkit-animation-delay: -0.5s;
	        animation-delay: -0.5s;
}
.blockons-pageloader-three div.bpl.three,
.blockons-pageloader-three div.bpl.four,
.blockons-pageloader-three div.bpl.five,
.blockons-pageloader-three div.bpl.six,
.blockons-pageloader-three div.bpl.seven,
.blockons-pageloader-three div.bpl.eight,
.blockons-pageloader-three div.bpl.nine,
.blockons-pageloader-three div.bpl.ten,
.blockons-pageloader-three div.bpl.eleven,
.blockons-pageloader-three div.bpl.twelve {
	display: none !important;
}
@-webkit-keyframes blockons-pageloader-three {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}
@keyframes blockons-pageloader-three {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

/**
 * Loading Ring Spinner
 */
.blockons-pageloader-four {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-four div.bpl {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 4px solid #af2dbf;
	border-radius: 50%;
	-webkit-animation: blockons-pageloader-four 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	        animation: blockons-pageloader-four 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}
.blockons-pageloader-four div.bpl.one {
	-webkit-animation-delay: -0.45s;
	        animation-delay: -0.45s;
}
.blockons-pageloader-four div.bpl.two {
	-webkit-animation-delay: -0.3s;
	        animation-delay: -0.3s;
}
.blockons-pageloader-four div.bpl.three {
	-webkit-animation-delay: -0.15s;
	        animation-delay: -0.15s;
}
.blockons-pageloader-four div.bpl.four,
.blockons-pageloader-four div.bpl.five,
.blockons-pageloader-four div.bpl.six,
.blockons-pageloader-four div.bpl.seven,
.blockons-pageloader-four div.bpl.eight,
.blockons-pageloader-four div.bpl.nine,
.blockons-pageloader-four div.bpl.ten,
.blockons-pageloader-four div.bpl.eleven,
.blockons-pageloader-four div.bpl.twelve {
	display: none !important;
}
@-webkit-keyframes blockons-pageloader-four {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes blockons-pageloader-four {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

/**
 * Clock Spinner
 */
.blockons-pageloader-five {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-five div.bpl {
	-webkit-transform-origin: 40px 40px;
	        transform-origin: 40px 40px;
	-webkit-animation: blockons-pageloader-five 1.2s linear infinite;
	        animation: blockons-pageloader-five 1.2s linear infinite;
	background-color: #af2dbf;
}
.blockons-pageloader-five div.bpl::after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
	background-color: inherit;
}
.blockons-pageloader-five div.bpl.one {
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	-webkit-animation-delay: -1.1s;
	        animation-delay: -1.1s;
}
.blockons-pageloader-five div.bpl.two {
	-webkit-transform: rotate(30deg);
	        transform: rotate(30deg);
	-webkit-animation-delay: -1s;
	        animation-delay: -1s;
}
.blockons-pageloader-five div.bpl.three {
	-webkit-transform: rotate(60deg);
	        transform: rotate(60deg);
	-webkit-animation-delay: -0.9s;
	        animation-delay: -0.9s;
}
.blockons-pageloader-five div.bpl.four {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	-webkit-animation-delay: -0.8s;
	        animation-delay: -0.8s;
}
.blockons-pageloader-five div.bpl.five {
	-webkit-transform: rotate(120deg);
	        transform: rotate(120deg);
	-webkit-animation-delay: -0.7s;
	        animation-delay: -0.7s;
}
.blockons-pageloader-five div.bpl.six {
	-webkit-transform: rotate(150deg);
	        transform: rotate(150deg);
	-webkit-animation-delay: -0.6s;
	        animation-delay: -0.6s;
}
.blockons-pageloader-five div.bpl.seven {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
	-webkit-animation-delay: -0.5s;
	        animation-delay: -0.5s;
}
.blockons-pageloader-five div.bpl.eight {
	-webkit-transform: rotate(210deg);
	        transform: rotate(210deg);
	-webkit-animation-delay: -0.4s;
	        animation-delay: -0.4s;
}
.blockons-pageloader-five div.bpl.nine {
	-webkit-transform: rotate(240deg);
	        transform: rotate(240deg);
	-webkit-animation-delay: -0.3s;
	        animation-delay: -0.3s;
}
.blockons-pageloader-five div.bpl.ten {
	-webkit-transform: rotate(270deg);
	        transform: rotate(270deg);
	-webkit-animation-delay: -0.2s;
	        animation-delay: -0.2s;
}
.blockons-pageloader-five div.bpl.eleven {
	-webkit-transform: rotate(300deg);
	        transform: rotate(300deg);
	-webkit-animation-delay: -0.1s;
	        animation-delay: -0.1s;
}
.blockons-pageloader-five div.bpl.twelve {
	-webkit-transform: rotate(330deg);
	        transform: rotate(330deg);
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
}
@-webkit-keyframes blockons-pageloader-five {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes blockons-pageloader-five {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/**
 * Circle Roller
 */
.blockons-pageloader-six {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-six div.bpl {
	-webkit-animation: blockons-pageloader-six 1.6s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	        animation: blockons-pageloader-six 1.6s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	-webkit-transform-origin: 40px 40px;
	        transform-origin: 40px 40px;
	background-color: #af2dbf;
}
.blockons-pageloader-six div.bpl::after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: inherit;
	margin: -4px 0 0 -4px;
}
.blockons-pageloader-six div.bpl.one {
	-webkit-animation-delay: -0.036s;
	        animation-delay: -0.036s;
}
.blockons-pageloader-six div.bpl.one::after {
	top: 63px;
	left: 63px;
}
.blockons-pageloader-six div.bpl.two {
	-webkit-animation-delay: -0.072s;
	        animation-delay: -0.072s;
}
.blockons-pageloader-six div.bpl.two::after {
	top: 68px;
	left: 56px;
}
.blockons-pageloader-six div.bpl.three {
	-webkit-animation-delay: -0.108s;
	        animation-delay: -0.108s;
}
.blockons-pageloader-six div.bpl.three::after {
	top: 71px;
	left: 48px;
}
.blockons-pageloader-six div.bpl.four {
	-webkit-animation-delay: -0.144s;
	        animation-delay: -0.144s;
}
.blockons-pageloader-six div.bpl.four::after {
	top: 72px;
	left: 40px;
}
.blockons-pageloader-six div.bpl.five {
	-webkit-animation-delay: -0.18s;
	        animation-delay: -0.18s;
}
.blockons-pageloader-six div.bpl.five::after {
	top: 71px;
	left: 32px;
}
.blockons-pageloader-six div.bpl.six {
	-webkit-animation-delay: -0.216s;
	        animation-delay: -0.216s;
}
.blockons-pageloader-six div.bpl.six::after {
	top: 68px;
	left: 24px;
}
.blockons-pageloader-six div.bpl.seven {
	-webkit-animation-delay: -0.252s;
	        animation-delay: -0.252s;
}
.blockons-pageloader-six div.bpl.seven::after {
	top: 63px;
	left: 17px;
}
.blockons-pageloader-six div.bpl.eight {
	-webkit-animation-delay: -0.288s;
	        animation-delay: -0.288s;
}
.blockons-pageloader-six div.bpl.eight::after {
	top: 56px;
	left: 12px;
}
.blockons-pageloader-six div.bpl.nine,
.blockons-pageloader-six div.bpl.ten,
.blockons-pageloader-six div.bpl.eleven,
.blockons-pageloader-six div.bpl.twelve {
	display: none !important;
}
@-webkit-keyframes blockons-pageloader-six {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes blockons-pageloader-six {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

.blockons-siteby.left,
.blockons-siteby.right {
	position: fixed;
	bottom: 12px;
	z-index: 9999;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%), 0 1px 8px rgb(0 0 0 / 14%);
	        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%), 0 1px 8px rgb(0 0 0 / 14%);
	border-radius: 4px;
	width: 30px;
	overflow: hidden;
}
.blockons-siteby.left {
	left: 12px;
}
.blockons-siteby.right {
	right: 12px;
}
.blockons-siteby .blockons-siteby-icon {
	border-radius: 4px;
	width: 30px;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-size: 16px;
	color: #444;
	cursor: pointer;
}
.blockons-siteby .blockons-siteby-block-wrap.icon {
	position: absolute;
	top: 0;
	font-size: 13px;
}
.blockons-siteby .blockons-siteby-block.icon {
	white-space: nowrap;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: 30px;
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%), 0 1px 8px rgb(0 0 0 / 14%);
	        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 15%), 0 1px 8px rgb(0 0 0 / 14%);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out 0.1s;
	transition: opacity 0.3s ease-in-out 0.1s;
}
.blockons-siteby.left .blockons-siteby-block-wrap.icon {
	left: 100%;
	padding: 0 0 0 4px;
}
.blockons-siteby.right .blockons-siteby-block-wrap.icon {
	right: 100%;
	padding: 0 4px 0 0;
}
.blockons-siteby:hover,
.blockons-siteby.ison {
	width: auto;
	overflow: visible;
}
.blockons-siteby:hover .blockons-siteby-block,
.blockons-siteby.ison .blockons-siteby-block {
	opacity: 1;
}
.blockons-siteby .blockons-siteby-block.icon a {
	display: inline-block;
	margin: 0 4px;
}
.blockons-siteby .blockons-siteby-block.bottom {
	-webkit-box-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
	        box-shadow: 0 -1px 0 rgb(0 0 0 / 12%);
	text-align: center;
	padding: 12px 10px;
}
.blockons-siteby .blockons-siteby-block.bottom .blockons-siteby-block a {
	margin: 0;
}

/* -- PREMIUM Side Cart -- */
.blockons-side-cart-icon {
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%), 0 1px 4px rgb(0 0 0 / 20%);
	        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 20%), 0 1px 4px rgb(0 0 0 / 20%);
	border-radius: 100%;
	color: #333;
	position: fixed;
	bottom: 10px;
	font-size: 24px;
	width: 60px;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	cursor: pointer;
	z-index: 999;
}
.blockons-side-cart-icon.left {
	left: 10px;
	-webkit-transition: left 0.3s ease-in-out 0.05s;
	transition: left 0.3s ease-in-out 0.05s;
}
.blockons-side-cart-icon.right {
	right: 10px;
	-webkit-transition: right 0.3s ease-in-out 0.05s;
	transition: right 0.3s ease-in-out 0.05s;
}
.blockons-notification {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #000;
	border-radius: 18px;
	-webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
	        box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	font-weight: 600;
	height: 20px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: absolute;
	top: -4px;
	width: 20px;
}
.blockons-side-cart-icon.left .blockons-notification {
	right: -4px;
}
.blockons-side-cart-icon.right .blockons-notification {
	left: -4px;
}
.blockons-notification .blockons-crtamnt {
	background-color: inherit;
	color: inherit;
}

.blockons-side-cart-overlay {
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.6;
	z-index: 998;
	display: none;
}
.blockons-side-cart-block {
	background-color: #fff;
	-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 45%);
	        box-shadow: 0 0 8px rgb(0 0 0 / 45%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 340px;
	z-index: 999;
}
.blockons-side-cart-block.left {
	left: -340px;
	-webkit-transition: left 0.3s ease-in-out 0.05s;
	transition: left 0.3s ease-in-out 0.05s;
}
.blockons-side-cart-block.right {
	right: -340px;
	-webkit-transition: right 0.3s ease-in-out 0.05s;
	transition: right 0.3s ease-in-out 0.05s;
}
body.admin-bar .blockons-side-cart-block {
	top: 32px;
}
body.blockons-show-sidecart .blockons-side-cart-overlay {
	display: block;
}
body.blockons-show-sidecart .blockons-side-cart-icon.right {
	right: 350px;
}
body.blockons-show-sidecart .blockons-side-cart-icon.left {
	left: 350px;
}
body.blockons-show-sidecart .blockons-side-cart-block.right {
	right: 0;
}
body.blockons-show-sidecart .blockons-side-cart-block.left {
	left: 0;
}

.blockons-side-cart-block-inner {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.blockons-side-cart-header {
	background-color: rgb(0 0 0 / 10%);
	-webkit-box-shadow: inset 0 -1px rgb(0 0 0 / 7%), 0 0 3px rgb(0 0 0 / 8%);
	        box-shadow: inset 0 -1px rgb(0 0 0 / 7%), 0 0 3px rgb(0 0 0 / 8%);
	height: 80px;
	position: relative;
	z-index: 2;
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	font-size: 13px;
}
.blockons-side-cart-header h6,
.blockons-side-cart-header p {
	margin: 0;
	padding: 0;
	font-size: inherit;
	color: inherit;
}
.blockons-side-cart-header h6 {
	font-size: 1.2em;
}
.blockons-side-cart-header p {
	opacity: 0.75;
}
.blockons-side-cart-content {
	background-color: inherit;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: calc(100% - 80px);
}
.blockons-side-cart-content.center {
	text-align: center;
	padding: 40px 0;
}
.blockons-side-cart-content .blockons-mini-crt,
.blockons-side-cart-content .blockons-mini-crt .widget_shopping_cart_content {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	margin: 0;
	padding: 0;
}

.blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart.cart_list {
	height: calc(100% - 104px);
	overflow-y: scroll;
	margin: 0;
	padding: 0;
}
.blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart.cart_list
	li.woocommerce-mini-cart-item {
	position: relative;
	padding: 9% 37px 9% 106px;
	min-height: 110px;
	-webkit-box-shadow: 0 1px 0 rgb(0 0 0 / 7%);
	        box-shadow: 0 1px 0 rgb(0 0 0 / 7%);
	margin: 0;
	list-style-type: none;
	position: relative;
}
.blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart.cart_list
	li.woocommerce-mini-cart-item
	a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: inherit;
	font-weight: 600;
	letter-spacing: 0.3px;
	margin: 0 0 2px;
}
.blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart.cart_list
	li.woocommerce-mini-cart-item
	a.remove {
	padding: 2px;
	width: 10%;
	height: 25px;
	position: absolute;
	top: 50%;
	margin: -10px 0 0;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	left: auto;
	right: 0;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 0;
	color: inherit !important;
	opacity: 0.4;
}
.blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart.cart_list
	li.woocommerce-mini-cart-item
	a.remove:hover {
	background: none !important;
	color: #de0404 !important;
}
.blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart.cart_list
	li.woocommerce-mini-cart-item
	img {
	height: auto;
	max-height: none;
	margin: 0;
	-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 18%), 0 0 0 1px rgb(0 0 0 / 12%);
	        box-shadow: 0 1px 3px rgb(0 0 0 / 18%), 0 0 0 1px rgb(0 0 0 / 12%);
	position: absolute;
	top: 10%;
	left: 9px;
	right: auto;
	width: 88px;
	max-height: 80%;
}
.blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart.cart_list
	li.woocommerce-mini-cart-item
	span.quantity {
	display: block;
	font-size: 13px;
	opacity: 0.75;
}
.blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart.cart_list
	li.woocommerce-mini-cart-item
	a {
	font-size: 16px;
	margin: 0 0 5px;
}
.blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart.cart_list
	li.woocommerce-mini-cart-item
	a.remove::before {
	content: "\f2ed";
	font-size: 15px;
}
.blockons-side-cart-content .woocommerce-mini-cart__total {
	text-align: center;
	margin: 0;
	background-color: rgb(0 0 0 / 10%);
	-webkit-box-shadow: inset 0 1px rgb(0 0 0 / 7%), 0 -2px 5px rgb(0 0 0 / 8%);
	        box-shadow: inset 0 1px rgb(0 0 0 / 7%), 0 -2px 5px rgb(0 0 0 / 8%);
	padding: 15px 0 4px;
	font-size: 16px;
}
.blockons-side-cart-content .woocommerce-mini-cart__buttons {
	background-color: rgb(0 0 0 / 10%);
	padding: 12px 0 18px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
	margin: 0;
}
.blockons-side-cart-content .woocommerce-mini-cart__buttons a.button {
	display: block;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 5px 5px 7px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
	-webkit-box-shadow: inset 0 1px 6px rgb(0 0 0 / 8%),
		inset 0 1px 0 rgb(255 255 255 / 20%);
	        box-shadow: inset 0 1px 6px rgb(0 0 0 / 8%),
		inset 0 1px 0 rgb(255 255 255 / 20%);
	margin: 0;
	max-width: 46%;
	background-color: #484848;
	color: #fff;
	opacity: 1 !important;
}
.blockons-side-cart-content .woocommerce-mini-cart__buttons a.button:hover {
	background-color: #000;
	color: #fff;
}
.blockons-side-cart-content .woocommerce-mini-cart__empty-message {
	padding: 15px 10px;
	text-align: center;
	color: inherit;
	opacity: 0.6;
}
/* .blockons-side-cart-content
	.blockons-mini-crt
	ul.woocommerce-mini-cart
	.blockUI.blockOverlay {
} */

@media only screen and (max-width: 782px) {
	body.admin-bar .blockons-side-cart-block {
		top: 46px;
	}
}

/**
 * Admin Settings Styling
 */
.blockons-hide,
.blockons-repeater:first-child .blockons-repeater-close {
	display: none !important;
}

.blockons-settings {
	max-width: 920px;
	position: relative;
}
.blockons-loader-wrap {
	background-color: #fff;
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: 20;
	padding-top: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.blockons-settings .form-table th {
	color: #404040;
	padding: 24px 10px 20px 0;
}
.blockons-thtitle {
	font-size: 14px;
	color: #404040;
	font-weight: 600;
	margin: 0 0 15px;
}
.blockonsthdesc {
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin: 0 0 12px;
	padding: 10px 12px;
	color: #6a6a6a;
}
.blockonsthdesc span {
	display: block;
	margin: 8px 0 0;
}
.blockonsDesctip {
	cursor: pointer;
}
.blockons-row p.snNote {
	font-size: 12px;
	color: #979797;
	margin: 5px 0 0 6px;
}

/* -- Loader -- */
.blockons-loader {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 80px;
	height: 80px;
	z-index: 2;
}
.blockons-loader * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.blockons-loader-sector {
	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 3px solid #b1b5d52b;
	mix-blend-mode: overlay;
}

.blockons-loader-sector-pink {
	-webkit-animation: rotate 2s ease-out infinite;
	        animation: rotate 2s ease-out infinite;
	border-top: 3px solid #f0219c;
}
.blockons-loader-sector-blue {
	-webkit-animation: rotate 2.5s ease-in infinite;
	        animation: rotate 2.5s ease-in infinite;
	border-top: 3px solid #6823a1;
}
.blockons-loader-sector-purple {
	-webkit-animation: rotate 1.5s ease-in-out infinite;
	        animation: rotate 1.5s ease-in-out infinite;
	border-top: 3px solid #c1219f;
}
.blockonsSaveBtnLoader {
	width: 56px;
	height: 56px;
	position: relative;
	margin: 0 0 0 10px;
}
.blockonsSettingBarMain .blockons-loader-wrap {
	padding-top: 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.blockonsSettingBarMain .blockons-loader {
	width: 40px;
	height: 40px;
}
@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

/* -- Settings Top Bar -- */
.blockonsSettingBar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.blockonsSettingBar h2,
.blockonsSettingBarMain {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.blockonsSettingBar h2 {
	font-size: 24px;
	font-weight: 400;
	margin: 15px 0 15px 5px;
}
.blockonsSettingBarOptions {
	width: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.blockonsSettingBarOptions > a {
	color: #8b8b8b;
	font-family: 'Dashicons';
	font-size: 25px;
	margin: 0 0 0 15px;
	padding: 5px;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.blockons-account::before {
	content: '\f110';
}
a.blockons-docs::before {
	content: '\f468';
}
a.blockons-upgrade::before {
	content: '\f317';
}
.blockons-delete {
	cursor: pointer;
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.blockonsSettingBarOptions .blockons-delete::before {
	color: #c9c9c9;
	content: '\f182';
	font-family: Dashicons;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.blockons-delete:hover::before,
.blockons-delete.show-confirm::before {
	color: #727272;
}
.blockons-confirm-delete {
	background-color: #d70202;
	border-radius: 3px;
	bottom: 45px;
	color: #f1bebe;
	font-size: 11px;
	letter-spacing: 0.4px;
	padding: 4px 10px;
	position: absolute;
	right: 60px;
	white-space: nowrap;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.blockons-confirm-delete::after {
	display: block;
	content: '';
	width: 0px;
	height: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #d70202;
	position: absolute;
	right: -8px;
	top: 7px;
}
.blockons-delete.show-confirm .blockons-confirm-delete {
	opacity: 1;
	visibility: visible;
}
.blockons-confirm-delete a {
	text-decoration: underline;
	color: inherit;
	font-size: inherit !important;
}
.blockonsSettingBarOptions a:hover {
	color: #0c6e63;
}
.blockonsSettingBarOptions a.blockons-upgrade:hover {
	color: #af2dbf;
}
.blockons-confirm-delete a:hover {
	color: #fff;
}
.blockonsSettingBar.bottom {
	background-color: #fff;
	border-top: 1px solid #999;
	margin: 30px 0 10px;
	padding: 30px 0 0;
}
/* -- Tabs / Content -- */
.blockons-tabs ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	margin: 20px 0 -1px;
	padding: 0 5px;
	position: relative;
}
.blockons-tabs li {
	margin: 0 1px;
	padding: 0;
}
.blockons-tab {
	background-color: #f4f7fb;
	border: 1px solid #b5bfc9;
	border-bottom: 0 !important;
	border-radius: 3px 3px 0 0;
	color: #5b6065;
	display: block;
	padding: 10px 18px 12px;
	cursor: pointer;
}
.blockons-tab:hover {
	color: #000;
}
.blockons-tabs li.info {
	position: absolute;
	right: 4px;
	top: 6px;
}
.blockons-tabs li.info .blockons-tab {
	background-color: #5a93f8;
	border: 1px solid #7a8896;
	color: #fff;
	padding: 8px 25px;
}
.blockons-tab.active,
.blockons-tabs li.info .blockons-tab.active {
	background-color: #fff;
	border-color: #7a8896;
	color: #107daf;
	margin: 0 0 -1px;
	cursor: initial;
	position: relative;
	z-index: 4;
}
.blockons-content-wrap {
	background-color: #fff;
	border: 1px solid #7a8896;
	border-radius: 3px;
	padding: 20px;
	position: relative;
}
.blockons-content-wrap-inner {
	position: relative;
	z-index: 24;
}
.blockons-content {
	display: none;
}
.blockons-content.active {
	min-height: 400px;
	display: block;
}
.blockons-content .form-table {
	margin: 0;
}
#blockons-content-info {
	margin-bottom: -125px;
	padding-bottom: 25px;
	background-color: #fff;
	position: relative;
}

.blockons-description {
	margin: 10px -10px 0;
	background-color: #fdfdfd;
	padding: 20px;
	font-size: 12px;
	letter-spacing: 0.2px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	text-align: center;
}

/* -- Table Styling -- */
.blockonsheading {
	margin: 25px -10px 0;
}
.blockonsheading.nomargin {
	margin-top: 0;
}
#blockons-content-2 table tr:first-child .blockonsheading,
#blockons-content-3 table tr:first-child .blockonsheading {
	margin-top: -11px;
}
.blockonsheading-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.4px;
	color: #af2dbf;
	margin: 0;
	padding: 0 0 8px;
	text-transform: uppercase;
}
.blockons-row .blockonsheading-desc {
	margin: 8px 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #979797;
	max-width: none;
}

/* ---- Setting Tooltips ---- */
.blockonsdoclink {
	color: #9d9d9d;
	display: inline-block;
	font-size: 20px;
	margin-left: 10px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	text-decoration: none;
}
.blockonsdoclink::before {
	font-family: 'Dashicons';
	display: block;
	content: '\f504';
}

.blockons-tooltip {
	color: #9d9d9d;
	display: inline-block;
	font-size: 20px;
	position: relative;
	top: -1px;
	vertical-align: middle;
}
.blockons-tooltip::before {
	font-family: 'Dashicons';
	display: block;
	content: '\f223';
}
.blockons-tooltip .blockons-tooltiptxt {
	background-color: #404040;
	border-radius: 4px;
	bottom: 125%;
	color: #fff;
	font-size: 11.5px;
	line-height: 1.5;
	letter-spacing: 0.1px;
	font-weight: 300;
	left: 50%;
	margin-left: -85px;
	opacity: 0;
	padding: 8px 10px;
	position: absolute;
	text-align: center;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
	visibility: hidden;
	width: 160px;
	z-index: 1;
}
.blockons-tooltip .blockons-tooltiptxt::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: #404040 transparent transparent transparent;
}
.blockons-tooltip:hover {
	color: #404040;
}
.blockons-tooltip:hover .blockons-tooltiptxt {
	visibility: visible;
	opacity: 1;
}
/* ---- Settings Styling ---- */
.blockons-row.blockons-full td {
	padding: 15px 0;
}
.blockons-row .regular-text,
.blockons-row select,
.blockons-row input[type='number'] {
	border: 1px solid #ccc;
	padding: 5px 10px;
	width: 100%;
	max-width: 440px;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}
.blockons-row .regular-text:hover,
.blockons-row select:hover,
.blockons-row input[type='number']:hover,
.blockons-repeater input:hover,
.blockons-repeater .blockons-repeater-right .rdt input:hover {
	border: 1px solid #868686;
}
.blockons-row input[type='number'] {
	max-width: 110px;
}
.blockons-row span.prefix {
	margin: 0 5px 0 0;
}
.blockons-row span.suffix {
	margin: 0 0 0 5px;
}
.blockons-row .blockons-post-select__control,
.blockons-row .blockons-post-select__menu {
	max-width: 440px;
}
.blockons-row .blockons-post-select__control input[type='text'] {
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.blockons-row-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.blockons-row-col-left {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.blockons-row-col-right {
	width: 60px;
	text-align: right;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.blockons-row:hover .blockons-row-col-right {
	visibility: visible;
	opacity: 1;
}
.blockons-row.heading th,
.blockons-row.heading td {
	padding-bottom: 0;
}

/* -- Toggle Switch -- */
.toggle-switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
}
.toggle-switch input.toggle-switch-checkbox {
	opacity: 0;
	width: 0;
	height: 0;
}
.toggle-switch-slider {
	border-radius: 34px;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: all 0.18s ease-in-out 0s;
	transition: all 0.18s ease-in-out 0s;
}
.toggle-switch-slider:before {
	border-radius: 34px;
	position: absolute;
	content: '';
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: all 0.18s ease-in-out 0s;
	transition: all 0.18s ease-in-out 0s;
}
.toggle-switch input.toggle-switch-checkbox:checked + .toggle-switch-slider {
	background-color: #2196f3;
}

.toggle-switch input.toggle-switch-checkbox:focus + .toggle-switch-slider {
	-webkit-box-shadow: 0 0 1px #2196f3;
	        box-shadow: 0 0 1px #2196f3;
}

.toggle-switch
	input.toggle-switch-checkbox:checked
	+ .toggle-switch-slider:before {
	-webkit-transform: translateX(16px);
	        transform: translateX(16px);
}
/* -- Larger toggle in block settings -- */
.blockons-block-settings .toggle-switch {
	width: 60px;
	height: 34px;
}
.blockons-block-settings .toggle-switch-slider:before {
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
}
.blockons-block-settings
	.toggle-switch
	input.toggle-switch-checkbox:checked
	+ .toggle-switch-slider:before {
	-webkit-transform: translateX(26px);
	        transform: translateX(26px);
}
/* ---- Setting Blocks Wrapper ---- */
.blockons-block-settings {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -10px;
}
.blockons-header {
	margin: 10px 0 20px;
	text-align: center;
}
.addspace {
	margin-bottom: 80px;
}
.blockons-settings .blockons-title {
	margin: 0 0 15px;
	padding: 0;
	font-size: 22px;
	font-weight: 500;
}
.blockons-header p {
	margin: 0 auto 20px;
	padding: 0;
	font-size: 13px;
	max-width: 520px;
	color: #757575;
}
.blockons-more {
	margin: 20px 0 12px;
	text-align: center;
	font-size: 18px;
	color: #787878;
}
.blockonsInfoTab .blockons-video,
.blockonsInfoTab .blockons-info,
.center {
	text-align: center;
}
.blockons-note-row th,
.blockons-note-row td {
	padding-top: 0;
	padding-bottom: 0;
}
.blockons-note-row .blockons-note {
	font-size: 13px;
}
/* ---- Give Feedback ---- */
.blockons-feedback {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 10px 0 20px 7px;
}
.blockons-propromo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 30px 0 20px 7px;
	min-height: 35px;
}
.blockons-propromo > div {
	max-width: 54%;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.4;
}
.blockons-feedback a,
.blockons-propromo a {
	display: inline-block;
	background-color: #f4f7fb;
	-webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 25%);
	        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 25%);
	border-radius: 4px;
	color: #616161;
	margin: 0 0 -4px 10px;
	padding: 5px 12px;
	min-width: 20px;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	text-decoration: none;
	letter-spacing: 0.2px;
	cursor: pointer;
	-webkit-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}
.blockons-feedback a:hover {
	background-color: #ffffff;
}
a.propromo-see {
	background-color: #107daf;
	color: #fff;
	padding: 8px 14px;
}
a.propromo-upgrade {
	background-color: #f45b08;
	color: #fff;
	padding: 8px 14px;
}
a.propromo-see:hover {
	background-color: #0567cf;
}
a.propromo-upgrade:hover {
	background-color: #db4d01;
}
.ask-feedback,
.blockons-reply {
	display: none;
}
.blockons-reply img.emoji {
	width: 18px !important;
	height: 18px !important;
	margin: 0 6px !important;
}
.ask-feedback b {
	font-size: 14px;
	color: #c1219f;
	margin: 0 5px 0 0;
}
.ask-feedback.show,
.blockons-reply.show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.blockons-feedback-dismiss {
	display: inline-block;
	margin: 0 0 -4px 18px;
}
.blockons-feedback-dismiss label {
	width: 20px;
	height: 20px;
	position: relative;
	font-size: 12px;
	color: #828587;
}
.blockons-feedback-dismiss label:hover {
	color: red;
}
.blockons-feedback-dismiss label::before {
	display: block;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: '\f00d';
	position: absolute;
	top: 2px;
	left: 6px;
	pointer-events: none;
}
.blockons-feedback-dismiss input.toggle-switch-checkbox {
	opacity: 1;
	width: 20px;
	height: 20px;
	background: transparent;
	border: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	margin: 0;
}
input.toggle-switch-checkbox::before,
.blockons-feedback-dismiss .toggle-switch-slider {
	display: none !important;
}
/* ---- Info Tab ---- */
.blockons-settings a.blockons-button {
	display: inline-block;
	background-color: #f9f9f9;
	-webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 25%);
	        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 25%);
	border-radius: 4px;
	color: #616161;
	margin: 0 10px 12px;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 1;
	min-width: 116px;
	text-decoration: none;
	letter-spacing: 0.2px;
	-webkit-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}
.blockons-settings a.blockons-button:hover {
	background-color: #ededed;
	-webkit-box-shadow:
		inset 0 0 0 1px rgb(0 0 0 / 25%),
		0 1px 5px rgb(0 0 0 / 18%);
	        box-shadow:
		inset 0 0 0 1px rgb(0 0 0 / 25%),
		0 1px 5px rgb(0 0 0 / 18%);
	color: #585858;
}
.blockons-settings a.blockons-button.primary {
	background-color: #c1219f;
	color: #fff;
}
.blockons-settings a.blockons-button.primary:hover {
	background-color: #da28b3;
}
/* ---- Setting Block - On/Off ---- */
.blockons-block {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 10px 0;
	padding: 0 10px;
	position: relative;
	width: 25%;
}
.blockons-block-inner {
	background-color: #fcfcfc;
	border-radius: 4px;
	-webkit-box-shadow:
		0 0 0 1px rgb(0 0 0 / 20%),
		0 1px 6px rgb(0 0 0 / 8%);
	        box-shadow:
		0 0 0 1px rgb(0 0 0 / 20%),
		0 1px 6px rgb(0 0 0 / 8%);
	text-align: center;
	padding: 35px 15px;
	position: relative;
	-webkit-transition: -webkit-box-shadow 0.25s ease-in-out 0s;
	transition: -webkit-box-shadow 0.25s ease-in-out 0s;
	transition: box-shadow 0.25s ease-in-out 0s;
	transition: box-shadow 0.25s ease-in-out 0s, -webkit-box-shadow 0.25s ease-in-out 0s;
	overflow: hidden;
}
.blockons-block .blockons-block-inner:hover {
	-webkit-box-shadow:
		0 0 0 1px rgb(0 0 0 / 28%),
		0 1px 8px rgb(0 0 0 / 28%);
	        box-shadow:
		0 0 0 1px rgb(0 0 0 / 28%),
		0 1px 8px rgb(0 0 0 / 28%);
}
.blockons-block-title {
	margin: 5px 0 8px;
	padding: 0;
	font-size: 16px;
	position: relative;
	text-transform: capitalize;
	z-index: 4;
	text-shadow: 0 1px 3px rgb(255 255 255 / 80%);
}
.blockons-block-desc {
	margin: 0 0 15px;
	padding: 0;
	font-size: 12px;
	color: #787878;
}
.blockons-block-inner .pluginbanner {
	background-color: #7f54b3;
	-webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
	        box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
	color: #fff;
	position: absolute;
	top: 3px;
	right: -12px;
	font-size: 9px;
	letter-spacing: 0.4px;
	text-align: right;
	padding: 1px 11px 1px 0;
	width: 130px;
	-webkit-transform: rotate(22deg);
	        transform: rotate(22deg);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.blockons-block.disabled .blockons-block-inner {
	min-height: 116px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.blockons-block.disabled label.toggle-switch {
	display: none !important;
}
.blockons-block.disabled::before {
	display: block;
	content: '';
	background-color: rgb(255 255 255 / 60%);
	position: absolute;
	top: -5px;
	left: 0;
	right: 0;
	bottom: -5px;
	z-index: 11;
}
.blockons-block-inner .newbanner {
	background-color: #f45b08;
	-webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
	        box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
	color: #fff;
	position: absolute;
	top: 10px;
	left: -20px;
	font-size: 10px;
	letter-spacing: 0.3px;
	text-align: center;
	padding: 1px 0;
	width: 80px;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/* ---- Grouped Settings ---- */
.blockons-group {
	position: relative;
}
.blockons-group-btn {
	display: block;
	background-color: #f6f7f7;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	width: 50px;
	height: 28px;
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #888;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.blockons-group-btn:hover {
	background-color: #eeeeee;
	border-color: #868686;
	color: #636363;
}
.blockons-group-btn span.dashicons {
	font-size: 20px;
	width: 20px;
	height: 20px;
}
.blockons-group-container {
	display: none;
	position: absolute;
	top: 0;
	left: 55px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow:
		inset 0 0 0 1px rgb(204 204 204),
		0 2px 10px rgb(0 0 0 / 12%);
	        box-shadow:
		inset 0 0 0 1px rgb(204 204 204),
		0 2px 10px rgb(0 0 0 / 12%);
	padding: 12px 10px 8px;
	z-index: 8;
	width: 366px;
}
.blockons-group.blockons-show .blockons-group-container {
	display: block;
}
.blockons-group-container table.form-table th,
.blockons-group-container table.form-table td {
	padding: 5px 5px 10px;
	font-size: 13px;
	vertical-align: middle;
}
.blockons-group-container table.form-table th {
	width: 115px;
	font-size: 12px;
	padding-right: 12px;
}
.blockons-group-container table.form-table td .blockons-row-col-right {
	display: none !important;
}
.blockons-group-container .blockons-row .regular-text,
.blockons-group-container .blockons-row select,
.blockons-group-container .blockons-row input[type='number'] {
	padding: 2px 8px;
}

/* -- Range Input -- */
.blockonsRange {
	max-width: 440px;
	width: 100%;
	position: relative;
	margin: 18px 0;
}
.blockonsRangeInput {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.blockonsRangeInput span {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 0 5px;
}
.blockonsRangeInput input {
	width: 100%;
}
.blockonsRangeInputVal {
	color: #a2a2a2;
	font-size: 11px;
	text-align: center;
	padding: 0 15px 0 0;
	position: absolute;
	width: 100%;
	top: -22px;
}
.blockonsRange input[type='text'] {
	background: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border: 0;
	color: inherit;
	font-size: inherit;
	text-align: right;
	width: 35px;
	padding: 0 2px 0 0;
}
.blockonsRange:hover input[type='text'] {
	color: #000 !important;
}
/* -- Color Picker -- */
.blockonsColorPicker {
	overflow: hidden;
	position: relative;
	max-width: 226px;
}
.blockonsColorBtn {
	border: 1px solid #c4c4c4;
	border-radius: 3px;
	min-height: 30px;
	padding: 0 0 0 30px;
	font-size: 11px;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}
.blockonsColorBtnTxt {
	background: #f6f7f7;
	border-radius: 0 2px 2px 0;
	border-left: 1px solid #c3c4c7;
	color: #50575e;
	display: block;
	line-height: 2.54545455;
	padding: 0 6px;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.blockonsColorBtn:hover,
.blockonsColorBtn:hover .blockonsColorBtnTxt,
.blockonsColorPicker.blockonsButton-active .blockonsColorBtn,
.blockonsColorPicker.blockonsButton-active .blockonsColorBtnTxt {
	border-color: #868686;
}
.blockonsColorBtn:hover .blockonsColorBtnTxt,
.blockonsColorPicker.blockonsButton-active .blockonsColorBtnTxt {
	background-color: #eeeeee;
}
.blockonsColorInput {
	display: none;
	border-color: rgb(170 170 170);
	max-width: 113px;
	position: absolute;
	top: 0;
	right: 0;
}
.blockonsPickColor {
	position: absolute;
	top: 110%;
	left: -999999px;
	z-index: 999;
}
.blockonsColorPicker.blockonsButton-active {
	overflow: visible;
}
.blockonsColorPicker.blockonsButton-active .blockonsPickColor {
	left: 0;
}
.blockonsColorPicker.blockonsButton-active .blockonsColorInput {
	display: block;
	border: 1px solid #acacac;
	color: #747474;
}
/* ---- Go Pro Upgrade ---- */
.blockons-row.upgrade td {
	padding: 15px 0;
}
.blockons-gopro-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.blockons-gopro-head-txt {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding-right: 30px;
}
.blockons-gopro-head-go {
	width: 220px;
	margin-top: 18px;
}
.blockons-gopro-head-go a {
	display: inline-block;
	background-color: #f45b08;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.4px;
	padding: 8px 16px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.blockons-gopro-head-go a:hover {
	background-color: #dd4f00;
	-webkit-box-shadow: 0 1px 10px rgb(0 0 0 / 25%);
	        box-shadow: 0 1px 10px rgb(0 0 0 / 25%);
}
.blockons-gopro .blockons-gopro-title {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.blockons-gopro .blockons-gopro-desc {
	margin: 4px 0 6px;
	max-width: 800px;
	font-size: 13px;
}
.blockons-gopro-features {
	margin: 6px 0 0;
}
.blockons-gopro-features ul {
	margin: 0;
	padding: 0 0 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.blockons-gopro-features ul li {
	list-style-type: disclosure-closed;
	margin: 0 0 4px;
	padding: 0;
}

.propromo-list {
	margin: 32px 0 0 7px;
}
.propromo-list h5 {
	font-size: 16px;
	margin: 0 0 10px;
	padding: 0;
}
.propromo-list ul {
	margin: 0;
	padding: 0;
}
.propromo-list ul li {
	list-style-type: disc;
	margin: 0 0 10px 12px;
	padding: 0;
}



@media only screen and (max-width: 980px) {
	.blockons-block {
		width: 33.3333%;
	}
}
@media only screen and (max-width: 680px) {
	.blockons-block {
		width: 50%;
	}
}
@media only screen and (max-width: 500px) {
	.blockons-block {
		width: 100%;
	}
}