/**
 * Theme Name: Juwa - Wordpress Theme
 * Template:   playhost
 */
body{
	background-attachment: fixed!important;
	background-position: top center!important;
}
 #pxl-main{
    padding: 0px!important;
 }

.pxl-title--highlight, .pxl-accordion1 .pxl-icon--angle{
    background-image: linear-gradient(to right, #E90000 0%, #FFC057 100%)!important;
 }

 .pxl-loader.style-startup .pxl-loader-effect:before{
   background-color: #e900006e!important;
 }
 .pxl-loader.style-startup .pxl-loader-effect:after{
   background-color: #E90000!important;
 }

.btn.btn-default:hover{
	box-shadow: 0 0 40px 0px #e900006e!important;
}
.pxl-cursor .pxl-cursor--follower, .pxl-cursor-section .pxl-cursor--follower{
	background-color: #E90000!important;
}
.scrollbar-v{
	background: #FFC057!important;
}
/* Click Event */
div.clickEffect{
	position:fixed;
	box-sizing:border-box;
	border-style:solid;
	border-color:#FFC057;
	border-radius:50%;
	animation:clickEffect 0.4s ease-out;
	z-index:99999;
}
@keyframes clickEffect{
	0%{
		opacity:1;
		width:0.5em; height:0.5em;
		margin:-0.25em;
		border-width:0.5rem;
	}
	100%{
		opacity:0.2;
		width:15em; height:15em;
		margin:-7.5em;
		border-width:0.03rem;
	}
}

/* Juwa Image hover */
/* Juwa Image hover */
.juwa-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  background: linear-gradient(0deg, #ffffff96, #ffffff96 30%, rgb(255 255 255 / 30%));
  /* background-image: url("data:image/svg+xml,%3Csvg width='2' height='10' viewBox='0 0 2 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0 L2 2 L0 4 L2 6 L0 8 L2 10' stroke='white' stroke-width='1' fill='none'/%3E%3C/svg%3E");
  background-repeat: repeat-y; */
  transition: all 0.5s ease;
  opacity: 0;
  z-index: 9;
}
.juwa-img::after {
  content: '';
  position: absolute;
  top: 0;
  right: 50%;
  width: 1px;
  height: 100%;
  background: linear-gradient(0deg, #ffffff96, #ffffff96 30%, rgb(255 255 255 / 30%));
  transition: all 0.5s ease;
  opacity: 0;
  z-index: 9;
}
.juwa-img img{
  transition: all 0.5s ease;
}
.juwa-img:hover img {
    transform: scale(1.2) rotate(-10deg);
}
.juwa-img:hover::before {
  opacity: 1;
  width: 50px;
  left: -20%;
}
.juwa-img:hover::after {
  opacity: 1;
  width: 50px;
  right: -20%;
}

@media only screen and (max-width: 767px){
	.pxl-header-menu{
		width: 80%!important;
	}
	#faq h5.pxl-item--title {
    padding-right: 40px;
}
	.pxl-menu-primary li > a:hover, .pxl-menu-primary li > a.current, .pxl-menu-primary li.current_page_item > a, .pxl-menu-primary li.current-menu-item > a, .pxl-menu-primary li.current_page_ancestor > a, .pxl-menu-primary li.current-menu-ancestor > a{
		color: #fff!important;
	}
}