/** ------ Scheme 1 Styles ------------------------------------------------------------------------------------ */


/* ------ Table of Contents ------------------------------------------------------------------------------------
01. Colors
02. Body
03. General
04. Section
05. Button
06. Testimonials
07. Featured Items
18. Top Bar
20. Navigation
25. Title
30. Homepage
40. About Page
50. Contact Page
55. Blog List
56. Blog Page
60. Clients
90. Footer
/** ------------------------------------------------------------------------------------------ */

/** ------ 01. Colors ------------------------------------------------------------------------------------ */
body .blue,
body .primary-color {
	color: #1e2c40;
}
body .orange,
body .secondary-color {
	color: #f1574d;
}
body .dark-gray,
body .tertiary-color {
	color: #24252f;
}



.kleo-socials .kleo-social-icons li {
	background-color: #f1574d;
}
.kleo-socials .kleo-social-icons li:hover {
	background-color: #1e2c40;
}
.kleo-icon-anchor:hover i::before,
.kleo-icon-anchor:hover .kleo-icon-text {
	color: #1e2c40;
}
/** ------ 04. Section ------------------------------------------------------------------------------------ */

/** ------ 05. Button ------------------------------------------------------------------------------------ */
body .vc_btn3-container.secondary-color .vc_btn3.vc_btn3-style-outline {
	border: 2px solid #f1574d;
	color: #f1574d;
}
body .vc_btn3-container.secondary-color .vc_btn3.vc_btn3-style-outline:hover {
	background-color: #f1574d;
	color: #fff;
}
/** ------ 06. Testimonials ------------------------------------------------------------------------------------ */
.kleo-testimonials div.kleo-carousel-pager a.selected {
	background-color: #f1574d;
}
/** ------ 07. Featured Items ------------------------------------------------------------------------------------ */

/** ------ 18. Top Bar ------------------------------------------------------------------------------------ */

/** ------ 20. Navigation ------------------------------------------------------------------------------------ */
.kleo-main-header ul.nav > li.current_page_parent > a,
.kleo-main-header ul.nav > li.active > a {
    box-shadow: inset 0px 2px 0px 0px #f1574d;
}
.header-color li a:hover {
	color: #f1574d;
}
/** ------ 25. Header ------------------------------------------------------------------------------------ */
#main .main-title {
	background-color: #1e2c40;
}
/** ------ 30. Homepage ------------------------------------------------------------------------------------ */
body .homepage-hero-container {
	background-image: url(/wp-content/uploads/sites/225/2017/01/home_banner_1.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 250px;
}
body #main .hero-audio.secondary-color {
	background-color: #1e2c40;
}
body .samples {
    background-image: url(/wp-content/uploads/sites/225/2017/01/home_sample_bg_2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 80px;
}
/** ------ Contact Page ------------------------------------------------------------------------------------ */
body.contact .wpcf7 input[type=submit] {
	background-color: #fff !important;
	border: 2px solid #f1574d;
	color: #f1574d;
}
body.contact .wpcf7 input[type=submit]:hover {
	border: 2px solid #f1574d;
	background-color: #f1574d !important;
	color: #fff;
}
/** ------ 55. Blog List ------------------------------------------------------------------------------------ */
body.archive .post-footer a .muted,
body.archive .post-footer a,
body.blog .post-footer a .muted,
body.blog .post-footer a {
	color: #f1574d;
}
body .sidebar .widget ul li a:hover {
	color: #f1574d;
}
body .sidebar .widget_tag_cloud a:hover {
	color: #f1574d;
}
/** ------ 55. Blog Page Styles ------------------------------------------------------------------------------------ */
div.share-links a {
	color: #f1574d;
}
div.share-links a:hover {
	color: #1e2c40;
}
/** ------ 60. Clients Styles ------------------------------------------------------------------------------------ */
/** ------ 90. Footer Styles ------------------------------------------------------------------------------------ */
#socket {
	background-color: #24252f;
}
#socket .kleo-socials .kleo-social-icons li:hover {
	background-color: #f1574d;
}
#socket .kleo-socials .kleo-social-icons li a {
	color: #24252f;
}