/*Controllers*/
.cb.plain {
	position: absolute !important;
	opacity: 0.3;
}
.cb.plain:hover {
	opacity: 1;
}
.cb.plain .cb-link .button {
	padding: 6px 12px !important;
}
.global-danger {
	display: none;
}

/***Main CSS***/
html {
    background-image: url("images/backgrounds/bg-white.jpg");
    background-position: top center;
    background-repeat: repeat-y;
    background-size: 100% auto;
}
body {
	background: 
        url("images/backgrounds/bg-purple.jpg") bottom 100px center / cover no-repeat, 
        url("images/backgrounds/circle.png") bottom 75px center / 60px auto repeat-x
    ;
	font-family: poppins, sans-serif;
}
.body {
	padding: 0;
    background: transparent;
    position: relative;
    z-index: 1;
}
.is-homepage .body > .frame{
	padding: 0;
}
body:not(.is-homepage) .body > .frame{
	background-color: #fff;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h5, h5 {
}
h1,.h1 {
	font-size: 42px;
	line-height: 38px;
    font-family: adelle, serif;
}

.frame.base {
    background-color: #fff;
    padding: 40px;
}

.button {
	background: none;
	border-radius: 0;
	border: 2px solid #aaa;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #aaa;
}
.button:hover {
	background: #888;
	border: 2px solid #888;
	color: #fff;
}

.button.bt-small {
    font-size: 14px;
    letter-spacing: 0px;
    text-transform: none;
    border: none;
    background: #853D80;
    padding: 7px 12px;
    color: #fff;
}

/*Header*/
.navigation {
	/*border: none;
	background-color: #93467E !important;
    border-radius: 50px;
	position: relative;
	margin-top: 20px;
	margin-bottom: -20px;
	z-index: 111;*/
    
    margin-top: 20px;
    background: none;
    background-color: transparent !important;
    position: relative;
    z-index: 111;
}
.navigation::after,
.navigation::before {
    content: "";
    position: absolute;
    top: -12px;
    left: -25px;
    right: -20px;
    bottom: -15px;
    background-color: #6C2963;
    clip-path: polygon(1% 14%, 99% 9%, 98% 91%, 2% 83%);
    -webkit-clip-path: polygon(1% 14%, 99% 9%, 98% 91%, 2% 83%);
    z-index: 111;
    opacity: 1;
}
.navigation::before {
    top: -20px;
    left: -28px;
    right: -35px;
    bottom: -30px;
    background-color: #53194C;
    animation: nav-flow 1s ease infinite;
    clip-path: polygon(1% 14%, 100% 18%, 99% 101%, 3% 83%);   
    -webkit-clip-path: polygon(1% 14%, 100% 18%, 99% 101%, 3% 83%);  
    opacity: 1;
}
.navigation ul.menu {
    position: relative;
    z-index: 112;
}

@keyframes nav-flow {
    0%   { clip-path: polygon(1% 14%, 99% 9%, 98% 91%, 2% 83%); -webkit-clip-path: polygon(1% 14%, 99% 9%, 98% 91%, 2% 83%);}
    33%  { clip-path: polygon(0.9% 14.1%, 98.9% 9.1%, 98.1% 90.9%, 2.1% 82.9%); -webkit-clip-path: polygon(0.9% 14.1%, 98.9% 9.1%, 98.1% 90.9%, 2.1% 82.9%);}
    50%  { clip-path: polygon(1% 14%, 99% 9%, 98% 91%, 2% 83%); -webkit-clip-path: polygon(1% 14%, 99% 9%, 98% 91%, 2% 83%);}
    77%  { clip-path: polygon(1.1% 13.9%, 99.1% 8.9%, 97.9% 91.1%, 1.9% 83.1%); -webkit-clip-path: polygon(1.1% 13.9%, 99.1% 8.9%, 97.9% 91.1%, 1.9% 83.1%);}
    100% { clip-path: polygon(1% 14%, 99% 9%, 98% 91%, 2% 83%); -webkit-clip-path: polygon(1% 14%, 99% 9%, 98% 91%, 2% 83%);}
}

.logo {
	display: inline-block;
	height: 150px;
    min-width: 300px;
    max-width: 300px;
	background-position: left;
	background-size: 180px;
    background-image: url("images/logo.svg") !important;
}
.header {
	background-color: transparent;
	position: relative;
	padding: 30px 0 0;
}
.header .logo-wrap {
	text-align: left;
}
.header .head-cart-data .fa {
	color:#90469b;
}
.header .col-slogan {
	text-align: right;
}
.header-title {
	padding: 40px 0;
	background-color: #EEE;
}
.header-title h1 {
	margin: 0;
}
.quick-links {
	margin: 0 0 40px;
}
.copyright {
	padding: 20px 0 0;
	margin: 0 auto 0;
	color: #FFF;
	border-bottom: none;
	border-top: 2px solid #ff906a;
}
.copyright p {
	margin: 0;
}
.copyright p.disclaimer {
	text-transform: uppercase;
	font-size: 12px;
}
.copyright p a {
	color: #FFF;
}
.top-contact{
	text-align: right;
    padding-bottom: 10px;
}
.top-contact .h3{
	color: #fff;	
    line-height: 20px;
	font-weight: 700;
	margin: 0;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
}
.top-contact .h3 .small{
	display: block;
}
.top-contact .h3 a {
	color: #FFF;
}
.top-contact .h3 .small{
	font-family: adelle, serif;
	font-size: 17px;
	font-weight: 100;
}
.top-contact .button {
	font-weight: 600;
    font-size: 10px;
    line-height: 22px;
    font-family: "adelle", sans-serif;
	background-color: #fff;
	border-radius: 100%;
	border: none;
	text-align: center;
    color: rgba(255,255,255,0.9);
    
	width: 85px;
    height: 85px;
	padding: 16px 10px;
	letter-spacing: 0;
    vertical-align: middle;
    display: inline-block;
    transition: all 0.2s cubic-bezier(.25, .1, .66, 1.8) 0s;
}
.top-contact .button i {
	display: block;
    font-size: 35px;
}
.top-contact .button.txt-green {background-color:#A4CC27;}
.top-contact .button.txt-orange {background-color:#ED4F28;}
.top-contact .button.txt-pink {background-color:#F74D8B;}
.top-contact .button.txt-purple {background-color:#A24B86;}

.top-contact .button:hover {
    transform: scale(0.9);
	background-color:#fff;
}
.top-contact .button.txt-green:hover {color: #A9D816;}
.top-contact .button.txt-orange:hover {color: #ED4F28;}
.top-contact .button.txt-pink:hover {color: #F74D8B;}
.top-contact .button.txt-purple:hover {color: #A24B86;}

.orange,
.txt-orange{
	color: #F25823;
}
.grey,
.txt-grey{
	color: #999;
}
.txt-green{
	color: #A9D816;
}

.section-variant-1 .txt-orange {
    transform: scale(1.1) rotate(-3deg);
    font-size: 50px;
}

.row-container > .pb-section > .frame,
.row-container > .pb-section > .frame.frame-master{
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}
.row-container > .pb-section.section-variant-1.section-pad-1 {
	padding-top: 40px;
    background-color: #53194C;
}
.row-container > .pb-section.section-variant-1.section-pad-1 h1 {
	text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 700;
    font-size: 45px;
}
input[type="submit"], button{
    font-family: "adelle", sans-serif;
}
button.grey:hover{
    background-color: #999;
    color: #fff;
}
button[type="submit"] {
    display: table;
    margin: 0 auto;
    padding: 15px 25px;
    font-size: 22px;
    margin-top: 0px;
    color: #fff;
    transition: all 0.2s;
    background-color: #ED4F28;
    font-family: "adelle", sans-serif;
    clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
}
button[type="submit"]:hover {
    background-color: #F93F83;
    animation: jiggle 0.7s linear infinite;
}

/*Banner*/
.banner {
	background-image: url(images/bg-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding:0;
}
.banner > .frame {
	padding:0;
}
.banner h1,
.banner .h1 {
	color:#fff;
	font-weight:700;
	font-size:50px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 10px;
}
.banner h2,
.banner .h2 {
	font-weight: 100;
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.banner .bt .button {
	background-color:rgba(0,0,0,0);
	font-size:18px;
	padding:10px 20px;
	border:2px solid #eee;
	text-decoration:none;
	font-weight: 500;
	letter-spacing: 2px;
	color: #fff;
}
.banner .bt .button .fa {
	position: relative;
	top:-2px;
}
.banner .bt .button:hover {
	border:2px solid #FFF;
	background-color:#fff;
	color:#333;
}

.banner .slide .slide-inner {
	background-color: rgba(0,0,0,0.3);
	text-shadow: none;
}
.banner .slider-wrapper {
    box-shadow: none;
}

.sssnext, .sssprev {
    width: 50px !important;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    background-image: url('/web/template/default/assets/sss/images/brr.png') !important;
    z-index: 1000;
	transition: all 0.2s ease-out 0s;
}
.sssprev {
    left: 3%;
    background-position: 0 50% !important;
}
.sssnext {
    right: 3%;
    background-position: -50px 50% !important;
}
.sssprev:hover {
    left: 2.7%;
}
.sssnext:hover {
    right: 2.7%;
}
.sssprev:active {
    left: 2%;
}
.sssnext:active {
    right: 2%;
}

/*Elements*/
.html-style ul li::before, ul.bullet li::before, ul.bullet-list li::before {
	color: #CCC;
}
.faq:hover {
	border-color:#ff6d43;
}
.faq:hover h3,
.faq:hover h3::before {
	color:#ff6d43;
}

/*Index Assets*/
.homebox  {
	
}
.homebox .col {
	padding: 10px;
}
.homebox .col img {
	vertical-align: top;
	width: 100%;
}
.homebox .col .hb-text {
	padding: 35px 40px;
	background: linear-gradient(to top, #fff, #f3f3f3);
}
.homebox .col .hb-text h3 {
	font-size: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px;
	font-weight: 600;
}
.homebox .col .hb-text p {
	text-align: justify;
	font-size: 12px;
	line-height: 24px;
	color: #888;
}
.homebox .col .hb-text p a.button {
	padding: 5px 15px;
	border-radius: 0;
	border-color: #bbb;
}

/* Global Footer */
.global-contact {
	background-color: #EEE;
	padding: 5px;
	font-size: 14px;
}
.global-contact .item {
	overflow: hidden;
}
.global-contact .item li {
	list-style: none;
	float: left;
	margin-right: 10px;
	color: #999;
}
.global-contact .item li a {
	color: #999;
}

/* Footer */
.footer {
	background-color:#F25823 !important;
	background-image: url("images/backgrounds/bg-orange.jpg");
    background-position: center;
	background-size: cover;
	color: #FFF;
	padding:60px 0 70px;
}
.footer .foot-menu {
	border: none;
}
.footer .foot-menu > li a {
	border-color: transparent !important;
	font-weight: 300;
	color: #FFF;
}
.footer .foot-menu > li a:hover {
	border-bottom: 1px solid #FFF !important;
}
.footer .h4,
.footer p {
	color:#FFF;
}
.footer .h4 {
	font-family: adelle, serif;
	font-size: 24px;
	margin: 0;
	font-weight: 100;
	color: #fff;
}
.footer .break {
	width: 80px;
	height: 0;
	margin: 20px 0 20px;
	border-radius: 10px;
	background-color: #fff;
}
.footer .foot-menu {
	margin: 0;
	padding-top: 0;
	padding-right:20px;
}
.footer .foot-menu a,
.footer .foot-menu > li a {
	padding: 8px 0;
	border: none;
	font-weight: 400;
	letter-spacing: 1px;
	border-color:#0d63a1;
	font-size: 14px;
	color: #fff;
}
.footer .foot-menu > li a:hover {
	border: none !important;
	color: #FFF;
}
.footer .foot-product-wrap {
	background-color: #FFF;
	box-sizing: border-box;
	border-radius: 8px;
	overflow: hidden;
	color: #000;
}
.footer .foot-product-wrap .h4 {
	font-size: 24px;
	color: #90469b;
}
.footer .foot-product-wrap a {
	color: #ff6d43;
	text-decoration: none;
}
.footer .foot-product-wrap p {
	color:#999;
	margin: 0;
}
.footer .col.text-right {
	vertical-align: bottom;
}
.footer .col.text-right img {
	vertical-align: bottom;
}

.copyright a {
	color: #FFF;
}
.icon-social-footer{
	color: #fff;
	font-size: 50px;
    height: 45px;
}
.icon-social-footer{
	color: #fff;
	font-size: 50px;
    height: 45px;
}

.hr-mini {
	background-color:#90469b;
	width:50px;
	height:4px;												
	border-radius:5px;
	margin:10px 0 20px;
}
.feature-box {
	text-align:center;
}
.feature-box h2 {
	font-size:20px;
}
.feature-box img {
	width:80%;
	vertical-align:top;
}
.feature-box:hover {
	transform:scale(1.1,1.1);
	transition:all 0.2s ease-in-out 0s;
}

/*Section*/
.section-feature {
	padding: 80px 0;
}
.section-variant3 {
	background-color:#006cb9;
}
.section-variant2 {
	background-color:#DDD;
}
.section-variant1 {
	background-color:#EEE;
}
.body .frame > *:last-child {
	margin-bottom:0;
}
.section-feature.sf-variant3 * {
	color:#FFF;
}
.section-feature.sf-variant3 .divide {
	background-color:#FFF;
}

.contact-bubbles {
    position: relative;
    margin: -30px auto -40px;
}
.contact-bubbles .pb-column .content {
	height: 200px;
    width: 200px;
	border-radius: 250px;
	position: relative;
	background: #ED4F28;
    transform: scale(1.1);
	z-index: 1;
	color: #fff;
}
.contact-bubbles .pb-column .content.email {height: 210px; width: 210px; left: 20px; top: -10px;}
.contact-bubbles .pb-column .content.freephone {background-color: #F93F83; height: 190px; width: 190px; top: -50px;}
.contact-bubbles .pb-column .content.address {background-color: #852C64; height: 220px; width: 220px;top: -15px;}
.contact-bubbles .pb-column .content.mobile {background-color: #82B63B; top: 40px;}
.contact-bubbles .pb-column .content.phone {background-color: #6349A9;height: 180px; width: 180px;top: 20px;}

.contact-bubbles .pb-column .content .pb-block-content {
	padding:40px 15px 0;
}
.contact-bubbles .pb-column .content.email p,
.contact-bubbles .pb-column .content.freephone p,
.contact-bubbles .pb-column .content.address p,
.contact-bubbles .pb-column .content.mobile p,
.contact-bubbles .pb-column .content.phone p {
	font-size: 16px;
	width: 100%;
	text-align: center;
	line-height: 20px;
	
}
.contact-bubbles .pb-column .content h3 {
	margin: 0 0 10px;
    font-size: 40px;
}
.contact-bubbles .pb-column .content p a {
	color: #FFF;
}
.contact-bubbles .pb-column .content.email h3 em,
.contact-bubbles .pb-column .content.freephone h3 em,
.contact-bubbles .pb-column .content.address h3 em,
.contact-bubbles .pb-column .content.mobile h3 em,
.contact-bubbles .pb-column .content.phone h3 em {
	width: 100%;
	color: #fff;
    font-weight: 900;
	font-size: 60px;
	text-align: center;
}
.section-terms .enrol:hover .content-title h3,
.section-terms .cancellation:hover .content-title h3,
.section-terms .welfare:hover .content-title h3,
.section-terms .liability:hover .content-title h3,
.section-terms .resale:hover .content-title h3,
.section-terms .usage:hover .content-title h3,
.section-terms .privacy:hover .content-title h3 {
	background-color: #ED4F28;
	color: #fff;
}


.contact-details p a{
	color: #fff;
	padding: 10px;
	background-color: #D8D8D8;
	padding-left: 5px;
	border-radius: 0 0 15px 15px;
	text-align: center;
	text-decoration: none;
}
.section-terms .content-title h3 {
	background-color: #fff;
	color: #E65C12;
	padding-left: 20px !important;
	padding: 10px 0;
	transition: ease-out all 500ms;
    display: table;
    padding: 10px 20px;
    animation: flow 1s linear infinite;
}
.section-terms .content-body {
	background-color: #eee;
	color: #333;
	padding: 20px;
	position: relative;
	top: -20px;
	transition: ease-out all 500ms;
	box-shadow: 0 4px 0 #DDDDDD;
    animation: flow 1s linear infinite;
}
.section-terms .content-body p{
	font-size: 15px;
}

/*Section About*/
.section-about {
    padding-bottom: 0px !important;
}
.section-about .about-body {
	padding-right: 30px;
    position: relative;
}
.section-about .about-body::after {
    content: "";
    z-index: 1;
    position: absolute;
    top: -90px;
    left: -90px;
    right: -60px;
    bottom: -80px;
    background: #eee;
    clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
}
.section-about .about-body p{
	font-size: 13px;
    position: relative;
    z-index: 2;
}
.section-about .about-body p.txt-orange {
	font-size: 18px;
}

.section-about .about-img img {
	border-radius: 100%;
	width: 300px !important;
    border: 5px solid #fff;
}
.section-about .about-text {
	height: 300px;
	width: 300px;
    border-radius: 100%;
    position: relative;
    background-color: #F0592F;
    background-image: url("images/backgrounds/bg-orange.jpg");
    background-size: cover;
    background-position: right center;
    z-index: 1;
    color: #fff;
	transform: translate(20px 50px);
   
}
.section-about .about-text h3 {
	font-size: 15px;
	position: absolute;
	right: 50%;
	color: #fff;
	transform: translate(50%, -50%);
	top:50%;
	width: 100%;
	padding: 0 40px;
	text-align: center
}
.section-crowd {
	background-image: url("/template/profile/E8sCu5K9b6YdhkrQi2IsMOOg/images/backgrounds/crowd.png");
	background-position: bottom -20px center;
	height: 300px;
	background-repeat: repeat-x;
	background-size: auto 300px;
	animation: crowd-anim 1s cubic-bezier(.66, .11, .91, .83) infinite;
}

@keyframes crowd-anim {
	0% {background-position: bottom -20px center; }
	15% {background-position: bottom -14px center;}
	55% {background-position: bottom -22px center;}
	70% {background-position: bottom -17px center;}
	100% {background-position: bottom -20px center;}
	
}
.service-box-front {
	position: relative;
	height: 200px;
	border-radius: 3px;
}
/*
.service-box-back p,
.service-box-front h3
{
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}*/
.service-box-front span {
	color: #E65C12;
	font-size: 42px;
	width: 195px;
	height: 195px;
	background-color: #FFF;
}
.service-box-front span::before {
	position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}
.services-col .col {
	padding: 10px;
}

.flip-card {
	width: auto;
	height: 230px;
	perspective: 1000px;
	border-radius: 5px;
    position: relative;
    z-index: 1;
}
.flip-card::after {
	content: "";
    position: absolute;
    background-color: #ddd;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transition: all 0.4s;
    transform: scale(-1, 1);
    clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
}
.flip-card-inner h3 {
	margin: 10px 0 0;
}
.flip-card-inner p {
	padding: 10px;
	color: #FFF;
	margin: 10px 0 0;
	font-size: 14px;
}

.flip-card:hover::after {
    background-color: #CF3E10;
    transform: scale(1, 1);
	animation: jiggle 0.8s linear infinite;
}

.coltable .col:nth-child(odd) .flip-card .service-box-front,
.coltable .col:nth-child(odd) .flip-card .service-box-back,
.section-disciplines .discipline-card .service-box-front {
    clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
}
.coltable .col:nth-child(even) .flip-card .service-box-front,
.coltable .col:nth-child(even) .flip-card .service-box-back {
	clip-path: polygon(1% 1%, 99% 3%, 97% 100%, 3% 96%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	vertical-align: top;
    z-index: 2;
}
/*
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}*/
.service-box-front, .service-box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	vertical-align: top;
}
.service-box-front {
	box-shadow: 0 5px 12px 0 rgba(0,0,0,0.1), 0 2px 3px 0 rgba(0,0,0,0.1);
    background-position: left -20px center;
    background-repeat: no-repeat;
    background-size: auto 110%;
	background-color: #852C64;	
	border-radius: 3px;
	z-index: 2;
}
.service-box-back {
	background-color: #F0592F;
    background-image: url("images/backgrounds/bg-orange.jpg");
    background-position: center;
    background-size: cover;
	transform: rotateY(180deg);
	z-index: 99;
	box-shadow: 0 5px 12px 0 rgba(0,0,0,0.1), 0 2px 3px 0 rgba(0,0,0,0.1);
	border-radius: 3px;
	width: 100%;
	padding: 15px;
	font-size: 14px;
    color: #fff;
}

.service-box-front h3 {
	font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    font-family: "adelle", sans-serif ;
    color: #fff;
}
.service-box-back p{
	width: 100%;
	padding: 25px;
	font-size: 14px;
    display: table;
    max-width: 900px;
    margin: 0 auto;
    color: #fff;
}

.flip-card.fc-drama .service-box-front         {background-color: #852C64; background-image: url("images/icons/drama.png");}
.flip-card.fc-drama .service-box-back          {background-color: #852C64; background-blend-mode: luminosity;}
.flip-card.fc-theatre .service-box-front       {background-color: #884792; background-image: url("images/icons/theatre.png");}
.flip-card.fc-theatre .service-box-back        {background-color: #884792; background-blend-mode: luminosity;}
.flip-card.fc-art .service-box-front           {background-color: #663F9E; background-image: url("images/icons/art.png");}
.flip-card.fc-art .service-box-back            {background-color: #663F9E; background-blend-mode: luminosity;}
.flip-card.fc-dance .service-box-front         {background-color: #3945A5; background-image: url("images/icons/dance.png");}
.flip-card.fc-dance .service-box-back          {background-color: #3945A5; background-blend-mode: luminosity;}
.flip-card.fc-presentation .service-box-front  {background-color: #2E76A0; background-image: url("images/icons/presentation.png");}
.flip-card.fc-presentation .service-box-back   {background-color: #2E76A0; background-blend-mode: luminosity;}
.flip-card.fc-vocals .service-box-front        {background-color: #329977; background-image: url("images/icons/vocals.png");}
.flip-card.fc-vocals .service-box-back         {background-color: #329977; background-blend-mode: luminosity;}
.flip-card.fc-team .service-box-front          {background-color: #F0592F; background-image: url("images/icons/team.png");}
.flip-card.fc-team .service-box-back           {background-color: #F0592F; background-blend-mode: luminosity;}

.contact-details .item {
	padding: 10px 0;
}

/*JUMBLE*/
.about-jumble .about-img {
    position: relative;
    transform: scale(1.15);
    left: -10px;
    top: 20px;
    z-index: 100;
}
.about-jumble .about-text {
    position: relative;
    left: 40px;
    z-index: 100;
}

/*** SECTION HOME ***/
.section-home-options {
    margin-top: 20px;
}
.section-home-options .row {
	margin: 0 0 0px;
    padding-bottom: 10px;
    position: relative;
    display: table;
}
.section-home-options .row.row-home-second {padding: 30px 0;}
.section-home-options .row.row-home-second::after {transform: rotate(-1deg) scale(1.02, 1.1);}

.section-home-options .row::after,
.section-home-options .row::before {
    content: "";
	position: absolute;
    background-color: #53194C;
    transform: rotate(0.5deg);
    top: -20px;
    left: -30px;
    right: -30px;
    bottom: 0px;
    display: block;
    z-index: 10;
    animation: flow 2s ease infinite;
    clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%);
    -webkit-clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%);
}
.section-home-options .row::before {
    background-color: #3D0D37;
    transform: rotate(-1deg) scaleY(-1);
    top: 15px;
    left: 5px;
    right: 5px;
    bottom: 45px;
    z-index: 11;
}
.section-home-options .pb-column:nth-child(1) {clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%); -webkit-clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%);}
.section-home-options .pb-column:nth-child(2) {clip-path: polygon(4% 2%, 100% 4%, 89% 97%, 0 91%); -webkit-clip-path: polygon(4% 2%, 100% 4%, 89% 97%, 0 91%);}
.section-home-options .pb-column:nth-child(3) {clip-path: polygon(0 6%, 98% 4%, 100% 94%, 4% 99%); -webkit-clip-path: polygon(0 6%, 98% 4%, 100% 94%, 4% 99%);}


@keyframes flow {
    0%  {clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%); -webkit-clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%);}
    33% {clip-path: polygon(0.1% 0.1%, 99.8% 3.2%, 99.2% 97.9%, 1.1% 98.2%); -webkit-clip-path: polygon(0.1% 0.1%, 99.8% 3.2%, 99.2% 97.9%, 1.1% 98.2%);}
    50% {clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%); -webkit-clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%);}
    77% {clip-path: polygon(-0.1% 1%, 100.1% 2.9%, 98.9% 98.2%, 1.2% 97.9%); -webkit-clip-path: polygon(-0.1% 0%, 100.1% 2.9%, 98.9% 98.2%, 1.2% 97.9%);}
    100%{clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%); -webkit-clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%);}
}

@keyframes jiggle {
    0%  {clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%); -webkit-clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%);}
    33% {clip-path: polygon(3% 0%, 98% 3%, 102% 101%, 5% 96%); -webkit-clip-path: polygon(3% 0%, 98% 3%, 102% 101%, 5% 96%);}
    50% {clip-path: polygon(1% 3%, 97% 2%, 98% 96%, 8% 93%); -webkit-clip-path: polygon(1% 3%, 97% 2%, 98% 96%, 8% 93%);}
    77% {clip-path: polygon(-1% 2%, 102% 3%, 102% 94%, 3% 91%); -webkit-clip-path: polygon(-1% 2%, 102% 3%, 102% 94%, 3% 91%);}
    100%{clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%); -webkit-clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%);}
}


.section-home-options .pb-column {
	padding: 0;	
    transform: scale(1.05);
    position: relative;
    z-index: 12;
}
.section-home-options .pb-column:nth-child(2) {
	z-index: 13;
}
.section-home-options .pb-column:hover {
	animation: jiggle 0.9s linear infinite;
}


.section-home-options .pb-column .pb-block-type-image img {
    opacity: 0.7;
    mix-blend-mode: screen;
    transition: all 0.3s;
}
.section-home-options .pb-column:nth-child(1) .pb-block-type-image {background-color: #892063;}
.section-home-options .pb-column:nth-child(2) .pb-block-type-image {background-color: #B25F0D;}
.section-home-options .pb-column:nth-child(3) .pb-block-type-image {background-color: #4D6F1F;}
.section-home-options .pb-column .pb-block-type-image::before{
	content: '';
	position: absolute;
	z-index: 100;
	height: 100%;
	width: 100%;
	opacity: 0.8;
    pointer-events: none;
}
.section-home-options .pb-column:hover .pb-block-type-image img {
    opacity: 1;
}

.section-home-options .pb-column .pb-block-type-text{
	position: absolute;
	z-index: 101;
	bottom: -25px;
	left: -15px;
    transform: rotate(-5deg);
}
.section-home-options .pb-column:nth-child(2) .pb-block-type-text{
    transform: rotate(5deg);
    left: -25px;
    bottom: -10px;
}
.section-home-options .pb-column .pb-block-type-text p.h3{
	color: #fff;
    font-family: adelle, serif;
	font-weight: 600 !important;
	letter-spacing: -1px;
	font-size: 38px;
    line-height: 35px;
    position: relative;
    z-index: 101;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    
    clip-path: polygon(0 6%, 100% 0, 96% 100%, 0 100%);
    -webkit-clip-path: polygon(0 6%, 100% 0, 96% 100%, 0 100%);
    padding: 35px 40px 55px 75px;
    background-color: #A33B7C;
	text-align: left;
}
.section-home-options .pb-column:nth-child(2) .pb-block-type-text p.h3 {background-color: #F0592F;}
.section-home-options .pb-column:nth-child(3) .pb-block-type-text p.h3 {background-color: #82B63B;}

.section-home-options .pb-column:hover .pb-block-type-text p.h3 {animation: jiggle 0.8s linear infinite;}
.section-home-options .pb-column:hover:nth-child(1) .pb-block-type-text p.h3 {background-color: #fff; color: #A33B7C;}
.section-home-options .pb-column:hover:nth-child(2) .pb-block-type-text p.h3 {background-color: #fff; color: #F0592F;}
.section-home-options .pb-column:hover:nth-child(3) .pb-block-type-text p.h3 {background-color: #fff; color: #82B63B;}

.section-home-options .pb-column:hover:nth-child(1) .pb-block-type-text p.h3 a { color: #A33B7C;}
.section-home-options .pb-column:hover:nth-child(2) .pb-block-type-text p.h3 a { color: #F0592F;}
.section-home-options .pb-column:hover:nth-child(3) .pb-block-type-text p.h3 a { color: #82B63B;}

.section-home-options .pb-column .pb-block-type-text p.h3 a {
	color: #FFF;
}
.section-home-options .row.row-home-second .pb-column:nth-child(2) .pb-block-type-image {background-color: #C73A6A;}
.section-home-options .row.row-home-second .pb-column:nth-child(2) .pb-block-type-text p.h3 {background-color: #f93f83;}
.section-home-options .row.row-home-second .pb-column:hover:nth-child(2) .pb-block-type-text p.h3 {background-color: #fff; color: #f93f83;}

/*FAQ*/

.box.faq {
    border: none;
    padding: 20px 25px;
    background-color: #53194C;
    clip-path: polygon(0 1%, 100% 7%, 99% 99%, 0.5% 95%);
    -webkit-clip-path: polygon(0 1%, 100% 7%, 99% 99%, 0.5% 95%);
}
.box.faq:nth-child(even) {
    background-color: #712D6A;
    clip-path: polygon(1% 4%, 99% 0, 100% 91%, 0 100%);
    -webkit-clip-path: polygon(1% 4%, 99% 0, 100% 91%, 0 100%);
}
.box.faq:hover,
.box.faq:focus,
.box.faq:active{
    animation: flow 0.5s linear infinite;
    background-color: #ED4F28;
}

.faq .faq-inner {
    padding: 20px 0 0;
}
.box.faq h3 {
    color: #fff;
}
.box.faq p {
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.box.faq ul {
	color: #FFF;
	margin-left: 20px;
}
.box.faq ul li {
	display: block;
	width: 100%;
	margin-left: 0;
}

/*TESTIMONIALS*/
.section-home-testimonials{
	background-color: #762764;	
}
.section-home-testimonials .row{
	margin: 0;
}
.section-home-testimonials .pb-column{
	padding: 0 40px;
}
.testimonial-box{
	padding: 20px;
	text-align: center;
	color: #fff;
	font-weight: 100;
}
.testimonial-box p{
	font-family: adelle, serif;
	font-style: italic;
	margin-top: 10px;
}
.section-contact-form {
	background-color: #ff6d43;
	background-image: url(images/bg-contact.jpg);
}
.section-feature .button.bt-outline {
	color: #FFF;
	border-color:#FFF;
	margin: 0;
	border: 2px solid #FFF;
}
.payment-summary {
	border: none;
	background-color: #652D90;
    padding: 25px 35px;
    animation: flow 1s linear infinite;
}
.payment-summary .button,
.options-basket .button {
	border: none;
    font-size: 14px;
    padding: 7px 13px;
	background-color: #ff6d43;
    clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
	color: #FFF;
}

.payment-summary .button:hover,
.options-summary .button:hover {
	background-color: #FFF;
	color: #652D90;
}
.options-basket{
    width: 80%;
    text-align: center;
    margin: 10px auto;
}
.lslide{
	padding: 0 120px;
	font-weight: 100;
}
/*Testimonials*/
.box.testimonial {
	border: 1px solid #eee;
	padding: 15px;
	box-shadow: 0 4px 0 #e3e3e3;
	border-radius: 10px;
}
.box.testimonial:hover {
	border: 1px solid #eee;
	padding: 15px;
	box-shadow: 0 4px 0 #8D4A7E;
	border-radius: 10px;
}

/*GALLERY*/
.gallery-content {
    padding: 20px;
}
.gallery-content .col:nth-child(odd) .post-item {clip-path: polygon(0 0, 99% 1%, 100% 100%, 1% 99%); -webkit-clip-path: polygon(0 0, 99% 1%, 100% 100%, 1% 99%);}
.gallery-content .col:nth-child(even) .post-item {clip-path: polygon(1% 1%, 100% 0, 99% 99%, 0 100%); -webkit-clip-path: polygon(1% 1%, 100% 0, 99% 99%, 0 100%);}
.gallery-content .post-item {
    position: relative;
    background-color: #260930;
    border: none !important;
    z-index: 11;
}
.gallery-content .col {
    position: relative;
    z-index: 10;
}
.gallery-content .col::after {
    content: "";
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transform: scale(1.05, 1);
    background-color: #eee;
    transition: all 0.2s cubic-bezier(0, 0, .25, .99) 0s;
    clip-path: polygon(2% 1%, 99% 2%, 98% 98%, 1% 100%);
    -webkit-clip-path: polygon(2% 1%, 99% 2%, 98% 98%, 1% 100%);
}

.gallery-content .post-item .post-body {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 60px 20px 15px;
    transition: all 0.2s cubic-bezier(0, 0, .25, .99) 0s;
    background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.gallery-content .post-item .post-image img {
    opacity: 0.7;
    transition: all 0.2s cubic-bezier(0, 0, .25, .99) 0s;
}
.gallery-content .post-item .post-body h3 {
    font-size: 25px;
    line-height: 25px;
    color: #fff;
}

.gallery-content .post-item:hover {
    animation: jiggle 0.7s linear infinite;
}
.gallery-content .col:hover::after {
    transform: scale(-1, 1);
    background-color: #F0592F;
    animation: jiggle 0.7s linear infinite;
}
.gallery-content .post-item:hover .post-image img {
    opacity: 1;
}
.gallery-content .post-item:hover .post-body {
    padding: 60px 35px 30px; 
}

/*Login*/
.login-box {
    display: table;
    width: 100%;
    margin: 0 auto;
    max-width: 600px;
}
.form-block,
.form_table {
    border: none;
    padding: 40px;
    background-color: #eee;
    background-image: url("images/backgrounds/bg-white.jpg");
    background-size: 1500px auto;
    background-position: left center;
    clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
}

.form_table .field:not(.submit){
    margin-bottom: 8px;
}
.form-block .field:not(.submit) select,
.form_table .field:not(.submit) select,
.form-block .field:not(.submit) textarea,
.form_table .field:not(.submit) textarea,
.form-block .field:not(.submit) input,
.form_table .field:not(.submit) input {
    font-family: poppins, sans-serif;
    border-radius: 0px;
    border: none;
    padding: 10px 15px !important;
    clip-path: polygon(0 0, 100% 4%, 99% 97%, 1% 98%);
    -webkit-clip-path: polygon(0 0, 100% 4%, 99% 97%, 1% 98%);
}

.form-block .field.submit,
.form_table .field.submit {
    text-align: center;
    margin-top: 20px;
}
.form-block .field.submit button,
.form_table .field.submit input{
    font-size: 20px;
    font-family: "adelle", sans-serif;
    background-color: #ED4F28;
    clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
}
.form_table .field.submit #forgot{
    font-size: 14px;
    background-color: #bbb;
    clip-path: polygon(0 0, 100% 7%, 99% 93%, 1% 97%);
    -webkit-clip-path: polygon(0 0, 100% 7%, 99% 93%, 1% 97%);
}
.form-block .field.submit button:hover,
.form_table .field.submit input:hover{
    background-color: #F93F83 !important;
    animation: jiggle 0.8s linear infinite;
}

.form-block select,
#book-accordion select{
	margin: 2px 0;
	color: #222222;
	background-image: url(images/icons/arrow-down-orange.png);
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-size: 15px auto;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.join-box {
    margin-top: 15px;
    padding: 15px;
    background-color: #f3f3f3;
    clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
}
.join-box h3 {
    margin-bottom: -8px;
    font-size: 25px;
    color: #853D80;
}
.join-box p {
    margin-bottom: 0px;
}
.join-box a.button {
    border: none;
    padding: 8px 15px;
    color: #888;
}
.join-box a.button:hover {
    color: #fff;
    background-color: #853D80;
    animation: jiggle 0.8s linear infinite;
}

/*Note Box Overrides*/
#note_box {
    background:none !important;
    border: none !important;
    position: relative;
    overflow: visible;
    padding: 15px 22px;
    display: table;
    width: 100%;
    margin: 0 auto;
    max-width: 800px;
    text-align: center;
}
#note_box p {
    color: #fff;
    position: relative;
    z-index: 1;
}
#note_box::after,
#note_box::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transform: scale(-1,1);
    background-color: #ccc;
    animation: flow 0.5s linear infinite;
    z-index: 0;
}
#note_box::before{
    background-color: #ddd;
    transform: scale(0.9,1.2) rotate(1deg);
    animation-duration: 0.3s;
}

#note_box.red::after,
.notification.red::after {
    background-color: #c00;
}
#note_box.green::after,
.notification.green::after {
    background-color: #8aaa1f;
}
#note_box.warn::after,
.notification.warn::after {
    background-color: #e66700;
}

/*Element Overrides*/
.product-image-container {
    border: none;
    clip-path: polygon(0 0, 100% 2%, 95% 96%, 5% 90%);
}
.product-image-container img.main{
    border: none;
}
.buttoned-input{
	width: 160px;
	background-color: #ED4F28;
    background-image: url("images/backgrounds/bg-orange.jpg");
    background-size: 150% auto;
    background-position: center;
	padding: 10px;
    animation: jiggle 8s linear infinite;
    clip-path: polygon(3% 6%, 100% 0, 98% 99%, 1% 93%);
    -webkit-clip-path: polygon(3% 6%, 100% 0, 98% 99%, 1% 93%);
}
.buttoned-input button, .buttoned-input input {
	display: inline;
	outline: none;
}
.buttoned-input button{
	width:35px;
    background: none;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    padding: 0px;
    font-weight: 300;
    font-size: 25px;
    vertical-align: middle;
}
.buttoned-input input{
	width:61px;
    border: none !important;
    border-radius: 0px !important;
    font-family: "poppins", sans-serif;
    padding: 2px 5px 0;
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	background-color: #fff;
    vertical-align: middle;
	color: #ED4F28;
    animation: jiggle 2s linear infinite;
    clip-path: polygon(2% 0, 98% 4%, 96% 95%, 7% 98%);
    -webkit-clip-path: polygon(2% 0, 98% 4%, 96% 95%, 7% 98%);
}

.buttoned-input input[type="number"]::-webkit-outer-spin-button, .buttoned-input input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.buttoned-input input[type="number"] {
	-moz-appearance: textfield;
}


/* File Explorer start */
.file-explorer{
	background-color: #FFF;
	border-radius: 8px;
}
.file-explorer a{
	text-decoration: none;
}
.file-explorer a:hover{
	text-decoration: none;
}
.file-explorer .file-explorer-item a{
	display: block;
	padding: 40px 10px;
}

.file-explorer .file-explorer-header{
	background-color: #AAA;
	padding: 10px;
}
.file-explorer .file-explorer-header h4{
	margin: 0px;
	margin-top: 3px;
	color: #FFF;
	font-size: 24px;
	
}
.file-explorer .file-explorer-header .button{
	background: #888;
    border: 2px solid #888;
    color: #fff;
}
.file-explorer .file-explorer-header .button{
	background: #888;
    border: 2px solid #888;
    color: #fff;
}
.file-explorer .file-explorer-body{
	padding: 30px;
	height: 520px;
	overflow-y: scroll;
	border-right: 2px solid #53194C;
	border-left: 2px solid #53194C;
	background-color: #EFECED;
}
.file-explorer .file-explorer-item{
	text-align: center;
}
.file-explorer .file-explorer-item i{
	color: #607D8B;
	width: 100%;
	font-size: 80px;
	transition: all 0.2s ease-in-out 0s;
}
.file-explorer .file-explorer-item p{
	color: #000;
	margin-top: 4px;
	
}
.file-explorer .file-explorer-folder:hover i.fa-folder:before{
	content: "\f07c";
}
.file-explorer .file-explorer-file:hover i.fa-file:before{
	content: "\f019";
}

.file-explorer .file-explorer-footer{
	background-color: #AAA;
	padding: 5px;
}
.file-explorer .file-explorer-footer p{
	margin: 0px;
}

.file-explorer .file-explorer-header {
	background-color: #53194C;
	padding: 10px 15px;
}

.file-explorer .file-explorer-header .button {
	background-color: #ED4F28;
	color: #FFF;
	border-color: #ED4F28;
}
.file-explorer .file-explorer-header .button:hover {
	background-color: #FFF;
	border-color: #FFF;
	color: #ED4F28;
}
.file-explorer .file-explorer-header .button.back {
	background-color: #F74D8B;
	color: #FFF;
	border-color: #F74D8B;
}
.file-explorer .file-explorer-header .button.back:hover {
	background-color: #FFF;
	border-color: #FFF;
	color: #F74D8B;
}
.file-explorer .file-explorer-item {
	background: linear-gradient(to top, #EEE 50%, transparent 50%);
	background-size: 100% 200%;
	background-position: top;
	border: 1px solid #EEE;
	transition: all 0.2s ease-in-out 0s;
	min-height: 200px;
}
.file-explorer .file-explorer-item:hover {
	background-position: bottom;
}
.file-explorer .file-explorer-item:hover i {
	color: #ED4F28;
}
.file-explorer-header .coltable .col {
	vertical-align: middle;
}
.file-explorer .file-explorer-footer {
	background-color: #53194C;
}
.file-explorer .file-explorer-item i {
	color: #53194C;
	font-size: 70px;
	transition: all 0.2s ease-in-out 0s;
}
.file-explorer .file-explorer-item p {
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-weight: 400;
	color: #53194C;
}
.file-explorer .file-explorer-item:hover .file-explorer-item p{
	color: #ba9951;
}
.file-explorer .file-explorer-footer p {
	color: #FFF;
	padding: 5px 10px;
	font-size: 18px;
}

/* breadcrumb*/
/* Style the list */
ul.file-explorer-breadcrumb {
    list-style: none;
	color: #FFF;
    padding: 5px 10px;
    font-size: 18px;
}

/* Display list items side by side */
ul.file-explorer-breadcrumb li {
    display: inline;
    font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.file-explorer-breadcrumb li+li:before {
    padding: 8px;
    color: #FFF;
    content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.file-explorer-breadcrumb li a {
    color: #FFF;
    text-decoration: none;
	font-weight: 400;
}

/* Add a color on mouse-over */
ul.file-explorer-breadcrumb li a:hover {
    color: #ba9951;
    text-decoration: underline;
}
/* breadcrumb end */

/* File Explorer end */

/* Tooltip container */
.tooltip {
    position: relative;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #863870;
    color: #fff;
    text-align: center;
    padding: 3px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
	font-size: 14px;
	 /* Position the tooltip text - see examples below! */
	width: 180px;
    top: 90%;
    left: 50%; 
    margin-left: -90px; /* Use half of the width (160/2 = 80), to center the tooltip */
	
	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #863870 transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
	opacity: 1;
}
.body-nopad{
	padding: 0px;
}



/*Form*/
.form-block {
	border-radius: 10px;
}
input[type="text"], input[type="number"], input[type="password"], textarea, select {
	border-radius: 10px;
}
input[type="text"]:hover, input[type="text"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="password"]:hover, input[type="password"]:focus, select:focus, select:hover, textarea:focus, textarea:hover {
	border-color: #783B6D;
}

.frame-book .book-title {
    padding: 40px;
    background-color: #53194C;
}
.frame-book #form-book {
    padding: 40px;
}

.frame-book .ui-accordion .ui-accordion-header:focus{
	outline: none;
}

.frame-book .ui-accordion .ui-accordion-header.ui-state-default{
	background: #FC8165;
    background-image: url("images/backgrounds/bg-purple.jpg");
    background-size: cover;
    background-position: center;
    border: none !important;
	font-weight: normal;
	color: #FFF;
	font-size: 25px;
    font-family: "poppins", sans-serif;
    clip-path: polygon(1% 0, 99% 8%, 100% 100%, 0 100%);
}
.frame-book .ui-accordion .ui-accordion-header.ui-state-active{
    background-image: url("images/backgrounds/bg-orange.jpg");
	font-weight: normal;
	color: #FFF;
}
.frame-book p.text-book-greet{
	font-size: 18px;
}
.frame-book .anchor-book-return{
	color: #A651A0;
    display: table;
	margin-bottom: 12px;
}
.frame-book .anchor-book-return:hover {
	color: #ED4F28;
}

.book-title .col:first-child {
    width: 200px;
}
.book-title .col:last-child {
    width: auto;
    padding-left: 30px;
}

.book-image {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    background-color: #f3f3f3;
}
.book-image img {
    object-fit: cover;
    font-family: "object-fit: cover";
    left: 50%;
    max-height: 100%;
    max-width: none;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100.5%;
}

.book-title h1.title{
	color: #fff;
	font-size: 45px;
	font-weight: 200;
	margin: 0 0 10px;
    font-family: "poppins", sans-serif;
}
.book-title h2.subtitle{
    font-family: "adelle", sans-serif;
	color: #fff;
	font-weight: 600;
}

.frame-book .btn-full-book,
.frame-book .btn-part-book{
    border: 2px solid #853D80;
    clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
	background-color: #91498C;
	padding: 15px 20px;
    position: relative;
    z-index: 1;
}
.frame-book .btn-full-book::after,
.frame-book .btn-part-book::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transform: scale(0.95);
    animation: jiggle 0.7s linear infinite;
    background-color: #852C64;
    background-image: url("images/backgrounds/bg-purple.jpg");
    background-position: center;
    background-size: cover;
    opacity: 0;
}
.frame-book .btn-full-book.selected::after,
.frame-book .btn-part-book.selected::after {
    opacity: 1;
}
.frame-book .btn-full-book.selected p.title,
.frame-book .btn-part-book.selected p.title {
    color: #FA8534;
}

.frame-book .btn-full-book *,
.frame-book .btn-part-book * {
    position: relative;
    z-index: 2;
}

.frame-book .btn-full-book p.price,
.frame-book .btn-part-book label {
    display: inline-block;
    padding: 5px 10px !important;
    background-color: #53194C;
    color: #fff !important;
    clip-path: polygon(0 0, 99% 5%, 99% 95%, 1% 98%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 99% 95%, 1% 98%);
    margin: 1px;
}
.frame-book .btn-part-book label:active,
.frame-book .btn-part-book label:focus{
    background-color: #F93F83;
    color: #fff !important;
}

.frame-book .btn-full-book p,
.frame-book .btn-part-book p {
    font-family: "poppins", sans-serif;
	margin: 0px;
    color: #fff;
}
.frame-book .btn-full-book p.title,
.frame-book .btn-part-book p.title {
	font-size: 22px;
    color: #FDA2C1;
}

.frame-book .btn-full-book.selected,
.frame-book .btn-part-book.selected{
	background-color: #53194C;
	border: 2px solid #FEBD12;
}
.frame-book .btn-full-book:hover{
	cursor: pointer;
}

/*Book OVERRIDE*/
#book-accordion .ui-icon {
    width: 20px;
    height: 20px;
    background-color: rgba(255,255,255,0.70);
    border-radius: 100%;
    background-image: url("images/icons/arrow-down-orange.png") !important;
    background-position: center;
    background-size: 60% auto;
    margin-right: 8px;
}

#book-accordion label {
    padding-top: 8px;
    display: inline-block;
    font-family: "poppins", sans-serif;
    color: #888;
}
#book-accordion input,
#book-accordion select {
    border: none;
    margin: 2px 0px;
    padding: 10px 15px !important;
    border-radius: 0px;
    background-color: #eee;
    clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
}
#book-accordion input[type=radio] {
    clip-path: none;
    -webkit-clip-path: none;
    position: relative;
    top: -2px;
}
#book-accordion label.event-ticket-type {
    border-radius: 4px;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 6px 10px;
}
#book-accordion input:hover,
#book-accordion select:hover {
    background-color: #ddd;
}

#book-accordion p:not([class]) {
    font-size: 22px;
    color: #853D80;
    font-family: "poppins", sans-serif;
}

#book-accordion input.error{
	background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

#book-accordion label.error{
	color: #8a1f11;
	width: 100%;
	display: block;
}

#book-accordion label.event-ticket-type.hidden{
	display: none;
}

#confirm-error{
	color: #8a1f11;
}

.amount-box {
    display: table;
    position: relative;
}
.amount-box .buttoned-input,
.amount-box .text-book-greet {
    display: inline-block;
    vertical-align: middle;
}
.amount-box .text-book-greet {
    font-weight: 500;
    font-size: 22px !important;
    color: #ED4F28;
    margin: 0 15px;
}

#form-book button[type=submit] {
    display: table;
    margin: 0 0 0 auto;
    padding: 15px 25px;
    font-size: 22px;
    margin-top: 0px;
    background-color: #ED4F28;
    font-family: "adelle", sans-serif;
    clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
}
#form-book button[type=submit]:hover {
    background-color: #F93F83;
    animation: jiggle 0.7s linear infinite;
}

.coltable-event-product .col {
    text-align: center;
    font-family: "poppins", sans-serif;
}

#form-book .total-confirm {
    margin-top: 15px;
    /*position: sticky;
    z-index: 101;
    bottom: 0px;*/
    padding: 15px 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0.6), #fff);
    border-top: 1px solid #ddd;
}
#form-book .total-confirm p {
    margin: 0;
    color: #999;
    font-size: 16px;
}
#form-book .total-confirm #total {
    margin: 0;
    font-weight: 600;
    font-size: 35px;
    line-height: 37px;
}

#book-accordion .subtot {
    padding: 20px;
    border-radius: 7px 7px 0 0;
    border: 1px solid #ddd;
    border-bottom-width: 0px;
    background: #f3f3f3;
    margin: 0;
    
    font-size: 18px;
    color: #999;
}
#book-accordion .subtot span {
    font-size: 18px;
    font-weight: 600;
    color: #ED4F28;
}

/*CART OVERRIDE*/
.cart-wrap {
    overflow: visible;
}
.cart-row {
    position: relative;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    margin: 0 0 5px;
}
.cart-row .col-info ul li {
    list-style: none;
    font-size: 12px;
    color: #999;
}
.cart-row > .coltable > .col.col-image {width: 20%; padding: 0;}
.cart-row > .coltable > .col.col-price {width: 15%; background-color: #e3e3e3; text-align: center; padding: 0;}
.cart-row > .coltable > .col.col-info  {
    width: 65%; 
    background-color: #f3f3f3; 
    padding: 10px 30px;
    border-left: 2px solid #e3e3e3;
}
.cart-row .cart-controls {
    border: 1px solid transparent;
    padding: 0;
}
.cart-row .cart-controls .field .button {
    color: #fff;
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    background-color: #ED4F28;
    clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
}
.cart-row .cart-controls .field .button:hover {
    background-color: #53194C;
    animation: jiggle 0.6s ease infinite;
}

.cart-row .cart-controls .field-remove {
    position: absolute;
    top: -5px;
    right: -5px;
}

/*MEMBERS OVERRIDE*/
.account-content .bt-list > li > .button {
    letter-spacing: 0px;
    font-size: 20px;
    text-transform: none;
    color: #F1CEEE;
    
    padding: 30px 15px;
    border: 1px solid #53194C;
    background-color: #853D80;
    border-radius: 5px;
    transition: all 0.2s cubic-bezier(.08, .3, .25, 1) 0s;
    background-image: url("images/icons/pay.png");
    background-size: auto 110%;
    background-position: left -10px center;
    animation: jiggle 25s linear infinite;
    background-repeat: no-repeat;
}
.account-content .bt-list > li > .button:hover {
    background-color: #C859BA;
    border-color: transparent;
    background-size: auto 140%;
    background-position: left -10px center;
    animation: jiggle 0.5s linear infinite;
    color: #fff;
}

.account-content .bt-list > li:nth-child(2) > .button {filter: hue-rotate(-30deg); background-image: url("images/icons/theatre.png");}
.account-content .bt-list > li:nth-child(3) > .button {filter: hue-rotate(-60deg); background-image: url("images/icons/art.png");}
.account-content .bt-list > li:nth-child(4) > .button {filter: hue-rotate(-90deg); background-image: url("images/icons/form.png");}
.account-content .bt-list > li:nth-child(5) > .button {filter: hue-rotate(-120deg); background-image: url("images/icons/ticket.png");}
.account-content .bt-list > li:nth-child(6) > .button {filter: hue-rotate(-150deg); background-image: url("images/icons/theatre.png");}
.account-content .bt-list > li:nth-child(7) > .button {filter: hue-rotate(-180deg); background-image: url("images/icons/theatre.png");}
.account-content .bt-list > li:nth-child(8) > .button {filter: hue-rotate(-210deg); background-image: url("images/icons/theatre.png");}
.account-content .bt-list > li:nth-child(9) > .button {filter: hue-rotate(-240deg); background-image: url("images/icons/theatre.png");}

.account-content .bt-list.bt-list-grey > li > .button {
    color: #eee;
    border: 1px solid transparent;
    background-color: #888;
}
.account-content .bt-list.bt-list-grey > li > .button:hover {
    background-color: #aaa;
}
.account-content .bt-list.bt-list-grey > li:nth-child(1) > .button {background-image: url("images/icons/cogs.png")}
.account-content .bt-list.bt-list-grey > li:nth-child(2) > .button {background-image: url("images/icons/arrow-out.png")}

/**/
.clickable{
	cursor: pointer;
}

table.event-table {
    font-family: "poppins", sans-serif;
    border-collapse: collapse;
    background: #FFF;
    width: 100%;
}
table.event-table thead tr {
    position: relative;
    background: #ED4F28;
    background-image: url("images/backgrounds/bg-orange.jpg");
    background-size: cover;
    background-position: center;
    transform: scale(1.05);
    clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
}
table.event-table th {
    padding: 14px 15px;
}
table.event-table td {
    border-bottom: 2px solid #eee;
    padding: 12px 15px;
    color: #796A7C;
}
table.event-table tbody tr td:first-child {
    color: #53194C;
}

/*table.event-table td:nth-child(even) {box-shadow: inset 999px 0 0 rgba(112,63,123,0.05);}*/
table.event-table th:nth-child(even) {box-shadow: inset 999px 0 0 rgba(208,60,0,0.25);}

/*table.event-table tr:nth-child(odd){background-color: #E4D6E6;}
table.event-table tr:nth-child(even){background-color: #EAE1EB;}*/
table.event-table tr,
table.event-table tr:hover {background-color: #fff;}

table.event-table th {
    font-family: "adelle",Trebuchet MS, sans-serif;
    text-align: left;
    color: white;
    font-size: 18px;
}

table.event-table .button {
    font-family: "adelle",Trebuchet MS, sans-serif;
	background-color:#ED4F28;
    font-weight: 600;
	border: none;
	color: #FFF;
	display: block;
    padding: 9px 12px;
    animation: flow 0.7s linear infinite;
    clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
}
table.event-table .button:hover {
	background-color:#F93F83;
    animation: jiggle 0.7s linear infinite;
}
.event-ticket-type{
	display: block;
}
ul.list-past-book-details {
	list-style: none;
}
ul.list-past-book-details li {
	display: inline-block;
	zoom:1;
	*display:inline;/*	 this fix is needed for IE7- */
}
ul.list-past-book-details li a{
	text-decoration: underline!important;
	color: #F25823;
}
ul.list-past-book-details li a:hover{
	color: #853D80;
}

#bookings-table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#bookings-table td, #bookings-table th {
  border: 1px solid #ddd;
  padding: 8px;
}

#bookings-table tr:nth-child(even){background-color: #f2f2f2;}

#bookings-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #ED4F28;
  color: white;
}
.top-contact.mobile{
    display: none;
}
.box-bg h2,
.box-bg h3{
    font-family: adelle, serif;
    font-size: 35px;
    color: unset;
}
.box-bg{
    background-image: url("images/backgrounds/bg-orange.jpg");
    background-position: center;
    background-size: cover;
    z-index: 99;
    box-shadow: 0 5px 12px 0 rgba(0,0,0,0.1), 0 2px 3px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
    width: 100%;
    padding: 40px;
    clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
    color: #fff;
    background-blend-mode: luminosity;
}
.box-bg:nth-child(2n){
    clip-path: polygon(1% 4%, 99% 0, 100% 91%, 0 100%);
}
.bg-purple{
    background-color: #884792;    
}
.bg-purple{
    background-color: #884792;    
}
.bg-pink{
    background-color: #852C64;
}
.bg-orange{
    background-color: #F0592F;
}
.bg-white{
    background-color: #fff;
}
.pad-50-25{
    padding: 50px 25px;
}
/* Non Post Type Page e.g. Browse, View Order, View Product*/
.box-order{
    background-color: #fff;
}
.box-order p{
    color: #F0592F !important;
}
.product-title{
    width: max-content;
}
.product-title,
.product-desc {
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
    /*    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
*/}
.product-title h1{
    clip-path: polygon(0 7%, 100% 2%, 98% 100%, 0 88%);
    background-color: #6C2963;
    padding: 15px 20px;
}
.frame-fancy h1,
.frame-fancy p{
    color: unset;
    color: #fff;
}
.frame-fancy hr{
    border: 1px dashed #ccc;
}
.frame-fancy{
    background-color: #53194C;
/*    background-image: url("images/backgrounds/bg-orange.jpg");
    background-blend-mode: luminosity;
*//*    background-color: #53194C;
    transform: rotate(0.5deg);
    position: relative;
    top: -20px;
    bottom: 0px;
    display: block;
    z-index: 10;
    animation: flow 2s ease infinite;
    clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%);
    -webkit-clip-path: polygon(0 0, 100% 3%, 99% 98%, 1% 98%);
*/}
.sort-box{
    background-image: url("images/backgrounds/bg-white.jpg");
}
.sort-box .form-block{
    background: none;
    padding: 10px;
}
.sidebox-body.search-box .form-block .field input{
    padding: 7px 15px !important;
}
.price-box{
    width: max-content;
    padding: 5px 15px;
    background-color: #ED4F28;
    clip-path: polygon(3% 0, 97% 0, 100% 100%, 4% 100%);
}
.price-box .attribute-label{
    color: #fff;
}
.col-product-desc{
    background-color: #6C2963;
    clip-path: polygon(0 7%, 100% 2%, 98% 100%, 0 88%);
    padding: 40px 20px;
}
.grid-table thead tr{
    background-color: #eee;
}
.grid-table tbody tr{
    background-color: #fff;
}
p.breadcrumb a{
    color: #fff;
}
.frame-book .description{
	color: #FFF;
}
.module-select {
	width: auto;
    perspective: 1000px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
	padding: 0px;
	border: 8px solid #EEE;
	clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
}
.module-select p{
	color: #000;
}
.module-select.highlight{
	background-color: #F0592F;
}
.module-select.highlight p, .module-select.highlight h3{
	color: #EEE;
}

/*
.module-select::after {
    content: "";
    position: absolute;
    background-color: #ddd;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    transition: all 0.4s;
    transform: scale(-1, 1);
    clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
}

.module-select:hover::after {
    background-color: #CF3E10;
    transform: scale(1, 1);
    animation: jiggle 0.8s linear infinite;
}
*/
.module-select-inner{
	position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    vertical-align: top;
    z-index: 2;
	padding: 20px;
}

#book-accordion p small{
	font-size: 14px;
}
.discipline-card h3 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0px;
	transform: translate(-50%, -50%);
}
.discipline-card a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.flip-card {
	cursor: pointer;
}
.section-disciplines .pb-row:not(:last-child) {
	margin-bottom: 20px;
}
.form-popup {
	width: 500px;
	display: table;
	margin: 0 auto;
	background-color: #333;
	clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
    -webkit-clip-path: polygon(2% 3%, 98% 1%, 100% 95%, 1% 100%);
	padding: 50px;
	background-position: left -20px center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.form-popup p {
	padding: 10px;
    color: #FFF;
    margin: 10px 0 0;
    font-size: 14px;
	text-align: center;
}
.form-popup h3 {
	font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    font-family: "adelle", sans-serif;
    color: #fff;
	text-align: center;
}
#drama.form-popup {
	background-color: #852C64;
    background-image: url(images/icons/drama.png);
}
#theatre.form-popup {
	background-color: #884792;
    background-image: url(images/icons/theatre.png);
}
#art.form-popup {
	background-color: #663F9E;
    background-image: url(images/icons/art.png);
}
#dance.form-popup {
	background-color: #3945A5;
    background-image: url(images/icons/dance.png);
}
#presentation.form-popup {
	background-color: #2E76A0;
    background-image: url(images/icons/presentation.png);
}
#vocals.form-popup {
    background-color: #329977;
    background-image: url(images/icons/vocals.png);
}
#team.form-popup {
	background-color: #F0592F;
    background-image: url(images/icons/team.png);
}
#drama_background {
	background-color: #852C64!important;
	opacity: 0.6!important;
	mix-blend-mode: multiply;
}
#theatre_background {
	background-color: #884792!important;
	opacity: 0.6!important;
	mix-blend-mode: multiply;
}
#art_background {
	background-color: #663F9E!important;
	opacity: 0.6!important;
	mix-blend-mode: multiply;
}
#dance_background {
	background-color: #3945A5!important;
	opacity: 0.6!important;
	mix-blend-mode: multiply;
}
#presentation_background {
	background-color: #2E76A0!important;
	opacity: 0.6!important;
	mix-blend-mode: multiply;
}
#vocals_background {
	background-color: #329977!important;
	opacity: 0.6!important;
	mix-blend-mode: multiply;
}
#team_background {
	background-color: #F0592F!important;
	opacity: 0.6!important;
	mix-blend-mode: multiply;
}
.form-popup .button-wrap {
	position: absolute;
	display: table;
	padding: 10px 20px;
	height: 40px;
	width: 70px;
	top: 0px;
	right: 0px;
}
.form-popup .button-wrap::after {
	content: '';
	position: absolute;
	color: #FFF;
	background-color: #FFF;
	clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%);
	-webkit-clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%);
	font-family: 'poppins', sans-serif;
	z-index: -3;
	top: -10px;
	right: -10px;
	left: -10px;
	bottom: -10px;
}
.form-popup .button-wrap::before {
	content: "";
    position: absolute;
    background-color: #DDD;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index: -2;
    transition: all 0.4s;
    transform: scale(-1, 1);
    clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%); 
	-webkit-clip-path: polygon(0 1%, 100% 5%, 100% 99%, 7% 94%);
}
.form-popup .button-wrap:hover::after,
.form-popup .button-wrap:hover::before {
	animation: jiggle 0.7s linear infinite;
}
.form-popup .button-wrap:hover::before {
	background-color: #F25823; 
}
.form-popup .button-wrap span {
	transition: all 0.2s ease-in-out 0s;
	font-size: 26px;
}
.form-popup .button-wrap:hover span {
	color: #FFF; 
}
.form-popup button {
	border: 0px;
	font-family: 'poppins', sans-serif;
	color: #777;
	text-transform: capitalize;
	letter-spacing: 0px;
	padding: 10px;
	outline: 0px;
}
.form-popup button:focus {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}
.form-popup button:hover {
	border: 0px;
	background-color: transparent;
}
/******RESPONSIVE OVERRIDE*****/
@media screen and (max-width:1800px) {
    .navigation::before{
        right: -30px;
    }
}
@media screen and (max-width:1600px) {
    /*.header{
        overflow: hidden;
    }*/
    .header .frame,
    .footer .frame{
        padding: 0 20px;
    }
    .row-container > .pb-section > .frame, .row-container > .pb-section > .frame.frame-master{
        padding-left: 0;
        padding-right: 0;
    }
    .section-title .row,
    .section-disciplines .row,
    .section-about .row,
    .section-crowd .row{
        margin-right: 0px;
        margin-left: 0px;
    }
    .section-title .pb-column,
    .section-disciplines .pb-column{
        padding-right: 0;
        padding-left: 0;
    }
    .section-home-options,
    .section-home-testimonials,
    .section-about{
        position: relative;
        overflow: hidden;
        margin-right: 0;
        margin-left: 0;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .section-home-options .pb-column{
        transform: scale(1);
    }
    .section-home-options .row::after{
        right: 0;
    }
    .section-home-options .col-sm-12{
        padding-right: 0;
        padding-left: 0;
    }
    .about-jumble .about-img{
        left: 20px;
/*        display: block;
*/         margin: 0 auto;
    }
    .section-about .about-body::after{
        left: -50px;
    }
}
@media screen and (max-width:1200px) {
    .header .coltable .col{
        width: auto;
    }
	iframe {
		width:100% !important;
	}
	.section-feature.sf-about,
	.section-feature.sf-gift,
	.section-feature.sf-party {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mobi-box {
		padding: 20px;
		box-sizing: border-box;
		border-radius: 20px;
		background-color: rgba(255,255,255,0.8);
		color: #000;
	}
	.mobi-box .h2,
	.mobi-box .h3,
	.mobi-box a,
	.mobi-box p {
		color: #000 !important;
		text-shadow: none !important;
		border-color:#000 !important;
	}
	.section-feature.sf-party,
	.section-feature.sf-about {
		background-position: left top;
	}
    .lslide{
        padding: 0 60px;
    }
    .section-disciplines .coltable > .col{
        width: 49%;
        display: inline-block;
    }
    .section-disciplines .pb-block:last-child .coltable > .col{
        width: 100%;
        display: block;
    }
}
@media screen and (max-width:1024px) {
    .section-home-options .row-home-first .pb-column {
        width: 33.33% !important;
        float: left;
    }
    .section-home-options .row-home-second .pb-column {
        width: 50% !important;
        float: left;
    }
    .section-home-options .pb-column .pb-block-type-text p.h3{
        padding-left: 60px;
        font-size: 32px;
    }
    .flip-card .flip-card-inner .service-box-front{
        padding: 10px;
/*        height: 100px;
*/    }
    .service-box-back{
        transform: rotateY(0deg);
    }
    .service-box-front, .service-box-back{
        position: relative;
    }
    .service-box-back p{
        position: relative;
        top: 0%;
        right: 0%;
        transform: translate(0%, 0%);
    }
    .flip-card{
        height: auto;
		height: 230px;
    }
    .about-jumble .pb-column{
        width: 100%;
        display: block;
    }
    .about-jumble .about-text,
    .about-jumble .about-img{
        width: 50%;
        display: table-cell;
    }
    .about-jumble .about-text{
        left: 20%;
    }
    .about-jumble .about-img{
        margin: 0 0 0 30%;
        top: 0;
        left: 0;
    }
    .section-about .about-body{
        padding-top: 50px;
    }
    .contact-bubbles{
        width: 70%;
        text-align: center;
    }
    .contact-bubbles .pb-column{
        width: 33%;
        float: none;
        display: inline-block;
    }
    .contact-bubbles .pb-column .content.email,
    .contact-bubbles .pb-column .content.address{
        top: 15px;
    }
    .contact-bubbles .pb-column .content.mobile,
    .contact-bubbles .pb-column .content.phone{
        top: -20px;
    }
}
@media screen and (max-width:800px) {
    .top-contact .h3{
        display: block;
    }
	.h2, h2, .h3, h3 {
		font-size: 22px;
		line-height: 30px;
	}
	.section-feature.sf-gift .h2, .section-feature.sf-party .h2 {
		font-size: 32px;
		line-height: 30px;
		color: #90469b !important;
	}
	.banner h2, .banner .h2,
	.banner h1, .banner .h1 {
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 5px;
	}
	.banner .bt {
		transform: scale(0.6,0.6);
	}
	.section-feature.sf-gift {
		background-size: cover;
	}
    .section-home-options .pb-column .pb-block-type-text p.h3{
        font-size: 25px;
        padding-left: 45px;
    }
    .section-home-testimonials .pb-column,
    .testimonial-box{
        padding: 0;
    }
    .section-disciplines .coltable > .col{
        width: 100%;
        display: block;
    }
    .section-disciplines .coltable > .col{
        padding: 10px 0;
    }
/*    .flip-card{
        min-height: 260px;
    }*/
    .contact-bubbles{
        width: 100%;
    }
    .gallery-content .col{
        width: 50% !important;
    }
    .contact-bubbles .pb-column .content{
        left: -15px !important;
        top: 0 !important;
    }
    .about-jumble .about-text, .about-jumble .about-img{
        display: block;
    }
    .about-jumble .about-img{
        margin: 0 auto;
    }
    .about-jumble .about-text {
        left: 0;
        width: 300px;
    }
    .section-about .about-body{
        padding-right: 0;
    }
    .amount-box,
    #form-book .total-confirm{
        text-align: center;
    }
    #form-book button[type="submit"]{
        margin: 5px auto;
    }
}
@media screen and (max-width:600px) {
    .header .frame{
        padding: 0;
    }
    .header .logo-wrap,
    .top-contact,
    .top-contact .h3{
        text-align: center;
    }
    .top-contact .h3{
        padding-right: 0;
    }
    .top-contact.desktop{
        display: none;
    }
    .top-contact.mobile{
        display: block;
        padding: 20px 0;
    }
    .section-title h1{
        font-size: 35px !important;
    }
    .section-contact{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .pagination > li:first-child > a, .pagination > li:first-child > span, 
	.pagination > li:last-child > a, .pagination > li:last-child > span {
		top: 2px;	
	}
	.pagination > li:first-child, 
	.pagination > li:last-child {
		display: table;
		margin: 6px auto;
	}
    .footer > .frame > .coltable > .col{
        display: block;
        width: 100%;
    }
    .footer > .frame > .coltable > .col:first-child,
    .footer > .frame > .coltable > .col:last-child{
        padding: 0 20px;
    }
	.footer {
		text-align: center;
	}
	.footer .break {
		margin-left: auto;
		margin-right: auto;
	}
	.section-feature.sf-gift,
	.section-feature.sf-party {
		text-align: center;
	}
	.footer .h4 {
		margin-top: 20px;
	}
	.footer .coltable .col:first-child .h4 {
		margin-top: 0;
	}
	.footer .foot-product-wrap {
		width: 75%;
		margin: 0 auto;
	}
    .footer .foot-menu{
        padding: 0;
    }
	.section-feature.sf-about {
		background-size: contain;
	}
    .section-home-options .row-home-first .pb-column{
        width: 50% !important;
    }
    .lslide{
        padding: 0 20px;
    }
    .lSAction > a{
        display: none !important;
    }
    .gallery-content .col {
        width: 100% !important;
    }
    .contact-bubbles .pb-column{
        width: 50%;
    }
    .contact-bubbles .pb-column .content {
        display: block;
        margin: 15px auto;
        left: 0px !important;
    }
    .form-block, .form_table{
        padding: 40px 20px;
    }
    .form-block .field.single, .form-block.single .field{
        padding: 5px;
    }
    .section-about .about-img,
    .section-about .about-img img{
        width: 100% !important;
    }
    .section-about .about-img{
        transform: scale(1);
    }
    .frame-book .book-title{
        padding: 20px;
    }
    .book-image,
    .frame-book .anchor-book-return{
        margin: 0 auto;
    }
    .book-title .col:last-child{
        padding-left: 10px;
        text-align: center;
    }
    .frame-book #form-book{
        padding: 20px;
    }
    .ui-accordion .ui-accordion-content{
        padding: 1em 1.5em !important;
    }
}
@media screen and (max-width:500px) {    
    .contact-bubbles .pb-column{
        width: 100%;
    }
    table.event-table{
        background-color: transparent;
    }
    table.event-table thead{
        display: none;
    }
    table.event-table tr{
        margin: 10px 0;
        display: block;
        width: 100%;
        float: left;
    }
/*    table.event-table tr:nth-child(2n+1){
        margin-right: 10px;
    }*/
    table.event-table td{
        display: block;
        text-align: center;
    }
    table.event-table td .opt.opt-success{
        background-color: #5cb85c !important;
        color: #fff !important;
        padding: 5px 10px;
        margin-top: 10px;
        font-size: 14px;
    }
    table.event-table td::before{
        background: #ED4F28;
        transform: scale(1.05);
        clip-path: polygon(0 0, 99% 5%, 100% 95%, 1% 100%);
        color: white;
        font-size: 16px;
        font-family: "adelle",Trebuchet MS, sans-serif;
        padding: 8px;
        width: max-content;
        margin-right: 5px;
    }
    table.event-table tbody tr td:first-child{
        background: #ED4F28;
        font-family: "adelle",Trebuchet MS, sans-serif;
        color: #fff;
        font-size: 16px;
        text-align: center;
    }
    table.event-table td:nth-child(2)::before{
        content: 'Start Date';
    }
    table.event-table td:nth-child(3)::before{
        content: 'End Date';
    }
    .ui-accordion .ui-accordion-content{
    }
	.section-disciplines .pb-row:not(:last-child) {
		margin-bottom: 0px;
	}
	.form-popup {
		width: 450px;
	}
}
@media screen and (max-width:400px) {
    .section-home-options .row-home-first .pb-column,
    .section-home-options .row-home-second .pb-column {
        width: 100% !important;
    }
	.form-popup {
		width: 380px;
	}
}