/* 
    Document   : colors
    Author     : Little Neko
    Description: template colors
    */
/* Table of Content
==================================================

#BOOSTRAP CUSTOMIZATION
#TYPOGRAPHY
#PARALLAX STUFF
#LINKS AND BUTTONS
#HEADER
#MAIN MENU 
#FOOTER 
#HOME
#PAGES 
#SLIDERS
#BLOG
#PORTFOLIO
#MISCELANIOUS
#NEKO CSS FRAMEWORK

*/
/* COLORS : 3d3d3d  / 5e5e5e / f7f7f7 /


/* BOOSTRAP CUSTOMIZATION
================================================== */
/** tabs and accordion**/

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    background: #3d3d3d;
}

.nav-tabs > li > a {
    border-left: 1px dashed #eee;
    border-top: 1px dashed #eee;
    border-right: 1px dashed #eee;
}

.panel-default {
    border: 1px dashed #eee;
    box-shadow: none;
}

.panel-default>.panel-heading {
    background: #fff;
    border-top: none;
    color: #555;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px dashed #eee;
}

.panel-default>.panel-heading:hover,
.nav>li>a:hover,
.nav>li>a:focus {
    color: #3d3d3d;
}

.panel-default>.panel-heading:hover a,
.panel-default>.panel-heading:hover a:after,
.nav>li>a:hover {
    color: #3d3d3d;
}

.panel-title>a {
    color: #333;
}

.panel-title>a:hover {
    text-decoration: none;
}

.panel-body {
    background: #FDFDFD;
}
/*** pagination ***/

.pagination>li>a {
    background: none repeat scroll 0 0 #F7F7F7;
    color: #111111;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background: none repeat scroll 0 0 #3d3d3d;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background: none repeat scroll 0 0 #3d3d3d;
    border-color: #3d3d3d;
    color: #fff;
}

.pager li>a,
.pager li>span {
    border-radius: 4px;
}

.pager li>a:hover,
.pager li>a:focus {
    background: #3d3d3d;
    color: #fff;
    border-color: #3d3d3d;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: #3d3d3d;
}

.progress-bar {
    background-color: #3d3d3d;
}

.progress-bar-success {
    background-color: #5BB75B;
}

.progress-bar-info {
    background-color: #49AFCD;
}

.progress-bar-warning {
    background-color: #FAA732;
}

.progress-bar-danger {
    background-color: #DA4F49;
}
/* END BOOSTRAP CUSTOMIZATION
================================================== */
/* TYPOGRAPHY
================================================== */

body {
    color: #777;
    background: #fefefe;
}

blockquote small {
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
}

h1 strong {
    background: #3d3d3d;
    color: #fff;
}

h2 i {
    color: #999
}

.subTitle {
    color: #999;
}

.largeQuote {
    background: #FDFDFD;
    border-top: 1px dashed #eee;
    border-bottom: 1px dashed #eee;
}

.title {
    background-color: #fff;
    border-bottom: 2px solid rgba(1, 1, 1, 0.075);
    border-top: 1px solid rgba(1, 1, 1, 0.05);
}
/*** parallax sections ***/

.paralaxMask:after,
.paralaxMask:before {
    display: block;
    content: "";
    height: 22px;
    position: absolute;
    width: 100%;
    border-radius: 60%;
    box-shadow: 0px 0 22px rgba(0, 0, 0, 0.5);
}

.paralaxMask:after {
    bottom: -22px;
}

.paralaxMask:before {
    top: -22px;
}

.paralaxMask {
    background: rgba(0, 0, 0, 0.05);
}

.paralaxText .iconRounded {
    border-color: #fff;
}

.paralaxText .iconRounded:hover {
    border-color: #fff;
    background: none;
}

.paralaxText h2 {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.25)
}
/* END TYPOGRAPHY
================================================== */
/* PARALLAX STUFF
================================================== */

#home,
#paralaxSlice1,
#paralaxSlice2,
#paralaxSlice3 {
    background-color: #3d3d3d;
}

#home,
#noSliderWrapper {
    background: url('../images/theme-pics/textures/sea-green-b-2.jpg') no-repeat #3d3d3d;
}

.paralaxText blockquote,
.paralaxText h1,
.paralaxText h2,
.paralaxText h2 small,
.paralaxText h3,
.paralaxText p,
.paralaxText i {
    color: #fff;
}
/* END PARALLAX STUFF
================================================== */
/* LINKS AND BUTTONS
================================================== */

a {
    color: #3d3d3d;
}

a:hover,
.scrollspyNav .active a {
    color: #3d3d3d;
}

ul.iconsList li a {
    color: #555;
}

ul.iconsList li a:hover,
ul.iconsList i {
    color: #3d3d3d;
}
/*** buttons ***/

.btn {
    background: #F7F7F7;
    color: #111111;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn:hover {
    background: #5e5e5e;
    border-color: #5e5e5e;
    color: #FFFFFF;
}

.btn-border {
    background: none;
    border: 2px solid #fff;
}

.btn-inverse {
    background: none repeat scroll 0 0 #555555;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    color: #FFFFFF!important;
}

.btn-inverse:hover {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid rgba(150, 150, 150, 0.25);
    color: #111111!important;
}

.btn-primary {
    background: #3d3d3d;
    color: #FFFFFF!important;
}

.btn-info {
    background: #49AFCD;
    color: #FFFFFF;
}

.btn-success {
    background: #5BB75B;
    color: #FFFFFF;
}

.btn-warning {
    background: #FAA732;
    color: #FFFFFF;
}

.btn-danger {
    background: #DA4F49;
    color: #FFFFFF!important;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
.btn-link:hover {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #49AFCD;
}

.btnWrapper {
    border: 1px solid #ccc;
}
/* END LINKS AND BUTTONS
================================================== */
/* HEADER
================================================== */

ul.quickMenu li a,
.contactPhone {
    color: #F7F7F7;
}

ul.quickMenu li a:hover {
    color: #555;
}
/* END HEADER
================================================== */
/* MAIN MENU 
================================================== */

#mainHeader {
    background-color: #fefefe;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

#mainHeader .navbar-inner {
    background: #444;
    filter: none !important;
}

#mainHeader.fixedHeader {
    background: rgba(255, 255, 255, 0.95);
}

#mainMenu .navbar-nav li {
    border-bottom: 1px dashed #eee;
}

#mainMenu .navbar-nav li:last-child,
#mainMenu .navbar-nav li:last-child a {
    border-bottom: none !important;
}

.navbar-nav > li > a > i,
.navbar-default .navbar-nav > li > a {
    color: #aaa;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
#resMainMenu li.active>a {
    color: #3d3d3d;
    background: none;
}

.navbar-nav > li.sep:before {
    color: #eee;
}

.navbar-default .navbar-nav > li > a.active {
    color: #3d3d3d;
}

.navbar-nav ul li a {
    color: #999;
}

.navbar-nav li.hover>a,
.navbar-nav ul li a:hover {
    color: #3d3d3d;
}

.navbar-nav ul li.hover>a {
    color: #fff;
}
/*** mega menu ***/
/*** MEDIA QUERIES ***/

@media(max-width:767px) {}

@media(min-width:768px) {
    /* normal header (no class on body) */
    
    .navbar-nav ul {
        background: #333;
    }
    .navbar-nav ul li a:hover,
    .navbar-nav ul li.hover>a {
        background: #3d3d3d;
        color: #fff;
    }
    #mainMenu .navbar-nav li {
        border-bottom: none;
    }
    #mainMenu .navbar-nav ul li a {
        border-bottom: 1px solid #444;
    }
    .nekoMegaMenu {
        background: #444;
    }
    .nekoMegaMenu h2 {
        color: #eee;
    }
    #boxedLayout {
        background: #3d3d3d;
    }
}

@media(min-width:992px) {}

@media(min-width:1200px) {}
/*** END MEDIA QUERIES ***/
/*** header options ***/
/* header 1 */

.header1 #preHeader {
    background-color: #333;
}

.header1 #mainHeader {
    border-bottom: none;
}

.header1 ul.quickMenu li,
.header1 .contactPhone {
    border-right: 1px solid #555;
}

.header1 .navbar-default .navbar-nav > li > a {
    color: #555;
}
/** header 2 **/

.header2 #mainHeader {
    border-bottom: none;
}

.header2 .navbar-default .navbar-nav > li > a {
    color: #555;
}
/*** header 3 ***/

.header3 #preHeader {
    border-bottom: 1px solid #eee;
    background: #fff;
}

.header3 #preHeader .socialNetwork a {
    border-left: 1px solid #eee;
}

.header3 #preHeader .socialNetwork li:last-child a {
    border-right: 1px solid #eee;
}
/**** header 4 ****/

.header4 #mainHeader {
    border-bottom: none;
}
/***** header 5 *****/

.header5 #preHeader {
    background: #3D3D3D;
}

.header5 ul.quickMenu li a,
.header5 .contactPhone,
.header5 #preHeader .socialNetwork i {
    color: #fff;
}
/*** MEDIA QUERIES ***/

@media(max-width:767px) {}

@media(min-width:768px) {
    /* Header 1 */
    
    .header1 .navbar-default .navbar-nav > li > a.active, .header1 .navbar-default .navbar-nav>li>a:hover, .header1 .navbar-default .navbar-nav>li.hover>a, .header1 #resMainMenu li.active>a {
        background: #3D3D3D;
        color: #fff;
    }
    /** header 2 **/
    
    .header2 .navbar-default .navbar-nav > li > a.active,
    .header2 .navbar-default .navbar-nav>li>a:hover,
    .header2 .navbar-default .navbar-nav>li.hover>a,
    .header2 #resMainMenu li.active>a {
        background: #3D3D3D;
        color: #fff;
    }
    .header2 .navbar-nav ul,
    .header2 .nekoMegaMenu {
        background: #3D3D3D;
    }
    .header2 #mainMenu .navbar-nav ul li a {
        border-color: rgba(255, 255, 255, 0.25);
    }
    .header2 .navbar-nav ul li a {
        color: #fff;
    }
    .header2 .navbar-nav ul li a:hover {
        background: #fff;
        color: #3D3D3D;
    }
    /*** header 3 ***/
    
    .header3 .navbar-default .navbar-nav > li > a {
        border-left: 1px solid #eee;
    }
    /**** header 4 ****/
    
    .header4 .navbar-default .navbar-nav > li > a {
        border-bottom: 4px solid #fff;
    }
    .header4 .navbar-default .navbar-nav>li>a:hover,
    .header4 .navbar-default .navbar-nav>li.hover>a,
    .header4 #resMainMenu li.active>a {
        border-bottom: 4px solid #f7f7f7;
        background: #f7f7f7;
    }
    .header4 .navbar-default .navbar-nav > li > a.active {
        border-bottom: 4px solid #3D3D3D;
        background: #f7f7f7;
    }
    .header4 .navbar-nav ul,
    .header4 .nekoMegaMenu {
        background: #eee;
    }
    .header4 .nekoMegaMenu h2 {
        color: #555;
    }
    .header4 #mainMenu .navbar-nav ul li a {
        border: none;
    }
    /***** header 5 *****/
    
    .header5 .navbar-nav ul,
    .header5 .nekoMegaMenu {
        background: #3D3D3D;
    }
    .header5 .navbar-default .navbar-nav > li > a.active,
    .header5 .navbar-default .navbar-nav>li>a:hover,
    .header5 .navbar-default .navbar-nav>li.hover>a,
    .header5 #resMainMenu li.active>a {
        background-color: #3D3D3D;
        color: #fff;
    }
    .header5 .navbar-nav ul li a {
        color: #fff;
    }
    .header5 .navbar-nav ul li a:hover,
    .header5 .navbar-nav ul li.hover > a {
        background: #fff;
        color: #3D3D3D;
    }
    .header5 #mainMenu .navbar-nav ul li a {
        border-color: rgba(255, 255, 255, 0.25);
    }
}

@media(min-width:992px) {}

@media(min-width:1200px) {}
/*** END MEDIA QUERIES ***/
/* END MAIN MENU 
================================================== */
/* FOOTER 
================================================== */

footer {
    color: #777;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
}

footer h1,
footer h2,
footer h3,
footer h4 {
    color: #777;
    font-weight: 300;
}

#footerRights {
    background-color: #eee;
    color: #999;
    border-top: 1px dashed #ccc;
}
/* END FOOTER 
================================================== */
/* HOME
================================================== */

#noSliderWrapper {
    background-color: #3d3d3d
}
/* END HOME
================================================== */
/* PAGES
================================================== */

.page-header {
    border-bottom: 1px solid rgba(1, 1, 1, 0.075);
    background: #5e5e5e;
}

.page-header h1,
.page-header p {
    color: #fff;
}

.page-header.bigHeader h1,
.page-header.bigHeader h2,
.page-header.bigHeader p {
    color: #333;
}

ul#navTrail li a {
    color: #eee;
}

ul#navTrail li a:hover {
    color: #3d3d3d;
}

ul#navTrail li#navTrailLast {
    color: #fff;
}
/** sidebar **/

nav#subnav ul li a {
    border-bottom: 1px solid #eee;
    color: #aaa;
}

nav#subnav ul li a.active,
nav#subnav ul li a:hover {
    border-bottom-color: #3d3d3d;
    color: #3d3d3d;
}
/* END PAGES
================================================== */
/* SLIDERS
================================================== */
/*** supersized ***/

#superSizedSlider h1,
#fullScreenSliderWrapper h1 {
    color: #fff;
    text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}
/*** OWL Carousel ***/

.owl-theme .owl-controls .owl-buttons div {
    background: #3d3d3d;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    background: #5e5e5e;
}

.owl-theme .owl-controls .owl-page span {
    background: #5e5e5e;
}

.carouselHome .owl-theme .owl-controls .owl-page span {
    background: #fff;
    color: #5e5e5e;
}

.owlCaption {
    color: #333;
    background: rgba(255, 255, 255, 0.5);
}
/**** camera ****/

.camera_neko_skin .camera_caption > div {
    background: rgba(255, 255, 255, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.42);
}

.camera_caption h1 {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.camera_caption h2 {
    color: #5e5e5e;
    background: #fff;
}

.camera_caption .camera_wrap a {
    background: inherit;
}
/**** end camera ****/
/**** Layer slider ***/

#layer-slider h1,
#layer-slider h2,
#layer-slider i {
    color: #fff;
}

#layer-slider h1 {
    text-shadow: 0 0 10px rgba(255, 255, 255, 1);
}

#layer-slider .bigCaption {
    color: #333;
    font-size: 16px;
}

#layer-slider-blog #layerslider h1,
#layer-slider-blog #layerslider h2 {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}
/* END SLIDERS
================================================== */
/* BLOG
================================================== */

.post h2 a {
    color: #555;
}

.post h2 a:hover {
    color: #3d3d3d;
}

.tagCloud a:link,
.tagCloud a:visited {
    background-color: #fff;
    color: #ccc;
    border: 1px solid #eee;
}

.tagcloud a:hover {
    background-color: #3d3d3d;
    color: #FFF;
}

p.credits {
    color: #555;
    background: #eee;
}

p.credits a {
    color: #3d3d3d;
}
}
.widget {
    border-bottom: 1px dashed #eee
}
.search .btn {
    border: 1px solid #DDD;
}
.search .btn:hover {
    border-color: #3d3d3d;
}
ul.entry-meta li a {
    background: #eee;
}
ul.entry-meta li a:hover {
    background: #3d3d3d;
    color: #fff;
}
/* END BLOG
================================================== */
/* PORTFOLIO
================================================== */

nav#filter a {
    border: 1px solid #ddd;
    color: #555;
}
nav#filter a:hover,
nav#filter a.current {
    background-color: #3d3d3d;
    color: #fff;
    border-color: #3d3d3d;
}
li.filterTitle {
    color: #4F6266;
}
section#projectDescription {
    background-color: #F8F8F8
}
.mfp-bg {
    background-color: #ffffff;
}
.boxLink {
    background: #3d3d3d;
    color: #fff;
    text-align: center;
    position: relative;
}
.boxLink h2 {
    color: #fff;
}
.generatedMoreLink {
    background-color: #3d3d3d;
}
/*** pinterest like ***/

.pinBox {
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.pinInfo li a {
    color: #fff;
}
.iconLinks a:hover i,
.pinInfo li a:hover {
    text-shadow: 0 0 5px #FFF;
}
.imgHover figcaption {
    background: #3d3d3d;
    color: #fff;
}
.imgHover figcaption h3 {
    color: #fff;
}
.neko-hover-1 figcaption .iconLinks a i {
    color: white;
}
/* END PORTFOLIO
================================================== */
/* MISCELANIOUS
================================================== */
/* Preloader one page */

#preloader {
    background-color: #3d3d3d;
    /* change if the mask should have another color then white */
}
/*** Scroll up Button ***/

#nekoToTop {
    color: #3d3d3d;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
#nekoToTop:hover {
    color: #fff;
    background: #3d3d3d;
}
/** focus color ***/

::-moz-selection {
    background: #3d3d3d;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #3d3d3d;
    color: #fff;
    text-shadow: none;
}
/*** hover images ***/

.mask {
    background: #3d3d3d;
}
.hoverInfo a i {
    color: #fff;
}
.hoverInfo a i.iconRounded {
    border-color: #fff;
}
.hoverInfo a:hover span {
    color: #3d3d3d;
}
.hoverInfo a:hover i.iconRounded {
    border-color: #3d3d3d;
}
/*** pricing table ***/

.pricingBloc {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.pricingBloc ul li {
    color: #444!important;
}
.pricingBloc ul li:nth-child(odd) {
    background-color: #f7f7f7;
}
.pricingBloc ul li:nth-child(even) {
    background-color: #fff;
}
.pricingBloc ul li:last-child {
    border-bottom: none;
}
.pricingBloc h2 {
    background-color: #fff;
    color: #888!important;
    border-bottom: 1px dashed #eee;
}
.pricingBloc h3 {
    background-color: #fff;
    color: #777;
}
.pricingBloc p {
    background-color: #fff;
    color: #444!important;
}
.pricingBloc.focusPlan {
    margin-top: 0;
    border-color: #D1D1D1;
}
.pricingBloc.focusPlan h2 {
    color: #3d3d3d!important;
    border-bottom: none;
}
.pricingBloc.focusPlan h3 {
    background-color: #3d3d3d;
    color: #fff!important;
}
/*** Form ***/

.form-control:focus {
    border: 1px dashed #3d3d3d;
    background-color: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.form-control {
    color: #444;
    border: 1px solid #ddd;
    background-color: #f7f7f7;
}
.error {
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;
}
label.error {
    color: #fff;
    background-color: #B94A48;
    border: none
}
#projectQuote,
#projectQuote h3 {
    background: #ddd;
    color: #444;
}
/* pop up */

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #3d3d3d;
}
/* END MISCELANIOUS
================================================== */
/* NEKO CSS FRAMEWORK
================================================== */

.boxContent {
    border: 1px dashed rgba(0, 0, 0, 0.15);
    border-top: none;
}
.boxContent h2,
.boxContent h3 {
    color: #3d3d3d;
}
/*** Feature box **/

.boxFeature i {
    color: #3d3d3d;
}
/*** Focus box **/

.boxFocus {
    border: 1px dashed #ddd;
}
/*** Icon box **/

.boxIcon a p {
    color: #777;
}
.boxIcon a:hover h2,
.boxIcon a:hover p {
    color: #3d3d3d;
}
/*** testimonial ***/

.boxTestimonial {
    background: #f7f7f7;
}
.boxTestimonial img {
    border: 1px solid rgba(0, 0, 0, 0.15);
}
/* miscelanious */

.whiteText {
    color: white;
}
.footerWidget .boxTestimonial blockquote {
    background: #333;
    color: #eee;
}
/*** call to action ***/

.ctaBox {
    border: 2px solid rgba(0, 0, 0, 0.05);
}
.ctaBoxFullwidth {
    border: none
}
.ctaBox blockquote {
    color: #fff;
}
/*color0*/

.color0 {
    background-color: #fff;
}
/*color1*/

.color1,
.ctaBox.color1 {
    background-color: #F7F7F7;
    color: #444;
}
.color1 h1,
.color1 h2,
.color1 h3,
.color1 h4,
.color1 blockquote,
.color1 a {
    color: #444;
}
.color1 a.btn {
    color: #111;
}
.color1 a.btn:hover {
    color: #fff;
}
.color1 .subTitle {
    color: #999;
}
/*color2*/

.color2,
.slice.color2,
.bulle.color2,
.ctaBox.color2 {
    background-color: #3d3d3d;
    color: #fff;
}
.color2 h1,
.color2 h2,
.color2 h3,
.color2 h4,
.color2 blockquote,
.color2 a {
    color: #fff;
}
.color2 a.btn {
    color: #111;
}
.color2 a.btn:hover {
    color: #fff;
}
.color2 a.btn-border {
    color: #fff;
}
.color2 h1 strong {
    background: #fff;
    color: #3d3d3d;
}
.color2 .ctaBox {
    border-color: rgba(255, 255, 255, 0.5);
}
.color2 h1:before,
.color2 h1:after {
    color: #5e5e5e;
}
/*** icons ***/

.iconRounded {
    color: #3d3d3d;
    border: 1px dashed #3d3d3d;
}
.iconRounded:hover,
.color1 .iconRounded:hover,
.boxIcon a:hover i {
    background-color: #5e5e5e;
    color: #fff;
    text-shadow: 0 0 5px #FFF;
    border-style: solid;
}
.color2 .iconRounded {
    background-color: #FFF;
    color: #3d3d3d;
}
/* END NEKO CSS FRAMEWORK
================================================== */