/*

Theme Name: Financial Insights
Description: Theme built for Financial Insights
Author: Rusty George Creative
Author URI: http://www.rustygeorge.com/
Tags: three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments

==============================================================================================

	To keep things organized, we have chosen to separate the styles into
	multiple css-files. These files are inserted in header.php via 
	the wp_head() hook in the function epic_header_css(), in /child/functions.php


	# styles.css (this file):

		General styles for most theme elements. Some elements, like forms and sidebars are styled
		in sidebar.css and forms.css
		
		@ Location: theme root
		
	# Themestyles.css
	
		Most theme styles are based here.
		
		@ Location: /child/styles/themestyles.css
	
	
	# Elements.css
	
		Styles for misc elements, like pagination, comments, related posts etc.
		
		@ Location: /child/styles/elements.css

	
	# Responsive.css

		This file is for making the theme responsive (Adaptive to mobile screens)
		
		@ Location: /child/styles/responsive.css
	
	# Structure.css

		This file holds the main structure and grid of the theme. This is where you would change
		widths and margins for generic structural elements like header, content, sidebar, footer 
		and columns. 
		
		@ Location: /child/styles/structure.css

==============================================================================================


	TABLE OF CONTENT 

	# Css reset
	# Typography
	# Global styles
	# Links
	# Lists
	# Forms
	# Navigation
	# Header
	# Content
	# Sidebar
	# Footer
	
	Every section has its own table of contents

*/

/*  # CSS RESET
================================================== */
* {
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

html, body {
    font: 18px "Open Sans", Helvetica, Arial, sans-serif;
}

article, aside, details, figcaption, footer, header, hgroup, menu, nav, section {
    display: block;
}

figure {
    display: inline;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*  # TYPOGRAPHY
================================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif !important;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}

h1 {
    font-size: 1.8em;
    line-height: 1.4em;
    margin: 0 0 12px 0;
    color: #008c98;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: none;
}

h2 {
    font-size: 1.6em;
    line-height: 1.3em;
    margin: 0 0 10px 0;
    color: #008C98;
}

h3 {
    color: #609934;
    font-size: 1.4em;
    line-height: 1.5em;
    margin: 0 0 16px;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 5px;
    width: 80%;
}

h4 {
    line-height: 1.4em;
    margin: 0 0 10px 0;
    color: #609934;
}

h5 {
    font-size: 1.35em;
    line-height: 1.9em;
    margin: 0 0 10px 0;
    color: #008C98;
    letter-spacing: 1px;
}

h6 {
    font-size: 1.0em;
    line-height: 1.3em;
    margin: 0 0 10px 0;
    color: #008C98;
    letter-spacing: 1px;
    text-transform: uppercase;
}

p {
    margin: 0 0 15px 0;
}

/* @ Dark skin */
.dark h1 {
    color: #fafafa;
}

.dark h2 {
    color: #f1f1f1;
}

.dark h3 {
    color: #ddd;
}

.dark h4 {
    color: #ddd;
}

.dark h5 {
    color: #aaa;
}

.dark h6 {
    color: #aaa;
}

.dark p {
    color: #888;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

blockquote {
    margin-left: 100px;
    padding-left: 20px;
    border-left: 1px solid #eee;
    margin-bottom: 20px;
}

blockquote p {
    font-style: italic;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}

figure img {
    display: block;
}

/*  # GLOBAL STYLES
================================================== */
body, html {
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    color: #666;
    line-height: 2;
    margin: 0;
    padding: 0;
    width: 100%;
    background: url(../library/images/fi-bg.png) repeat scroll 0 0 #80858B;
}

/*  # LINKS
================================================== */
a, a:visited {
    color: #609934;
    text-decoration: none;
    outline: 0;
}

a:hover, a:focus {
    color: #008C98;
}

p a, p a:visited {
    line-height: inherit;
    border-bottom: 1px dotted;
    font-weight: 700;
}

p a:hover, p a:focus {
    border-bottom: 1px solid;
}

.active {
    color: red;
}

/*  # LISTS
================================================== */
ul, ol {
    margin-top: 10px;
    margin-bottom: 20px;
}

ul {
    list-style: square;
    list-style-position: inside;
}

ol {
    list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
    margin-left: 20px;
}

ul.square {
    list-style: square outside;
}

ul.circle {
    list-style: circle outside;
}

ul.disc {
    list-style: disc outside;
}

ul ul, ul ol, ol ol, ol ul {
    margin: 4px 0 5px 20px;
    font-size: 90%;
}

ul ul li, ul ol li, ol ol li, ol ul li {
    margin-bottom: 6px;
}

ul.large li {
    line-height: 21px;
}

li p {
    line-height: 21px;
}

ul ul {
    list-style: circle;
}

ul ul li {
    margin-left: 2em;
}

/*  # FORMS
================================================== */
form {
    margin-bottom: 20px;
    width: 100%;
    float: left;
    clear: both;
}

fieldset {
    margin-bottom: 20px;
}

input, textarea {
    font-family: Helvetica, Arial, sans-serif;
    color: #777;
    font-size: 12px;
}

input[type="text"], input[type="password"], input[type="email"], select {
    height: 36px;
    padding: 5px 15px;
    box-sizing: border-box;
    width: 100%;
    /*border: none;
	    border-radius: 3px;*/
}

/* @ Dark skin */
.dark input[type="text"], .dark input[type="password"], .dark input[type="email"], .dark textarea, .dark select {
    color: #777;
    border: 1px solid #333;
    background: #222;
}

/* @ Light skin */
select {
    padding: 0;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    background: #f1f1f1;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

textarea {
    min-height: 60px;
    width: 99%;
}

select {
    width: 220px;
}

input[type="checkbox"] {
    display: inline;
}

label span, legend span {
    font-weight: normal;
    color: #444;
}

/*  # NAVIGATION - WP-NAV-MENUS
==================================================

Here are styles for all wp-nav-menu menus in the
theme, including footer navigation.

 # Primary nab		- For all screens but mobile devices
 # Secondary nab 	- Fot all screens
 # Mobile nav	 	- For mobile devices
 # Footer nav

==================================================*/

/* # Mobile menu
/* For more on styling this menu, look under forms */


#primary_select {
    width: 460px;
    margin: 0 auto;
    display: none;
}

/* Level 1 */
#menu-primary li {
    display: inline-flex;
    position: relative;
    z-index: 501;
}

#menu-primary li a {
    text-transform: uppercase;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    margin: 0 1.5rem;
}

#menu-primary li a strong {
    font-weight: normal;
}

/* @ Dark skin */
.dark #menu-primary li a {
    color: #eee;
}

#menu-primary li a span.description {
    display: block;
    float: left;
    clear: both;
    font-size: 12px;
    line-height: 14px;
    color: #777;
    margin: 4px 0 0 0 !important;
    text-transform: none;
}

/* @ Dark skin */
.dark #menu-primary li a span.description {
    color: #777;
}

/* @ Light skin */
.light #menu-primary li a span.description {
    color: #999;
}

/* @ Dark skin */
.dark #menu-primary li a:hover, .dark #menu-primary li a.primary-active, .dark #menu-primary li.current-menu-item a, .dark #menu-primary li.current-menu-item a:hover {
}

/* Submenu - level 2 */
#menu-primary .sub-menu {
    list-style: none;
    position: absolute;
    visibility: hidden;
    margin: 0 0 0 0;
    padding: 10px;
    width: 200px;
    background: rgba(70, 77, 84, 0.8);
    border-radius: 0 0 1px 1px;
    -moz-border-radius: 0 0 1px 1px;
    -webkit-border-radius: 0 0 1px 1px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}

/* @ Dark skin */

/* @ Light skin */
.light #menu-primary .sub-menu {
    border-color: #000;
}

#menu-primary img {
    position: absolute;
    right: 8px;
    top: 16px;
    display: none;
    visibility: hidden
}

#menu-primary .sub-menu img {
    position: absolute;
    right: 8px;
    top: 0;
    margin-top: 12px;
}

#menu-primary .sub-menu li {
    padding: 0 2px;
    margin: 0;
    float: left;
    clear: both;
    width: 100%;
    line-height: 16px;
}

#menu-primary .sub-menu li:first-child {
    border-top: none;
}

#menu-primary .sub-menu li:last-child {
    border-bottom: none;
}

#menu-primary .sub-menu li a {
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    float: left;
    background: none !important;
    border: none;
    padding: 8px 0;
    margin: 0;
    text-transform: none;
    font-weight: normal;
    color: #fff !important;
    position: relative;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
}

#menu-primary .sub-menu li a:hover {
    background: none;
    color: #8FCA43 !important;
    margin-left: 10px;
}

@media screen and (min-width: 1280px) {
    #menu-primary .sub-menu li a:hover {
        margin-left: 0;
    }
}

#menu-primary li.current-menu-item li a:hover, #menu-primary li.current-menu-parent li a:hover {
    border: none;
}

#menu-primary li.current-menu-item li a, #menu-primary li.current-menu-parent li a {
    color: #FFF !important;
    margin-top: 0;
    border: none;
}

#menu-primary li.current-menu-item li a:hover, #menu-primary li.current-menu-parent li a:hover {
    color: #8FCA43 !important;
}

/* Level 3 */
#menu-primary .sub-menu .sub-menu {
    visibility: hidden;
    margin: -12px 0 0 40px;
}

/* # Secondary menu */
#secondary {
    width: 400px;
    float: left;
    clear: none;
    margin: 16px 0 16px 0;
}

#menu-secondary {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu-secondary li {
    display: inline;
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-size: 11px;
    text-transform: uppercase;
}

#menu-secondary li a {
    display: inline;
    padding: 0 16px 0 0;
    color: #555;
}

#menu-secondary li a:hover {
    color: #888;
}

/* # Top menu */
#topmenu {
    width: 30%;
    float: right;
    clear: none;
    margin: 7px 0 2px 0;
}

#menu-top {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu-top li {
    display: inline;
    margin: 5px 0 0;
    padding: 0 20px;
    line-height: 24px;
    font-size: 14px;
    text-transform: uppercase;
    background-image: url("../images/li_item.jpg");
    background-position: 0;
    background-repeat: no-repeat;
}

#menu-top li a {
    display: inline;
    padding: 0 12px 0 0;
    color: #609934;
}

#menu-top li a:hover {
    color: #8fca43;
}

#alt_menu {
    position: absolute;
    right: 0;
    top: 1rem;
    display: flex;
    align-items: center;
    font-size: 16px
}

#alt_menu ul {
    list-style-type: none;
    display: flex;
    margin: 0;
}

#alt_menu > span {
    padding-right: 25px;
    color: #666;
    font-weight: 700;
}

#alt_menu ul li {
    padding-left: 20px;
    line-height: 25px;
    background: url(../images/li_item.jpg) no-repeat 0 5px;
    margin-right: 1.5rem;
}

#alt_menu ul li a {
    text-transform: uppercase;
}

/*  # SIDEBAR
==================================================

Styles for sidebar, and lists in sidebars

==================================================*/
aside.sidebar-regular {
    float: left;
    margin-top: 0;
    position: relative;
    padding-top: 30px;
}

/* Lists in sidebar */

/* Level 1 */
.sidebar-regular ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.sidebar-regular li {
    line-height: 1.5em;
    padding: 0;
    margin: 0;
    float: left;
    clear: both;
    width: 100%;
}

/* @ Dark skin */
.dark .sidebar-regular li {
    border-bottom: 1px solid #333;
}

/* @ Light skin */
.light .sidebar-regular li {
    border-bottom: 1px solid #eee;
}

.sidebar-regular li:first-child {
    padding-top: 0;
}

.sidebar-regular li:last-child {
    border: none;
}

.sidebar-regular li a {
    color: #666;
    padding: 5px 0;
    margin: 0;
    width: 100%;
    float: left;
    clear: both;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

/* @ Dark skin */
.dark .sidebar-regular li a {
    color: #888;
}

/* @ Light skin */
.light .sidebar-regular li a {
    color: #666;
}

.sidebar-regular li.current-menu-item a {
    color: #888;
}

.sidebar-regular li.current-menu-item li a {
    color: #555;
    padding-left: 10px;
}

.sidebar-regular li li.current-menu-item li a {
    color: #555;
    padding-left: 10px;
}

.sidebar-regular li a:hover {
    color: #609934;
    padding-left: 10px;
    background: #fff;
}

/* Level 2 */
.sidebar-regular ul ul {
    margin: 4px 0 10px 0;
    float: left;
}

.sidebar-regular li li {
    background: url('../library/images/arrow_right.png') no-repeat left center;
    line-height: 20px;
    padding: 0;
    padding-left: 10px;
    border: none;
    font-size: 11px;
    list-style: none;
}

/* @ Dark skin */
.dark .sidebar-regular li li a {
    color: #777;
}

/* @ Light skin */
.light .sidebar-regular li li a {
    color: #888;
}

/* Level 3 */
.sidebar-regular ul ul ul {
    margin: 0 0 4px 0;
}

.sidebar-regular li li li {
    line-height: 15px;
    margin: 0 0 0 10px;
    border: none;
    font-size: 11px;
    list-style: circle;
    list-style-position: inside;
}

/* WIDGETS IN SIDEBAR */
.sidebar-widget {
    float: left;
    display: inline;
    clear: both;
    margin-bottom: 30px;
    width: 100%;
}

header.sidebar-widget-header {
    margin: 0 0 12px 0 !important;
    padding-bottom: 0px;
    clear: both;
    float: left;
    width: 100%;
}

/* @ Dark skin
        .dark  .sidebar-widget-header { background: #212121; outline:1px solid #333;}*/

/* @ Light skin
        .light .sidebar-widget-header { background: #f4f4f4; outline:1px solid #f1f1f1;}*/


.sidebar-widget h3 {
    float: left;
    padding: 4px 20px 2px 0px;
    margin: 0;
}

/* @ Dark skin */
.dark .sidebar-widget-header h3 {
    background: url('../images/pgta.png') no-repeat right center;
}

/* @ Light skin */
.light .sidebar-widget-header h3 {
    background: url('../images/pgta_light.png') no-repeat right center;
}

.sidebar-widget h1, .sidebar-widget h2, .sidebar-widget h3 {
    text-transform: uppercase;
}

/* @ Dark skin */
.dark .sidebar-widget h1, .dark .sidebar-widget h2, .dark .sidebar-widget h3 {
    color: #eee;
}

/* @ Light skin */
.light .sidebar-widget h1, .light .sidebar-widget h2, .light .sidebar-widget h3 {
    color: #609934;
}

aside .serve {
    background: none repeat scroll 0 0 #90C744;
    padding: 20px;
    width: 75%;
    -o-border-top-left-radius: 3em;
    -o-border-bottom-right-radius: 3em;
    -webkit-border-top-left-radius: 3em;
    -webkit-border-bottom-right-radius: 3em;
    -moz-border-top-left-radius: 3em;
    -moz-border-bottom-right-radius: 3em;
    border-top-left-radius: 3em;
    border-bottom-right-radius: 3em;
    -webkit-box-shadow: 4px 8px 8px rgba(50, 50, 50, 0.24);
    -moz-box-shadow: 4px 8px 8px rgba(50, 50, 50, 0.24);
    box-shadow: 4px 8px 8px rgba(50, 50, 50, 0.24);
}

aside .sidebar-widget.serve h3 {
    color: #3F5E2A;
}

aside .sidebar-widget.serve p {
    color: #fff;
}

/*  # HEADER STYLES
==================================================

Styles for elements in header. For wp-nav-menu in header,
look under # Navigation

Table of content:

 # Header text colors
 # Logo
 # Top bar
 # User menu (Sign up / sign in)
 # Header text container

==================================================*/

/* Text colors */

header#pageheader {
    color: #aaa;
}

header#pageheader h1 {
    color: #f1f1f1;
}

header#pageheader h2 {
    color: #eee;
}

header#pageheader h3 {
    color: #eee;
}

header#pageheader h4 {
    color: #bbb;
}

header#pageheader h5 {
    color: #bbb;
}

header#pageheader h6 {
    color: #aaa;
}

/* Top bar */
#topbar {
    display: none;
    bottom: 0;
    height: 30px;
    line-height: 1em;
    margin: 0 !important;
    padding: 3px 0;
    position: absolute;
    top: 50px;
    z-index: 5000;
}

/* User menu */
#epic_user_menu {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    width: auto;
}

header #epic_user_menu {
    margin: 16px 0 16px 0;
}

header #epic_user_menu li {
    display: inline;
    line-height: 20px;
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
}

header #epic_user_menu li a {
    color: #666;
    margin: 0 0 0 10px;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0;
}

header #epic_user_menu li a:hover {
    color: #aaa;
}

header .epic_user_welcome_text {
    float: left;
    clear: both;
}

/* Header text container */
.header-textbox {
    float: left;
    display: block;
    width: auto;
}

/*  # CONTENT AREA STYLES
==================================================

Styles for elements in content area (Between header and footer).
For sidebar styles, look under # SIDEBAR STYLES

Table of content:

 # Home page modules
 # Page content	/ modules
 # Blog and archive styles (blog.php / archive.php / category.php / search.php / tags.php )

==================================================*/

/* Home page modules */

.module {
    padding-bottom: 10px !important;
    float: left;
    position: relative;
    width: 100%;
}

.module-title {
    width: 100%;
    float: left;
    clear: both;
    padding: 0;
    margin: 20px 0;
    overflow: visible;
    text-align: center;
    min-height: 18px;
}

/* @ Dark skin */
.dark .module-title {
    background: url('../images/dark_horisontal_line.png') repeat-x left center;
}

/* @ Light skin */
.light .module-title {
    background: url('../images/light_horisontal_line.png') repeat-x left center;
}

.module-title span {
    padding: 8px 12px;
    font-size: 14px;
    text-transform: uppercase;
}

/* @ Dark skin */
.dark .module-title span {
    background-color: #282828;
    color: #ccc;
    border: 1px solid #333;
}

/* @ Light skin */
.light .module-title span {
    background-color: #fcfcfc;
    color: #444;
    border: 1px solid #eee;
}

.expander {
    float: left;
}

/* Teaser-module */
.teasermodule {
    padding: 10px 0 !important;
    background-color: #FFF;
}

.teasermodule .one-third {
    line-height: 1.5em
}

/* Portfolio module */
.portfoliomodule { /* No styles added */
}

/* Content module */
#epic_module_content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

#homecontent .column img, #homecontent .columns img {
    padding: 10px;
}

#homecontent .teasermodule img {
    margin: 0 !important;
    padding: 10px 20px 0 0;
}

/* Team Pages================================================== */
#article-team {
    width: 52%;
}

#article-team + .sidebar-regular {
    width: 35%;
}

.OurTeam img {
    -o-border-top-left-radius: 4em;
    -o-border-bottom-right-radius: 4em;
    -webkit-border-top-left-radius: 4em;
    -webkit-border-bottom-right-radius: 4em;
    -moz-border-top-left-radius: 4em;
    -moz-border-bottom-right-radius: 4em;
    border-top-left-radius: 4em;
    border-bottom-right-radius: 4em;
}

#article-team header.pageheader {
    margin: 0 0 10px;
}

#content aside .OurTeam h3 {
    color: #008C98;
    font-family: Helvetica, sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-bottom: 1em;
    text-transform: none;
}

#article-team h1 {
    color: #636363;
    font-size: 2.25em;
    font-weight: normal;
    margin-top: 1.9em;
}

#article-team h5 {
    color: #008C98;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.3em;
    padding-bottom: 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #EEEEEE;
}

#article-team h3 {
    color: #636363;
    font-size: 1.3em;
}

/* Services Page================================================== */
.post-116 ul {
    display: none;
}

/* # Featured pages module */
.featured-post {
    float: left;
    position: relative;
    min-height: 20px;
    width: 280px;
    margin: 0 30px 30px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center
}

.featured-post img {
    display: block;
    position: relative;
    opacity: 1; /* Transform */
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1); /* Transitions */
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.featured-post .featured-info {
    background-color: rgba(240, 240, 240, .5);
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0
}

.featured-post h4 {
    text-align: center;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: transparent;
    margin: 20px 20px 10px 20px;
    padding-bottom: 10px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #333;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.featured-post p {
    position: relative;
    padding: 10px 20px 20px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.featured-post a {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.featured-post:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0 !important;
}

.featured-post:hover .featured-info {
    filter: alpha(opacity=1);
    opacity: 1;
}

.featured-post:hover h4, .featured-post:hover p, .featured-post:hover a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.featured-post .epic_button {
    float: none;
    margin: 0 auto;
    max-width: 60%;
}

/* 4.2.4 Teaser pages module */
#epic_module_teaserpages {
    background-color: #FFF;
}

#epic_module_teaserpages ol {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}

#epic_module_teaserpages li {
    float: left;
    margin: 0;
    clear: none;
    text-align: center;
    background-repeat: repeat-y;
    background-position: right top;
    overflow: visible;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* @ Dark skin */
.dark #epic_module_teaserpages li {
    background-image: url('../images/light_vertical_line.png');
}

/* @ Light skin */
.light #epic_module_teaserpages li {
    background-image: url('../images/dark_vertical_line.png');
}

#epic_module_teaserpages li:hover a span.caption {
    color: #555;
}

#epic_module_teaserpages a span.caption {
    margin: 0px 0 10px 0 !important;
    line-height: 1.3em;
    display: block;
    font-size: 15px;
}

/* @ Dark skin */
.dark #epic_module_teaserpages a span.caption {
    color: #eee;
}

/* @ Light skin */
.light #epic_module_teaserpages a span.caption {
    color: #555;
}

#epic_module_teaserpages p {
    margin: 0 0 6px 0;
}

#epic_module_teaserpages p a {
    color: #777;
}

#epic_module_teaserpages li img {
    margin: 0 auto;
    display: inline;
    max-width: 64px !important;
    max-height: 64px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#epic_module_teaserpages .teaser-info {
    padding: 10px;
    margin: 0 auto;
}

#epic_module_teaserpages li:last-child {
    background-image: none;
}

#epic_module_teaserpages li a {
    float: left;
    margin: 0;
    color: #777;
    text-align: center;
    padding: 50px 10% 30px 10%;
    width: 80%;
    text-align: center;
    font-size: 1em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* @ Dark skin */
.dark #epic_module_teaserpages li:hover a span.caption {
    color: #eee;
}

/* @ Light skin */
.light #epic_module_teaserpages li:hover a span.caption {
    color: #333;
}

#epic_module_teaserpages li a img {
    display: inline;
    margin: 0 auto;
    clear: both;
    width: 100%;
    max-width: 64px;
}

/* FAQ module */
#epic_faq {
    float: left;
    margin: 0 0 30px 0;
}

body header#pageheader {
    background-color: #609934 !important;
}

#content {
    background-color: #FFFFFF;
    padding: 2.5rem 0;
    box-sizing: border-box;
}

article .wp-caption, article img {
    max-width: 100% !important;
}

.container > article {
    margin-left: auto;
    margin-right: auto
}

/* Blog and archives */
article.blogpost {
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    padding-top: 20px;
}

article.blogpost .featured-image {
    flex: 1 0 37%;
    margin-right: 3%;
    overflow: hidden;
}

article.blogpost .post-content {
    flex: 1 0 60%;
}

article.blogpost .featured-image div {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 250px;
    background-position: center top;
    transition: all 0.3s ease-in-out;
}

article.blogpost .featured-image div:hover {
    transform: scale(1.1);
}

article.blogpost header.pageheader {
    padding: 0;
}

article.blogpost .summary {
    float: left;
    margin: 0 0 10px;
}


/* Animate the read-more link */
article.blogpost .epic_link {
    visibility: hidden;
    margin-left: -10px; /* Css animation */
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

article.blogpost:hover .epic_link {
    margin-left: 0px;
    visibility: visible;
}

.blog header {
    margin: 0;
}

.blogpost header h1 {
    margin: 0 0 16px 0;
}

.blogpost header h3 {
    line-height: 1.2em;
    margin: 0 0 2px 0;
    font-size: 1.2em;
}

/* Blog module on home page */

/* Styles for all pages and posts */

/* # Post title */
header.pageheader {
    display: flex;
}

header.pageheader h1 {
    padding: 0;
    margin: 0;
    float: left;
    clear: both;
}

/* @ Dark skin */
.dark header.pageheader h1 {
    color: #f1f1f1;
}

.dark header.pageheader h1 a {
    color: #eee;
}

/* @ Light skin */
.light header.pageheader h1 {
    color: #008c98;
}

.light header.pageheader h1 a {
    color: #008c98;
}

header.pageheader h3 {
    line-height: 1.2em;
    margin: 0 0 4px 0;
    padding: 5px 8px 5px 8px;
    float: left;
    clear: both;
}

/* @ Dark skin */
.dark header.pageheader h3, .dark header.pageheader h3 a {
    background: #181818;
    color: #fff;
}

/* @ Light skin */
.light header.pageheader h3, .light header.pageheader h3 a {
    background: #ddd !important;
    color: #444;
}

a span.featured-info {
    float: left;
}

/* Archive */
header.archiveheader {
    float: left;
    width: 100%;
    margin: 0 0 16px;
    padding: 0;
    text-transform: uppercase;
}

/* @ Dark skin */
.dark header.archiveheader h1, .dark header.archiveheader h1 a {
    background: #181818;
    color: #fff;
}

/*  # IMAGES & MULTIMEDIA
==================================================

Images in html5 <figure> are set to 100% width, to
ensure a nice layout no matter what screen resolution
the user has.

Table of content:

# Multimedia-container
# Video

==================================================*/

/* Multimedia containers */


.multimedia-container figure {
    width: 100%;
}

.multimedia-container figure img {
    width: 100%;
}

.multimedia-container {
    float: left;
    margin: 0 0 16px 0;
    clear: both;
    border: 10px solid;
}

/* @ Dark skin */
.dark .multimedia-container {
    border-color: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
}

/* @ Light skin */
.light .multimedia-container {
    border-color: #323232;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}

.multimedia-container img {
    display: block !important;
    width: 100%;
}

/* Video */
.widescreenratio {
    width: inherit;
    height: auto;
    border: 10px solid;
}

.normalratio {
    width: inherit;
    height: auto;
    border: 10px solid;
}

.letterboxratio {
    width: inherit;
    height: auto;
    border: 10px solid;
}

/* @ Dark skin */
.dark .widescreenratio, .dark .normalratio, .dark .letterboxratio {
    border-color: #fff;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
}

/* @ Light skin */
.light .widescreenratio, .light .normalratio, .light .letterboxratio {
    border-color: #323232;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
}

/* 4.2.6 Blog module */
#related_posts {
    float: left;
    clear: both;
    margin: 0 0 30px 0;
    width: 100%;
}

#related_posts ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#related_posts li {
    width: 100%;
}

/*  # GALLERY
==================================================

 Table of content:

 # Galley-container

==================================================*/

/* Gallery container */

section#gallery {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    display: block;
    position: relative;
}

ul.gallery-items {
    margin-right: -30px;
    padding: 0;
    width: 99.99%;
}

ul.gallery-items li {
    position: relative;
    margin-bottom: 4% !important;
}

ul.gallery-items li img {
    display: block;
    width: 100%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    opacity: 1;
}

ul.gallery-items li:hover img {
    position: relative;
    opacity: 0.5;
}

ul.gallery-items li span {
    display: none;
}

/*  # PORTFOLIO
==================================================

 Table of content:

 # Portfolio-container
 # Portfolio filter menu

==================================================*/

/* Portfolio container */

section#portfolio {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    margin-right: -30px;
    display: none;
    position: relative;
}

ul.portfolio-items {
    margin-right: -30px !important;
    padding: 0;
    width: 110%;
}

ul.portfolio-items li {
    position: relative;
    float: left;
    width: 280px;
    margin: 0 30px 30px 0;
}

/* @ Dark skin */
.dark ul.portfolio-items li figure {
    border: 10px solid #fff;
    width: 260px;
}

/* @ Light skin */
.light ul.portfolio-items li figure {
    border: 10px solid #222;
    width: 260px;
}

/* Portfolio filter menu */
ul.portfoliofilter {
    display: none;
    margin: 20px 0;
    width: 100%;
    list-style: none;
    float: left;
}

ul.portfoliofilter li {
    float: left;
    clear: none;
    width: auto;
    position: relative;
}

ul.portfoliofilter li a {
    line-height: 26px;
    display: inline;
    float: left;
    padding: 0 10px;
    margin: 0 4px 6px 0;
    font-size: 0.9em;
    color: #777;
    text-transform: uppercase;
    position: relative;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

ul.portfoliofilter li a:hover {
    color: #555;
}

/* @ Dark skin */
.dark ul.portfoliofilter li.current-menu-item {
    background: url('../images/title_bg_white.png') no-repeat left bottom;
}

/* @ Light skin */
.light ul.portfoliofilter li.current-menu-item {
    background: url('../images/title_bg_dark.png') no-repeat left bottom;
}

.home ul.portfoliofilter {
    display: inline-block;
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 0 16px;
}

.home ul.portfoliofilter li {
    display: inline;
    float: none;
    height: 50px;
    padding: 5px 10px;
}

.home ul.portfoliofilter li a {
    display: inline;
    float: none;
    height: 26px !important;
    margin: 0 0 4px 0;
}

.portfolio-post figure {
    background: #000;
    width: 100%;
    margin: 0 0 8px 0;
}

.portfolio-post img {
    margin: 0;
    display: block;
    max-width: 100%;
    width: 100%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .3);
    outline: 0px solid #777;
    opacity: 1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.portfolio-post:hover img {
    opacity: 0.6;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/* @ Dark skin */
.dark .portfolio-post:hover img {
    outline: 10px solid #000;
}

/* @ Light skin */
.light .portfolio-post:hover img {
    outline: 10px solid #fff;
}

.portfolio-post .summary {
    line-height: 30px;
    width: 100%;
    margin: 0;
}

.portfolio-post .summary a {
    color: #888;
    margin: 6px 0;
    padding: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
}

.portfolio-post:hover .summary a {
    color: #666;
    padding: 0 0 0 20px;
    background-image: url('../images/icon_arrow.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.portfolio-post .zoom {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    background: url('../images/icon_zoom.png') no-repeat;
    display: none;
}

.portfolio-post .zoom-image {
    background-position: center top;
}

.portfolio-post .zoom-video {
    background-position: center bottom;
}

.portfolio-post .zoom-gallery {
    background-position: center top;
}

.portfolio-post a.more {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: url('library/images/sprite_zoom.png') no-repeat center -120px;
    display: none;
    margin-top: 0px;
    margin-left: 10px;
}

#wiew_all_portfolio {
    margin: 0 auto 20px;
    width: 100%;
    text-align: center;
    float: left;
    clear: both;
}

/*  # COMMENTS
==================================================

Styles for the comments on pages and posts.

Table of content:

# Comments list
# Comments form

==================================================*/
#comments {
    margin: 0 0 30px;
    width: 100%;
    float: left;
    clear: both;
}

#commentform p {
    width: 100%;
}

#commentform label {
    width: 18%;
}

#commentform input[type=text] {
    width: 80%;
    display: block;
    float: right;
}

.comment-form {
    float: left;
    clear: both;
    width: 100%;
}

.commentlist {
    list-style: none;
    margin: 0 0 20px;
}

.commentlist li {
    clear: both;
    margin-bottom: 20px;
}

.commentlist li.depth-1 {
    float: left;
    margin: 0px 0 30px 0;
    display: block;
    width: 100%;
}

.commentlist li.depth-2 {
    float: left;
    margin: 0px 0 30px 10%;
    display: block;
    width: 90%;
}

.commentlist li.depth-3 {
    float: left;
    margin: 0px 0 30px 20%;
    display: block;
    width: 80%;
}

.commentlist li.depth-4 {
    float: left;
    margin: 0px 0 30px 30%;
    display: block;
    width: 70%;
}

.commentlist li.depth-5 {
    float: left;
    margin: 0px 0 30px 40%;
    display: block;
    width: 60%;
}

.single-comment {
    clear: both;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.commentlist .button {
    margin: 0 0 10px 0;
}

.commentlist p {
    min-width: 100%;
    display: block;
}

.form-allowed-tags {
    font-size: 12px;
}

.comment-author {
    width: 48px;
    height: 48px;
    display: inline;
    float: right;
    clear: none;
    margin: 0 0 10px 16px;
}

.comment-meta {
    margin: 0;
    width: 100%;
    float: left;
}

.comment-text {
    width: 100%;
    clear: none;
    float: left;
    margin: 0px 20px 0 0px;
}

.commentnavigation {
}

.comment-reply-link {
    float: left;
    margin-right: 10px;
}

/*  # PAGE / POST META
==================================================

Styles for the post-meta elements on pages and posts.

==================================================*/
ul.post-meta {
    clear: both;
    float: left;
    margin: 0 0 16px;
    padding: 0;
    position: relative;
    width: 100%;
}

/* @ Dark skin */
.dark ul.post-meta, .dark .comments-meta {
    border-color: #333;
}

/* @ Light skin */
.light ul.post-meta, .light .comments-meta {
    border-color: #eee;
}

ul.post-meta li {
    display: inline;
    line-height: 16px;
    padding: 0;
    margin: 0 0px 0 0;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

/* @ Dark skin */
.dark .post-meta li, .dark .post-meta li a {
    color: #666 !important;
}

/* @ Light skin */
.author-meta {
    color: #609934;
}

.comments-meta {
    float: right !important;
}

.meta-text { /* display:none; */
}

/* Post meta icons */
.icon {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-right: 6px;
    background-image: url('../images/sprite_meta.png');
    display: none;
}

/* Date meta */
.date-meta .icon {
    background-position: 0px 0px;
}

/* Autor meta */
.author-meta .icon {
    background-position: 0px -64px;
}

/* Autor meta */
.categories-meta .icon {
    background-position: 0px -32px;
}

/* Tags meta */
.tags-meta .icon {
    background-position: 0px -48px;
}

/* Comments meta */
.comments-meta .icon {
    background-position: 0px -16px;
}

/*  # FOOTER STYLES
==================================================

Here are styles for elements in the footer.
For the footer element itself, edit structure.css

================================================== */

/* Footer container */

/* @ Dark skin */
.dark footer#pagefooter {
    padding: 30px 0 30px 0;
    background: #fcfcfc;
}

/* @ Light skin */
.light footer#pagefooter {
    padding: 0;
}

/* Footer typography */

/* @ Dark skin */
.dark footer h1, .dark footer h2, .dark footer h3, .dark footer h4 {
    color: #333;
}

/* @ Light skin */
.light footer h1, .light footer h2, .light footer h3, .light footer h4 {
    color: #eee;
}

/* Footer nav */
footer#pagefooter nav {
    width: 100%;
    margin-bottom: 30px;
    float: left;
    padding: 5px 0 4px 0;
    margin: 0 0 8px 0;
}

/* @ Dark skin */
.dark footer nav {
    border-top: 1px solid #eee;
}

/* @ Light skin */
.light footer nav {
    border-top: 1px solid #333;
}

ul#menu-footer {
    margin: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul#menu-footer li {
    display: inline;
    margin: 0 20px 0 0;
    padding: 0;
    line-height: 24px;
}

ul#menu-footer li a {
    display: inline;
    padding: 0;
    color: #555;
}

/* @ Dark skin */
.dark ul#menu-footer li a {
    color: #777;
}

/* @ Light skin */
.light ul#menu-footer li a {
    color: #777;
}

ul#menu-footer li a:hover {
    display: inline;
    color: #888;
}

/* Footer widgets */
.footer-widgets {
    width: 100%;
    padding: 2.5rem;
    box-sizing: border-box;
}

/* @ Dark skin
                    .dark  .footer-widgets {background:#fff;  border:1px solid #f4f4f4;}*/

/* @ Light skin
                    .light .footer-widgets {background:#181818;  border:1px solid #252525;}*/

footer .sidebar-widget {
    background: none;
    border: none;
    padding: 0;
}

#primary-footer-widgets {
    background: #FFF;
}

#primary-footer-widgets h4 {
    background: url(../library/images/headerline.png) repeat-x right center transparent;
}

#primary-footer-widgets h4 a {
    background: #FFF;
    padding-right: 20px;
    color: #008c98;
    font-size: 23px;
    font-weight: bold;
}

#secondary-footer-widgets {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 2px 0 20px 0;
    background: #0c616a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBjNjE2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzAwOGE5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzAxOGE5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTViNjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #0c616a 0%, #008a96 39%, #018a96 60%, #0e5b63 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0c616a), color-stop(39%, #008a96), color-stop(60%, #018a96), color-stop(100%, #0e5b63)); /* 			Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #0c616a 0%, #008a96 39%, #018a96 60%, #0e5b63 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #0c616a 0%, #008a96 39%, #018a96 60%, #0e5b63 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #0c616a 0%, #008a96 39%, #018a96 60%, #0e5b63 100%); /* IE10+ */
    background: linear-gradient(to right, #0c616a 0%, #008a96 39%, #018a96 60%, #0e5b63 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c616a', endColorstr='#0e5b63', GradientType=1); /* IE6-8 */
}

#secondary-footer-widgets td.title {
    text-align: left !important;
}

.container #secondary-footer-widgets .columns.contact_info {
    width: 55%;
}

.container #secondary-footer-widgets .columns {
    width: 1%;
}

.container #secondary-footer-widgets .columns.enews {
    width: 20%;
    color: #FFFFFF;
}

.enews input[type="text"], .enews input[type="password"], .enews input[type="email"], .enews textarea, select {
    margin: 4px 0 10px;
}

.enews td.title {
    font-size: 1.1em;
}

.enews td font {
    line-height: 2em;
}

.enews .textwidget form br {
    display: none;
}

.widget_sp_image-image-link {
    float: right;
    height: auto;
}

.textwidget {
    margin: 0;
}

#secondary-footer-widgets p {
    color: #fff;
    font-size: .875em;
    line-height: 1em;
    margin: 0;
}

#secondary-footer-widgets .textwidget h3 {
    font-size: 1.3em;
    display: inline;
    line-height: 2.3em;
    margin-bottom: .625em;
    border-bottom: none;
}

#secondary-footer-widgets .textwidget h6 {
    display: inline;
}

#secondary-footer-widgets a {
    color: #FFF;
    margin: 0 0 10px 0;
    line-height: 1.5em;
}

#secondary-footer-widgets .careers {
    clear: right;
    float: right;
    display: block;
    color: #FFF;
    width: 30px;
}

.container #secondary-footer-widgets .one_third.column {
    width: auto;
    float: right;
    padding: 0 20px 0 0;
}

.container #secondary-footer-widgets .one_third.column.contact_info {
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}

#secondary-footer-widgets .widget_sp_image-image-link {
    width: 50px;
    height: 50px;
    margin: 0 5px 0;
    display: flex;
}

#secondary-footer-widgets .one_fifth:last-child .widget_sp_image-image-link {
    margin-right: -5px;
}

/* Footer widgets lists */

/* Level 1 */
.footer-widgets ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}

.footer-widgets li {
    line-height: 1.3em;
    padding: 0;
    margin: 2px 0;
    width: 100%;
    float: left;
    clear: both;
}

.footer-widgets li a {
    color: #555;
}

.footer-widgets li a:hover {
    color: #888;
}

.footer-widgets li:first-child {
    padding-top: 0;
}

.footer-widgets li:last-child {
    border: none;
}

/* Level 2 */
.footer-widgets ul ul {
    margin: 4px 0 10px 0;
}

.footer-widgets li li {
    background: url('../library/images/arrow_right.png') no-repeat left center;
    line-height: 20px;
    padding: 0;
    padding-left: 10px;
    border: none;
    font-size: 11px;
    list-style: none;
}

/* Level 3 */
.footer-widgets ul ul ul {
    margin: 0 0 4px 0;
}

.footer-widgets li li li {
    line-height: 15px;
    margin: 0 0 0 10px;
    border: none;
    font-size: 11px;
    list-style: circle;
    list-style-position: inside;
}

/* Footer credits and extras */
#footer-logo {
    float: left;
    margin: 0 20px 20px 10px;
}

#footer-text {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
}

#footer-credits-left {
    color: #FFFFFF;
    display: inline;
    float: left;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 1rem;
    text-transform: uppercase;
    width: 375px;
    border-right: 1px #FFFFFF solid;
    font-size: 12px;
}

#footer-credits-left a {
    color: #FFF;
    border-bottom: 1px dotted;
}

#footer-credits-left a:hover {
    border-bottom: 1px solid;
}

#footer-credits-right {
    color: #FFFFFF;
    display: inline;
    float: right;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
    width: 440px;
    font-size: 10px;
    margin-bottom: 1.35rem;
}

/*
 *************

     7.0 MISC ELEMENTS AND MODULES

     NB! These styles are located in /library/css/elements.css

     File is loaded in header.php via the wp_head() hook
     in the function epic_header_css(), in /library/functions/core.php

 *************
 */

/*
 *************

     8.0 FORMS

     NB! These styles are located in /library/css/forms.css

     File is loaded in header.php via the wp_head() hook
     in the function epic_header_css(), in /library/functions/core.php

 *************
 */

/**
 * 9.0 Misc classes
 *
 */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.expanded {
    width: 100%;
    float: left;
}

.break {
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 1px;
}

/* LIGHTBOX SIGN-IN/SIGN-UP FORM */
#modal_signup {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url('../images/black_50.png');
    z-index: 1002;
    display: none;
}

#modal_signup_form {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -200px;
    width: 300px;
    max-width: 100%;
    padding: 50px 50px 30px;
    z-index: 1002;
}

/* @ Dark skin */
.dark #modal_signup_form {
    background: #111;
    border: 10px solid #222;
}

/* @ Light skin */
.light #modal_signup_form {
    background: #fff;
    border: 10px solid #eee;
}

#modal_signup_form #signup {
    display: none;
}

#modal_signup_form #signin {
    display: block;
}

#modal_signup_form #reset {
    display: none;
}

/*
.sixteen.columns .multimedia-container .widescreenratio{height:516px;}
.sixteen.columns .multimedia-container .normalratio{ height:691px;}
.sixteen.columns .multimedia-container .letterboxratio{height:450px;}

.five.columns .multimedia-container .widescreenratio{ height:157px;}

.eight.columns .multimedia-container .widescreenratio{ height:250px;}
.eight.columns.multimedia-container .normalratio{height:330px;}
.eight.columns .multimedia-container .letterboxratio{ height:220px;}

.eleven.columns .multimedia-container .widescreenratio{ height:348px;}
.eleven.columns .multimedia-container .normalratio{height:466px;}
.eleven.columns .multimedia-container .letterboxratio{ height:270px;}

*/

/* Misc classes */

/* Post categories list */

/*
ul.post-categories{
float:left;
margin:0;
padding:0;
list-style: none;
line-height:inherit;}

ul.post-categories li{
display:inline;
float: left;
padding:0;
margin:0;
}

hr.separator{width:40px; border:none; border-top:2px solid #bbb; height:0px; display: block; clear: both; float: left; background: none; margin:0 0 50px 0;}






.single-date-info, .single-autor-info, .single-tags-info, .single-category-info{margin:0 4px 0 0; }
.left-float{float:left;}
.media-container{width:auto; float:left; clear: both; margin:0 0 20px 0;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
}
.media-container img{display:block;}






p.notice, span.notice, div.notice{

    padding:10px 20px;
    background:#fffcd5;
    border:1px solid #fff;
    box-shadow:0px 0px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, .1);
    text-shadow:none !important;
    color:#333;
    font-weight:bold;
    margin:0 0 20px 0;
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

}

p.alert, span.alert, div.alert{
padding:15px 20px 15px 100px;
background:#fffddf;
box-shadow:0px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow:0px 1px 5px rgba(0, 0, 0, .1);
-moz-box-shadow:0px 1px 5px rgba(0, 0, 0, .1);
text-shadow:none !important;
border: 1px solid #f9f9f9;
color:#fff;
font-weight:bold;
margin:0 0 20px 0;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
text-shadow: none;

}

*/


.tiny {
    font-size: 12px;
}

a.epic-button span {
}

/**
 * Tooltip
 *
 */
#simpleTooltip {
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px 9px;
    display: block;
    color: #eee;
    background: #222;
}

.breakline {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0 20px 0;
}

.breakline span {
    width: 95%;
    float: left;
    border-top: 1px solid;
}

.breakline a {
    float: right;
    margin-top: -8px;
    text-align: right;
    color: #999;
    width: 5%;
}

/* @ Dark skin */
.dark .breakline span {
    border-color: #333;
}

/* @ Light skin */
.light .breakline span {
    border-color: #eee;
}

/**
 * Calendar widget
 *
 */
#calendar_wrap table {
    width: 100%;
    background: #fff;
    border-spacing: 1px;
    border: none;
}

#calendar_wrap td, #calendar_wrap th {
    text-align: center;
    background: #f9f9f9;
    padding: 4px 0;
    border: 1px solid #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#calendar_wrap tfoot td {
    background: none !important;
}

/**
 * Widgets - both default Wordpress widgets and
 * custom widgets included in theme files.
 *
 */

/* Latest comments widget */
ul#recentcomments {
    margin: 0px 0 10px 0;
}

ul#recentcomments li {
    font-style: italic;
    display: block;
    clear: none !important;
    width: 100%;
    margin: 2px 0;
    padding: 0;
}

ul#recentcomments li a {
    font-style: normal;
    display: inline-block;
    clear: none !important;
    margin: 0;
}

/* Epic - Latest posts widget */
.epic_latestposts {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 10px 0;
}

.epic_latestposts h4 {
    margin: 0 0 4px 0;
}

.epic_latestposts img {
    float: left;
    margin: 0 10px 6px 0;
}

/* Epic tabbed widget */
.widgettabcontent figure {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    border: none;
}

.widgettabcontent section {
    width: 100%;
    clear: both;
    float: left;
    margin: 0 0 4px;
}

.widgettabcontent a {
    color: #eee;
}

.widgettabcontent span {
    margin-top: -4px;
    line-height: 1em;
}

ul#epic_widget_tabnav {
    margin: 0;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    padding: 0;
    float: left;
    clear: both;
    list-style: none;
    width: 100%;
}

ul#epic_widget_tabnav li {
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    clear: none;
    width: auto;
    position: relative;
}

ul#epic_widget_tabnav li a {
    line-height: 20px;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 11px; /* Tip: Reduce font-size if you need space for more menu items */
    font-weight: bold;
    color: #777;
    text-transform: uppercase;
    position: relative;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-bottom: 2px solid transparent;
}

ul#epic_widget_tabnav li a:hover, ul#epic_widget_tabnav li.current-menu-item a {
    color: #f1f1f1;
    border: none;
    border-bottom: 2px solid #fff;
    background: none;
    padding: 0;
    margin: 0;
}

/* Epic Social network widget */
.epic_socialmedia {
    float: right;
    list-style: none;
    margin: 4px 8px 0 0;
    padding: 0;
    width: auto;
}

#header .epic_socialmedia {
    float: right;
    margin: 20px 10px 0 10px;
}

.epic_socialmedia li {
    float: left;
    clear: none;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

.epic_socialmedia li a {
    display: inline;
    float: left;
    margin: 0;
    padding: 0 4px;
}

.epic_socialmedia li:last-child a {
    border: none;
}

.epic_socialmedia li img {
    margin-top: 2px;
    display: block;
}

p.tiny {
    font-size: 11px;
}

/* Author box */
.author-box {
    display: block;
    margin: 0 0 30px 0;
    width: 100%;
}

.author-box img {
    float: right;
    margin: 0 0 10px 20px;
}

/* Home page blog module */
.multimedia-container {
    margin: 0 0 16px 0;
}

.module-post .multimedia-container {
    width: 300px;
    margin: 0 0 30px 0;
}

.module-post .post-meta {
    width: 300px;
}

.two-third-fixed .multimedia-container {
    width: 630px;
}

.one-third-fixed .post-meta {
    margin: 0;
}

.wrap {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 20px 0;
}

.post-pagination-wrap {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.video-wrap {
    margin-bottom: 20px;
    float: left;
    clear: both;
}

.epic_link {
    background: url('../images/sprite_meta.png') no-repeat left -188px;
    padding-left: 16px;
}

.margin_bottom_20 {
    margin-bottom: 20px;
}

.margin_bottom_30 {
    margin-bottom: 30px;
}

.margin_bottom_40 {
    margin-bottom: 40px;
}

#secondary-footer-widgets .contact_info.column {
    flex-grow: 1;
}

#secondary-footer-widgets .enews.one_fifth.column {
    flex-grow: 1;
    display: flex;
}

#secondary-footer-widgets .enews.one_fifth.column form[name="ccoptin"] label {
    color: #FFFFFF;
    display: block;
    text-align: left;
    font-size: 14px;
}

#logo img {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translatez(0) scale(1.0, 1.0);
    -webkit-transition: transform 2s ease-in-out;
}

#logo img:hover {
    transform: scale(1);
    transition-duration: 1.5s;
}

#logo img {
    transform: scale(.9);
}

.srp-post-thumbnail:hover {
    transform: scale(1.1);
    transition-duration: 2s;
}

.enews td.title {
    color: white;
}

.submit {
    width: 200px;
}

.enews td font {
    color: white;
}

#logo img {
    transform: scale(.9);
}

#gform_wrapper_1 {
    display: block !important;
}

.section-columns {
    display: flex;
    width: 100%;
    align-items: center;
}

.section-columns .map {
    flex-basis: 50%;
    display: inline-flex;
}

.section-columns .contact {
    flex-basis: 50%;
    padding-left: 2rem;
}

.section-columns .map iframe {
    max-width: 100%;
    height: 350px;
}

.contact-email-us {
    padding-top: 3rem;
}

.sponsors-logos {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0;
}

.sponsors-logos .sponsor {
    width: 28%;
    padding: 15px;
    border: 1px solid #ccc;
    margin: 0 5px 10px;
}

.sponsors-logos .sponsor .bg-image {
    height: 125px;
    width: 100%;
    display: block;
}

.services {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0 2rem 0;
}

.services .service {
    background-color: #adb0b4;
    color: #FFFFFF;
    padding: 1rem;
    box-sizing: border-box;
}

.services .service:hover {
    background-color: #7ec744;
}

.title h4 {
    color: #495057;
    font-size: 23px;
    font-weight: 400;
}

.btn {
    color: #FFF;
    background-color: #609934;
    padding: 10px 25px;
    margin: 5px 0;
    display: inline-flex;
    border: 1px solid;
    border-radius: 3px;
}

.btn:hover {
    background-color: #008c98;
    color: #FFF;
}

.services .service .numbers h3 {
    font-size: 28px;
    font-weight: 300;
    color: #FFF;
    border: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
}

.services .service .info {
    display: flex;
}

.services .service .info .numbers {
    flex-basis: 30%;
}

.services .service .info .desciprtion {
    flex-basis: 70%;
    font-size: 16px;
    line-height: 1.5;
    padding-left: 15px;
}

.services .service .numbers h3 em {
    font-size: 24px;
    font-style: normal;
    line-height: 2.25em;
}

.services .service:first-child {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.services .service:last-child {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

@media screen and (min-width: 768px) {
    .services {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .services .service:first-child {
        border-top-right-radius: 0;
    }

    .services .service:nth-child(2) {
        border-top-right-radius: 15px;
    }

    .services .service:nth-child(5) {
        border-bottom-left-radius: 15px;
    }
    
    .services .service:last-child {
        border-bottom-left-radius: 0;
    }

    .services .service .numbers h3 {
        font-size: 35px;
    }
}

@media screen and (min-width: 1024px) {
    .services {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .services .service:nth-child(2) {
        border-top-right-radius: 0;
    }
    
    .services .service:nth-child(3) {
        border-top-right-radius: 15px;
    }
    
    .services .service:nth-child(4) {
        border-bottom-left-radius: 15px;
    }

    .services .service:nth-child(5) {
        border-bottom-left-radius: 0;
    }
    
    .services .service:last-child {
        border-bottom-right-radius: 15px;
    }

    .services .service .numbers h3 {
        font-size: 52px;
    }
}

.team-gallery {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    margin: 1rem 0 2rem 0;
    width: 100%;
    clear: both;
}

.team-gallery .member {
    position: relative;
    box-sizing: border-box;
}

.team-gallery > .member:nth-child(3n) {
    margin-right: 0;
}

.team-gallery .member .bg-image {
    height: 264px;
}

.team-gallery .member .title {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    color: #FFF;
    padding: 1rem;
    box-sizing: border-box;
    line-height: 1.25;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    justify-content: center
}

.team-gallery .member:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.team-gallery .member:hover > .title, .team-gallery .member:hover:before {
    visibility: visible;
    opacity: 1;
}

#team-members {
    margin: 0 0 1rem;
    padding: 0 5px;
    height: 34px;
}

.team .meta-wrapper #team-members {
    margin-bottom: 0;
}

.team-dropdown-wrapper b {
    font-size: 14px;
    margin-right: 5px;
    line-height: 32px;
}

@media screen and (min-width: 768px) {
    .team-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
}

@media screen and (min-width: 1024px) {
    .team-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.meta-wrapper {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between
}

.meta-wrapper .post-meta {
    margin: 0;
}

#secondary-footer-widgets > .one_fifth:nth-child(3), #secondary-footer-widgets > .one_fifth:nth-child(4), #secondary-footer-widgets > .one_fifth:nth-child(5) {
    display: flex;
    flex-direction: column-reverse;
    height: 135px;
    margin-left: 30px;
    align-items: center;
}

#secondary-footer-widgets > .one_fifth:nth-child(3) .footer-widget-header, #secondary-footer-widgets > .one_fifth:nth-child(4) .footer-widget-header, #secondary-footer-widgets > .one_fifth:nth-child(5) .footer-widget-header {
    margin-top: 12px;
}

.footer-social-icons {
    display: flex;
    flex-direction: column;
    max-width: 160px;
}

#secondary-footer-widgets .widget_text.one_third.column {
    flex-grow: 1;
}

#secondary-footer-widgets > div:last-child {
    display: flex;
    justify-content: flex-end;
}

.footer-social-icons > a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

form[name=ccoptin] label {
    color: #FFF;
    text-align: left;
    display: block;
}

.footer-social-icons > a .title {
    width: 110px;
    padding-left: 15px;
    font-size: 20px;
}

.recent-posts {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}

.recent-posts .single-post {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    border-right: 1px solid;
    float: left;
}

.recent-posts .single-post p, .recent-posts .single-post:hover p {
    color: #666;
}

.recent-posts .single-post .bg-image {
    background-size: cover;
    height: 182px;
    flex-basis: 40%;
}

.recent-posts .single-post .content {
    flex-basis: 50%;
    padding: 0 5%;
    font-size: 16px;
    line-height: 1.5;
}

.team-wrapper {
    display: flex;
}

.team-wrapper .team-lead-wrapper {
    padding-right: 2rem;
}

.team-wrapper .team-lead-wrapper .bg-image {
    height: 250px;
}

.team-wrapper .team-lead-wrapper .members {
    list-style: none;
}

.team-wrapper .team-lead-wrapper .members li {
    border-bottom: 1px dotted #CCC;
    line-height: 1.25;
    padding: 10px 0;
}

.team-wrapper article.team {
    padding-top: 3rem;
}

.error404 #content {
    display: flex;
    flex-wrap: wrap;
}

.error404 #content #article {
    margin-bottom: 2rem;
}

.error404 #content .sidebar-regular {
    padding-top: 0;
    max-width: 267px;
    margin: 0 !important;
}