/* 
    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: #000;
    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.33);
}

.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: #e02a29;
    border-color: #e02a29;
    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: #e02a29;
    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,
	.navbar-nav ul li .active {
        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: #e02a29;
    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 {
    color: #fff;
    border-style: solid;
}

.color2 .iconRounded {
    background-color: #FFF;
    color: #3d3d3d;
}


/* END NEKO CSS FRAMEWORK
================================================== */