/*loader */

.cssload-inner.cssload-one {



    border-bottom: 3px solid rgb(60, 49, 154);

}



.cssload-inner.cssload-two {

    border-right: 3px solid rgba(60, 49, 154,0.96);

}



.cssload-inner.cssload-three {

    border-top: 3px solid rgb(60, 49, 154);

}



/* header coloring start*/



.side-menu-button {

    background: #3C319A;

    color: #fff;

    top: 23px;
    

}



.shrink .side-menu-button {

    background: #3C319A;

}

.shrink .side-menu-button:hover{

    color: #695cd8;

}

.side-menu-button.actives,

.side-menu-button.actives:hover

{

    background: transparent;

}



.side-menu-button.actives .fa {

    color: #3C319A;

}



.sidenav ul >li.active a {

color: #F48A19;

}

.navbar .navbar-nav >li a{

    /*color: #FFFFFF;*/

	color: #000000;

    padding-top: 10px;

       padding-bottom: 20px;

    font-weight: 600;

    font-size: 12px;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.navbar .navbar-nav >li a:focus {

    color: #FFFFFF;

}



.navbar.shrink .navbar-nav >li a{

    color: #1b1b1b;

}

.navbar .navbar-nav >li:hover a {

    color: #3C319A;

}



.navbar-default .navbar-nav>.active>a,

.navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-nav>.active>a:hover {

    color: #3C319A;

}



.shrink.navbar-default .navbar-nav>.active>a,

.shrink.navbar-default .navbar-nav>.active>a:focus,

.shrink.navbar-default .navbar-nav>.active>a:hover {

    background: #3C319A;

    color: #fff;

}

#what-we-do .what-we-do-features:hover >h3 {

    color: #16A31B;

}



#what-we-do .what-we-do-features h3, h2, h3, .timeline-heading h4, h4 {

    font-weight: 200;

}

.timeline-body p {

    font-size: 14px;

    font-weight:200;

}



#counters {

    background: url(../images/counters-bg.jpg) no-repeat fixed center;

}





hr {

    width: 96px;

    border: 1px solid #454545;

    margin: 0 auto 30px;

    border-bottom: 0px;

    height:0px;

    box-sizing: content-box;

}



.price .grey {

    text-transform: none;

}



.price .header{

    font-weight: 200!important;

}



/* header coloring end */





/* slider cover coloring start */

#slider1 h2{

    color:#fff ;

    font-weight:100;

    font-size:48px;

}

#slider1 h2.red {

    color: #fff;

    font-weight:300;

}

#slider1 .slider-button{

    background: #FFFFFF;

    color: #1b1b1b;



}

#slider1 .slider-button.red {

    background: #3C319A;

    color: #FFFFFF;





}



#slider1 .slider-button:before{

    background: rgba(27,27,27,.9);



}

#slider1 .slider-button.red:before{

    background: rgba(255,255,255,0.2);

}

#slider1 .slider-button:hover,

#slider1 .slider-button:focus,

#slider1 .slider-button:active {

    color: #FFFFFF;

}





.innerpage-banner {

    background: url(../images/slide-dark.jpg) no-repeat center center / cover;

    padding-top: 200px;

    max-height: 440px;

    color: #fffff;

}



.innerpage-banner h2, .innerpage-banner p {



    color: #ffffff;

}



/* slider cover coloring end */





/* what we do coloring start */



#what-we-do .what-we-do-features h3 >span {

    /*background: #3C319A;*/

	background: #16A31B;

}



#what-we-do .what-we-do-features:hover >h3 {

    color: #f78812;

}





/* what we do coloring end */





/* counters coloring start */

/*#counters .outer-circle:hover{

    border-color: #3C319A;

}

#counters .outer-circle:hover .icons {

    background: #3C319A;

}*/

#counters .outer-circle:hover{

    border-color: #F78812;

}

#counters .outer-circle:hover .icons {

    background: #F78812;

}





/* counters coloring end */





/* our team coloring start */



#our-team .hovereffect .overlay {

	/*background: #3C319A;*/

	background: #3C319A;

}



.progress-bar-custom {

    background: #3C319A;

}



#our-team .our-team-social > li >a >i.fa:hover,

#our-team .our-team-social > li >a >i.fa:active {

    background: #3C319A;

}





/* our team coloring end */





/* company history coloring start */



.timeline > li:hover .timeline-panel {

    background: #3C319A;

}



.timeline > li:hover .timeline-panel:after {

    border-top-color: transparent;

    border-left-color: #3C319A;

    border-right-color: #3C319A;

    border-bottom-color: transparent;

}



.timeline > li:hover .timeline-badge > a {

    color: #3C319A !important;

}





/* company history coloring end */





/* portfolio coloring start */



#portfolio #owl-demo .hovereffect .overlay {

    background: rgba(60, 49, 154, 0.8);

}



.price.price-selected,

.price:hover {

    background: #3C319A;

    color: #fff;

}



.price.price-selected::before,

.price:hover::before {

    border-bottom: 65px solid #3C319A;

}



.price:hover .header,

.price.price-selected .header {

    border: 1px solid #3C319A;

    color: #3C319A;

}



#happy-clients .owl-controls .owl-page.active span {

    background: #3C319A;

}





/* portfolio coloring end */





/* Happy Clients coloring start */



#happy-clients h5 {

    color: #3C319A;

}





/* Happy Clients coloring end */





/* blog coloring start */



#blog-slider .blog-img {

    border-color: #3C319A;

}



#blog-slider .item:hover h3,

#blog-slider .blog-slider-descp p:nth-child(2) > span,

#blog-slider .item:hover p:last-child {

    color: #3C319A;

}



#blog-slider .blog-img i,

#blog-slider .owl-controls .owl-page.active span {

    background: #3C319A;

}



#blog-text h2,

#blog-text p span {

    color: #3C319A;

}



#blog-text #blog-text-slider .owl-controls .owl-page.active span {

    background: #3C319A;

}





.blog-item .post-comment form input[type="submit"], .contact form input[type="submit"] {

  background: #1b1d1f;

    }



.blog-item .post-comment form input[type="submit"]:hover, .contact form input[type="submit"]:hover {

    background: #3C319A ;

}











/* blog page colring */



#area-main ul.blog-author li a:hover,

#area-main ul.blog-author li a:focus,

.morepost-wrap a:hover,

.morepost-wrap2 a:hover,

.morepost-wrap a:hover,

.morepost-wrap2 a:hover,

.morepost-wrap2 .morepost:hover .fa-long-arrow-left,

.morepost-wrap .morepost:hover .fa-long-arrow-left,

.morepost-wrap2 .morepost:hover .fa-long-arrow-right,

.morepost-wrap .morepost:hover .fa-long-arrow-right,

ul.category li a:hover,

ul.category li a:focus {

    color: #3C319A;

}



ul.category li a .date {

    color: #3C319A;

}



#area-main .tag-cloud li a:hover,

#area-main .tag-cloud li a:focus,

.blog-reply a.btn-rep:hover,

.blog-reply a.btn-rep:focus {

    background: #3C319A;

}

#area-main .buttons,

.social-link li a:hover{

    background: #3C319A;

    border-color:#3C319A;

}

.blog-item blockquote{

    color: #3C319A;

}

/* blog coloring end */





/*contact us coloring start */



form .buttons {

    border-color: #3C319A;

    color: #3C319A;

}



form .buttons:hover,

form .buttons:active {

    border-color: #3C319A;

}



form .buttons:before {

    background: #3C319A;

}



.address-details:hover h2,

.address-details:hover p {

    color: #3C319A;

}



/* map marker color */

.pin {

    background: #3C319A;

}

.pulse:after{

    box-shadow: 0 0 1px 2px #3C319A;

}

/*contact us coloring end */





/* footer coloring start */



footer {

    background: #3C319A;

    color: #fff;

}



footer ul >li > a:hover {

    color: #fff;

}





/* footer coloring end */





@media screen and (max-width: 767px) {



    .side-menu-button{

        top: 13px;

    }



}







/* green color */