/* inline css */
.storefront-handheld-footer-bar ul li.cart .count {
  background-color: #333333;
  color: #ffffff;
  border-color: #ffffff;
}

.woocommerce-tabs ul.tabs li.active a,
ul.products li.product .price,
.onsale,
.wc-block-grid__product-onsale,
.widget_search form:before,
.widget_product_search form:before {
  color: #6d6d6d;
}

.woocommerce-breadcrumb a,
a.woocommerce-review-link,
.product_meta a {
  color: #727272;
}

.wc-block-grid__product-onsale,
.onsale {
  border-color: #6d6d6d;
}

.star-rating span:before,
.quantity .plus, .quantity .minus,
p.stars a:hover:after,
p.stars a:after,
.star-rating span:before,
#payment .payment_methods li input[type=radio]:first-child:checked+label:before {
  color: orange;
}

.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #96588a;
}

.order_details {
  margin-bottom: 2rem;
  width: 100%;
}

.order_details > li {
  border-bottom: 1px dotted #e3e3e3;
}

.order_details:before,
.order_details:after {
  background: -webkit-linear-gradient(transparent 0,transparent 0),-webkit-linear-gradient(135deg,#f8f8f8 33.33%,transparent 33.33%),-webkit-linear-gradient(45deg,#f8f8f8 33.33%,transparent 33.33%)
}

#order_review {
  background-color: #ffffff;
}

#payment .payment_methods > li .payment_box,
#payment .place-order {
  background-color: #fff;
}

#payment .payment_methods > li:not(.woocommerce-notice) {
  background-color: #e8f7ff;
  border: 1px solid #cbedff !important;
}

#payment .payment_methods > li:not(.woocommerce-notice):hover {
  background-color: #cbedff;
}

.woocommerce-pagination .page-numbers li .page-numbers.current {
  background-color: #e6e6e6;
  color: #636363;
}

.wc-block-grid__product-onsale,
.onsale,
.woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
  color: #6d6d6d;
}

p.stars a:before,
p.stars a:hover~a:before,
p.stars.selected a.active~a:before {
  color: #6d6d6d;
}

p.stars.selected a.active:before,
p.stars:hover a:before,
p.stars.selected a:not(.active):before,
p.stars.selected a.active:before {
  color: #96588a;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  background-color: #eeeeee;
  color: #333333;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
  background-color: #d5d5d5;
  border-color: #d5d5d5;
  color: #333333;
}

.button.added_to_cart:focus,
.button.wc-forward:focus {
  outline-color: #96588a;
}

.button.loading {
  color: #eeeeee;
}

.button.loading:hover {
  background-color: #eeeeee;
}

.button.loading:after {
  color: #333333;
}

@media screen and ( min-width: 768px ) {
  .site-header-cart .widget_shopping_cart,
  .site-header .product_list_widget li .quantity {
	color: #404040;
  }

  .site-header-cart .widget_shopping_cart {
	background-color: #f0f0f0;
  }
}
  .storefront-product-pagination a {
	color: #6d6d6d;
	background-color: #ffffff;
  }
  .storefront-sticky-add-to-cart {
	color: #6d6d6d;
	background-color: #ffffff;
  }

  .storefront-sticky-add-to-cart a:not(.button) {
	color: #333333;
  }
/* main css */
body {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: 'Roboto-Light'; 
	font-size: 15px;
	letter-spacing: 0.25px !important;
}
.protonpix-white {
	background: white;
	color: #383838;
}
.protonpix-dark {
	background: #383838;
	color: white;
}
.protonpix-color-one {
	background: #762ECE;
	color: white;
	padding: 100px 0 100px 0;
}
.protonpix-color-two {
	background: #019dc2;
	color: white;
}
a {
	text-decoration: none;
}
/* woocommerce blocks corrections found in wordpress/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/style.css */
.woocommerce-mini-cart.cart_list.product_list_widget {
	padding: 0;
}
.added_to_cart {
	position: relative;
}
.entry-content .wc-block-grid__product-image .wc-block-grid__product-image__image,
.wc-block-grid__product-image .wc-block-grid__product-image__image {
	width:auto;
}
@font-face {
	font-family: 'Rajdhani-Medium';
	src:  url('fonts/Rajdhani-Medium.ttf');
}
@font-face {
	font-family: 'Roboto-Light';
	src:  url('fonts/Roboto-Light.ttf');
}
@font-face {
	font-family: 'Roboto-Regular';
	src:  url('fonts/Roboto-Regular.ttf');
}
@font-face {
	font-family: 'Roboto-Medium';
	src:  url('fonts/Roboto-Medium.ttf');
}
@font-face {
	font-family: 'Roboto-Bold';
	src:  url('fonts/Roboto-Bold.ttf');
}
@font-face {
	font-family: 'LiuJianMaoCao-Regular';
	src:  url('fonts/LiuJianMaoCao-Regular.ttf');
}
@font-face {
	font-family: 'ProtonPix';
	src:  url('fonts/ProtonPix.eot?pi2bhn');
	src:  url('fonts/ProtonPix.eot?pi2bhn#iefix') format('embedded-opentype'),
		  url('fonts/ProtonPix.ttf?pi2bhn') format('truetype'),
		  url('fonts/ProtonPix.woff?pi2bhn') format('woff'),
		  url('fonts/ProtonPix.svg?pi2bhn#ProtonPix') format('svg');
}
@font-face {
	font-family: 'xhex';
	src: url('fonts/xhex.eot');
	src: url('fonts/xhex.eot?#iefix') format('embedded-opentype'),
		 url('fonts/xhex.woff') format('woff'),
		 url('fonts/xhex.ttf') format('truetype'),
		 url('fonts/xhex.svg#xhex') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* product promotion content at the bottom of the slider */
.attention-container {
	position: absolute;
	font-family: "Roboto-Light", serif;
	font-size: 25px;
	bottom: 0px;
	width: 100%;
	margin: 0px auto;
	box-sizing: border-box;    
	background: #596ac6;
	overflow: hidden;
}
@media (max-width: 521px) {
	.promo-row div:nth-child(1) {
		margin: 0 auto 14px auto !important;
	}
	.promo {
		padding: 0 17px 16px !important;
	}
	.attention-container {
		font-size: 15px !important;
	}
}
.promo {
	max-width: 1200px;
	margin: 0 auto;
	padding: 19px 17px;
}
.promo-row {
	margin: 0 auto;
}
.attention-container:after, .promo-row:after {
	content: "";
	display: table;
	clear: both;
}
.description-container, .contact-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.wpcf7-textarea {
	resize: vertical;
}
span.wpcf7-list-item {
	margin: 0;
}
.wpcf7 form .wpcf7-response-output {
	text-transform: uppercase;
	font-family: "Roboto-Medium", serif;
	border: 0;
	margin: 0;
	padding: 50px 0 0 0;
}
.slogan {
	position: relative;
	color: white;
	margin: 0;
	text-align: center;
}
a.go-download {
	color: white;
	font-size: 15px;
	padding: 10px 20px;
	text-decoration: none;
	text-align: center;
	border: 1px solid white;
	border-radius: 5px;
	transition: all 0.3s;
}
.go-download:hover {
	color: #121212;
	background: #fff300;
	border-color: #fff300;
	transition: all 0.1s;
}
.go-download i, .go-download-p1 i {
	margin-right: 10px;
}
.oily-download {
	position: absolute;
	color: white;
	background-color: #13deff;
	padding: 10px 20px;
	border-radius: 5px;
	border: 2px solid #00afcc;
}
.oily-download:hover {
	background-color: #14c1dd;
}
.promo-row div:nth-child(1) {
	float: left;
	padding: 4px 17px;
}
.promo-row div:nth-child(2) {
	float: right;
	padding: 0 17px;
}
.display-flex {
	display: inline-flex;
}
@media (max-width: 1080px) {
	.promo-row div:nth-child(1) {
		float: none;
		margin: 0 auto 20px auto;
		display: table;
	}
	.promo-row div:nth-child(2) {
		float: none;
		margin: 0 auto;
		display: table;
	}
}
#newsletter .notification[aria-hidden="true"] {
	display: none;
}
#newsletter .notification[aria-hidden="false"] {
	display: block;
}
input.email-field {
	width: 50%;
}
@media (max-width: 1024px) {
	input.email-field {
		width: 100%;
	}
	.oily-all-responsive {
		width: 100% !important;
	}
	.oily-responsive .oily-description {
		width: 100%;
	}
	.oily-responsive .oily-all-responsive img {
		float: none;
		display: block;
		margin: 20px auto;
	}
	.oily-responsive p, .oily-responsive ul, .oily-responsive h5 {
		text-align: center;
	}
	.pp.width.underline {
		margin: 20px auto;
	}
}
.divider {
	height: 1px;
	background: grey;
}
.a-tag-spacing {
	margin-left: 16px;
	vertical-align: 15px;
}
/* About template bottom links centering */
@media (max-width: 821px) {
	.wrapped-tags {
		float: none;
		text-align: center;
	}
}
/* Features section changing image position */
@media (min-width: 1025px) {
/*	.center-img-vertical {
		display: flex;
		align-items: center;
	}*/
	.pp-tablet {
		display: none;
	}
	.pp-desktop {
		/*display: none;*/
	}
	.pp-margin-right {
		margin-right: 4%;
	}
}
@media (max-width: 1024px) {
	.center-img-vertical {
/*		display: flex;
		align-items: center;*/
	}
	.pp-tablet {
		/*display: none;*/
	}
	.pp-desktop {
		display: none;
	}
	.pp-feature-full-width {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.pp.width.underline.description {
		margin: 20px auto !important;
	}
}
#cookie-notice {
 font-size: 15px !important;
 font-family: 'Roboto-Light',sans-serif !important;
}
.your-name input, .your-email input, .subject input, textarea {
	width: 100%;
	border-bottom: 1px solid #efefef;
}
.your-message textarea {
	height: auto;
}
.wpcf7-submit {
	float: right;
}
a.link {
	color: #ff8213;
}
a.link:hover {
	text-decoration: underline;
}
.list-style ul {
	padding-left: 40px;
	list-style-type: square;
}
.list-style ul li {
	margin-bottom: 0;
}
.p-margin {
	margin-left: 2.3em;
}
.psub-margin {
	margin-left: 3.8em;
}
.all-caps {
	text-transform: uppercase;
}
/* Error 404 page */
#title {
  text-align:center;
  font-size:40px;
  margin-top:40px;
  margin-bottom:-40px;
  position:relative;
  color:#fff;
}

.circles:after {
  content:'';
  display:inline-block;
  width:100%;
  height:100px;
  background:#fff;
  position:absolute;
  top:-50px;
  left:0;
  transform:skewY(-4deg);
  -webkit-transform:skewY(-4deg);
}

.circles { 
  background:#fff;
  text-align: center;
  position: relative;
  margin-top:-60px;
}

.circles p {
  font-size: 240px;
  color: #fff;
  padding-top: 60px;
  position: relative;
  z-index: 9;
  line-height: 100%;
  margin-bottom: 0px;
  margin-top: 60px !important;
}

.circles p small { 
  font-size: 40px; 
  line-height: 100%; 
  vertical-align: top;   
}

.circles .circle.small {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #ffe97f;
  position: absolute;
  z-index: 1;
  top: 80px;
  left: 50%;
  animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98); 
  -webkit-animation: 7s smallmove infinite cubic-bezier(1,.22,.71,.98);
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
}

.circles .circle.med {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: #65afb7;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 10%;
  animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75); 
  -webkit-animation: 7s medmove infinite cubic-bezier(.32,.04,.15,.75);
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

.circles .circle.big {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background: #ff0022;
  position: absolute;
  z-index: 1;
  top: 200px;
  right: 0;
  animation: 8s bigmove infinite; 
  -webkit-animation: 8s bigmove infinite;
  animation-delay: 3s;
  -webkit-animation-delay: 1s;
}

@-webkit-keyframes smallmove {
  0% { top: 10px; left: 45%; opacity: 1; }
  25% { top: 300px; left: 40%; opacity:0.7; }
  50% { top: 240px; left: 55%; opacity:0.4; }
  75% { top: 100px; left: 40%;  opacity:0.6; }
  100% { top: 10px; left: 45%; opacity: 1; }
}
@keyframes smallmove {
  0% { top: 10px; left: 45%; opacity: 1; }
  25% { top: 300px; left: 40%; opacity:0.7; }
  50% { top: 240px; left: 55%; opacity:0.4; }
  75% { top: 100px; left: 40%;  opacity:0.6; }
  100% { top: 10px; left: 45%; opacity: 1; }
}

@-webkit-keyframes medmove {
  0% { top: 0px; left: 20%; opacity: 1; }
  25% { top: 300px; left: 80%; opacity:0.7; }
  50% { top: 240px; left: 55%; opacity:0.4; }
  75% { top: 100px; left: 40%;  opacity:0.6; }
  100% { top: 0px; left: 20%; opacity: 1; }
}

@keyframes medmove {
  0% { top: 0px; left: 20%; opacity: 1; }
  25% { top: 300px; left: 80%; opacity:0.7; }
  50% { top: 240px; left: 55%; opacity:0.4; }
  75% { top: 100px; left: 40%;  opacity:0.6; }
  100% { top: 0px; left: 20%; opacity: 1; }
}

@-webkit-keyframes bigmove {
  0% { top: 0px; right: 4%; opacity: 0.5; }
  25% { top: 100px; right: 40%; opacity:0.4; }
  50% { top: 240px; right: 45%; opacity:0.8; }
  75% { top: 100px; right: 35%;  opacity:0.6; }
  100% { top: 0px; right: 4%; opacity: 0.5; }
}
@keyframes bigmove {
  0% { top: 0px; right: 4%; opacity: 0.5; }
  25% { top: 100px; right: 40%; opacity:0.4; }
  50% { top: 240px; right: 45%; opacity:0.8; }
  75% { top: 100px; right: 35%;  opacity:0.6; }
  100% { top: 0px; right: 4%; opacity: 0.5; }
}
/* disable recaptcha logo*/
.grecaptcha-badge {
	visibility: hidden !important;
}
/* cookie policy buttons */
.cn-button.bootstrap,
.cn-button.wp-default {
 padding: 8px 16px;
 margin-left: 10px !important;
}
.cn-close-icon {
	display: none;
}
#cn-accept-cookie.cn-set-cookie.cn-button {
	color: white;
	background-color: #6d9f00 !important;
	font-weight: bold;
}
#cn-accept-cookie.cn-set-cookie.cn-button:hover {
	background-color: #96db00 !important;
}
#cn-refuse-cookie.cn-button.bootstrap, #cn-more-info.cn-button.bootstrap {
	color: white;
	background-color: #00000000;
	border: 1px solid white !important;
}
#cn-refuse-cookie.cn-button.bootstrap:hover, #cn-more-info.cn-button.bootstrap:hover {
	background-color: white;
	color: #383838;
}
.pp-shape {
	background-color: #eee;
	overflow:hidden;
	width:100%;
	line-height:0;
	direction:ltr;
}
.pp-shape-top svg {
	height: 50px;
}
.pp-shape-top:not([data-negative=false]) svg {
	z-index:-1;
}
.pp-shape .pp-shape-fill {
	fill: white;
	transform-origin:center;
	transform:rotateY(0deg);
}
.pp-shape svg {
	display:block;
	width:calc(100% + 1.3px);
	position:relative;
	left:50%;
	transform:translateX(-50%)
}
.pp-shape[data-negative=false].pp-shape-bottom,
.pp-shape[data-negative=true].pp-shape-top {
	transform:rotate(180deg);
}
#cookie-notice .cn-button {
	margin-left: 0;
	border: 1px solid #515151 !important;
	background-color: #0000 !important;
}
@media (max-width:1459px) and (min-width:1370px) {
	.cn-buttons-container {
		padding-left: 10px !important;
	}
}
@media (min-width: 1460px) {
	.cn-buttons-container {
		padding-left: 50px !important;
	}
}
.pp.width.underline, .pp.width.underline.features {
	width: 20%;
	height: 1px;
	background-color: #afafaf;
}
.pp.width.underline.description {
	margin: 20px 0;
}
.features {
	margin: 20px auto;
}
.ul-square ul {
	list-style: square;
}
.no-margin-bottom ul li {
	margin: 0 auto;
}