@font-face {
        font-family: 'PTSans-Regular';
        src: url('../fonts/PTSans-Regular.eot');
        src: url('../fonts/PTSans-Regular.woff') format('woff'), url('../fonts/PTSans-Regular.woff2') format('woff2'), url('../fonts/PTS55F.ttf') format('truetype'), url('../fonts/PTSans-Regular.svg') format('svg');
    }
    
    @font-face {
        font-family: 'PTSans-Bold';
        src: url('../fonts/PTSans-CaptionBold.eot');
        src: url('../fonts/PTSans-CaptionBold.woff') format('woff'), url('../fonts/PTSans-CaptionBold.woff2') format('woff2'), url('../fonts/PTC75F.ttf') format('truetype'), url('../fonts/PTSans-CaptionBold.svg') format('svg');
    }
    
    button,
    button:hover,
    a,
    a:hover {
        text-decoration: none;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    body {
        font-family: 'PTSans-Regular';
    }
    
    .no-padding {
        padding: 0px;
    }
    
    .margin-btm-60 {
        margin-bottom: 60px;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'PTSans-Bold';
    }
    
    ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }
    
    .content {
        padding: 60px 0px;
    }
    
    .padding-bottom-0 {
        padding-bottom: 0px;
    }
    
    .full-width {
        width: 100%;
    }
    
    .top-holder {
        padding-top: 80px;
    }
    
    .padding-60-0 {
        padding: 60px 0px 0px 0px;
    }
    /* header start */
    
    header nav a.logo {
        display: inline-block;
        position: absolute;
        bottom: -57px;
        z-index: 9;
    }
    
    header nav a.logo img {
        width: 114px;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    
    header nav ul.main-menu {
        float: right;
    }
    
    header nav ul.main-menu li {
        display: inline-block;
    }
    
    header nav ul.main-menu li ul.drop-dwn {
        display: none;
        position: absolute;
        width: 200px;
        background-color: #fff;
        box-shadow: 0px 10px 15px rgba(21, 21, 21, 0.2);
    }
    
    header nav ul.main-menu li:hover ul.drop-dwn {
        display: block;
    }
    
    header nav ul.main-menu li ul.drop-dwn li {
        display: block;
    }
    
    header nav ul.main-menu li ul.drop-dwn li a {
        padding: 10px;
        font-weight: normal;
        border-bottom: 2px solid #fff;
    }
    
    header nav ul.main-menu li ul.drop-dwn li a:hover {
        border-bottom: 2px solid #7f2b98;
    }
    
    header nav button.toggle-btn {
        width: 40px;
        height: 40px;
        background-color: transparent;
        border: 1px solid #7f2b98;
        border-radius: 5px;
        float: right;
        margin: 30px 0px;
        display: none;
    }
    
    header nav button.toggle-btn span {
        width: 100%;
        height: 2px;
        background-color: #7f2b98;
        display: block;
        margin: 5px 0px;
    }
    
    header nav ul.main-menu li a {
        display: block;
        color: #151515;
        font-size: 14px;
        letter-spacing: 0.02em;
        font-weight: bold;
        text-transform: uppercase;
        transition: .25s;
        padding: 28px 10px;
    }
    
    header nav ul.main-menu li.active a {
        border-bottom: 2px solid #7f2b98;
    }
    
    header nav ul.main-menu li a:hover {
        border-bottom: 2px solid #7f2b98;
    }
    
    header {
        background: #ffffff;
        border-bottom-color: #272727;
        box-shadow: 0px 0px 15px rgba(21, 21, 21, 0.35);
        position: fixed;
        width: 100%;
        z-index: 99;
    }
    
    header.lightHeader nav a.logo img {
        width: 70px;
    }
    
    header.lightHeader nav a.logo {
        position: relative;
        bottom: 0;
        margin: 5px 0px;
    }
    /* header end */
    /* decorated section start */
    
    .banner {
        background-image: url('../images/banner.JPG');
        background-size: cover;
        background-position: center bottom;
        background-repeat: no-repeat;
        height: 440px;
    }
    
    .bg-gray {
        background-color: #f6f6f6;
    }
    
    .box-icon-classic {
        text-align: center;
        cursor: pointer;
    }
    
    .box-icon-classic img {
        width: 250px;
        margin: auto;
        display: block;
    }
    
    .box-icon-classic h3 {
        color: #151515;
        letter-spacing: 0;
        font-size: 24px;
        margin: 25px 0px 20px 0px;
    }
    
    .box-icon-classic p {
        color: rgba(21, 21, 21, 0.6);
        font-size: 15px;
        margin: 0px;
    }
    /* decorated section end */
    
    .bg-black {
        background-color: #272727;
        color: #fff;
    }
    
    .decor-section {
        background-image: url('../images/decor.png');
        background-repeat: no-repeat;
        background-position: -153px 60px;
    }
    
    .design-title {
        text-align: center;
    }
    
    .design-title h1 {
        font-size: 36px;
        line-height: 1.33333;
        margin-bottom: 0px;
        display: inline-block;
    }
    
    .design-title h1::after {
        content: "";
        border-bottom: 3px solid #7f2b98;
        display: block;
        margin-top: 15px;
    }
    /* .design-title .new-line {
        width: 35px;
        height: 3px;
        background: #7f2b98;
        margin: 0px auto 10px auto;
    } */
    
    .icon-box-new {
        margin-bottom: 60px;
    }
    
    .icon-box-new .design-number {
        font-size: 60px;
        line-height: 89px;
        font-family: 'PTSans-Bold';
        width: 75px;
        float: left;
        margin-right: 15px;
        color: rgba(127, 43, 152, 0.8);
    }
    
    .icon-box-new .design-number.big-number {
        line-height: 140px;
    }
    
    .icon-box-new .icon-box-text {}
    
    .icon-box-new .icon-box-text h3 {
        font-size: 20px;
        line-height: 1.08333;
        margin-bottom: 5px;
        color: rgba(255, 255, 255, 0.8);
    }
    
    .icon-box-new .icon-box-text p {
        color: rgba(255, 255, 255, 0.8);
        margin: 0px;
    }
    
    .gallery .gallery-box a img {
        border-radius: 10px;
        width: 100%;
    }
    .gallery .gallery-box .big{
            display: block;
    height: 262px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    }
    
    .gallery .gallery-box {
        margin-bottom: 30px;
    }
    
    .gallery .gallery-box h3 {
        font-size: 20px;
        text-align: center;
        margin: 10px 0px 0px 0px;
    }
    
    .gallery .gallery-box:hover .zoom-text {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
    
    .zoom-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-70%, -50%);
        transition: all .3s;
        will-change: transform;
        opacity: 0;
    }
    
    .zoom-text a {
        display: inline-block;
        font-size: 24px;
        line-height: 35px;
        text-align: center;
        padding: 25px 5px;
        color: #151515;
        font-weight: 500;
        width: 85px;
        height: 85px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .4);
        cursor: pointer;
    }
    
    .relative {
        position: relative;
    }
    
    .upcoming-events {
        height: 38px;
    }
    
    .upcoming-events .upcoming-events-text {
        font-family: 'PTSans-Bold';
        position: absolute;
        background-color: #7f2b98;
        color: #fff;
        padding: 7px 15px;
        z-index: 9;
    }
    
    .upcoming-events marquee {
        padding: 6px 0px;
        background-color: #7f2b98;
        color: #fff;
        font-size: 18px;
    }
    
    .zoom-text a:hover {
        color: #151515;
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .4);
    }
    
    .sub-design-title {
        margin-bottom: 30px;
    }
    
    .sub-design-title h3 {
        font-size: 36px;
        display: inline-block;
    }
    
    .sub-design-title h3::after {
        content: '';
        display: block;
        margin-top: 25px;
        width: 100%;
        border-top: 2px solid #7f2b98;
    }
    
    .full-width-line.sub-design-title::after {
        width: 100%;
    }
    
    .gallery-box {
        position: relative;
    }
    
    .gallery-box img {
        width: 100%;
        border-radius: 10px;
    }
    
    .gallery-box .zoom-demo {
        position: absolute;
        top: 50%;
        left: 54%;
        transform: translate(-70%, -50%);
        transition: all .3s;
        will-change: transform;
        opacity: 1;
    }
    
    .gallery-box .zoom-demo a {
        display: inline-block;
        font-size: 37px;
        line-height: 35px;
        text-align: center;
        padding: 25px 5px;
        color: #151515b5;
        font-weight: 500;
        width: 85px;
        height: 85px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 0 10px rgba(255, 255, 255, .4);
        cursor: pointer;
    }
    
    .gallery-box .zoom-demo a:hover {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .4);
    }
    
    .inner-banner {
        background-image: url('../images/banner.png');
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        height: 300px;
    }
    
    .inner-banner h3 {
        font-size: 40px;
        margin: 126px 0px;
    }
    
    footer {
        background: #1f1f1f;
        padding: 60px 0px 30px 0px;
    }
    
    footer ul.footer-menu {
        text-align: center;
        margin: 0px 0px 40px 0px;
    }
    
    footer ul.footer-menu li {
        display: inline-block;
    }
    
    footer ul.footer-menu li a {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        margin: 0px 10px;
        letter-spacing: 1px;
        font-size: 15px;
    }
    
    footer ul.footer-menu li a:hover {
        color: #7f2b98;
    }
    
    footer ul.footer-social-icon {
        text-align: center;
        margin: 0px 0px 40px 0px;
    }
    
    footer ul.footer-social-icon li {
        display: inline-block;
    }
    
    footer ul.footer-social-icon li a {
        text-align: center;
        display: block;
        width: 25px;
        color: #fff;
        font-size: 14px;
    }
    
    footer ul.footer-social-icon li a:hover {
        color: #7f2b98;
    }
    
    footer p {
        color: #787878;
        font-size: 15px;
        letter-spacing: 1px;
        text-align: center;
    }
    
    footer .email-id-text {
        margin-bottom: 40px;
        text-align: center;
    }
    
    footer .email-id-text a {
        color: #fff;
        letter-spacing: 1px;
        font-size: 15px;
    }
    
    footer .email-id-text a:hover {
        color: #7f2b98;
    }
    
    footer .email-id-text a i {
        margin-right: 5px;
    }
    
    ul.dance-class-list {}
    
    ul.dance-class-list li {
        text-align: center;
        border: 2px solid #e5e5e5;
        border-radius: 6px;
        margin-bottom: 30px;
        padding: 40px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        transition: .3s ease-in;
    }
    
    ul.dance-class-list li:hover {
        box-shadow: 0 0 35px rgba(0, 0, 0, 0.2);
    }
    
    ul.dance-class-list li:last-child {
        margin-bottom: 0px;
    }
    
    ul.events-list {
        margin-bottom: 30px;
    }
    
    ul.events-list>li {
            padding: 20px;
    background-color: #F9F9F9;
    border-bottom: 4px solid #7f2b98;
    margin: 0px 0px 30px 0px;
    overflow: hidden;
    min-height: 575px;
    max-height: 575px;
    }
    
    ul.events-list>li:last-child {
        margin: 0px;
    }
    
    ul.events-list li .events-list-image {
    margin: 0px 0px 15px 0px;
    position: relative;
    height: 232px;
    background-repeat: no-repeat;
    background-size: cover;
    }
    
    ul.events-list li .events-list-image .entry-date {
        position: absolute;
        top: 10px;
        left: 10px;
        background-color: rgba(0, 0, 0, 0.7);
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        width: 60px;
        height: 64px;
        text-align: center;
        padding-top: 7px;
        font-size: 18px;
        line-height: 1;
    }
    
    ul.events-list li .events-list-image .entry-date span {
        display: block;
    }
    
    ul.events-list li .events-list-image img {
        width: 100%;
    }
    
    ul.events-list li .entry-c p {
        text-align: justify;
        margin: 0px;
    }
    
    ul.events-list li .entry-c ul.entry-meta {
        color: #999;
        font-size: 13px;
        margin: 0px 0px 15px 0px;
    }
    
    ul.events-list li .entry-c ul.entry-meta li {
        display: inline-block;
    }
    
    ul.events-list li .entry-c ul.entry-meta li::after {
        content: "/";
        margin: 0px 10px;
    }
    
    ul.events-list li .entry-c ul.entry-meta li:last-child::after {
        content: " ";
        margin: 0px;
    }
    
    ul.events-list li .entry-c h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .contact-form {
        background-image: url('../images/table-img.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        padding: 20px;
    }
    
    .contact-form label {
        font-size: 17px;
    }
    
    .contact-form input[type="text"] {
        width: 100%;
        height: 54px;
        padding: 14px 30px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 50px;
        background-color: rgba(255, 255, 255, 0.5);
    }
    
    .contact-form textarea {
        width: 100%;
        height: 180px;
        padding: 14px 30px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 35px;
        background-color: rgba(255, 255, 255, 0.5);
    }
    
    .contact-form button[type="submit"] {
        padding: 17px 60px;
        display: inline-block;
        line-height: normal;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .08em;
        cursor: pointer;
        background-color: #7f2b98;
        border: 0;
        border-radius: 50px;
    }
    
    .contact-form button[type="submit"]:hover {
        background-color: #883f9e;
    }
    
    section.contact-content {
        background: -webkit-radial-gradient(rgba(255, 255, 255, 0) 0%, #fcfcfc 100%), url('../fonts/pattern-light.svg'), #fff;
        background: -o-radial-gradient(rgba(255, 255, 255, 0) 0%, #fcfcfc 100%), url('../fonts/pattern-light.svg'), #fff;
        background: radial-gradient(rgba(255, 255, 255, 0) 0%, #fcfcfc 100%), url('../fonts/pattern-light.svg'), #fff;
        padding: 60px 0;
    }
    
    .contact-content h3 {
        font-size: 25px;
        margin: 17px 0px;
    }
    
    .contact-content p {
        font-size: 18px;
        margin-bottom: 10px;
    }
    
    .contact-content p:last-child {
        margin-bottom: 0px;
    }
    
    .contact-content p span {
        font-weight: 600;
    }
    
    .paddin-btm-0 {
        padding-bottom: 0px;
    }
    
    .aac-box a {
        display: inline-block;
        float: left;
        margin-right: 20px;
        width: 200px;
    }
    
    .aac-box a img {
        width: 100%;
    }
    
    .aac-full-img {
        display: block;
        margin-bottom: 60px;
    }
    
    .aac-full-img img {
        width: 100%;
    }
    
    ul.art-list li {
        background-image: url('../images/widget-link.png');
        background-repeat: no-repeat;
        padding: 0px 0px 0px 10px;
        margin: 0px 0px 6px 0px;
        background-position: 0px 50%;
    }
    
    ul.art-list li a {
        color: #7f2b98;
    }
    
    article {
        background-color: #cec4dc;
        background-image: url(../images/asfalt-light.png);
        padding: 20px;
        border-left: 4px solid #7f2b98;
    }
    
    .margin-top-30 {
        margin-top: 60px;
    }
    
    @media only screen and (min-width: 320px) and (max-width: 805px) {
        header nav button.toggle-btn {
            display: block;
        }
        header nav ul.main-menu {
            display: none;
            float: none;
        }
        header nav ul.main-menu li {
            display: block;
        }
        header nav ul.main-menu li a {
            padding: 10px 10px;
            border-bottom: 2px solid #fff;
        }
        header nav a.logo {
            bottom: 0;
            margin: 6px 0px;
            position: relative;
        }
        header nav a.logo img {
            width: 88px;
        }
        header.lightHeader nav a.logo img {
            width: 90px;
        }
    }
    
    @media only screen and (min-width: 805px) and (max-width: 991px) {
        header nav ul.main-menu li a {
            padding: 28px 9px;
        }
    }
    
    @media only screen and (min-width: 320px) and (max-width: 991px) {
        .box-icon-classic {
            margin-bottom: 30px;
        }
    }
    
    @media only screen and (min-width: 320px) and (max-width: 767px) {
        .content {
            padding: 30px 0px;
        }
        .padding-60-0 {
            padding: 30px 0px 0px 0px;
        }
        .sub-design-title h3 {
            font-size: 25px;
        }
        footer {
            padding: 30px 0px 30px 0px;
        }
        footer ul.footer-menu {
            margin: 0px 0px 30px 0px;
        }
        footer .email-id-text {
            margin-bottom: 30px;
        }
        footer ul.footer-social-icon {
            margin: 0px 0px 30px 0px;
        }
        .mrg-btm-30 {
            margin-bottom: 30px;
        }
        ul.dance-class-list li {
            padding: 15px;
        }
        ul.events-list li {
            padding: 10px;
        }
        ul.events-list li .events-list-image {}
        ul.events-list li .entry-c ul.entry-meta {
            margin: 0px 0px 0px 0px;
        }
        section.contact-content {
            padding: 30px 0;
        }
        .contact-form input[type="text"] {
            width: 100%;
            padding: 10px 15px;
        }
        .contact-form textarea {
            width: 100%;
            height: 150px;
            padding: 10px 15px;
        }
        .contact-form button[type="submit"] {
            padding: 12px 35px;
        }
    }
    
    @media only screen and (min-width: 320px) and (max-width: 600px) {
        .banner {
            height: 304px;
        }
        ul.events-list li .events-list-image {
            width: 100%;
        }
        .inner-banner {
            height: 210px;
        }
        .inner-banner h3 {
            margin: 80px 0px;
        }
        ul.events-list>li {
            overflow: auto;
    min-height: auto;
    max-height: initial;
        }
    }
    
    .sl-wrapper .sl-navigation {
        display: none !important;
    }
    
    #html5-lightbox-overlay {
        background: #fff !important;
        opacity: .7 !important;
    }
    
    .sl-spinner {
        border: 5px solid #7f2b98 !important;
        opacity: 1 !important;
        z-index: 9999 !important;
    }
    
    p.big-fonts {
        font-size: 17px;
        font-weight: 600;
    }