body {
    font-family: 'Open Sans', sans-serif !important
}
.search-form form input[type="text"] {
    border: 1px solid rgba(255, 255, 255, 0.23);
    border-radius: 4px;
}
.header-top {
    padding: 10px 0 !important;
}
.header-top-right.pull-right a {
    color: #aaa;
}
.populer-courses-list.clear .col-xs-4 {
    margin: 10px 0;
}
.text-white {
    color: white !important;
}
p.text-white {
    color: white !important;
}
.latest-blog-area-v2.overlay-bg:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.8;
    background: #803d83;
}
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-brand {
    letter-spacing: 0.02em;
    color: #FFF;
    color: #4b5158 !important;
    font-size: 20px;
    font-weight: 400;
}
section#whatwedo {
    color: #fff;
    background-color: #833884;
}
.nivo-directionNav {
    display: none;
}
a {
    color: #803d83;
}
.blog-thumb.overlay-bg {
    overflow: hidden;
    max-height: 340px;
}
#contact-form .form-control {
    display: inline;
    height: 52px;
    vertical-align: top;
    color: #aaa;
    border: none;
    border: 2px solid #FFF;
    border-radius: 5px;
    outline: none;
    background: #fff;
    box-shadow: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}
.btn-king {
    background: #2AAFC3;
}
.btn-king {
    position: relative;
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 15px 30px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-decoration: none;
    text-transform: initial;
    color: #000;
    border: none;
    border-radius: 5px;
    outline: none;
    background: #f9cb49;
    font-family: inherit;
    font-size: 16px;
    font-weight: 500 !important;
    font-weight: 300;
}
.white {
    color: white !important;
}
a#scrollUp {
    display: none !important;
}
.single-service {
    text-align: center;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0) !important;
}
h3.ser-front-heading.text-uppercase.font-weight-800 {
    color: #333;
}
.layer-1-1 .title1 {
    animation: 0.8s ease-in-out 0.5s normal backwards 1 running bounceInRight;
    font-size: 27px;
}
div#home-sale {
    color: white;
    border: none;
    background-color: purple;
    font-weight: bold
}

/*sale page*/

ul.sale-list.nav.nav-tabs li {
    width: 50%;
    height: auto;
    text-align: center;
    color: white;
    background-color: #f7cd54;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: none;
    background-color: transparent;
}
.nav-tabs>li>a {
    margin: 0;
    border: none;
    border-radius: 0;
}

/*sale page*/

ul.sale-list li.active a {
    background-color: pink;
}
ul.sale-list>li.active>a, ul.sale-list>li.active>a:focus, ul.sale-list>li.active>a {
    color: #e6abe8;
    background-color: #803d83;
}
ul.sale-list>li>a:hover {
    color: white !important;
    background-color: #AAD036;
}
ul.sale-list h3, ul.sale-list span {
    /* color: white !important; */
    margin-bottom: 0;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
ul.sale-list>li>a:hover>h3 {
    color: white !important;
}
li.no-padding.active h3 {
    color: #fff !important;
}
a.padding-ten {
    color: #796018;
}
.widget-menu> li.active> a {
    color: #d8409d;
}

/*gallery*/

.hide-bullets {
    margin-top: 20px;
    margin-left: -40px;
    list-style: none;
}
.thumbnail {
    padding: 0;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}

/*gallery*/


/*map*/

.overlay2 {
    position: relative;
    top: 480px;
    /* your iframe height */
    width: 640px;
    height: 480px;
    /* your iframe height */
    margin-top: -480px;
    /* your iframe height */
    background: transparent;
}

/*map*/

.scrolloff {
    pointer-events: none;
}
.input-group {
    margin-bottom: 15px;
}
span.input-group-addon {
}
body {
    background: url('/i/texture-white.gif') repeat fixed #f2f2f2;
}
form#newsletter-form button.btn.btn-king {
    height: 46px;
    line-height: 18px;
}
a.meanmenu-reveal.meanclose, .mean-container a.meanmenu-reveal {
    position: relative;
    top: -14px;
    /* float: right; */
    /* right: 50% !important; */
    color: #333;
}
a.meanmenu-reveal span {
    background-color: #333 !important;
}
nav#mobile-n {
    background-color: transparent !important;
}
nav#mobile-n ul li {
    display: inline-block;
    width: auto;
    text-align: center;
    background-color: white;
}
ul {
    list-style: inside;
    list-style-type: circle;
}
.mobile-menu-area.text-center {
    background-color: white;
}
nav#mobile-n> ul> li> a {
    display: block;
    margin: 10px 0;
    padding: 0 6px;
    font-size: 15px !important;
}
section.volunteer-page ul.nav.nav-tabs {
    border: none;
}
section.shop-page ul.nav.nav-tabs {
    border: none !important;
    /* border-radius: 4px !important; */
}
.mobile-logo img {
    max-width: 120px;
    padding: 10px 0 !important;
}
.mean-container .mean-bar {
    position: absolute;
    top: 18px;
    top: 18px;
    display: block;
    width: 90%;
    padding: 10px 0 0 !important;
}
.mobile-logo {
    float: left;
    width: auto;
}

/*hero sec*/

.header-top> a {
    color: #aaaaaa !important;
}
.header-top a {
    color: #aaaaaa;
    font-size: 13px;
}
.header-top a:hover {
    color: #e1eaef;
}
.header-top a i {
    padding: 0 2px;
}

/*hero sec start*/

section#hero {
    background-color: #aad046;
    background-image: url(/i/bg-green-home.jpg);
    background-size: cover;
}
div#hero-next-sale {
    width: auto;
    max-width: 79%;
    margin: 25px auto;
    color: #ffffff;
    border: 5px solid #7e2382;
    background: rgba(0, 0, 0, 0.12);
    font-size: 2.2em;
}
.shop-hero {
    background-image: url('/i/bg-purple.jpg');
    background-position: 50%;
    background-size: cover;
    display: table !important;
    max-height: 200px;
    vertical-align: middle;
    height: 200px;
    width: 100%;
    overflow: hidden;
}
.consign-hero {
    background-image: url('/i/bg-yellow.jpg');
    background-position: 50%;
    background-size: cover;
    display: table !important;
    max-height: 200px;
    vertical-align: middle;
    height: 200px;
    width: 100%;
    overflow: hidden;
}
.vol-hero {
    background-image: url('/i/bg-pink.jpg');
    background-position: 50%;
    background-size: cover;
    display: table !important;
    max-height: 200px;
    vertical-align: middle;
    height: 200px;
    width: 100%;
    overflow: hidden;
}
.nav-tabs.nav-justified>li {
    background-color: #803d83;
}
.nav-tabs.nav-justified>li a:hover {
    border-radius: none !important;
    background-color: #eb008b;
}
.nav-tabs.nav-justified>li.active {
    padding: 0 !important;
    background-color: #aace64 !important;
}
.intro-courses-container .nav.nav-tabs, .nav.nav-tabs li.active small {
    color: white;
}
.nav-tabs.nav-justified>li>a {
    border: none;
    border-radius: 0 !important;
}
.nav-tabs.nav-justified>li a {
    color: white;
    font-weight: bold;
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: none !important;
}
.panel.with-nav-tabs.panel-default {
    overflow: hidden !important;
    border: none !important;
    border-radius: 4px;
    box-shadow: 0px 0px 4px -1px #ada0a0;
}

/*shop page*/

.well.well-sm.no-border {
    box-shadow: none;
}
span.badge {
    border: 1px solid #fff;
    font-size: 90%;
    background-color: rgba(238, 238, 238, 0.43) !important;
}
div.panel li {
    padding: 2px 0;
}
div.panel ul {
    margin-bottom: 8px;
}
.panel.with-nav-tabs.panel-default .tab-content h5 {
    color: #757575;
}
.nav-tabs.nav-justified>li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}
a:hover {
    transition: color 0.2s ease !important;
    color: #803d83;
}
a {
    transition: all 0.2s ease !important;
    color: #91af48;
}
.texture-white-bg {
    background-color: #f2f2f2;
    background-image: url('/i/texture-white.gif');
}
.texture-dark-bg {
    background: url('/i/texture-dark.gif') repeat fixed #2a2a2a;
}
.texture-pink-bg {
    background-color: #e92e8f;
    background-image: url('/i/texture-pink.gif');
}
.texture-green-bg {
    background-image: url('/i/texture-green.gif');
}
.max-width-33 {
    max-width: 33% !important;
}
.spectar {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, #7d2880 0%, #f7cc69 6%, #ea2c8b 13%, #aace64 42%, #f7cc69 49%, #ea2c8b 56%, #aace64 63%, #ea2c8b 70%, #7d2880 100%) repeat scroll 0 0 !important;
}
.btn-white {
    color: #6a6a6a;
    background-color: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
    border-color: #fff;
}
.page-title {
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.35);
}
.btn-consign {
    background-color: #f8ce47;
    padding: 10px 20px;
    border: none;
    box-shadow: none;
    margin-top: 16px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 500;
}
h3.title-medium.white.no-margin {
    font-size: 16px !important;
    letter-spacing: 0.03em;
    font-weight: 500;
}
div.widget-content {
    padding-left: 0px;
}

div.widget-content ul {
    list-style-type: none;
}
/*nav*/
@media (min-width: 768px) {
.navbar-header {
     float: none;
     text-align: center;
}
img#logo-navbar-middle {/* width: 200px; *//* max-width: 200px !important; */}
}
* { background-attachment: fixed }
.btn-success {
    background-color: #a9cf5d !important;
    border: #a9cf5d !important;
    /* font-weight: 500; */
    transition: all 0.2s ease !important;
    letter-spacing: 0.025em;
    /*padding: 10px 20px !important;*/
}
.btn-success:hover {
    background-color: #94bd44 !important;
    border: #94bd44 !important;
    /* font-weight: 500; */
    transition: all 0.2s ease !important;
    letter-spacing: 0.025em;
    /*padding: 10px 20px;*/
}
/*section#purple-frog-home * { color: white }*/
div.footer-logo p, section#purple-frog-home * { color: white }
div.page-content .page-header-inner {
    display: table-cell;
    vertical-align: middle;
}
span.badge small {
    font-size: 100% !important;
}
h2.no-margin-bottom.page-title.xs-title-medium {
    font-size: 40px;
}
h2.page-title {
    font-size: 40px;
}
div.page-content div.padding-six.text-center {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    display: table;
    width: 100%;
}
.darkHeader {
    position: fixed;
    top: 0;
    z-index: 9999;
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    width: 100%;
    /* height: 70px; */
}
.clearHeader {
    /* position: inherit; */
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    width: 100%;
    /* height: 128px; */
}
.darkHeader img {
    width: 50%;
    margin-top: 5px;
    top: 10px;
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
}
.darkHeader nav#navbar-primary {
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
}

.darkHeader {
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4) !important;
    /* max-height: 70px; */
    position: fixed !important;
    z-index: 999;
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    top: -40px;
}
.clearHeader {
    box-shadow: 1px 0px 2px #333;
    position: fixed;
    z-index: 999;
    top: 0px;
    /* max-height: 128px; */
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
}
header.darkHeader li.menu-logo-2 {
    width: 100%;
    max-width: 168px;
}

.clearHeader img {
    width: 100%;
    transition: all 0.2s ease;
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;

}
.page-content, div.wrapper {
    transition: all 0.2s ease;
    transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;
    -o-transition: all 0.2s cubic-bezier(0.4, 0, 1, 1) !important;

}
.bg-white { background-color: white !important}
.page-content, div.wrapper {
    margin-top: 168px;
}
li.menu-logo-2 {
    width: 170px;
}
.header-logo-1 {
    padding-top: 11px;
}