/* --------------------------------------------------------------------- */
/* 1. BACKGROUND COLOR
/* --------------------------------------------------------------------- */
#blog-preview li:hover{
	background-color: #F4C20B;
}
.headline-wrapper{
	background:#fff;
}
.black-color{
	color:#000;
}
.wrapper.color-bg,
#banner .scroll-down a:hover,
.work-tabs li a:hover,
.work-tabs li.active a,
#work-wrapper #close-work-wrapper:hover,
#blog-wrapper #close-blog-wrapper:hover,
.button,
input.submit,
.social-icons a:hover,
.pricing-table.best-price .header,
.toggle-box .toggle .header.active,
.skillbar .percent-bg,
.maximage-prev:hover,
.maximage-next:hover,
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-controls-direction a:hover {
    background-color: #00a5e1;
}

.toggle-box .toggle .header:hover{
	 background-color: #00A5E1;
}

.button:hover,
input.submit:hover {
    background: #009BD3;
}

#work-preview .layer {
    background-color: rgba(188,67,24,0.85);
}

#page-preloader,
#work-wrapper,
#blog-preview li,
#blog-wrapper,
.pricing-table,
.skillbar,
.callout-box,
.alert-box,
.bx-wrapper .bx-loading {
    background-color: #F4C20B;
}


.toggle-box .content{
	background-color:#eee;
}

body{
	background:#fff;
	color:#000 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a,
div.map-popup {
    background-color: #F4C20B;
}
.bg-yellow{
	background:#F4C20B;
}
#header {
    background-color: #00a5e1;
}

.bottom-box {
    background-color: #272626;
}

input.text, textarea {
    background: rgba(255,255,255,0.7);
}
.orange{
	color:#00A5E1;
}

/* --------------------------------------------------------------------- */
/* 2. FONT COLOR
/* --------------------------------------------------------------------- */
.about li{
	border-bottom:1px solid #DFDFDF;
}
.about li a {
	
	color:#042641;
	
}
.about li a:hover{
	color:#c9242a;
	
	
}




a,
#main-navigation li a:hover,
#main-navigation li a.active,
.color,
.button.border:hover,
.icon-box:hover i,
.social-links a {
    color: #000;
}

.links{
	color:#FFFFFF;
	
}

.links:hover{
	
color:#c9242a;	
}



#open-nav:hover {
    color: #c9242a;
}

body,
.social-links a,
#open-nav,
#main-navigation li a,
.work-tabs li a,
.work-tabs li a:hover,
.work-tabs li.active a,
#work-preview li a,
.button,
.button.border,
input.submit,
.social-icons a,
.toggle-box .toggle .header,
.tab-content-navi li a,
.alert-box .close:hover {
    color: #fff;
}

p.undertitle {
    color: rgba(255,255,255,0.8);
}

.bottom-box,p.blockquote{
	color:#fff;
}
input.text::-webkit-input-placeholder,
input.button,
textarea::-webkit-input-placeholder  {
    color: #000;
}
input.text,
input.button,
textarea  {
    color: #000;
}


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

#banner .scroll-down a,
.work-tabs li a,
#work-wrapper #close-work-wrapper,
#blog-wrapper #close-blog-wrapper,
.button.border, .social-icons a,
.maximage-prev, .maximage-next,
.bx-wrapper .bx-controls-direction a {
    border-color: #d7d7d7;
}

#banner .scroll-down a:hover,
.work-tabs li a:hover,
.work-tabs li.active a,
#work-wrapper #close-work-wrapper:hover,
#blog-wrapper #close-blog-wrapper:hover,
.button,
.button.border:hover,
input.submit,
.social-icons a:hover,
p.blockquote,
.pricing-table.best-price .header,
.tab-content-navi a.active, .tab-content-navi a:hover,
.callout-box,
.maximage-prev:hover,
.maximage-next:hover,
.bx-wrapper .bx-controls-direction a:hover {
    border-color: #00a5e1;
}

.button:hover,
input.submit:hover {
    border-color: #009BD3;
}

.tab-content-navi,
.tab-content-navi li a {
    border-color: #00A5E1;
}

.hr {
    border-color: rgba(255,255,255,0.15);
}

.pricing-table .header, .pricing-table .content {
    border-color: rgba(255,255,255,0.35);
}