/* ---------------------- 
Stylesheet Guide
-------------------------

GENERAL
HOMEPAGE STRUCTURE
SINGLE PAGE STRUCTURE
SLIDING PANEL
MENU SIDEBAR
FLICKR
FORMS
ICONS
COLORBOX
OWL CAROUSEL
TABS
TESTIMONIALS
OUR TEAM
FLEX IMAGE
BLOG
COMMENTS
ACCORDION
INFO BOX
PROJECTS GALLERY
FOOTER

*/
/* ================= GENERAL ================== */
body {
    background-color: #f2f2f2;
    color:#6C7476;
}
body.home-overflow-hidden {
    background-color: #212121;
}
h1,h2,h3,h4,h5,h6 {
    color:#212121;
}
p {
    color:#6C7476;
}
a {
    color:#212121;
}
blockquote {
    background: #f2f2f2;
}
blockquote:before {
	background: #212121;
}
blockquote:after {
	color: #fff;
}
blockquote cite {
    color:#212121;
}
.label,.gray-box {
    background: #f2f2f2;
}
hr {
    background-color: #f2f2f2;
}
.flex-img a {
    background-color: #f9d400;
}
/* ================= HOMEPAGE STRUCTURE ================== */
.main-header-bar {
    background-color: #313131;
}
.main-header-bar {
    color: #fff;
}
.main-header-bar-info a {
    color:#fff;
}
.main-header-menu {
    background-color: #212121;
}
.main-header-menu:hover {
    background-color: #f9d400;
}
.carousel-title,.carousel-hidden-text {
    background-color: #fff;
    color:#212121;
}
.carousel-hidden-text {
    background-color: #f9d400;
}
#customprev,#customnext {
    background-color: #212121;
}
#customprev:hover,#customnext:hover {
    background-color: #f9d400;
}
/* ================= SINGLE PAGE STRUCTURE ================== */
#ct-intro {
    background-color: #212121;
}
#ct-intro h1 {
    background-color: #f9d400;
    color: #212121;
}
#ct-intro p span{
    background-color: #212121;
    color: #fff;
}
.ct-content {
    background-color: #fff;
}
/* ================= SLIDING PANEL ================== */
#dv-overlay {
    background-color: #212121;
}
.dv-panel {
    background-color: #fff;
}
.page-title {
    background-color: #313131;
}
.page-title h1{
    color:#fff;
}
.dv-panel-inner hr {
    background-color: #f2f2f2;
}
.close-dv-panel-bt {
    background-color: #212121;
}
.close-dv-panel-bt:hover {
    background-color: #f9d400;
}
/* ================= MENU SIDEBAR ================== */
#mainmenu ul li a {
    color: #212121;
}
#mainmenu ul li a:hover {
    color: #212121;
}
#mainmenu ul ul {
    border-left: 3px solid #f9d400;
}
#mainmenu ul ul a{
    color:#6C7476;
}
.recentposts li a {
    border-left: 3px solid #f9d400;
    color: #6C7476;
}
.recentposts li a:hover {
    border-left: 3px solid #212121;
    color:#212121;
}
.tags {
    color: #6C7476;
    border-left: 3px solid #6C7476;
    background-color: #f2f2f2;
}
.tags:hover {
    color: #212121;
    border-left: 3px solid #212121;
    background-color: #f9d400;
}
/* ================= FLICKR  ================== */
.flickr-box li img {
    border:3px solid #f2f2f2;
}
.flickr-box li img:hover {
    border:3px solid #f9d400;
}
/* ================= FORMS ================== */
input,
textarea {
    border: 1px solid #f2f2f2;
    color: #6C7476;
}
input:focus,
textarea:focus {
    border: 1px solid #212121;
    color: #212121;
}
.button {
    color: #fff !important;
    background-color: #313131;
}
.button:hover {
    color: #313131 !important;
    background-color: #f9d400;
}
.readmore-button{
    color: #313131 !important;
    border: 3px solid #fff;
}
.readmore-button:hover {
    background-color: #f9d400;
    border: 3px solid #f9d400;
}
/* ================= ICONS ================== */

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    color: #212121;
}
.icon-container {
    background-color: #f9d400;
}
/* ================= COLORBOX ================== */
#cboxOverlay{
    background:#313131;
}
#cboxContent{
    background:#212121;
}
.cboxIframe{
    background:#212121;
}
#cboxError{
    border:1px solid #f9d400;
}
#cboxLoadedContent{
    background:#212121;
}
#cboxLoadingOverlay{
    background:#212121;
}
#cboxTitle{
    color:#f2f2f2;
}
/* ================= OWL CAROUSEL  ================== */

.owl-theme .owl-dots .owl-dot span {
    background: #f2f2f2;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #212121;
    border:3px solid #313131;
}
.owl-theme .owl-controls .owl-nav {
    color: #fff;
    background-color: #f2f2f2;
}
/* ================= TABS ================== */

.resp-tab-active {
    border-top: 3px solid #f9d400 !important;
}
.resp-tabs-list li:hover {
    background-color: #f2f2f2;
}
.resp-tabs-list li.resp-tab-active {
    background-color: #f2f2f2;
}
.resp-tabs-container {
    background-color: #f2f2f2;
}
.resp-tab-active {
    background-color: #f2f2f2;
}
.resp-vtabs .resp-tabs-list li {
    color:#212121;
}
/*-----------Vertical tabs-----------*/

.resp-vtabs .resp-tabs-list li:hover {
    background-color: #f2f2f2;
    border-left: 3px solid #f9d400;
}
.resp-vtabs .resp-tabs-list li.resp-tab-active {
    background-color: #f2f2f2;
    border-left: 3px solid #f9d400;
}
h2.resp-tab-active {
    background-color: #f2f2f2;
}
/* ================= TESTIMONIALS ================== */

.testimonial .testimonial-text {
    background-color: #f2f2f2;
    border-bottom: 3px solid #f9d400;
}
.testimonial .testimonial-text:before {
    border-top-color: #f9d400 !important;
}
.testimonial .testimonial-text:after {
    border-top-color: #f2f2f2 !important;
}
.testimonial-name {
    color: #212121;
}
/* ================= OUR TEAM ================== */
.our-team > figcaption > div {
    background-color: #f2f2f2;
}
.our-team > img {
    border-bottom: 3px solid #f9d400;
}
/* ================= FLEX IMAGE ================== */
.caption-image img {
    border:10px solid #f2f2f2;
}
.caption-image figcaption {
    background-color:#f2f2f2;
}
/* ================= BLOG ================== */
.blogcontainer {
    background-color: #f2f2f2;
}
.blogimage a{
    background-color: #f9d400;
}
.postcontent h4 a{
    color:#212121;
}
.postcontent h4 a:hover{
    color:#212121;
}
.postcontent > hr {
    background-color: #fff;
}
/* ================= COMMENTS  ================== */
.comments_content{
    border-top:1px solid #f2f2f2;
}
/* ================= ACCORDION  ================== */
#accordion-container {
	border-top: 1px solid #f2f2f2;
}
.accordion-header {
	border-bottom: 1px solid #f2f2f2;
}
.accordion-header:hover {
	color:#212121;
}
.active-header {
	color:#212121;
}
.accordion-content {
	border-bottom: 1px solid #f2f2f2;
}
/* ================= INFO BOX ================== */
.ct-message {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .20) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .20) 50%, rgba(255, 255, 255, .20) 75%, transparent 75%, transparent);
    border-bottom: 3px solid rgba(0,0,0,0.1);
    background-color: #f2f2f2;
}
/* ================= PROJECT GALLERY ================== */
.project-photo {
    background-color: #f9d400;
}
/* ================= FOOTER ================== */
#footer {
    background-color: #313131;
    color: #fff;
}
#footer h5 {
    color: #fff;
}
#footer-widgets p,
.footer-widget .footer-list li a,
.footer-widget ul li a:hover,
.credits {
    color: #fff;
}
.footer-widget .footer-list li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.footer-info {
    background-color: #212121;
}
#footer .tags {
    color: #fff;
    border-left: 3px solid #6C7476;
    background-color: #212121;
}
#footer .tags:hover {
    color: #fff;
    border-left: 3px solid #f9d400;
    background-color: #212121;
}
.credits .credits-right a{
    color:#fff;
}