/* ----------------------------------------------------------------
    Colors

    Replace the HEX Code with your Desired Color HEX
-----------------------------------------------------------------*/

/* DEFAULT COLOR */
/*h1, h2, h3,*/ .btn-basic, #top-bar,
#offcanvas-toggler .fa-bars,
#footer .btn-footer i,
.module-heading .sub-title,
.our-services .featured-services a:hover .h4,
.owl-theme .owl-nav [class*=owl-]:hover,
.usedTechnologies ul li.titles div *:last-child,
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li > a:hover,
.main_content_left h4,
.main_content_right h4,
.main_content_left_k2 h4,
.main_content_right_k2 h4,
.main_content_left_k2_item h4,
.main_content_right_k2_item h4,
.sidebarModules .nav li a:hover,
.sidebarModules .nav li a:focus,
.sidebarModules .nav li.activeCategory a,
.sidebarModules .menu li a:hover,
.sidebarModules .menu li a:focus,
.sidebarModules .menu li.activeCategory a,
.nav-pills > li > a,
.itemView .itemBody h2,
.itemView .itemBody h3,
.itemView .itemBody h4,
a.cbs-link:hover,
.blog .cat-link a,
table.calendar tr td.calendarDateLinked,
div.itemTagsBlock ul.itemTags li a,
.latest-in-out-blog .single-blog .to-blog-details:hover,
.pagination > li > a, .pagination > li > span,
.contact-box > span:first-child,
.contact-box a:hover,
.contacts h4 span,
.main_content a:not(.btn-basic):not(.cbs-link):not(.nav-link):not(.service-link){
	color: #4682B4;
}
#top-bar a:after,
.module-heading h2:before,
.module-heading h2:after,
.module-heading h3:before,
.module-heading h3:after,
.custom-header:before,
.custom-header:after,
.btn-basic:hover,
.ui.form .ui.button,
.ui.form .ui.button:hover,
.ui.form .ui.button:active,
.ui.form .ui.button:focus,
.pre_footer,
.footer_bottom,
.our-services ul li a:hover,
.main_content_bottom .sidebarModules:after,
.usedTechnologies ul li figcaption,
.sidebarModules .nav li a:after,
.sidebarModules .menu li a:after,
.main_content_left .sidebarModules:hover:after,
.main_content_right .sidebarModules:hover:after,
.main_content_left_k2 .sidebarModules:hover:after,
.main_content_right_k2 .sidebarModules:hover:after,
.main_content_left_k2_item .sidebarModules:hover:after,
.main_content_right_k2_item .sidebarModules:hover:after,
.nav-pills > li > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.main_content_left .sidebarModules:hover:after,
.main_content_right .sidebarModules:hover:after,
.main_content_left_k2 .sidebarModules:hover:after,
.main_content_right_k2 .sidebarModules:hover:after,
.main_content_left_k2_item .sidebarModules:hover:after,
.main_content_right_k2_item .sidebarModules:hover:after,
.itemView.masonry .itemBody .sidebarModules:hover:after,
.blog .single-blog .blog-heading:after,
.K2SearchNews .search-icon,
table.calendar tr td.calendarDateLinked a:hover,
table.calendar tr td.calendarTodayLinked,
table.calendar tr td.calendarToday,
div.itemTagsBlock ul.itemTags li a:after,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
section.timeline .timeline-box .experience-info > *,
section.timeline .timeline-box.right:after,
.contact-box a:after,
.main_content a:not(.btn-basic):not(.cbs-link):not(.nav-link):not(.service-link):after{
	background: #4682B4;
}
.ug-thumb-overlay{
	background-color: rgba(70, 130, 180, 0.7) !important;
}
.thumb-info .thumb-info-wrapper:after{
	background: rgba(35, 65, 90, 0.7);
}
.thumb-info:hover .thumb-info-wrapper:after{
	background: rgba(70, 130, 180, 0.3);
}
.btn-basic,
.our-services .featured-services a:hover,
.our-services .featured-services a:hover .image img,
.latest-news .date,
.nav-pills > li > a,
.our-services .featured-services .image,
a.cbs-link.bordered:hover,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
section.timeline .timeline-box.right:after,
.contact-box > span i{
	border-color: #4682B4;
}

.pre_footer,
.footer_bottom{
	background: #002e54;
}
#go-up:hover i{
	color: #002e54;
}

.latest-news .date{
	background: #99D2F2;
}
/* END DEFAULT COLOR */

/* RED */
/*body.red h1,
body.red h2,
body.red h3,*/
body.red .btn-basic,
body.red #offcanvas-toggler .fa-bars,
body.red .module-heading .sub-title,
body.red .our-services .featured-services a:hover .h4,
body.red .owl-theme .owl-nav [class*=owl-]:hover,
body.red .nav-pills > li.active > a, body.red .nav-pills > li.active > a:hover, body.red .nav-pills > li.active > a:focus, body.red .nav-pills > li > a:hover,
body.red .main_content_left h4,
body.red .main_content_right h4,
body.red .main_content_left_k2 h4,
body.red .main_content_right_k2 h4,
body.red .main_content_left_k2_item h4,
body.red .main_content_right_k2_item h4,
body.red .sidebarModules .nav li a:hover,
body.red .sidebarModules .nav li a:focus,
body.red .sidebarModules .nav li.activeCategory a,
body.red .sidebarModules .menu li a:hover,
body.red .sidebarModules .menu li a:focus,
body.red .sidebarModules .menu li.activeCategory a,
body.red .nav-pills > li > a,
body.red .itemView .itemBody h2,
body.red .itemView .itemBody h3,
body.red .itemView .itemBody h4,
body.red a.cbs-link:hover,
body.red .blog .cat-link a,
body.red table.calendar tr td.calendarDateLinked,
body.red div.itemTagsBlock ul.itemTags li a,
body.red .latest-in-out-blog .single-blog .to-blog-details:hover,
body.red .pagination > li > a, .pagination > li > span,
body.red .contact-box > span:first-child,
body.red .contact-box a:hover,
body.red .contacts h4 span,
body.red .main_content a:not(.btn-basic):not(.cbs-link):not(.nav-link):not(.service-link){
	color: #B23838;
}

#header #mainMenu li.red > .nav-child,
#header #mainMenu li.red.parent.selected > a,
#header #mainMenu li.red.selected:hover > a,
#header #mainMenu li.red.active > a,
#header #mainMenu > li.red > a:focus,
#header #mainMenu li.red .dropdown-content .childModules,
body.red .module-heading h2:before,
body.red .module-heading h2:after,
body.red .module-heading h3:before,
body.red .module-heading h3:after,
body.red .custom-header:before,
body.red .custom-header:after,
body.red .btn-basic:hover,
body.red .ui.form .ui.button,
body.red .ui.form .ui.button:hover,
body.red .ui.form .ui.button:active,
body.red .ui.form .ui.button:focus,
body.red .main_content_bottom .sidebarModules:after,
body.red .usedTechnologies ul li figcaption,
body.red .latest-news .date,
body.red .sidebarModules .nav li a:after,
body.red .sidebarModules .menu li a:after,
body.red .main_content_left .sidebarModules:hover:after,
body.red .main_content_right .sidebarModules:hover:after,
body.red .main_content_left_k2 .sidebarModules:hover:after,
body.red .main_content_right_k2 .sidebarModules:hover:after,
body.red .main_content_left_k2_item .sidebarModules:hover:after,
body.red .main_content_right_k2_item .sidebarModules:hover:after,
body.red .nav-pills > li > a:hover,
body.red .nav-pills > li.active > a,
body.red .nav-pills > li.active > a:hover,
body.red .nav-pills > li.active > a:focus,
body.red .main_content_left .sidebarModules:hover:after,
body.red .main_content_right .sidebarModules:hover:after,
body.red .main_content_left_k2 .sidebarModules:hover:after,
body.red .main_content_right_k2 .sidebarModules:hover:after,
body.red .main_content_left_k2_item .sidebarModules:hover:after,
body.red .main_content_right_k2_item .sidebarModules:hover:after,
body.red .itemView.masonry .itemBody .sidebarModules:hover:after,
body.red .blog .single-blog .blog-heading:after,
body.red .K2SearchNews .search-icon,
body.red table.calendar tr td.calendarDateLinked a:hover,
body.red table.calendar tr td.calendarTodayLinked,
body.red table.calendar tr td.calendarToday,
body.red div.itemTagsBlock ul.itemTags li a:after,
body.red .pagination > .active > a,
body.red .pagination > .active > span,
body.red .pagination > .active > a:hover,
body.red .pagination > .active > span:hover,
body.red .pagination > .active > a:focus,
body.red .pagination > .active > span:focus,
body.red .contact-box a:after,
body.red section.timeline .timeline-box .experience-info > *,
body.red section.timeline .timeline-box:after,
body.red .main_content a:not(.btn-basic):not(.cbs-link):not(.nav-link):not(.service-link):after{
	background: #FF5050;
}

body.red .ug-thumb-overlay{
	background-color: rgba(255, 80, 80, 0.7) !important;
}

body.red .thumb-info .thumb-info-wrapper:after{
	background: rgba(102, 32, 32, 0.7);
}

body.red .thumb-info:hover .thumb-info-wrapper:after{
	background: rgba(255, 80, 80, 0.5);
}

#mainMenu li.red > a:before{
	border-top: 10px solid #FF5050;
}

#mainMenu li.red > .nav-child{
	border-top: 3px solid #B23838;
}
#header #mainMenu > li.red.parent > a:after{
	border-bottom-color: #B23838;
}

body.red .btn-basic,
body.red .our-services .featured-services a:hover,
body.red .our-services .featured-services a:hover .image img,
body.red .nav-pills > li > a,
body.red .our-services .featured-services .image,
body.red a.cbs-link.bordered:hover,
body.red .pagination > .active > a,
body.red .pagination > .active > span,
body.red .pagination > .active > a:hover,
body.red .pagination > .active > span:hover,
body.red .pagination > .active > a:focus,
body.red .pagination > .active > span:focus,
body.red .contact-box > span i,
body.red section.timeline .timeline-box:after{
	border-color: #FF5050;
}
/* END RED */

/* BLUE */
/*body.blue h1,
body.blue h2,
body.blue h3,*/
body.blue .btn-basic,
body.blue #offcanvas-toggler .fa-bars,
body.blue .module-heading .sub-title,
body.blue .our-services .featured-services a:hover .h4,
body.blue .owl-theme .owl-nav [class*=owl-]:hover,
body.blue .nav-pills > li.active > a, body.blue .nav-pills > li.active > a:hover, body.blue .nav-pills > li.active > a:focus, body.blue .nav-pills > li > a:hover,
#header-top.fixed #mainMenu > li > a,
#header:not(.fixed-header) #mainMenu > li > a,
#header #mainMenu > li:not(.red):not(.blue):not(.green):hover > a,
#header-top.fixed #mainMenu > li:not(.red):not(.blue):not(.green):hover > a,
#header:not(.fixed-header) #mainMenu > li:not(.red):not(.blue):not(.green):hover > a,
#header:not(.fixed-header) .mod-languages a,
#header:not(.fixed-header) .mod-languages span,
#header-top.fixed .mod-languages a,
#header-top.fixed .mod-languages img + span.label,
body.blue .main_content_left h4,
body.blue .main_content_right h4,
body.blue .main_content_left_k2 h4,
body.blue .main_content_right_k2 h4,
body.blue .main_content_left_k2_item h4,
body.blue .main_content_right_k2_item h4,
body.blue .sidebarModules .nav li a:hover,
body.blue .sidebarModules .nav li a:focus,
body.blue .sidebarModules .nav li.activeCategory a,
body.blue .sidebarModules .menu li a:hover,
body.blue .sidebarModules .menu li a:focus,
body.blue .sidebarModules .menu li.activeCategory a,
body.blue .nav-pills > li > a,
body.blue .itemView .itemBody h2,
body.blue .itemView .itemBody h3,
body.blue .itemView .itemBody h4,
body.blue a.cbs-link:hover,
body.blue .blog .cat-link a,
body.blue table.calendar tr td.calendarDateLinked,
body.blue div.itemTagsBlock ul.itemTags li a,
body.blue .latest-in-out-blog .single-blog .to-blog-details:hover,
body.blue .pagination > li > a, .pagination > li > span,
body.blue .contact-box > span:first-child,
body.blue .contact-box a:hover,
body.blue .contacts h4 span,
body.blue .main_content a:not(.btn-basic):not(.cbs-link):not(.nav-link):not(.service-link){
	color: #4682B4;
}

#header #mainMenu li.blue > .nav-child,
#header #mainMenu li.blue.parent.selected > a,
#header #mainMenu li.blue.selected:hover > a,
#header #mainMenu li.blue.active > a,
#header #mainMenu > li.blue > a:focus,
#header #mainMenu li.blue .dropdown-content .childModules,
body.blue .module-heading h2:before,
body.blue .module-heading h2:after,
body.blue .module-heading h3:before,
body.blue .module-heading h3:after,
body.blue .custom-header:before,
body.blue .custom-header:after,
body.blue .btn-basic:hover,
body.blue .ui.form .ui.button,
body.blue .ui.form .ui.button:hover,
body.blue .ui.form .ui.button:active,
body.blue .ui.form .ui.button:focus,
body.blue .main_content_bottom .sidebarModules:after,
body.blue .usedTechnologies ul li figcaption,
body.blue .latest-news .date,
body.blue .sidebarModules .nav li a:after,
body.blue .sidebarModules .menu li a:after,
body.blue .main_content_left .sidebarModules:hover:after,
body.blue .main_content_right .sidebarModules:hover:after,
body.blue .main_content_left_k2 .sidebarModules:hover:after,
body.blue .main_content_right_k2 .sidebarModules:hover:after,
body.blue .main_content_left_k2_item .sidebarModules:hover:after,
body.blue .main_content_right_k2_item .sidebarModules:hover:after,
body.blue .nav-pills > li > a:hover,
body.blue .nav-pills > li.active > a,
body.blue .nav-pills > li.active > a:hover,
body.blue .nav-pills > li.active > a:focus,
body.blue .main_content_left .sidebarModules:hover:after,
body.blue .main_content_right .sidebarModules:hover:after,
body.blue .main_content_left_k2 .sidebarModules:hover:after,
body.blue .main_content_right_k2 .sidebarModules:hover:after,
body.blue .main_content_left_k2_item .sidebarModules:hover:after,
body.blue .main_content_right_k2_item .sidebarModules:hover:after,
body.blue .itemView.masonry .itemBody .sidebarModules:hover:after,
body.blue .blog .single-blog .blog-heading:after,
body.blue .K2SearchNews .search-icon,
body.blue table.calendar tr td.calendarDateLinked a:hover,
body.blue table.calendar tr td.calendarTodayLinked,
body.blue table.calendar tr td.calendarToday,
body.blue div.itemTagsBlock ul.itemTags li a:after,
body.blue .pagination > .active > a,
body.blue .pagination > .active > span,
body.blue .pagination > .active > a:hover,
body.blue .pagination > .active > span:hover,
body.blue .pagination > .active > a:focus,
body.blue .pagination > .active > span:focus,
body.blue .contact-box a:after,
body.blue section.timeline .timeline-box .experience-info > *,
body.blue section.timeline .timeline-box:after,
body.blue .main_content a:not(.btn-basic):not(.cbs-link):not(.nav-link):not(.service-link):after{
	background: #4682B4;
}

body.blue .ug-thumb-overlay{
	background-color: rgba(70, 130, 180, 0.7) !important;
}

body.blue .thumb-info .thumb-info-wrapper:after{
	background: rgba(35, 65, 90, 0.7);
}
body.blue .thumb-info:hover .thumb-info-wrapper:after{
	background: rgba(70, 130, 180, 0.5);
}

#header #mainMenu li.blue > a:before{
	border-top: 10px solid #4682B4;
}

#header #mainMenu li.blue > .nav-child{
	border-top: 3px solid #2A4E6C;
}
#header #mainMenu > li.blue.parent > a:after{
	border-bottom-color: #2A4E6C;
}

body.blue .btn-basic,
body.blue .our-services .featured-services a:hover,
body.blue .our-services .featured-services a:hover .image img,
body.blue .nav-pills > li > a,
body.blue .our-services .featured-services .image,
body.blue a.cbs-link.bordered:hover,
body.blue .pagination > .active > a,
body.blue .pagination > .active > span,
body.blue .pagination > .active > a:hover,
body.blue .pagination > .active > span:hover,
body.blue .pagination > .active > a:focus,
body.blue .pagination > .active > span:focus,
body.blue .contact-box > span i,
body.blue section.timeline .timeline-box:after{
	border-color: #4682B4;
}
/* END BLUE */

/* GREEN */
/*body.green h1,
body.green h2,
body.green h3,*/
body.green .btn-basic,
body.green #offcanvas-toggler .fa-bars,
body.green .module-heading .sub-title,
body.green .our-services .featured-services a:hover .h4,
body.green .owl-theme .owl-nav [class*=owl-]:hover,
body.green .nav-pills > li.active > a, body.green .nav-pills > li.active > a:hover, body.green .nav-pills > li.active > a:focus, body.green .nav-pills > li > a:hover,
body.green .main_content_left h4,
body.green .main_content_right h4,
body.green .main_content_left_k2 h4,
body.green .main_content_right_k2 h4,
body.green .main_content_left_k2_item h4,
body.green .main_content_right_k2_item h4,
body.green .sidebarModules .nav li a:hover,
body.green .sidebarModules .nav li a:focus,
body.green .sidebarModules .nav li.activeCategory a,
body.green .sidebarModules .menu li a:hover,
body.green .sidebarModules .menu li a:focus,
body.green .sidebarModules .menu li.activeCategory a,
body.green .nav-pills > li > a,
body.green .itemView .itemBody h2,
body.green .itemView .itemBody h3,
body.green .itemView .itemBody h4,
body.green a.cbs-link:hover,
body.green .blog .cat-link a,
body.green table.calendar tr td.calendarDateLinked,
body.green div.itemTagsBlock ul.itemTags li a,
body.green .latest-in-out-blog .single-blog .to-blog-details:hover,
body.green .pagination > li > a, .pagination > li > span,
body.green .contact-box > span:first-child,
body.green .contact-box a:hover,
body.green .contacts h4 span,
body.green .main_content a:not(.btn-basic):not(.cbs-link):not(.nav-link):not(.service-link){
	color: #70B748;
}

#header #mainMenu li.green > .nav-child,
#header #mainMenu li.green.parent.selected > a,
#header #mainMenu li.green.selected:hover > a,
#header #mainMenu li.green.active > a,
#header #mainMenu > li.green > a:focus,
#header #mainMenu li.green .dropdown-content .childModules,
body.green .module-heading h2:before,
body.green .module-heading h2:after,
body.green .module-heading h3:before,
body.green .module-heading h3:after,
body.green .custom-header:before,
body.green .custom-header:after,
body.green .btn-basic:hover,
body.green .ui.form .ui.button,
body.green .ui.form .ui.button:hover,
body.green .ui.form .ui.button:active,
body.green .ui.form .ui.button:focus,
body.green .main_content_bottom .sidebarModules:after,
body.green .usedTechnologies ul li figcaption,
body.green .latest-news .date,
body.green .sidebarModules .nav li a:after,
body.green .sidebarModules .menu li a:after,
body.green .main_content_left .sidebarModules:hover:after,
body.green .main_content_right .sidebarModules:hover:after,
body.green .main_content_left_k2 .sidebarModules:hover:after,
body.green .main_content_right_k2 .sidebarModules:hover:after,
body.green .main_content_left_k2_item .sidebarModules:hover:after,
body.green .main_content_right_k2_item .sidebarModules:hover:after,
body.green .nav-pills > li > a:hover,
body.green .nav-pills > li.active > a,
body.green .nav-pills > li.active > a:hover,
body.green .nav-pills > li.active > a:focus,
body.green .main_content_left .sidebarModules:hover:after,
body.green .main_content_right .sidebarModules:hover:after,
body.green .main_content_left_k2 .sidebarModules:hover:after,
body.green .main_content_right_k2 .sidebarModules:hover:after,
body.green .main_content_left_k2_item .sidebarModules:hover:after,
body.green .main_content_right_k2_item .sidebarModules:hover:after,
body.green .itemView.masonry .itemBody .sidebarModules:hover:after,
body.green .blog .single-blog .blog-heading:after,
body.green .K2SearchNews .search-icon,
body.green table.calendar tr td.calendarDateLinked a:hover,
body.green table.calendar tr td.calendarTodayLinked,
body.green table.calendar tr td.calendarToday,
body.green div.itemTagsBlock ul.itemTags li a:after,
body.green .pagination > .active > a,
body.green .pagination > .active > span,
body.green .pagination > .active > a:hover,
body.green .pagination > .active > span:hover,
body.green .pagination > .active > a:focus,
body.green .pagination > .active > span:focus,
section.timeline .timeline-bar,
section.timeline .timeline-box.right:before,
section.timeline .timeline-box-inner.active + .icon:before,
section.timeline .timeline-box-inner.active + .icon:after,
body.red section.timeline .timeline-box:hover .experience-info > *,
body.blue section.timeline .timeline-box:hover .experience-info > *,
body.green section.timeline .timeline-box:hover .experience-info > *,
body.red section.timeline .timeline-box:hover:after,
body.blue section.timeline .timeline-box:hover:after,
body.green section.timeline .timeline-box:hover:after,
body.red section.timeline .timeline-box.active .experience-info > *,
body.blue section.timeline .timeline-box.active .experience-info > *,
body.green section.timeline .timeline-box.active .experience-info > *,
body.red section.timeline .timeline-box.active:after,
body.blue section.timeline .timeline-box.active:after,
body.green section.timeline .timeline-box.active:after,
section.timeline .timeline-box:hover .icon:before,
section.timeline .timeline-box:hover .icon:after,
body.green .contact-box a:after,
body.green .main_content a:not(.btn-basic):not(.cbs-link):not(.nav-link):not(.service-link):after,
body.green section.timeline .timeline-box .experience-info > *,
body.green section.timeline .timeline-box:after{
	background: #70B748;
}

body.green .ug-thumb-overlay{
	background-color: rgba(112, 183, 72, 0.7) !important;
}

body.green .thumb-info .thumb-info-wrapper:after{
	background: rgba(44, 73, 28, 0.7);
}
body.green .thumb-info:hover .thumb-info-wrapper:after{
	background: rgba(112, 183, 72, 0.5);
}

#header #mainMenu li.green > a:before{
	border-top: 10px solid #70B748;
}

#header #mainMenu li.green > .nav-child{
	border-top: 3px solid #436D2B;
}
#header #mainMenu > li.green.parent > a:after{
	border-bottom-color: #436D2B;
}

body.green .btn-basic,
body.green .our-services .featured-services a:hover,
body.green .our-services .featured-services a:hover .image img,
body.green .nav-pills > li > a,
body.green .our-services .featured-services .image,
body.green a.cbs-link.bordered:hover,
body.green .pagination > .active > a,
body.green .pagination > .active > span,
body.green .pagination > .active > a:hover,
body.green .pagination > .active > span:hover,
body.green .pagination > .active > a:focus,
body.green .pagination > .active > span:focus,
body.red section.timeline .timeline-box:hover:after,
body.red section.timeline .timeline-box.active:after,
body.blue section.timeline .timeline-box:hover:after,
body.blue section.timeline .timeline-box.active:after,
body.green section.timeline .timeline-box:hover:after,
body.green section.timeline .timeline-box.active:after,
body.green .contact-box > span i,
body.green section.timeline .timeline-box:after{
	border-color: #70B748;
}

section.timeline .timeline-box.right:before{
	box-shadow: 0 0 0 3px #ecf1f7, 0 0 0 6px #70B748;
}
/* END GREEN */