    /* Preload images */
    
    body:after {
        content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
        display: none;
    }
    
    body.lb-disable-scrolling {
        overflow: hidden;
    }
    
    .lightboxOverlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: black;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8;
        display: none;
    }
    
    .lightbox {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 10000;
        text-align: center;
        line-height: 0;
        font-weight: normal;
    }
    
    .lightbox .lb-image {
        display: block;
        height: auto;
        max-width: inherit;
        max-height: none;
        border-radius: 3px;
        /* Image border */
        border: 4px solid white;
    }
    
    .lightbox a img {
        border: none;
    }
    
    .lb-outerContainer {
        position: relative;
        *zoom: 1;
        width: 250px;
        height: 250px;
        margin: 0 auto;
        border-radius: 4px;
        /* Background color behind image.
     This is visible during transitions. */
        background-color: white;
    }
    
    .lb-outerContainer:after {
        content: "";
        display: table;
        clear: both;
    }
    
    .lb-loader {
        position: absolute;
        top: 43%;
        left: 0;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    
    .lb-cancel {
        display: block;
        width: 32px;
        height: 32px;
        margin: 0 auto;
        background: url(../img/loading.gif) no-repeat;
    }
    
    .lb-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    
    .lb-container>.nav {
        left: 0;
    }
    
    .lb-nav a {
        outline: none;
        background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
    }
    
    .lb-prev,
    .lb-next {
        height: 100%;
        cursor: pointer;
        display: block;
    }
    
    .lb-nav a.lb-prev {
        width: 34%;
        left: 0;
        float: left;
        background: url(../img/prev.png) left 48% no-repeat;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.6s;
        -moz-transition: opacity 0.6s;
        -o-transition: opacity 0.6s;
        transition: opacity 0.6s;
    }
    
    .lb-nav a.lb-prev:hover {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    
    .lb-nav a.lb-next {
        width: 64%;
        right: 0;
        float: right;
        background: url(../img/next.png) right 48% no-repeat;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        -webkit-transition: opacity 0.6s;
        -moz-transition: opacity 0.6s;
        -o-transition: opacity 0.6s;
        transition: opacity 0.6s;
    }
    
    .lb-nav a.lb-next:hover {
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    
    .lb-dataContainer {
        margin: 0 auto;
        padding-top: 5px;
        *zoom: 1;
        width: 100%;
        -moz-border-radius-bottomleft: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    
    .lb-dataContainer:after {
        content: "";
        display: table;
        clear: both;
    }
    
    .lb-data {
        padding: 0 4px;
        color: #ccc;
    }
    
    .lb-data .lb-details {
        width: 85%;
        float: left;
        text-align: left;
        line-height: 1.1em;
    }
    
    .lb-data .lb-caption {
        font-size: 13px;
        font-weight: bold;
        line-height: 1em;
    }
    
    .lb-data .lb-caption a {
        color: #4ae;
    }
    
    .lb-data .lb-number {
        display: block;
        clear: left;
        padding-bottom: 1em;
        font-size: 12px;
        color: #999999;
    }
    
    .lb-data .lb-close {
        display: block;
        float: right;
        width: 30px;
        height: 30px;
        background: url(../img/close.png) top right no-repeat;
        text-align: right;
        outline: none;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
    
    .lb-data .lb-close:hover {
        cursor: pointer;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }
    
    .wrapper100percent {
        float: left;
        width: 100%;
        padding: 0;
    }
    
    .sectionwrapper {
        position: relative;
        float: left;
        margin-top: 1px;
        padding-bottom: 88px;
        width: 100%;
    }
    
    .section1 {
        padding: 0 0 66px 0;
        background: #fff;
    }
    
    .section7 {
        padding: 20px 0 80px 0;
        background: #fff;
    }
    
    .section2 {
        padding: 0 0 88px 0;
        background: #952893;
    }
    
    @media (max-width: 400px) {
        .section2 {
            text-align: center;
        }
    }
    /* parallax sections */
    
    .section3 {
        min-height: 300px;
        background: #1d0907 url(../images/1.jpg) 50% 0 no-repeat fixed;
        text-align: center;
    }
    
    .section3inner {
        width: 100%;
        float: left;
        padding: 0 0 88px 0;
        background: rgba(51, 51, 51, 0.7);
    }
    
    .section4 {
        min-height: 300px;
        background: #1d0907 url(../images/3.jpg) 50% 0 no-repeat fixed;
        text-align: center;
    }
    
    .section4inner {
        width: 100%;
        float: left;
        padding: 0 0 88px 0;
        background: rgba(51, 51, 51, 0.7);
    }
    /* parallax sections end */
    
    .section2 ul,
    .section2 i,
    .section2 p,
    .section2 h1,
    .section2 h2,
    .section2 h3,
    .section2 h4,
    .section2 h5,
    .section2 h6 {
        color: #fff;
    }
    
    .section3 ul,
    .section3 i,
    .section3 p,
    .section3 h1,
    .section3 h2,
    .section3 h3,
    .section3 h4,
    .section3 h5,
    .section3 h6 {
        color: #fff;
    }
    
    .section4 ul,
    .section4 i,
    .section4 p,
    .section4 h1,
    .section4 h2,
    .section4 h3,
    .section4 h4,
    .section4 h5,
    .section4 h6 {
        color: #fff;
    }
    
    @media (max-width: 1250px) {
        h1 {
            font-size: 44px;
            font-weight: bold;
        }
    }
    
    .mainheadlinewrapper {
        margin-bottom: 9px;
        float: left;
        width: 100%;
        text-align: center;
    }
    
    .mainheadline h2 {
        padding-bottom: 22px;
        font-weight: 700;
        font-size: 44px;
    }
    /********* event single *********/
    
    .eventsinglewrapper {
        background: #952893;
        padding: 44px 0 22px 0;
    }
    
    .eventsinglewrapper ul,
    .eventsinglewrapper i,
    .eventsinglewrapper p,
    .eventsinglewrapper h1,
    .eventsinglewrapper h2,
    .eventsinglewrapper h3,
    .eventsinglewrapper h4,
    .eventsinglewrapper h5,
    .eventsinglewrapper h6 {
        color: #fff;
    }
    /********* event single end *********/
    /************events************/
    
    .eventswrapper {
        margin-bottom: -12px;
    }
    
    .oneevent {
        position: relative;
        z-index: 100;
        float: left;
        margin-bottom: 12px;
        padding: 0 0 0 140px;
    }
    
    .oneevent ul {
        width: 95%;
        float: left;
        margin: 0 0 12px 0;
        padding: 5px 0 0 0;
        border-bottom: 1px solid #fff;
    }
    
    .oneevent ul li {
        float: left;
        padding-right: 12px;
        margin-right: 12px;
        font-size: 14px;
        border-right: 1px solid #fff;
    }
    
    .oneevent h4 {
        margin: 0;
        font-size: 27px;
        font-weight: 700;
    }
    
    .oneevent p {
        margin-bottom: 22px;
        width: 100%;
        float: left;
    }
    
    .eventsdate {
        left: 0;
        position: absolute;
        top: 50%;
        height: 120px;
        width: 120px;
        padding-top: 13px;
        margin-top: -70px;
        text-align: center;
        background: #fff;
        -webkit-border-radius: 500px;
        -moz-border-radius: 500px;
        border-radius: 500px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
    .eventsdate p {
        margin-bottom: 0;
        font-size: 18px;
        text-transform: uppercase;
        line-height: 1.4;
        color: #952893;
    }
    
    .eventsdate p span {
        font-weight: bold;
        font-size: 27px;
    }
    
    .oneevent:hover .eventsdate {
        background: #952893;
        border: 1px solid #fff;
    }
    
    .oneevent:hover .eventsdate p {
        color: #fff;
    }
    
    .oneevent:hover a.eventslink i {
        margin-left: 5px;
    }
    
    a.eventslink:link,
    a.eventslink:visited {
        float: left;
        margin-top: 7px;
        margin-bottom: 22px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
    }
    
    a.eventslink i {
        color: #fff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
    .eventstext a:hover {
        color: #1d0907;
    }
    
    .eventstext a:hover i {
        color: #1d0907;
    }
    
    @media (max-width: 767px) {
        .eventswrapper {
            margin-bottom: 22px;
        }
        .eventsdate {
            margin-bottom: 22px;
        }
    }
    
    @media (max-width: 400px) {
        .oneevent {
            padding: 0 0 40px 0;
            text-align: center;
        }
        .eventsdate {
            position: relative;
            top: 0;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0;
        }
        .oneevent ul li {
            float: none;
        }
        .oneevent ul {
            width: 100%;
        }
        a.eventslink:link,
        a.eventslink:visited {
            float: none;
            margin-top: 22px;
        }
        .oneevent ul li {
            margin-right: 12px;
            border-right: none;
            padding-right: 0;
            margin-right: 0;
        }
    }
    /************ events end ************/
    /************ about us ************/
    
    i.aboutusicon {
        width: 160px;
        padding: 20px;
        text-align: center;
        margin-top: 22px;
        font-size: 110px;
        color: #fff;
        background: #952893;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
    i.aboutusicon:hover {
        color: #1d0907;
    }
    
    .onelist {
        float: left;
    }
    
    .onelist h4 {
        margin: 0;
    }
    
    .oneevent p {
        margin-bottom: 0;
        width: 100%;
    }
    
    .aboutusleft {
        float: left;
        margin-right: 22px;
        margin-top: 7px;
        text-align: center;
    }
    
    .aboutusleft i {
        color: #fff;
        font-size: 30px;
    }
    /************ about us end ************/
    /************ services ************/
    
    .services .servicecolumn {
        text-align: center;
    }
    
    .services .servicecolumn h4 {
        font-size: 27px;
    }
    
    .services a:link,
    .services a:visited {
        height: 105px;
        width: 105px;
        display: block;
        margin: 0 auto 27px auto;
        padding-top: 26px;
        text-align: center;
    }
    
    .services button {
        background: #952893;
        color: #fff;
        width: 100px;
        border: none;
        margin-top: -30px;
    }
    
    .servicecolumnone button:hover {
        background: #F6921A;
        color: #fff;
        width: 100px;
        border: none;
        margin-top: -30px;
    }
    
    .servicecolumnone:hover a {
        border: none;
    }
    
    .servicecolumnone-pdf:hover a {
        border: n;
    }
    
    .services img {
        text-align: center;
    }
    
    .servicecolumnone:hover i.aboutusicon {
        background: #952893;
        color: #fff;
    }
    /************ services end ************/
    /********* gallery *********/
    
    .grid {
        overflow: hidden;
        margin: 0 0 44px 0;
        padding: 0;
        width: 100%;
        list-style: none;
        text-align: center;
    }
    
    .grid figure {
        position: relative;
        z-index: 1;
        display: inline-block;
        overflow: hidden;
        margin: -3px -2px;
        width: 25%;
        height: auto;
        text-align: center;
        cursor: pointer;
    }
    
    .grid figure img {
        position: relative;
        display: block;
    }
    
    .grid figure figcaption {
        color: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    .grid figure figcaption::before,
    .grid figure figcaption::after {
        pointer-events: none;
    }
    
    .grid figure figcaption,
    .grid figure a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .grid figure a {
        z-index: 1000;
        text-indent: 200%;
        white-space: nowrap;
        font-size: 0;
        opacity: 0;
        color: #fff;
    }
    
    .grid figure h2 {
        font-size: 27px;
    }
    
    .grid figure h2,
    .grid figure p {
        color: #fff;
    }
    
    .grid figure p {
        padding: 20px;
        color: #fff;
        font-size: 14px;
        line-height: 1.3;
    }
    
    figure.effect-sadie figcaption::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(142, 39, 146, 0.8) 75%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(142, 39, 146, 0.8) 75%);
        content: '';
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    
    figure.effect-sadie h2 {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        -webkit-transition: -webkit-transform 0.35s, color 0.35s;
        transition: transform 0.35s, color 0.35s;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
    
    figure.effect-sadie figcaption::before,
    figure.effect-sadie p {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }
    
    figure.effect-sadie p {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    
    figure.effect-sadie:hover h2 {
        color: #fff;
        -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
        transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    }
    
    figure.effect-sadie:hover figcaption::before,
    figure.effect-sadie:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    @media screen and (max-width: 1200px) {
        .grid figure {
            width: 50%;
        }
        .grid figure figcaption {
            font-size: 90%;
        }
    }
    
    @media screen and (max-width: 600px) {
        .grid figure {
            width: 100%;
        }
    }
    /********* gallery end *********/
    /********* faq **********/
    
    .faqicon {
        float: left;
        padding: 10px;
        width: 66px;
        height: 66px;
        margin-right: 22px;
        margin-top: 7px;
        text-align: center;
        border: 1px solid #fff;
    }
    
    @media (max-width: 400px) {
        .faqicon {
            float: none;
            margin: 22px auto;
        }
    }
    
    .faqicon p {
        color: #fff;
        font-size: 27px;
    }
    /********* faq end ********/
    /********* twitter ********/
    
    .twittericon {
        height: 66px;
        width: 66px;
        margin: 0 auto;
        padding-top: 15px;
        margin-bottom: 22px;
        background: #952893;
    }
    
    .twitterwrapper .twittericon i {
        color: #fff;
        font-size: 35px;
    }
    
    .twitterwrapper {
        margin: 44px auto 0 auto;
        text-align: center;
    }
    
    .twitterwrapper a {
        color: #952893;
    }
    
    .twitterwrapper .icon-twitter {
        color: #fff;
    }
    
    .twitter ul {
        padding-left: 0px;
    }
    
    .twitter ul li {
        margin: 5px;
        padding: 5px;
        list-style: none;
        overflow: hidden;
    }
    
    .twitter p {
        color: #fff;
        margin-bottom: 0;
    }
    
    .twitter .user,
    .tweet,
    .timePosted {
        float: left;
    }
    
    .twitter .user {
        display: none;
    }
    
    .twitter .tweet {
        width: 100%;
    }
    
    .twitter .timePosted {
        display: none;
    }
    
    .twitter .user {
        clear: left;
    }
    
    .twitter .user a {
        width: 100px;
    }
    
    .twitter .user span span {
        width: 100px;
        display: block;
        margin-top: 10px;
    }
    
    .twitter .user img,
    .user a>span {
        float: left;
    }
    
    .twitter.interact {
        display: none;
    }
    
    .twitter .interact a {
        display: none;
    }
    /********* twitter end *********/
    /********* homepage blog *********/
    
    .bloghomepage.owl-theme {
        margin-bottom: 22px;
    }
    
    .bloghomepage.owl-theme .item {
        margin: 0;
    }
    
    .bloghomepage .owl-theme-inner {
        position: relative;
        float: left;
        border: #952893 1px solid;
    }
    
    .bloghomepage .owl-theme-inner-text {
        position: relative;
        width: 100%;
        float: left;
        padding: 0 20px;
    }
    
    .bloghomepage .owl-theme-inner h4 {
        margin-bottom: 12px;
        margin-top: 0;
        font-size: 27px;
    }
    
    .bloghomepage .owl-theme-inner a:link,
    .bloghomepage .owl-theme-inner a:visited {
        display: inline-block;
        float: right;
        text-transform: uppercase;
        margin-right: 0px;
        margin-bottom: 0;
        color: #fff;
        background: #952893;
        padding: 5px 15px;
        margin-bottom: 21px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
    .bloghomepage .owl-theme-inner a:hover {
        background: #1d0907;
    }
    
    .homeblogmeta {
        padding: 12px 0;
        margin-bottom: 22px;
        text-align: center;
        width: 100%;
        float: left;
        border-bottom: 1px solid #1d0907;
    }
    
    .bloghomepage .homeblogmeta a:link,
    .bloghomepage .homeblogmeta a:visited {
        margin-right: 5px;
        padding: 0;
        float: none;
        margin-bottom: 0px;
        text-transform: none;
        color: #952893;
        background: transparent;
        border-bottom: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    
    .homeblogmeta p {
        display: inline-block;
        width: 49%;
        float: left;
        margin: 0;
        border-right: 1px solid #1d0907;
    }
    
    .homeblogmeta p.no-border {
        border-right: none;
    }
    /********* homepage blog end *********/
    /********* contact *********/
    
    .map {
        position: relative;
        margin-bottom: 44px;
        margin-top: 44px;
    }
    
    .map iframe {
        position: relative;
        z-index: 100;
        max-width: 100%;
        width: 100%;
        height: 400px;
        border: none;
    }
    
    @media (max-width: 767px) {
        .map {
            text-align: center;
        }
        .map iframe {
            width: auto;
            height: auto;
            margin: 0 auto;
            max-width: auto;
            float: none;
        }
    }
    
    .mapoverlay {
        position: relative;
        z-index: 999;
        top: 400px;
        width: 100%;
        height: 400px;
        margin-top: -400px;
        background: transparent;
    }
    
    .address {
        text-align: center;
    }
    
    @media (max-width: 767px) {
        .address {
            margin-bottom: 44px;
        }
    }
    
    .address h4 {
        margin-bottom: 22px;
        font-size: 27px;
    }
    
    .address i {
        width: 66px;
        height: 66px;
        padding-top: 15px;
        margin: 0 auto 27px auto;
        font-size: 35px;
        color: #952893;
        border: 1px solid #1d0907;
    }
    
    .address ul {
        padding: 0;
        margin: 0;
    }
    
    .address p {
        margin: 0;
        font-size: 14px;
        font-weight: bold;
    }
    /* for contact form */
    
    #main {
        margin-top: 22px;
        margin-bottom: 22px;
        float: left;
        width: 100%;
    }
    
    #main p {
        margin-bottom: 5px;
    }
    
    #main ::-webkit-input-placeholder {
        color: #1d0907;
    }
    
    #main ::-moz-placeholder {
        color: #1d0907;
    }
    
    #main :-ms-input-placeholder {
        color: #1d0907;
    }
    
    #main :input:-moz-placeholder {
        color: #1d0907;
    }
    
    #main input {
        padding: 0 10px;
        margin-bottom: 0;
        width: 100%;
        font-size: 14px;
        outline: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    
    #main .contact1 input {
        height: 55px;
        color: #1d0907;
        box-shadow: none;
        outline: none;
        background: transparent;
        border: #1d0907 1px solid;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }
    
    #main .contact1 input:focus {
        box-shadow: none;
        outline: none;
        border: #952893 1px solid;
    }
    
    #main .contact2 input {
        height: 55px;
        color: #1d0907;
        outline: none;
        border: #1d0907 1px solid;
        background: transparent;
        box-shadow: none;
        transition: all .1s;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }
    
    #main .contact2 input:focus {
        box-shadow: none;
        outline: none;
        border: #952893 1px solid;
    }
    
    #main .textarea {
        width: 100%;
        padding: 10px;
        height: 114px;
        margin-bottom: 0;
        float: left;
        display: inline;
        color: #1d0907;
        box-shadow: none;
        outline: none;
        border-radius: 0;
        border: #1d0907 1px solid;
        background: transparent;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }
    
    #main .textarea:focus {
        box-shadow: none;
        outline: none;
        border: #952893 1px solid;
    }
    
    #main .buttoncontact {
        margin: 5px auto 0 auto;
        padding: 10px 0;
        height: 55px;
        text-transform: uppercase;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        border: none;
        background: #952893;
        box-shadow: none;
        outline: none;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }
    
    #main .buttoncontact:hover {
        background-color: #1d0907;
    }
    
    #main .buttoncontact:hover {
        background-color: #1d0907;
    }
    
    #main .buttoncontact:focus {
        background-color: #1d0907;
    }
    
    li.success {
        padding: 10px;
        color: #fff;
        margin: 22px auto;
        background-color: #addab7;
    }
    
    li.error {
        padding: 10px;
        margin: 22px auto;
        color: #fff;
        background-color: #f1bebe;
    }
    /* for contact form end */
    
    .socialicons {
        text-align: center;
    }
    
    .socialicons li {
        margin: 5px;
        display: inline-block;
        text-align: center;
    }
    
    .socialicons i {
        font-size: 30px;
        color: #952893;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }
    
    ul.socialicons li a:link,
    ul.socialicons li a:visited {
        padding-top: 17px;
        width: 66px;
        height: 66px;
        display: block;
        color: #fff;
        background: #fff;
    }
    
    ul.socialicons li a:hover {
        background: #952893;
    }
    
    ul.socialicons li a:hover i {
        color: #fff;
    }
    
    .copyrightwrapper {
        background: #1d0907;
    }
    
    .copyright {
        float: left;
        width: 100%;
        margin-top: 22px;
        margin-bottom: 22px;
        text-align: center;
    }
    
    .copyright p {
        margin-bottom: 0;
        color: #fff;
        font-size: 12px;
    }
    
    @media (max-width: 767px) {
        .copyright p {
            margin-right: 20px;
            margin-left: 20px;
        }
    }
    
    .copyright a:link,
    .copyright a:visited {
        color: #fff;
        font-weight: bold;
        margin-bottom: 0;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }
    
    .copyright a:hover {
        color: #952893;
    }
    /** footer stick to bottom fix **/
    
    .bodywrapper {
        min-height: 100%;
        height: 100%;
        margin-bottom: -44px;
    }
    
    .push {
        height: 44px;
    }
    
    .bottom {
        width: 100%;
        float: left;
        min-height: 44px;
        background: #952893;
    }
    /** footer stick to bottom fix end **/
    
    .bottomlinks {
        padding: 0;
    }
    
    .bottomlinks li {
        float: left;
        margin-right: 10px;
        margin-top: 22px;
        text-transform: uppercase;
    }
    
    .bottomlinks a:link,
    .bottomlinks a:visited {
        color: #fff;
        text-transform: none;
        font-size: 14px;
    }
    
    .bottomlinks a:hover {
        color: #1d0907;
    }
    
    .scrollbutton {
        text-align: center;
    }
    
    .scrollbutton i {
        font-size: 32px;
        color: #952893;
    }
    
    .scrollbutton a {
        padding-top: 8px;
        width: 50px;
        height: 50px;
        background: #fff;
        display: inline-block;
        margin-top: 22px;
        float: right;
        margin-bottom: 22px;
        -webkit-transition: all .1s;
        -moz-transition: all .1s;
        -o-transition: all .1s;
        transition: all .1s;
    }
    
    .scrollbutton a:hover {
        color: #fff;
        background: #1d0907;
    }
    /********* contact end *********/
    /********* blog pages *********/
    
    .pagination {
        margin-bottom: 66px;
        float: right;
    }
    
    .pagination a:link,
    .pagination a:visited {
        width: 33px;
        height: 33px;
        float: right;
        padding-top: 5px;
        margin-left: 5px;
        color: #952893;
        text-align: center;
        border: 1px solid #952893;
    }
    
    .pagination a:hover {
        color: #fff;
        background: #952893;
    }
    /********* blog pages end *********/
    /*
* ----------------------------------------------------------------------------------------
* TEIA
* ----------------------------------------------------------------------------------------
*/
    
    .welcome-area {
        height: 100%;
    }
    
    #particles-js {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }
    
    .loading {
        position: fixed;
        overflow: hidden;
        width: 100%;
        max-height: 100%;
        background: #fff url(../img/loader.gif) center center no-repeat;
        opacity: 0;
    }