body.color-blue #about .main-container .button-groups ul li a:hover{background-color:#0078d4}
body.color-blue #about .main-container .content-group .title{border-left:3px solid #0078d4}
body.color-blue #about .main-container .content-group .service-container .card .card-body .name a{color:#0078d4}
body.color-blue #about .main-container .content-group .pricing-container .card .card-footer a:hover{background-color:#0078d4}
body.color-blue #about .main-container .content-group .clients-container .flink a:hover{background-color:#0078d4}
body.color-blue #about .main-container .content-group .fun-facts-container .card .card-body .text b{color:#0078d4}
body.color-blue #about .main-container .content-group .testimonials-container .owl-dots .owl-dot.active{background-color:#0078d4}
body.color-blue #time .main-container .content-group .title{border-left:3px solid #0078d4}
body.color-blue .filter .f_btn.active label{color:#0078d4}
body.color-blue #blog .main-container .grid-items .card .card-body .image-area span{background-color:#0078d4}
body.color-blue #contacts .main-container .content-group .title{border-left:3px solid #0078d4}
body.color-blue header .links-area ul li.active a{border-left-color:#0078d4}
body.color-blue .pages .sub-pages .section .main-container .main-desc b,body.color-blue .pages .sub-pages .section .main-container .main-desc strong,body.color-blue .testimonials-container .card .card-footer .name{color:#0078d4}
body.color-blue .owl-carousel-banner .owl-dots .owl-dot.active{background:#0078d4}
body.color-blue .mfp-wrap.popup-box-inline .popup-box .btn-area a:hover{background-color:#0078d4}
body.color-blue .mfp-wrap.popup-box-inline .mfp-close{background-color:#0078d4}
body.color-blue .mfp-wrap.popup-box-inline .popup-box .content-area .content blockquote{border-left:3px solid #0078d4}

@media (max-width:1023px){
  body.color-blue header .links-area ul li.active a{border-bottom:3px solid #0078d4}
}
body.color-green #about .main-container .button-groups ul li a:hover{background-color:#009688}
body.color-green #about .main-container .content-group .title{border-left:3px solid #009688}
body.color-green #about .main-container .content-group .service-container .card .card-body .name a{color:#009688}
body.color-green #about .main-container .content-group .pricing-container .card .card-footer a:hover{background-color:#009688}
body.color-green #about .main-container .content-group .clients-container .flink a:hover{background-color:#009688}
body.color-green #about .main-container .content-group .fun-facts-container .card .card-body .text b{color:#009688}
body.color-green #about .main-container .content-group .testimonials-container .owl-dots .owl-dot.active{background-color:#009688}
body.color-green #time .main-container .content-group .title{border-left:3px solid #009688}
body.color-green .filter .f_btn.active label{color:#009688}
body.color-green #blog .main-container .grid-items .card .card-body .image-area span{background-color:#009688}
body.color-green #contacts .main-container .content-group .title{border-left:3px solid #009688}
body.color-green header .links-area ul li.active a{border-left-color:#009688}
body.color-green .pages .sub-pages .section .main-container .main-desc b,body.color-green .pages .sub-pages .section .main-container .main-desc strong,body.color-green .testimonials-container .card .card-footer .name{color:#009688}
body.color-green .owl-carousel-banner .owl-dots .owl-dot.active{background:#009688}
body.color-green .mfp-wrap.popup-box-inline .popup-box .btn-area a:hover{background-color:#009688}
body.color-green .mfp-wrap.popup-box-inline .mfp-close{background-color:#009688}
body.color-green .mfp-wrap.popup-box-inline .popup-box .content-area .content blockquote{border-left:3px solid #009688}

@media (max-width:1023px){
  body.color-green header .links-area ul li.active a{border-bottom:3px solid #009688}
}
body.color-purple #about .main-container .button-groups ul li a:hover{background-color:#a7296a}
body.color-purple #about .main-container .content-group .title{border-left:3px solid #a7296a}
body.color-purple #about .main-container .content-group .service-container .card .card-body .name a{color:#a7296a}
body.color-purple #about .main-container .content-group .pricing-container .card .card-footer a:hover{background-color:#a7296a}
body.color-purple #about .main-container .content-group .clients-container .flink a:hover{background-color:#a7296a}
body.color-purple #about .main-container .content-group .fun-facts-container .card .card-body .text b{color:#a7296a}
body.color-purple #about .main-container .content-group .testimonials-container .owl-dots .owl-dot.active{background-color:#a7296a}
body.color-purple #time .main-container .content-group .title{border-left:3px solid #a7296a}
body.color-purple .filter .f_btn.active label{color:#a7296a}
body.color-purple #blog .main-container .grid-items .card .card-body .image-area span{background-color:#a7296a}
body.color-purple #contacts .main-container .content-group .title{border-left:3px solid #a7296a}
body.color-purple header .links-area ul li.active a{border-left-color:#a7296a}
body.color-purple .pages .sub-pages .section .main-container .main-desc b,body.color-purple .pages .sub-pages .section .main-container .main-desc strong,body.color-purple .testimonials-container .card .card-footer .name{color:#a7296a}
body.color-purple .owl-carousel-banner .owl-dots .owl-dot.active{background:#a7296a}
body.color-purple .mfp-wrap.popup-box-inline .popup-box .btn-area a:hover{background-color:#a7296a}
body.color-purple .mfp-wrap.popup-box-inline .mfp-close{background-color:#a7296a}
body.color-purple .mfp-wrap.popup-box-inline .popup-box .content-area .content blockquote{border-left:3px solid #a7296a}

@media (max-width:1023px){
  body.color-purple header .links-area ul li.active a{border-bottom:3px solid #a7296a}
}

body.color-red #about .main-container .button-groups ul li a:hover{background-color:#da4453}
body.color-red #about .main-container .content-group .title{border-left:3px solid #da4453}
body.color-red #about .main-container .content-group .service-container .card .card-body .name a{color:#da4453}
body.color-red #about .main-container .content-group .pricing-container .card .card-footer a:hover{background-color:#da4453}
body.color-red #about .main-container .content-group .clients-container .flink a:hover{background-color:#da4453}
body.color-red #about .main-container .content-group .fun-facts-container .card .card-body .text b{color:#da4453}
body.color-red #about .main-container .content-group .testimonials-container .owl-dots .owl-dot.active{background-color:#da4453}
body.color-red #time .main-container .content-group .title{border-left:3px solid #da4453}
body.color-red .filter .f_btn.active label{color:#da4453}
body.color-red #blog .main-container .grid-items .card .card-body .image-area span{background-color:#da4453}
body.color-red #contacts .main-container .content-group .title{border-left:3px solid #da4453}
body.color-red header .links-area ul li.active a{border-left-color:#da4453}
body.color-red .pages .sub-pages .section .main-container .main-desc b,body.color-red .pages .sub-pages .section .main-container .main-desc strong,body.color-red .testimonials-container .card .card-footer .name{color:#da4453}
body.color-red .owl-carousel-banner .owl-dots .owl-dot.active{background:#da4453}
body.color-red .mfp-wrap.popup-box-inline .popup-box .btn-area a:hover{background-color:#da4453}
body.color-red .mfp-wrap.popup-box-inline .mfp-close{background-color:#da4453}
body.color-red .mfp-wrap.popup-box-inline .popup-box .content-area .content blockquote{border-left:3px solid #da4453}

@media (max-width:1023px){
  body.color-red header .links-area ul li.active a{border-bottom:3px solid #da4453}
}

body.color-yellow #about .main-container .button-groups ul li a:hover{background-color:#f6b225}
body.color-yellow #about .main-container .content-group .title{border-left:3px solid #f6b225}
body.color-yellow #about .main-container .content-group .service-container .card .card-body .name a{color:#f6b225}
body.color-yellow #about .main-container .content-group .pricing-container .card .card-footer a:hover{background-color:#f6b225}
body.color-yellow #about .main-container .content-group .clients-container .flink a:hover{background-color:#f6b225}
body.color-yellow #about .main-container .content-group .fun-facts-container .card .card-body .text b{color:#f6b225}
body.color-yellow #about .main-container .content-group .testimonials-container .owl-dots .owl-dot.active{background-color:#f6b225}
body.color-yellow #time .main-container .content-group .title{border-left:3px solid #f6b225}
body.color-yellow .filter .f_btn.active label{color:#f6b225}
body.color-yellow #blog .main-container .grid-items .card .card-body .image-area span{background-color:#f6b225}
body.color-yellow #contacts .main-container .content-group .title{border-left:3px solid #f6b225}
body.color-yellow header .links-area ul li.active a{border-left-color:#f6b225}
body.color-yellow .pages .sub-pages .section .main-container .main-desc b,body.color-yellow .pages .sub-pages .section .main-container .main-desc strong,body.color-yellow .testimonials-container .card .card-footer .name{color:#f6b225}
body.color-yellow .owl-carousel-banner .owl-dots .owl-dot.active{background:#f6b225}
body.color-yellow .mfp-wrap.popup-box-inline .popup-box .btn-area a:hover{background-color:#f6b225}
body.color-yellow .mfp-wrap.popup-box-inline .mfp-close{background-color:#f6b225}
body.color-yellow .mfp-wrap.popup-box-inline .popup-box .content-area .content blockquote{border-left:3px solid #f6b225}

@media (max-width:1023px){
  body.color-yellow header .links-area ul li.active a{border-bottom:3px solid #f6b225}
}