/*

1. FONT COLOR
2. BACKGROUND COLOR
3. BORDER COLOR
4. SELECTION COLOR
5. PLACEHOLDER COLOR



/* --------------------------------------------------------------------- */
/* 1. FONT COLOR
/* --------------------------------------------------------------------- */

body,
#pagination-navi a,
#work-grid .layer,
#news-grid .layer,
#news-grid .read-more,
input.text,
input.submit,
textarea,
.button .front,
.button.long .front,
.close-button,
.dropdown .visible-link,
.dropdown li a,
.triangle.white,
.icon.dark,
.tab-navi a,
.accordion .title, .toggle .title {
    color: #fff;
}

.button.white .bottom {
    color: #d6432e;
}


#main-navigation a.active,
#news-grid .read-more:hover,
a,
.close-button:hover,
a.triangle:hover,
.icon,
.process .triangle,
.pricing-table.top-price .price {
    color: #fefefe;
}



section.parallax.image,
.banner-content,
#news-grid .date,
#page-footer,
input.submit:hover,
input.submit.dark,
.button .bottom,
.button.white .front,
.button.long .bottom,
.dropdown .visible-link.active,
.dropdown:hover .visible-link,
.triangle,
.button.color .front {
    color: #fff;
}



/* --------------------------------------------------------------------- */
/* 2. BACKGROUND COLOR
/* --------------------------------------------------------------------- */

body,
#page-preloader,
#comments .comment:after,
.devider,
.dropdown ul,
.owl-theme .owl-controls .owl-page span {
    background-color: #fefefe;
}



input.submit,

.button.long .front,
.tab-navi a,
.tab-content-container,
.alert-box,
.accordion .title,
.toggle .title,
.accordion .content,
.toggle .content {
    background-color: #3d4148;
}



section.parallax,
input.submit.dark:hover,
.button.color .front,
.button.color:hover .front,
.accordion .title:hover,
.toggle .title:hover,
.accordion .title.active,
.toggle .title.active {
    background-color: #fefefe;
}



#work-grid .layer,
.team-member .layer,
#news-grid .layer {
    background-color: rgba(0,0,0,0.95);
}



#pagination-navi .dot,
.filter-tabs li.active .button .front,
#news-grid .date,
#page-footer,
input.submit:hover,
input.submit.dark,
.button .bottom,
.button:hover .front,
.button.long .bottom,
.button.long:hover .front,
.dropdown .visible-link.active,
.dropdown:hover .visible-link,
.white-grapper,
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #3d4148;
}




/* --------------------------------------------------------------------- */
/* 3. BORDER COLOR
/* --------------------------------------------------------------------- */

#pagination-navi a.active .dot,
#pagination-navi a:hover .dot,
#page-footer:before,
input.text,
textarea,
.button .front,
.button .bottom,
.button.long .bottom,
.dropdown .visible-link,
.tab-navi a:hover,
.tab-navi a.active {
    border-color: #fff;
}



section.arrow:before {
    border-color: #f0f1f1;
}

.button.white .front,
.button.long .front,
.tab-navi a {
    border-color: #fff;
}



p.highlighting,
.button.color .front {
    border-color: #ca4633;
}




/* --------------------------------------------------------------------- */
/* 4. SELECTION COLOR
/* --------------------------------------------------------------------- */

::selection {
    background: #3d4148;
    color: #b6ded1;
}
::-moz-selection {
    background: #3d4148;
    color: #b6ded1;
}




/* --------------------------------------------------------------------- */
/* 5. PLACEHOLDER COLOR
/* --------------------------------------------------------------------- */

::-webkit-input-placeholder {
    color: #3d4148;
}
:-moz-placeholder {
    color: #3d4148;
}
::-moz-placeholder {
    color: #3d4148;
}
:-ms-input-placeholder {
    color: #3d4148;
}