.contactForm .loading-animation {background-image: url("../images/ui/contact_loader.gif") no-repeat;}

.epic-fullscreen .ef-overlay {background: url("../images/background_image_overlay_pattern.png");}

.epic-slider {background: url("../images/ui_epicslider/loader.gif") no-repeat center center;}

.epic-slider #slides li .es-background .es-overlay {background: url("../images/ui_epicslider/patterns/pattern.png");}

.epic-slider #es-play:hover, .epic-slider #es-next:hover, .epic-slider #es-prev:hover, .epic-slider .es-fullscreen:hover, .epic-slider #es-progress-button {
    background-color: #27CCC0;
}
h1, h2, h3, h4, h5, h6, #section-title, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, #section-title span {
    font-family: "Source Sans Pro",sans-serif;
}
h1, h1 span { font-size:60px; line-height:55px; }
h2, h2 span { font-size:50px; line-height:47px; }
h3, h3 span { font-size:40px; line-height:38px; }
h4, h4 span { font-size:30px; line-height:29px; }
h5, h5 span { font-size:25px; line-height:25px; }
h6, h6 span { font-size:20px; line-height:20px; }

#section-title, 
#section-title h1, #section-title h1 span, 
#section-title h2, #section-title h2 span, 
#section-title h3, #section-title h3 span, 
#section-title h4, #section-title h4 span, 
#section-title h5, #section-title h5 span, 
#section-title h6, #section-title h6 span {
    font-size: 75px;
    line-height: 75px;
}
.display-image .boxed .size-1, .display-image .boxed .size-2, .display-image .boxed .size-3, .display-image .boxed .size-4, .display-image .boxed .size-5, .display-image .boxed .size-6, 
.epic-slider .boxed .size-1, .epic-slider .boxed .size-2, .epic-slider .boxed .size-3, .epic-slider .boxed .size-4, .epic-slider .boxed .size-5, .epic-slider .boxed .size-6, 
.display-image .elegant .size-1, .display-image .elegant .size-2, .display-image .elegant .size-3, .display-image .elegant .size-4, .display-image .elegant .size-5, .display-image .elegant .size-6, 
.epic-slider .elegant .size-1, .epic-slider .elegant .size-2, .epic-slider .elegant .size-3, .epic-slider .elegant .size-4, .epic-slider .elegant .size-5, .epic-slider .elegant .size-6, 
.display-image .impact .size-1, .display-image .impact .size-2, .display-image .impact .size-3, .display-image .impact .size-4, .display-image .impact .size-5, .display-image .impact .size-6, 
.epic-slider .impact .size-1, .epic-slider .impact .size-2, .epic-slider .impact .size-3, .epic-slider .impact .size-4, .epic-slider .impact .size-5, .epic-slider .impact .size-6, 
.display-image .single-border .size-1, .display-image .single-border .size-2, .display-image .single-border .size-3, .display-image .single-border .size-4, .display-image .single-border .size-5, .display-image .single-border .size-6, 
.epic-slider .single-border .size-1, .epic-slider .single-border .size-2, .epic-slider .single-border .size-3, .epic-slider .single-border .size-4, .epic-slider .single-border .size-5, .epic-slider .single-border .size-6, 
.display-image .striped .size-1, .display-image .striped .size-2, .display-image .striped .size-3, .display-image .striped .size-4, .display-image .striped .size-5, .display-image .striped .size-6, 
.epic-slider .striped .size-1, .epic-slider .striped .size-2, .epic-slider .striped .size-3, .epic-slider .striped .size-4, .epic-slider .striped .size-5, .epic-slider .striped .size-6 {
    font-family: "Source Sans Pro",sans-serif;
}

.display-image .boxed .size-1, .epic-slider .boxed .size-1,
.display-image .elegant .size-1, .epic-slider .elegant .size-1,
.display-image .impact .size-1, .epic-slider .impact .size-1,
.display-image .single-border .size-1, .epic-slider .single-border .size-1,
.display-image .striped .size-1, .epic-slider .striped .size-1 {
    font-size:82px; line-height:72px;
}

.display-image .boxed .size-2, .epic-slider .boxed .size-2,
.display-image .elegant .size-2, .epic-slider .elegant .size-2,
.display-image .impact .size-2, .epic-slider .impact .size-2,
.display-image .single-border .size-2, .epic-slider .single-border .size-2,
.display-image .striped .size-2, .epic-slider .striped .size-2 {
    font-size:62px; line-height:62px;
}

.display-image .boxed .size-3, .epic-slider .boxed .size-3,
.display-image .elegant .size-3, .epic-slider .elegant .size-3,
.display-image .impact .size-3, .epic-slider .impact .size-3,
.display-image .single-border .size-3, .epic-slider .single-border .size-3,
.display-image .striped .size-3, .epic-slider .striped .size-3 {
    font-size:52px; line-height:52px;
}

.display-image .boxed .size-4, .epic-slider .boxed .size-4,
.display-image .elegant .size-4, .epic-slider .elegant .size-4,
.display-image .impact .size-4, .epic-slider .impact .size-4,
.display-image .single-border .size-4, .epic-slider .single-border .size-4,
.display-image .striped .size-4, .epic-slider .striped .size-4 {
    font-size:42px; line-height:42px;
}

.display-image .boxed .size-5, .epic-slider .boxed .size-5,
.display-image .elegant .size-5, .epic-slider .elegant .size-5,
.display-image .impact .size-5, .epic-slider .impact .size-5,
.display-image .single-border .size-5, .epic-slider .single-border .size-5,
.display-image .striped .size-5, .epic-slider .striped .size-5 {
    font-size:32px; line-height:32px;
}

.display-image .boxed .size-6, .epic-slider .boxed .size-6,
.display-image .elegant .size-6, .epic-slider .elegant .size-6,
.display-image .impact .size-6, .epic-slider .impact .size-6,
.display-image .single-border .size-6, .epic-slider .single-border .size-6,
.display-image .striped .size-6, .epic-slider .striped .size-6 {
    font-size:22px; line-height:22px;
}

.thumb a .thumb-rollover .thumbInfo {font-family: "Source Sans Pro",sans-serif;font-size: 16px;line-height: 16px;}

body {background-color: #F6F6F6;color: #777777;}

h1, h1 span, 
h2, h2 span,
h3, h3 span, 
h4, h4 span, 
h5, h5 span, 
h6, h6 span,
#section-title, 
#section-title h1, #section-title h1 span, 
#section-title h2, #section-title h2 span, 
#section-title h3, #section-title h3 span, 
#section-title h4, #section-title h4 span, 
#section-title h5, #section-title h5 span, 
#section-title h6, #section-title h6 span, 
.blog-post-content .blog-post-title, .blog-post-content .blog-post-title a, 
.blog-post-grid-content h2, .blog-post-grid-content h2 span, .blog-post-grid-content h2 a, 
.blog-post-content .blog-post-meta span, 
section#comments h2#comments-title, section#comments h3#reply-title {
    color: #222222;
}

#section-title h1:after { background-color: #222222; }

.blog-post-content .blog-post-title a:hover { color: #27CCC0; }

.blog-post-content .blog-post-meta { color: #777777; }

a { color: #27CCC0; }
a:hover { color: #27CCC0; }

aside.sidebar ul li h4.widget-title, aside.sidebar ul li h4.widget-title span { color: #999999; }
aside.sidebar ul li ul li a, .footer-widget a { color: #444444; }
aside.sidebar ul li ul li a:hover, .footer-widget a:hover { color: #27CCC0; }

#footer-wrapper { background-color: #222222; }
#footer-wrapper #footer-top footer .column-footer-widget h4.widget-title, #footer-wrapper #footer-top footer .column-footer-widget h4.widget-title span {
    color: #999999;
}
#footer-wrapper #footer-top { color: #777777; }
#footer-wrapper #footer-top .footer-widget a { color: #27CCC0; }
#footer-wrapper #footer-top .footer-widget a:hover { color: #27CCC0; }
#footer-wrapper #footer-bottom { background-color: #111111; }
#footer-bottom { color: #999999; }
#footer-bottom a { color: #FFFFFF; }
#footer-bottom a:hover { color: #27CCC0; }
#footer-wrapper #footer-bottom ul.connect li a { color: #999999; }
#footer-wrapper #footer-bottom ul.connect li a:hover { color: #FFFFFF; }

.widget_tag_cloud a, .post-tags a { background-color: #E6E6E6; color: #666666;}
.widget_tag_cloud a:hover, .post-tags a:hover { background-color: #222222; color: #FFFFFF; }

.widget_calendar #wp-calendar tbody td { background-color: #E6E6E6; color: #666666; }
.widget_calendar #wp-calendar tbody td a { color: #27CCC0; }
.widget_calendar #wp-calendar tbody td a:hover { color: #27CCC0; }
.widget_calendar #wp-calendar tbody td:hover { background-color: #222222; color: #FFFFFF; }

.sticky .blog-post-content { background-color: #FFFFFF; }
#content-inner-blog-grid #blog-grid-container article.sticky .blog-post-grid-content-inner { background-color: #FFFFFF; }

section#comments ol.comment-list li.depth-1 > div, ol.comment-list li ul.children li { background-color: #FFFFFF; }
section#comments ol.comment-list li.comment { border-color: #E6E6E6 !important; }
section#comments ol.comment-list li.comment .commentary .comment-meta, 
section#comments ol.comment-list li.comment .commentary .comment-author { color: #777777; }
section#comments ol.comment-list li.comment .commentary .comment-meta a { color: #27CCC0; }
section#comments ol.comment-list li.comment .commentary .comment-meta a:hover { color: #27CCC0; }

.blog-post-meta-date { border-color: #FFFFFF; color: #FFFFFF; }

::selection { background:#222; color:#fff; }
::-moz-selection { background:#222; color:#fff; }
::-webkit-selection { background:#222; color:#fff; }

#header-wrapper { background-color: #FFFFFF; }

header nav#primary-nav ul li a { color: #999999; }
header nav#primary-nav ul li a:hover { color: #27CCC0;}
header nav#primary-nav ul li.current-menu-item a, 
header nav#primary-nav ul li.current_page_item a, 
header nav#primary-nav ul li.current-menu-ancestor a, 
header nav#primary-nav ul li.current_page_parent a { color: #FFFFFF; }
header nav#primary-nav ul li.current-menu-item a, 
header nav#primary-nav ul li.current_page_item a, 
header nav#primary-nav ul li.current-menu-ancestor a, 
header nav#primary-nav ul li.current_page_parent a { background-color: #27CCC0; }
header nav#primary-nav ul li ul.sub-menu, header nav#primary-nav ul li ul.children { background-color: #FFFFFF; }
header nav#primary-nav ul li ul.sub-menu li, header nav#primary-nav ul li ul.children li { border-color: #DDDDDD; }
header nav#primary-nav ul li ul.sub-menu li a, header nav#primary-nav ul li ul.children li a { color: #999999; }
header nav#primary-nav ul li ul.sub-menu li a:hover, header nav#primary-nav ul li ul.children li a:hover { color: #27CCC0; }
header nav#primary-nav ul li ul.sub-menu li.current-menu-item a, header nav#primary-nav ul li ul.children li.current_page_item a { color: #27CCC0;}
header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a, header nav#primary-nav ul.mobile-navigation li ul.children li a { color: #999999; }
header nav#primary-nav ul.mobile-navigation li ul.sub-menu li a:hover, header nav#primary-nav ul.mobile-navigation li ul.children li a:hover { color: #27CCC0; }
header nav#primary-nav ul.mobile-navigation li ul.sub-menu li.current-menu-item a, 
header nav#primary-nav ul.mobile-navigation li ul.sub-menu li.current_page_item a { color: #FFFFFF; }
header nav#primary-nav ul.mobile-navigation li.current-menu-ancestor a, header nav#primary-nav ul.mobile-navigation li.current_page_parent a { color: #FFFFFF; }
header nav#primary-nav ul.mobile-navigation li.current-menu-ancestor ul.sub-menu li.current-menu-item a, 
header nav#primary-nav ul.mobile-navigation li.current_page_parent ul.children li.current_page_item a {
    background-color: #27CCC0;
    color: #FFFFFF;
}
header nav#primary-nav ul.mobile-navigation li.current-menu-ancestor a, 
header nav#primary-nav ul.mobile-navigation li.current_page_parent a { color: #27CCC0; }

.blog header nav#primary-nav ul.mobile-navigation li.current-menu-item a, 
.blog header nav#primary-nav ul.mobile-navigation li.current_page_item a, 
.single-post header nav#primary-nav ul.mobile-navigation li.current-menu-ancestor a, 
.single-post header nav#primary-nav ul.mobile-navigation li.current_page_parent a {
    background-color: #27CCC0;
    color: #FFFFFF;
}
.text-field, textarea, .widget_search #searchform input#s {
    background-color: #FFFFFF;
    border-color: #E6E6E6;
    color: #999999;
}
.text-field:hover, textarea:hover, .widget_search #searchform input#s:hover {
    background-color: #E6E6E6;
    border-color: #E6E6E6;
    color: #666666;
}
.text-field:focus, textarea:focus, .widget_search #searchform input#s:focus {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    color: #999999;
}
.submitTheme, #commentform #submit, .blog-post-content .blog-post-read-more, .blog-post-grid-content .blog-post-read-more {
    background-color: #27CCC0 !important;
    color: #FFFFFF !important;
}
.errorMsg { color: #EF644E !important; }
.errorOutline { border-color: #EF644E !important; }

.accordion dt, .tabs .tabs_nav li { background-color: #E6E6E6; }
.accordion dt, .accordion dd, .tabs .tabs_nav li, .tabs .tabs_content { border-color: #E6E6E6; }
.accordion dt.active, .tabs .tabs_nav li.active {
    background-color: #27CCC0;
    border-color: #27CCC0;
}
.accordion dt a, .tabs .tabs_nav li a, .accordion dt a:hover, .tabs .tabs_nav li a:hover { color: #666666; }
.accordion dt.active a, .tabs .tabs_nav li.active a, .accordion dt.active a:hover, .tabs .tabs_nav li.active a:hover { color: #FFFFFF; }
.accordion dd, .tabs .tabs_content { background-color: #FFFFFF; }

blockquote, blockquote.elegant, blockquote.boxed { border-color: #DDDDDD; }
blockquote, blockquote.elegant, blockquote.boxed, blockquote.overlayed { color: #666666; }
blockquote.boxed-background, blockquote.striped span {
    background-color: #DDDDDD;
    color: #666666;
}
blockquote.elegant { background-image: url("../images/ui_shortcodes/quotations/blockquote_elegant.png"); }
blockquote.overlayed { background-image: url("../images/ui_shortcodes/quotations/blockquote_overlayed.png"); }

.caption.elegant, .caption.single-border, .caption.impact, .es-caption.elegant, .es-caption.single-border, .es-caption.impact {
    color: #FFFFFF;
}
.caption .divider, .epic-slider .divider { border-color: #FFFFFF !important; }
.caption.elegant a, .caption.single-border a, .caption.impact a, .es-caption.elegant a, .es-caption.single-border a, .es-caption.impact a {
    color: #FFFFFF;
}
.caption.elegant a:hover, .caption.single-border a:hover, .caption.impact a:hover, .es-caption.elegant a:hover, .es-caption.single-border a:hover, .es-caption.impact a:hover {
    color: #27CCC0;
}
.caption.striped span, .es-caption.striped span {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
}
.caption.boxed, .es-caption.boxed {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
}
.caption.boxed .divider, .es-caption.boxed .divider { border-color: #FFFFFF; }
.caption.boxed a, .es-caption.boxed a, .caption.striped a span, .es-caption.striped a span { color: #FFFFFF; }
.caption.boxed a:hover, .es-caption.boxed a:hover { color: #27CCC0; }
.caption.striped a:hover span, .es-caption.striped a:hover span {
    background-color: #27CCC0;
}

@media only screen and (max-width: 767px) {
    .caption { background-color: #FFFFFF !important; border: 1px solid #E6E6E6 !important; }
    .display-image .caption .size-1, .display-image .caption .size-2, .display-image .caption .size-3, .display-image .caption .size-4, .display-image .caption .size-5, .display-image .caption .size-6 { color: #222222 !important; }
    .display-image .caption p { color: #777777; }
    .caption.elegant a, .caption.single-border a, .caption.impact a { color: #27CCC0; }
    .caption.elegant a:hover, .caption.single-border a:hover, .caption.impact a:hover { color: #27CCC0; }
    .caption.boxed a, .caption.striped a span { color: #27CCC0; }
    .caption.boxed a:hover, .caption.striped a:hover span { color: #27CCC0; }
    .caption.striped span, .caption.striped a:hover span { background-color: #F6F6F6; }
}

.chart-container ul.chart li div.bar {
    background-color: #27CCC0;
    color: #FFFFFF;
}
.chart-container ul.chart li div.bar-track { background-color: #E6E6E6; }

ul.socialSmall li a { background-color: #27CCC0; }

#header-wrapper #header-inner, 
#section-title,
#content-wrapper section.portfolio-below-content .sub-section-title, 
#content-wrapper section.latest-posts-below-content .sub-section-title, 
article.blog-post, #footer-wrapper #footer-top, 
aside.sidebar, aside.sidebar ul li, 
#header-wrapper #header-inner.is_tablet .mobileMenuToggle, 
.pagination, 
#content-inner-blog-grid .pagination, 
header nav#primary-nav ul.mobile-navigation li ul.sub-menu, .divider {
    border-color: #E6E6E6 !important;
}

@media only screen and (max-width: 959px) {
    header .mobileMenuToggle, header nav#primary-nav ul.mobile-navigation li ul.sub-menu, 
    header nav ul.menu li ul.sub-menu, header nav#primary-nav .menu ul li ul.children {
        border-color: #DDDDDD !important;
    }
}

aside.sidebar ul li ul li { border: none !important; }

.pricing_table .pricing_table_col, 
.pricing_table .pricing_table_col > ul > li { border-color: #E6E6E6; }
.pricing_table .pricing_table_col > ul > li:first-child {
    background-color: #27CCC0;
    color: #FFFFFF;
}
.pricing_table .pricing_table_col > ul > li.pricing_table_bg {
    background-color: #FFFFFF;
    color: #666666;
}
.pricing_table .pricing_table_col > ul > li span.price, 
.pricing_table .pricing_table_col > ul > li span.price_affix {
    color: #666666;
}
.pricing_table .pricing_table_col > ul > li.pricing_table_bg { background-color: #FFFFFF; }
.pricing_table .pricing_table_col { background-color: #F9F9F9; }
.pricing_table .pricing_table_col > ul > li { color: #777777; }
.pricing_table .pricing_table_col:hover { background-color: #FFFFFF; }
.pricing_table .pricing_table_col:hover > ul > li:first-child { background-color: #06B4A7; }

.portfolio-filter-wrapper a {
    border-color: #E6E6E6;
    color: #777777;
}
.portfolio-filter-wrapper a:hover {
    border-color: #777777;
    color: #777777;
}
.portfolio-filter-wrapper a.active {
    border-color: #777777;
    color: #777777;
}
.pagination a, 
.wp-link-pages a, 
.widget_calendar #wp-calendar tfoot #next a, 
.widget_calendar #wp-calendar tfoot #prev a, 
#folio-navigation ul li#closeProject a, 
#folio-navigation ul li#nextProject a, 
#folio-navigation ul li#prevProject a {
    border-color: #E6E6E6;
    color: #777777;
}
.pagination a:hover, 
.wp-link-pages a:hover, 
.widget_calendar #wp-calendar tfoot #next a:hover, 
.widget_calendar #wp-calendar tfoot #prev a:hover, 
#folio-navigation ul li#closeProject a:hover, 
#folio-navigation ul li#nextProject a:hover, 
#folio-navigation ul li#prevProject a:hover {
    border-color: #777777;
    color: #777777;
}
#fancybox-left-ico:hover, #fancybox-right-ico:hover { background-color: #27CCC0; }