:root{
--main-color:#2698cd;
--chat-color:#2a97fd;
--light-gray:#f5f5f5;
--light-gray2:#ddd;
--gray:#999;
--dark-gray:#777;
--dark-gray2:#333;
}

/* COLORS */
label [type="radio"]:checked + span:before,label [type="checkbox"]:checked + span:before,.button,button,.active,.navitems a.active:hover,input[type="submit"],.groups.active,.filters.active{background:var(--main-color)}
.navitems .active{border-color:var(--main-color)}
.colored,.toggle,.link,.fcbox span,.totop em,.scrolldown em{color:var(--main-color)}
.bordertop{border-top:2px solid var(--main-color)}
.borderbottom{border-bottom:2px solid var(--main-color)}

.testimonial:hover{background:var(--light-gray)}
.button,button,.navigation .active,.footer,input[type="submit"],.graybar,.groups.active,.filters.active,.filters.active span,.groups.active span,.menu2.active a{color:#fff}

h1,h2,h3,h4,h5,h6{color:var(--dark-gray2)}
.navigation,.menu2:not(.active){background:rgba(255,255,255,0.9);}

.slogan,.footer,.social{background-color:var(--dark-gray2)}
.slogan,.footer,.footer a{color:#ddd}
.footer{color:#999}
.graybar{background:linear-gradient(#888,#999)}

.service:hover{background:#ddd}
.button:hover,button:hover{background:#555}

.navitems a,.navigation li{border-left:1px solid #eee}
.navitems a:hover,.navigation li:hover,.service{background:#eee}

.testimonials{background:linear-gradient(#f5f5f5,#eee)}
.testimonial .socialmedia{color:#888}
.content,.testimonial{background:#fff}

.mainimage .text{background:rgba(0,0,0,0.6);color:#eee}

.activeb{background:#eee}