/*-----------------------------------------------------------

    Theme Name: Impact
	Version: 1.04
    Description: Premium WordPress theme by WPExplorer
    Author: WPExplorer
    Author URI: http://themeforest.net/user/WPExplorer/?ref=wpexplorer
    Designed & Developed by WPExplorer
	Theme URI: http://themeforest.net/user/WPExplorer/portfolio
	License: Custom + GPL version 3.0
    License URI: http://themeforest.net/licenses/regular_extended
	Tags: light, flexible-width, custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready
	
		
/* Reset
================================================== */
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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}


/* Body
================================================== */
body {
    background: #fff;
    nowhitespace: afterproperty;
    font: 16px/1.8 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: #4e4e4e;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}


/* Main Wraps
================================================== */

/*main*/
#wrap {
    position: relative;
    background: #fff;
}

.boxed {
    width: 940px;
    margin: 0 auto;
}

.container {
    background: #fff;
    padding: 30px 0;
}

#post {
    float: left;
    width: 660px;
}

#sidebar {
    float: right;
    width: 250px;
}



/*Boxed Layout*/
body.boxed-layout {
    background: #eee url("images/bgs/debut_dark.png") repeat;
}

body.boxed-layout #wrap {
    width: 940px;
    padding: 0 30px;
    margin: 30px auto;
    background: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
}

body.boxed-layout #search-toggle {
    right: -30px;
}

body.boxed-layout #page-slider {
    margin-left: -30px;
    margin-right: -30px;
}

body.boxed-layout #page-heading,
body.boxed-layout #footer-wrap,
body.boxed-layout #copyright {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
}


/* Commons
================================================== */

/*grids*/
.grid-1 {
    width: 940px;
    float: none;
    margin-bottom: 30px;
}

.grid-2 {
    width: 455px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.grid-3 {
    float: left;
    width: 300px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.grid-4 {
    float: left;
    width: 220px;
    margin-right: 20px;
    margin-bottom: 20px;
}

#post .grid-1 {
    width: 660px;
}

#post .grid-2 {
    width: 320px;
    margin-right: 20px;
    margin-bottom: 20px;
}

#post .grid-3 {
    width: 206px;
    margin-right: 21px;
    margin-bottom: 21px;
}

#post .grid-4 {
    width: 156px;
    margin-right: 12px;
    margin-bottom: 12px;
}


/*negative bottom margins removes margin from last items to keep things clean*/
.grid-1-wrap,
.grid-2-wrap {
    margin-bottom: -30px;
}

.grid-3-wrap,
.grid-4-wrap {
    margin-bottom: -20px;
}

#post .grid-2-wrap {
    margin-bottom: -20px;
}

#post .grid-3-wrap {
    margin-bottom: -21px;
}

#post .grid-4-wrap {
    margin-bottom: -12px;
}

/*remove right column margin*/
.remove-margin {
    margin-right: 0 !important;
}

/*clear floats*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear {
    clear: both;
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/*blockquote*/
blockquote {
    font-family: 'Open Sans', Helvetica Neue, Arial, Helvetica, sans-serif;
    position: relative;
    margin: 30px 0;
    padding-left: 30px;
    font-weight: 300;
    font-size: 1.3em;
    border-left: 1px solid #ddd;
}

blockquote p:last-child {
    margin: 0;
}


/*preformatted text*/
pre,
code {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 0.929em;
    background: #eee;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 20px;
    padding: 25px 20px;
    line-height: 25px;
    border: 1px solid #ddd;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

/*address*/
address {
    font-style: italic;
    margin: 20px 0;
}

/*page featured image*/
#page-featured-img {
    position: relative;
    margin-bottom: 25px;
}

#page-featured-img img {
    display: block;
    width: 100%;
}

/*wp*/
.sticky {;
}

.gallery-caption {;
}


/* Awesome custom styles added in the mce editor
================================================== */
.thin-text {
    color: #555;
    font-weight: 300;
    font-family: 'Open Sans',Helvetica Neue,Arial;
}

.thin-text {
    font-size: 1.714em;
}


/* Lists
================================================== */
.entry ul {
    margin: 30px 0 30px 20px;
}

.entry ol {
    margin: 30px 0 30px 25px;
}

.entry ul {
    list-style: disc;
}

.entry ol {
    list-style: decimal;
}

.entry ul li, .entry ol li {
    margin: 0 0 5px;
}


/* Typography
================================================== */

/*headings*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
    margin: 40px 0 20px;
}

h1 {
    font-size: 1.714em;
    margin: 0 0 20px;
}

h2 {
    font-size: 1.714em;
}

h3 {
    font-size: 1.313em;
    font-weight: 300;
}

h3 strong {
    font-weight: 600;
}

h4 {
    font-size: 1em;
    font-weight: 700;
}

h5 {
    font-size: 0.857em;
}

h6 {
    font-size: 0.714em;
}


/*paragraphs*/
p {
    margin: 0 0 20px;
}

.entry p:last-child {
    margin: 0;
}

p img {
    margin: 0;
}

p.lead {
    font-size: 1.500em;
    line-height: 27px;
    color: #777;
}

p a, p a:visited {
    line-height: inherit;
}

/*other*/
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

hr {
    border: solid #eeeeee;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}



/* Link Styling
================================================== */
body a {
    color: #da3610;
}

body a:hover {
    text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #da3610;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: underline;
}

a:link {
    text-decoration: none;
}

a:focus {
    outline: 0;
}

a {
    outline: 0;
}

p a, p a:visited {
    line-height: inherit;
}

a:link {
    text-decoration: none;
}

a:focus {
    outline: 0;
}


/* Headings
================================================== */

/*heading class*/
.heading {
    font-weight: 900;
    text-align: left;
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.heading span {
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
}



/* Header
================================================== */

/*header*/
#header-wrap {
    background: #fff;
}

#header {
    position: relative;
    padding: 50px 0;
}

/*logo*/
#logo {;
}

#logo h1 a, #logo h2 a {
    float: left;
    display: block;
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#logo img {
    display: block;
    max-width: 100%;
}

#logo h1, #logo h2 {
    color: #444;
    font-weight: 300;
    font-size: 2.286em;
    line-height: 1em;
    margin: 0;
}

/*search toggle*/
#search-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 35px;
    width: 35px;
}

#search-toggle a {
    display: block;
    height: 35px;
    width: 35px;
    background: #f6f6f6 url("images/search-toggle.png") 0 0 no-repeat;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#search-toggle a:hover,
#search-toggle a.active {
    background: #000000 url("images/search-toggle.png") 0 -35px no-repeat;
}

#search-toggle a.active {
    background-color: #000000;
}

#header-search {
    display: none;
    position: relative;
    width: 0;
    top: -35px;
    left: 0px;
}

#header-search input[type="search"] {
    background: #f6f6f6;
    border: none;
    outline: none;
    height: 35px;
    font-size: 0.750em;
    color: #333;
    padding: 0 16px 0 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: none;
}

/* Page Headings
================================================== */

/* page heading*/
#page-heading {
    background: #181818;
}

#page-heading .boxed {
    position: relative;
    padding: 10px 0;
}

#page-heading h1,
#page-heading h2 {
    color: #fff;
    font-weight: 400;
    font-size: 1.750em;
    margin: 0;
}

/*home heading*/
#page-heading.home-heading {
    text-align: center;
}

#page-heading.home-heading h1 {
    font-family: "Open Sans";
    font-weight: 400;
}

/*breadcrumbs*/
#breadcrumbs {
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
    color: #666;
    font-size: 0.875em;
    padding-left: 20px;
    background: url("images/icons/light/compass.png") left center no-repeat;
}

#breadcrumbs a {
    color: #bbb;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#breadcrumbs a:hover {
    color: #fff;
    text-decoration: underline;
}

#breadcrumbs span {
    margin: 0 2px;
}

#breadcrumbs span.wpex-icon-home {
    color: #bbb;
}

/*headeing search*/
#page-heading .searchbar {
    width: 200px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.857em;
}

#page-heading input[type="search"] {
    border: 0;
    border: 1px solid #888;
    padding-left: 15px;
}

/*page featured images*/
#full-page-featured-img {
    text-align: center;
    margin-top: 30px;
}

#full-page-featured-img img {
    max-width: 100%;
    display: inline-block;
}


/* Main Navigation
================================================== */

/*hide responsive nav*/
#top-bar .selector,
#navigation .selector {
    display: none;
}

/*core*/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 200px;
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit;
}

.sf-menu li {
    float: left;
    position: relative;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 200px;
    top: 0;
}

/*styling*/
#navigation {
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: -12px;
}

#navigation .sf-menu > li:hover > ul, .sf-menu li.sfHover > ul {
    top: 39px;
    left: 12px;
}

#navigation ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul,
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 200px;
    top: -1px;
}

#navigation .sf-menu a {
    font-size: 0.929em;
    height: 30px;
    line-height: 30px;
    color: #777777;
    text-decoration: none;
    font-weight: bold;
    margin: 0 9px;
    border-bottom: 2px solid #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all  0.4s ease;
    transition: all  0.4s ease;
}

#navigation .sf-menu > li {
    height: 40px;
    float: left;
    position: relative;
}

#navigation .sf-menu > li > a:hover,
#navigation .sf-menu > li.sfHover > a,
#navigation .sf-menu > .current-menu-item > a,
#navigation .current-menu-parent > a,
#navigation .current-menu-parent > a:hover,
#navigation .sf-menu > .current-menu-item > a:hover {
    color: #181818;
    border-color: #01abaa;
}

#navigation .sf-menu li.callout-button a {
    font-size: 0.786em;
    box-shadow: 2px 2px 0 #ddd;
    color: #662200;
    text-shadow: 1px 1px 1px #ffdc7f;
    padding: 0 10px;
    border: 1px solid #cc7e02;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #ffb600;
    background: -moz-linear-gradient(top,  #ffd300 0%, #ffa100 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd300), color-stop(100%,#ffa100));
    background: -webkit-linear-gradient(top,  #ffd300 0%,#ffa100 100%);
    background: -o-linear-gradient(top,  #ffd300 0%,#ffa100 100%);
    background: -ms-linear-gradient(top,  #ffd300 0%,#ffa100 100%);
    background: linear-gradient(to bottom,  #ffd300 0%,#ffa100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd300', endColorstr='#ffa100',GradientType=0 );
}

#navigation .sf-menu li.callout-button a:hover {;
}

#navigation .sf-menu li.callout-button a:active {
    box-shadow: none;
    background: #ffa100;
    background: -moz-linear-gradient(top,  #ffa100 0%, #ffd300 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa100), color-stop(100%,#ffd300));
    background: -webkit-linear-gradient(top,  #ffa100 0%,#ffd300 100%);
    background: -o-linear-gradient(top,  #ffa100 0%,#ffd300 100%);
    background: -ms-linear-gradient(top,  #ffa100 0%,#ffd300 100%);
    background: linear-gradient(to bottom,  #ffa100 0%,#ffd300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa100', endColorstr='#ffd300',GradientType=0 );
}

/*drop-down styles*/
#navigation .sf-menu ul {
    position: absolute;
    nowhitespace: afterproperty;
    top: -999em;
    z-index: 9999;
    border-radius: 2px;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.08);
}

#navigation .sf-menu ul li {
    float: left;
    display: block;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

#navigation .sf-menu ul li:last-child {
    border-bottom: 0;
}

#navigation .sf-menu ul a {
    line-height: 1.7em;
    display: block;
    padding: 12px 15px;
    color: #555;
    height: auto;
    margin: 0px;
    border: 0px;
    font-size: 0.857em;
    font-weight: 300;
    text-shadow: none;
    text-transform: none;
    letter-spacing: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: none !important;
}

#navigation .sf-menu ul li > a:hover {
    padding-left: 18px;
    color: #000;
    background: #f9f9f9;
}


/* Homepage
================================================== */

/*heading callout button*/
#home-callout {
    font-size: 1em;
    font-weight: 300;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0;
    color: #888;
    height: 32px;
    line-height: 32px;

    padding: 0 15px;
    border: 1px solid #444;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}

#home-callout:hover {
    text-decoration: none;
    color: #fff;
    border-color: #fff;
}


/* SliderRevolution
================================================== */
.tp-bannertimer {
    background: #01abaa;
    height: 4px;
}

.tp-leftarrow.large,
.tp-rightarrow.large{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 60px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    font-size: 1em;
    text-align: center;
    color: #fff !important;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkitborder-radius: 4px;
}

.tp-leftarrow.large {
    background: #000 url("images/icons/light/arrow-left.png") center center no-repeat;
}

.tp-rightarrow.large {
    background: #000 url("images/icons/light/arrow-right.png") center center no-repeat;
}

.tp-leftarrow.large:hover,
.tp-rightarrow.large:hover{
	 background-color: #000;
	opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

.tp-bannershadow{
	z-index: 1;
}


/* FlexSlider
================================================== */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
} 

/* FlexSlider Necessary Styles */ 
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
    display: block;
}

/*main*/
.flexslider-container {
    position: relative;
}

.flexslider {
    zoom: 1;
    position: relative;
}

.flexslider ul {
    margin: 0;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* Featured posts slider */
.featured-slider {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #313131;
}

.featured-slider .flex-direction-nav li a.flex-next,
.featured-slider .flex-direction-nav li a.flex-prev {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 60px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    font-size: 1em;
    text-align: center;
    background: #000;
    color: #fff !important;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkitborder-radius: 4px;
}

.featured-slider .flex-direction-nav li a.flex-next {
    left: 70px;
    background: #000 url("images/icons/light/arrow-right.png") center center no-repeat;
}

.featured-slider .flex-direction-nav li a.flex-prev {
    left: 20px;
    background: #000 url("images/icons/light/arrow-left.png") center center no-repeat;
}

.featured-slider .flex-direction-nav li a:hover {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    color: #fff;
    text-decoration: none;
}

.featured-slider .flex-control-nav {
    position: absolute;
    bottom: 20px;
    left: 0;
}

.featured-slider .flex-control-nav li {
    float: left;
    margin-right: 5px;
}

.featured-slider .flex-control-nav li a {
    background: #bbb;
    cursor: pointer;
    display: block;
    height: 10px;
    text-indent: -9999px;
    width: 10px;
}

.featured-slider .flex-control-nav li a:hover {
    background-position: 0 0;
}

.featured-slider .flex-control-nav li a.flex-active {
    background: #000;
    cursor: pointer;
}

.featured-slider li a.featured-slider-img {
    position: relative;
    display: block;
    padding: 4px;
    border: 1px solid #eeeeee;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.featured-slider-title {
    margin: 20px 0 0;
}

.featured-slider-title a {
    color: #000;
}

.featured-slider-meta {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 0.813em;
    color: #b7b9bd;
}


/* Blog post slider */
#single-post-slider .flex-direction-nav li a.flex-next,
#single-post-slider .flex-direction-nav li a.flex-prev {
    position: absolute;
    display: block;
    width: 40px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    cursor: pointer;
    font-size: 1em;
    text-align: center;
    background: #000;
    color: #fff !important;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
}

#single-post-slider .flex-direction-nav li a.flex-next {
    right: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#single-post-slider .flex-direction-nav li a.flex-prev {
    left: 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#single-post-slider .flex-direction-nav li a:hover {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    color: #fff;
    text-decoration: none;
}

/* Portfolio post slider */
#portfolio-post-slider .flex-direction-nav li a.flex-next,
#portfolio-post-slider .flex-direction-nav li a.flex-prev {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 60px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    font-size: 1em;
    text-align: center;
    background: #000;
    color: #fff !important;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkitborder-radius: 4px;
}

#portfolio-post-slider .flex-direction-nav li a.flex-next {
    left: 70px;
    background: #000 url("images/icons/light/arrow-right.png") center center no-repeat;
}

#portfolio-post-slider .flex-direction-nav li a.flex-prev {
    left: 20px;
    background: #000 url("images/icons/light/arrow-left.png") center center no-repeat;
}

#portfolio-post-slider .flex-direction-nav li a:hover {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    color: #fff;
    text-decoration: none;
}

#portfolio-post-slider .flex-control-nav {
    position: absolute;
    top: 30px;
    right: 30px;
}

#portfolio-post-slider .flex-control-nav li {
    float: left;
    margin-left: 5px;
}

#portfolio-post-slider .flex-control-nav li a {
    background: url("images/bullets.png") no-repeat scroll -13px 0 transparent;
    cursor: pointer;
    display: block;
    height: 13px;
    text-indent: -9999px;
    width: 13px;
}

#portfolio-post-slider .flex-control-nav li a:hover {
    background-position: 0 0;
}

#portfolio-post-slider .flex-control-nav li a.flex-active {
    background-position: 0 0;
    cursor: default;
}


/* Services post slider */
#services-post-slider {
    margin-bottom: 20px;
    display: block;
    padding: 4px;
    border: 1px solid #eeeeee;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

#services-post-slider .flex-direction-nav li a.flex-next,
#services-post-slider .flex-direction-nav li a.flex-prev {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 60px;
    position: absolute;
    top: 20px;
    cursor: pointer;
    font-size: 1em;
    text-align: center;
    background: #000;
    color: #fff !important;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkitborder-radius: 4px;
}

#services-post-slider .flex-direction-nav li a.flex-next {
    left: 70px;
    background: #000 url("images/icons/light/arrow-right.png") center center no-repeat;
}

#services-post-slider .flex-direction-nav li a.flex-prev {
    left: 20px;
    background: #000 url("images/icons/light/arrow-left.png") center center no-repeat;
}

#services-post-slider .flex-direction-nav li a:hover {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    color: #fff;
    text-decoration: none;
}

#services-post-slider .flex-control-nav {
    position: absolute;
    top: 30px;
    right: 30px;
}

#services-post-slider .flex-control-nav li {
    float: left;
    margin-left: 5px;
}

#services-post-slider .flex-control-nav li a {
    background: url("images/bullets.png") no-repeat scroll -13px 0 transparent;
    cursor: pointer;
    display: block;
    height: 13px;
    text-indent: -9999px;
    width: 13px;
}

#services-post-slider .flex-control-nav li a:hover {
    background-position: 0 0;
}

#services-post-slider .flex-control-nav li a.flex-active {
    background-position: 0 0;
    cursor: default;
}


/* Portfolio Filter
================================================== */
ul.portfolio-filter {
    list-style: none;
    text-align: center;
}

ul.portfolio-filter li {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 7px;
}

ul.portfolio-filter a {
    font-family: 'Open Sans';
    position: relative;
    display: block;
    padding: 5px 20px;
    text-align: center;
    font-size: 1em;
    font-weight: 300;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #444;
    background: #f6f6f6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-bottom: 3px solid rgba(0,0,0,0.08);
}

ul.portfolio-filter a:hover {
    color: #fff;
    background: #313131;
    text-decoration: none;
}

ul.portfolio-filter a.active:hover,
ul.portfolio-filter a.active {
    color: #fff;
    padding-left: 46px;
    background: #313131 url("images/icons/light/pin.png") 20px center no-repeat;
    text-decoration: none;
}


/* Portfolio Entries
================================================== */

/*Shortcode & Archive Entries*/
.portfolio-wrap {
    margin-right: -40px;
}

.portfolio-entry {
    float: left;
    background: #fff;
 /*to prevent weirdness with isotope filter*/;
}

.portfolio-entry-media {
    position: relative;
}

.portfolio-entry-media a {
    display: block;
}

.portfolio-entry-media img {
    display: block;
    box-shadow: #000 0em 0em 0em;
}

.portfolio-entry-img,
.portfolio-entry-video {
    overflow: hidden;
    display: block;
    padding: 4px;
    border: 1px solid #eeeeee;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio-entry-img:hover,
.portfolio-entry-video:hover {
    border-color: #313131;
}

.portfolio-entry-details {
    margin-top: 15px;
}

.portfolio-entry-title h3 {
    font-size: 1em;
    font-weight: 700;
    text-transform: none;
    margin: 0;
}

.portfolio-entry-title h3 a {
    color: #000;
}

.portfolio-entry-excerpt {
    border-top: 1px solid #eee;
    margin-top: 15px;
    padding-top: 15px;
    font-size: 0.929em;
}

.portfolio-entry-readmore {
    display: block;
    margin-top: 5px;
    white-space: nowrap;
}




/* Tweaks For 1 Column Grid Style */
.portfolio-entry.grid-1 .portfolio-entry-img,
.portfolio-entry.grid-1 .portfolio-entry-video,
.portfolio-entry.grid-1 .portfolio-entry-other {
    float: left;
    width: 48%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio-entry.grid-1 .portfolio-entry-details {
    float: right;
    width: 48%;
}

.grid-1 .portfolio-entry-title h3 {
    font-size: 1.250em;
    margin-bottom: 10px;
}

.grid-1 .portfolio-entry-details {
    margin-top: 0;
}


/*other fun stuff*/
.portfolio-entry-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio-entry-overlay-inner {
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #181818;
}

.portfolio-entry-overlay-inner.default {
    background-image: url("images/icons/overlay/default.png");
}

.portfolio-entry-overlay-inner.lightbox {
    background-image: url("images/icons/overlay/lightbox.png");
}

.portfolio-entry-overlay-inner.redirect {
    background-image: url("images/icons/overlay/redirect.png");
}

.portfolio-entry-overlay-inner.video {
    background-image: url("images/icons/overlay/video.png");
}

.portfolio-entry-overlay-inner h3 {
    position: absolute;
    top: 50%;
    margin: 0;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    padding: 0 20px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.zoom,
.tilt,
.opacity {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.spin {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.zoom:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.tilt:hover {
    -webkit-transform: rotate(15deg) scale(1.4);
    -moz-transform: rotate(15deg) scale(1.4);
    -o-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
}

.spin:hover {
    -webkit-transform: rotate(360deg) scale(2);
    -moz-transform: rotate(360deg) scale(2);
    -o-transform: rotate(360deg) scale(2);
    transform: rotate(360deg) scale(2);
}

.opacity:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
}


/* Portfolio Posts
================================================== */
#portfolio-post-media {
    display: block;
    margin-bottom: 20px;
}

#portfolio-post-thumbnail img,
#portfolio-post-video,
#portfolio-post-slider {
    display: block;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #eeeeee;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Related Portfolio Posts
================================================== */
#single-portfolio-related {
    margin-right: -40px;
}

#single-portfolio-related a {
    display: block;
    padding: 5px;
    border: 1px solid #eeeeee;
    -webkit-transition: border 0.1s ease;
    -moz-transition: border 0.1s ease;
    transition: border 0.1s ease;
}

#single-portfolio-related a:hover {
    border-color: #313131;
}

#single-portfolio-related img {
    display: block;
}



/* Services Posts
================================================== */
#services-post-thumbnail,
#services-post-video {
    display: block;
    margin-bottom: 30px;
}

#services-post-thumbnail img {
    display: block;
    padding: 4px;
    margin: 0 auto;
    max-width: 100%;
    border: 1px solid #eeeeee;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Services Entries
================================================== */
.services-wrap {
    margin-right: -40px;
}

/*Shortcode & Archive Entries*/
.services-entry {
    position: relative;
    float: left;
    padding: 20px;
    background: #f9f9f9;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-bottom: 3px solid rgba(0,0,0,0.05);
}

.service-entry-with-icon {
    padding-left: 80px;
}

.services-entry-link {;
}

.services-entry-link:hover {
    text-decoration: none;
}

.services-entry-icon {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 20px;
    left: 20px;
}
.services-entry-icon img{
	height: 40px;
    width: 40px;
}

.services-entry-title {
    font-size: 1em;
    font-weight: bold;
    font-weight: 700;
    text-transform: none;
    margin: 0;
}

.services-entry-details {
    margin-top: 10px;
    font-size: 0.929em;
}

.services-entry-readmore {
    display: block;
    margin-top: 5px;
    white-space: nowrap;
}


/* FAQ Entries
================================================== */

.faq-wrap {
    margin-bottom: 30px;
}

.faq-entry {
    border-bottom: 1px solid #eee;
}

.faq-trigger h2 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: 700;
}

.faq-trigger a {
    display: block;
    color: #000;
    padding: 15px 0 15px 35px;
    background: url("images/icons/dark/plus.png") left no-repeat;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.faq-trigger.active a {
    background: url("images/icons/dark/minus.png") left no-repeat;
}

.faq-trigger a:hover,
.faq-trigger.active a {
    background-color: #f9f9f9;
    background-position: 7px center;
}

.faq-trigger a:hover {
    text-decoration: none;
}

.faq-entry-content {
    padding: 10px 0 20px;
    display: none;
}

.faq-entry-content p:last-child {
    margin: 0;
}

.faq-entry-readmore{
	display: inline-block;
    margin-top: 10px;
    white-space: nowrap;
}


/* FAQ Posts
================================================== */

.faq-post-footer {
    margin-top: 30px;
    font-size: 0.929em;
}

.faq-post-footer strong {
    color: #000;
    font-weight: 600;
}

.faq-post-footer .categories {
    margin-bottom: 10px;
    padding-left: 25px;
    background: url("images/icons/dark/folder.png") left center no-repeat;
}

.faq-post-footer .tags {
    margin-bottom: 0;
    padding-left: 25px;
    background: url("images/icons/dark/tags.png") left center no-repeat;
}


/* Staff Entries
================================================== */

/*Shortcode Entries*/
.staff-wrap {
    margin-right: -40px;
}

.staff-entry {
    float: left;
}

.staff-entry-img {
    overflow: hidden;
    display: block;
}

.staff-entry-img img {
    margin: 0 auto;
    display: block;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.staff-entry-img img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.staff-entry-details {
    padding: 20px;
    background: #f9f9f9;
}

.staff-entry-title h3,
.staff-entry-title h2 {
    font-size: 1em;
    font-weight: 700;
    text-transform: none;
    margin: 0;
}

.staff-entry-title h2 a,
.staff-entry-title h3 a {
    color: #000;
}

.staff-entry-position {
    font-family: "Open Sans";
    font-weight: 300;
}

.staff-entry-meta {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 0.813em;
    color: #b7b9bd;
}

.staff-entry-excerpt {
    font-size: 0.929em;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}

.staff-entry-readmore {
	display: block;
    margin-top: 5px;
    white-space: nowrap;
}


/* Staff Posts
================================================== */
body.single-staff h1 span {
	margin-left: 10px;
	font-size: 14px;
	color: #999;
	font-weight: normal;
}

#staff-post-thumbnail {
    display: block;
    margin-bottom: 30px;
}

#staff-post-thumbnail img {
    display: block;
    padding: 4px;
    margin: 0 auto;
    border: 1px solid #eeeeee;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#staff-post h1 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #313131;
}

#staff-post h1 span {
    font-family: "Open Sans";
    margin-left: 7px;
    font-weight: 300;
    margin-bottom: 5px;
    font-size: 0.563em;
    color: #999;
}


/* Blog Entries
================================================== */

/*Shortcode Entries*/
.recent-posts {
    margin-right: -40px;
}

.recent-posts-entry {
    float: left;
}

.recent-posts-entry-img,
.recent-posts-entry-video {
    display: block;
    padding: 5px;
    border: 1px solid #eeeeee;
    -webkit-transition: border 0.1s ease;
    -moz-transition: border 0.1s ease;
    transition: border 0.1s ease;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.recent-posts-entry-img img {
    display: block;
}

.recent-posts-entry-img:hover,
.recent-posts-entry-video:hover,
.recent-posts-entry-other:hover {
    border-color: #313131;
}

.recent-posts-entry-details {
    margin-top: 15px;
}

.recent-posts-entry-title h3,
.recent-posts-entry-title h2 {
    font-size: 1em;
    font-weight: 700;
    text-transform: none;
    margin: 0;
}

.recent-posts-entry-title h3 a {
    color: #000;
}

.recent-posts-entry-meta {
    margin-bottom: 5px;
    font-size: 0.813em;
    color: #999;
    text-transform: uppercase;
}

.recent-posts-entry-excerpt {
    font-size: 0.929em;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.grid-1 .recent-posts-entry-title h3 {
    font-size: 1.313em;
}

.grid-1 .recent-posts-entry-details {
    margin-top: 0;
}

.recent-posts-entry-readmore {
	display: block;
    margin-top: 5px;
    white-space: nowrap;
}


/* Tweaks For 1 Column Grid Style */
.recent-posts-entry.grid-1 .recent-posts-entry-img,
.recent-posts-entry.grid-1 .recent-posts-entry-video {
    float: left;
    width: 48%;
}

.recent-posts-entry.grid-1 .recent-posts-entry-details {
    float: right;
    width: 48%;
}

.grid-1 .recent-posts-entry-title h3 {
    font-size: 1.250em;
    margin-bottom: 15px;
}

.grid-1 .recent-posts-entry-meta {
    margin-top: -15px;
}

.grid-1 .recent-posts-entry-details {
    margin-top: 0;
}


/* Blog Posts
================================================== */

/*header*/
#post-header h1 {
    margin: 0 0;
    font-size: 2.000em;
    line-height: 1.2em;
}


/*post slider*/
#single-post-slider {
    margin: 0 0 30px;
}

/*post-thumbnail*/
.single #blog-post-thumbnail,
.single #blog-post-video {
    margin-bottom: 20px;
}

.single #blog-post-thumbnail img {
    display: block;
    max-width: 100%;
    width: 100%;
    padding: 4px;
    margin: 0 auto;
    border: 1px solid #eeeeee;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*post audio*/
#single-post-audio-wrap {
    margin: 0 0 30px;
}

#single-post-audio-wrap img {
    display: block;
    width: 100%;
}


/*footer*/
.blog-post-footer {
    margin-top: 30px;
    font-size: 0.929em;
}

.blog-post-footer strong {
    color: #000;
    font-weight: 600;
}

.blog-post-footer .categories {
    margin-bottom: 10px;
    padding-left: 25px;
    background: url("images/icons/dark/folder.png") left center no-repeat;
}

.blog-post-footer .tags {
    margin-bottom: 0;
    padding-left: 25px;
    background: url("images/icons/dark/tags.png") left center no-repeat;
}


/* Post Meta - date, author, comments
================================================== */
.post-meta {
    color: #333333;
    font-size: 1em;
    margin: 0 0 15px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 15px 0;
    border-top: 1px solid #313131;
    border-bottom: 1px solid #313131;
}

.post-meta li {
    float: left;
    margin-right: 20px;
}

.post-meta li.meta-date {
    padding-left: 25px;
    background: url("images/icons/dark/calendar.png") left center no-repeat;
}

.post-meta li.meta-author {
    padding-left: 25px;
    background: url("images/icons/dark/user.png") left center no-repeat;
}

.post-meta li.meta-comments {
    padding-left: 25px;
    background: url("images/icons/dark/comments.png") left center no-repeat;
}

.post-meta li.meta-category {
    padding-left: 25px;
    background: url("images/icons/dark/folder.png") left center no-repeat;
}

.post-meta li.meta-tags {
    padding-left: 25px;
    background: url("images/icons/dark/tags.png") left center no-repeat;
}

.post-meta a {
    color: #333333;
}


/* Pagination
================================================== */
ul.page-numbers {
    list-style: none;
    margin: 20px 0 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    width: 30px;
    margin: 0 8px 0 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    font-size: 12px;
    display: block;
    height: 27px;
    line-height: 27px;
    width: 30px;
    color: #666;
    font-weight: bold;
    background: #f6f6f6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-bottom: 3px solid rgba(0,0,0,0.05);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-numbers a:hover,
.page-numbers.current {
    background-color: #313131;
    color: #fff;
    text-decoration: none;
}


/* Post Pagination
================================================== */
#post-pagination {
    margin: 30px 0;
    padding-top: 30px;
    border-top: 1px solid #eee;
    font-size: 0.929em;
    font-weight: 700;
}

#post-pagination a {
    color: #000;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

#post-pagination a:hover {
    text-decoration: none;
}

#post-pagination .post-prev,
#post-pagination .post-next {
    position: relative;
    max-width: 40%;
}

#post-pagination .post-prev a,
#post-pagination .post-next a {
    display: block;
}

#post-pagination .post-prev {
    float: left;
    text-align: left;
}

#post-pagination .post-prev a {
    padding-left: 25px;
    background: url("images/icons/dark/arrow-left.png") left center no-repeat;
}

#post-pagination .post-next {
    float: right;
    text-align: right;
}

#post-pagination .post-next a {
    padding-right: 25px;
    background: url("images/icons/dark/arrow-right.png") right center no-repeat;
}

#post-pagination .post-prev a:hover {
    margin-left: -3px;
}

#post-pagination .post-next a:hover {
    margin-right: -3px;
}


/* Sidebar
================================================== */

#sidebar {
    font-size: 0.929em;
}

#sidebar h5 {
    padding-bottom: 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #313131;
    font-size: 1em;
    font-weight: bold;
}

.sidebar-box {
    margin-bottom: 30px;
}

.sidebar-box .heading {
    margin-top: 0;
}

#sidebar a {
    color: #666;
}

#sidebar a:hover {
    color: #da3610;
    text-decoration: none;
}


/* Widgets
================================================== */

/*social*/
.symple-social {
    margin-right: -8px;
}

.symple-social-social img {
    display: block;
    max-width: 100%;
}

.symple-social img:hover {
    opacity: 0.7;
}

#sidebar .symple-social li {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    height: 34px;
    width: 34px;
    position: relative;
}

#footer .symple-social li {
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    height: 34px;
    width: 34px;
}

/*tagcloud*/
.tagcloud a {
    float: left;
    display: block;
    font-weight: 400;
    font-size: 0.929em !important;
    line-height: 0.929em !important;
    padding: 7px 15px;
    display: block;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#sidebar .tagcloud a {
    position: relative;
    color: #000;
    white-space: nowrap;
    background: #efefef;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #bcbcbc;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
    background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
}

#sidebar .tagcloud a:hover {
    background: #f9f9f9;
    color: #000;
}

#sidebar .tagcloud a:active {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) inset;
}

#footer .tagcloud a {
    color: #666;
    border: 1px solid #333;
}

#footer .tagcloud a:hover {
    color: #fff;
}

/*sidebar custom menu*/
#sidebar .widget_nav_menu ul li {
    margin-bottom: 7px;
}

#sidebar .widget_nav_menu ul a {
    display: block;
    background: #f9f9f9;
    padding: 7px;
    color: #444;
    border-left: 2px solid #f9f9f9;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

#sidebar .widget_nav_menu ul li a:hover,
#sidebar .widget_nav_menu ul li.current-menu-item > a {
    padding-left: 10px;
    border-color: #01abaa;
}

#sidebar .widget_nav_menu ul ul {
    margin-top: 7px;
    margin-left: 20px;
}

/*sidebar lists*/
#sidebar .widget_recent_entries li, #sidebar .widget_categories li, #sidebar .widget_archive li, #sidebar widget_meta li, #sidebar .wpex-taxonomies-widget li, #sidebar #sidebar .wpex-recent-post-types-widget li, #sidebar .widget_pages li, #sidebar .widget_links li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

/*footer lists*/
#footer .widget_recent_entries li, #footer .widget_categories li, #footer .widget_archive li, #footer widget_meta li, #footer .wpex-taxonomies-widget li, #footer #footer .wpex-recent-post-types-widget li, #footer .widget_pages li, #footer .widget_links li {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #2b2b2b;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#footer .widget_recent_entries ul, #footer .widget_categories ul, #footer .widget_archive ul, #footer widget_meta ul, #footer .wpex-taxonomies-widget ul, #footer #footer .wpex-recent-post-types-widget ul, #footer .widget_pages ul, #footer .widget_links ul {
    padding-top: 7px;
    border-top: 1px solid #2b2b2b;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#footer .widget_recent_entries li a, #footer .widget_categories li a, #footer .widget_archive li a, #footer widget_meta li a, #footer .wpex-taxonomies-widget li a, #footer #footer .wpex-recent-post-types-widget li a, #footer .widget_pages li a, #footer .widget_links li a {;
}

/*calendar*/
#wp-calendar {
    font-family: "Open Sans";
}

#wp-calendar caption {
    text-align: left;
    font-size: 1em;
    font-weight: 400;
    color: #444;
    margin: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
}

#wp-calendar, #footer #wp-calendar tr {
    width: 100%;
}

#wp-calendar th {
    text-align: center;
    border-top: none;
    padding: 5px 0;
    font-weight: 300;
    text-transform: uppercase;
    background: #f6f6f6;
}

#wp-calendar tbody td {
    padding: 4px 0;
    text-align: center;
    background: #f6f6f6;
    border: 5px solid #fff;
}

#wp-calendar tbody td:hover {
    font-weight: bold;
}

#wp-calendar tbody a {
    display: block;
}

#footer caption {
    background: #111214;
}

#footer #wp-calendar td:hover {
    background: #292b2f;
    color: #fff;
}

#footer #wp-calendar caption {
    color: #fff;
}

#wp-calendar tbody td:hover {
    background: #fff;
    color: #000;
}

#wp-calendar tfoot td {
    padding-top: 5px;
}

/* Footer
================================================== */

/*footer main*/
#footer-wrap {
    background: #181818;
    color: #999;
	overflow: hidden;
}

#footer {
    padding: 40px 0 15px;
    font-size: 0.857em;
    position: relative;
}

#footer a {
    color: #666;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#footer a:hover {
    color: #fff;
    text-decoration: none;
}

#footer ul {
    margin: 0;
}

/*footer widgets*/
#footer .grid-1,
#footer .grid-2,
#footer .grid-3,
#footer .grid-4 {
    float: left;
    margin-bottom: 0;
}

.footer-widget {
    margin-bottom: 30px;
}

.footer-widget h6 {
    color: #fff;
    font-weight: 700;
    font-size: 1.071em;
    margin: 0 0 20px;
    text-transform: uppercase;
}

/*copyright*/
#subfooter {
    background: #202020;
    color: #808080;
    padding: 25px 0;
    text-align: left;
    font-size: 0.857em;
    font-weight: normal;
    min-height: 20px;
    border-top: 1px solid #333;
}

.boxed{
	position: relative;
}

body.boxed-layout #subfooter {
    position: relative;
	margin: 0 -30px;
	padding: 25px 30px;
}

#subfooter a {
    color: #888;
    text-decoration: underline;
}

/*copyright*/
#copyright {
    float: left;
    width: 48%;
}

/*footer menu*/
#footer-menu {
    float: right;
    width: 48%;
    text-align: right;
    padding-right: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer-menu ul li {
    display: inline;
    margin-right: 5px;
    padding-right: 12px;
    background: url("images/footer-menu-dot.png") right center no-repeat;
}

#footer-menu a {
    font-weight: bold;
    color: #555555;
    text-decoration: none;
}

#footer-menu a:hover {
    color: #fff;
}

/*scroll up link*/
a#toplink {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0;
    color: #6e6e6e;
    height: 30px;
    width: 30px;
    text-decoration: none;
    text-indent: -9999px;
    background: url("images/arrow-up.png") center center no-repeat;
    opacity: 0.4;
    -moz-opacity: 0.4;
    -webkit-opacity: 0.4;
    border-radius: 99px;
    -moz-border-radius: 99px;
    -webkit-border-radius: 99px;
}

#toplink:hover {
    text-decoration: none;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}

/* Search
================================================== */

/*main*/
input[type="search"] {
    background: url("./images/search.png") no-repeat scroll 96% center #fff;
    border: 1px solid #ddd;
    color: #666;
    font-family: 'Helvetica Neue',Helvetica,Arial;
    font-size: 0.857em;
    color: #9da1a9;
    padding: 10px 16px 10px 7px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: none;
}

#footer input[type="search"] {
    background-image: url("./images/search-light.png");
}

input[type="search"]:focus {
    border-color: #111;
}

input[type="search"]::-webkit-search-decoration {
    display: none;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

#footer input[type="search"] {
    background-color: #222;
    border-color: #222;
    color: #666;
}

#footer input[type="search"]:focus {
    color: #aaa;
}

#footer input[type="search"] {
    box-shadow: none;
}

/*entries*/
.search-entry {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
}

.search-entry h2 {
    margin: -5px 0 5px;
    font-size: 1.143em;
}

.search-entry h2 a {
    color: #000;
}

.search-entry-image {
    float: left;
}

.search-entry-image a {
    display: inline-block;
    border: 5px solid #eee;
}

.search-entry-image a:hover {
    border-color: #ddd;
}

.search-entry-image img {
    display: block;
}

.search-entry-text {
    float: right;
    width: 520px;
}


/* Forms / Inputs / Buttons
================================================== */

/*inputs*/
input[type="text"], input[type="password"] {
    height: 30px;
    line-height: 30px;
}

input[type="text"], input[type="password"], textarea {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
    display: block;
    font-size: 0.857em;
    margin-left: 0;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    -webkit-appearance: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

textarea {
    width: 100%;
    padding: 10px;
}

input[type="text"], input[type="password"] {
    width: 200px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    outline: none;
    border-color: #abadb3;
}

/*buttons*/
.entry button,
.entry input[type="button"],
.entry input[type="submit"],
#commentsbox input[type="submit"] {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    position: relative;
    font-size: 0.929em;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    nowhitespace: afterproperty;
    text-align: center;
    outline: none;
    text-decoration: none;
    display: block;
    color: #444;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    background: #efefef;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #bcbcbc;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
    background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
}

.entry button:hover,
.entry input[type="button"]:hover,
.entry input[type="submit"]:hover,
#commentsbox input[type="submit"]:hover {
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    text-decoration: none;
    color: #000;
}

.entry button:active,
.entry input[type="button"]:active,
.entry input[type="submit"]:active,
#commentsbox input[type="submit"]:active {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3) inset;
}

/*wpcf*/
.wpcf7 p {
    font-size: 0.929em;
}

.wpcf7 input {
    margin-top: 5px;
}


/* Comments
================================================== */
#commentsbox {
    margin-top: 30px;
}

.comments-title {
    font-weight: 900;
    text-align: left;
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.comments-title span {
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
}

.comment-details ul {
    margin: 0;
}

.comment-details ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 8px;
    padding-top: 8px;
}

.comment-details ul li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.commentlist {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.commentlist li {
    list-style: none;
    margin: 0;
}

.children li.depth-2 {
    margin: 0 0 0px 65px;
}

.children li.depth-3 {
    margin: 0 0 0px 65px;
}

.children li.depth-4 {
    margin: 0 0 0px 65px;
}

.children li.depth-5 {
    margin: 0 0 0px 65px;
}

.children li.depth-6 {
    margin: 0 0 0px 65px;
}

.children li.depth-7 {
    margin: 0 0 0px 65px;
}

.children li.depth-8 {
    margin: 0 0 0px 65px;
}

.children li.depth-9 {
    margin: 0 0 0px 65px;
}

.children li.depth-10 {
    margin: 0 0 0px 65px;
}

.comment-body {
    margin-bottom: 25px;
}

.comment-details {
    position: relative;
    padding-left: 80px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    font-size: 0.929em;
}

.comment-avatar {
    position: absolute;
    left: 0;
    top: 0;
    border: 5px solid #f6f6f6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.comment-avatar img {
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.comment-author {
    color: #111;
}

.comment-author,
.comment-author .author a:link {
    font-weight: 700;
}

.comment-content {
    margin-top: 5px;
}

.comment-content p:last-child {
    margin: 0;
}

.comment-date {
    font-size: 0.786em;
    font-weight: normal;
}

.comment-date a {
    color: #888;
}

.comment-reply-link {
    font-size: 0.786em;
    color: #888;
}

.comment-reply-link:hover {
    color: #000;
    text-decoration: none;
}

.comment-reply-link:before {
    content: "\b7\a0";
}

.commentlist .children {
    margin: 0;
}

#comments_wrap {
    margin-top: 15px;
}

#comments-logged-in {
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 0.929em;
}

#log-out {
    float: right;
    margin-top: -56px;
}

.form-submit {
    margin-bottom: 0;
    height: 55px;
}

#reply-title {
    position: relative;
    font-weight: 900;
    text-align: left;
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#reply-title span {
    padding-bottom: 10px;
    border-bottom: 1px solid #222;
}

#cancel-comment-reply-link {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 300;
    color: #fff;
    padding: 5px 10px;
    text-transform: lowercase;
    text-align: center;
    opacity: 0.8;
    background-color: #C53727;
    background-image: -moz-linear-gradient(center top , #C53727, #C53727);
}

#cancel-comment-reply-link:hover {
    opacity: 0.6;
    text-decoration: none;
}

.children #commentform textarea {
    width: 95.6%;
}

#commentform input {
    float: left;
    margin-right: 10px;
}

#commentform label {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 0.929em;
    font-weight: normal;
}

#commentsbox span.required {
    color: #C30;
    font-size: 0.643em;
}

#commentform input {
    margin-top: 0 !important;
}

#commentform input#author, #commentform input#email, #commentform input#url {
    font-size: 0.929em;
    width: 40%;
    margin-top: 10px;
}

#commentform textarea {
    font-size: 0.929em;
    width: 100%;
    margin-top: 10px;
}


/* 404 Page
================================================== */
#error-page {
    padding-top: 80px;
    padding-bottom: 80px;
}

#error-page-title {
    font-size: 5.714em;
    text-align: center;
    font-weight: bold;
    background: none;
    line-height: 1em;
    border: none;
    margin: 0 0 10px;
    color: #000;
}

#error-page-title span {
    margin-right: 7px;
}

#error-page-text {
    text-align: center;
    font-size: 1.143em;
}

#error-page-img {
    display: block;
    margin: 0 auto;
}


/* Isotope CSS Animations
================================================== */
.isotope-hidden {
    display: none !important;
}

.portfolio-with-filter,
.portfolio-with-filter .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}


.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


/* Custom WordPress Gallery
================================================== */
.wpex-gallery .gallery-item img {
    display: block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.wpex-gallery .gallery-item {
    float: left;
    width: auto;
    display: block;
    margin-right: 4%;
    margin-bottom: 1.5em;
}

.wpex-gallery .gallery-item:hover img {
    opacity: 0.6;
}

.wpex-gallery .gallery-caption {
    font-family: "Open Sans";
    background: #f9f9f9;
    color: #444;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    font-size: 0.929em;
}

.wpex-gallery.gallery-1-column .gallery-item {
    max-width: 100%;
    margin-left: auto;
    margin-right: 20px;
    float: none;
}

.wpex-gallery.gallery-2-column .gallery-item {
    width: 48%;
}

.wpex-gallery.gallery-3-column .gallery-item {
    width: 30.66%;
}

.wpex-gallery.gallery-4-column .gallery-item {
    width: 22%;
}

.wpex-gallery.gallery-5-column .gallery-item {
    width: 16.8%;
}

.wpex-gallery.gallery-6-column .gallery-item {
    width: 13.33%;
}

.wpex-gallery.gallery-6-column .gallery-caption {
    display: none;
}


/* WordPress Styles
================================================== */

/*aligns*/
.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignright {
    float: right;
    margin: 0 0 10px 20px;
}

.alignleft {
    float: left;
    margin: 0 20px 10px 0;
}

/*floats*/
.floatleft {
    float: left;
}

.floatright {
    float: right;
}

/*text style*/
.textcenter {
    text-align: center;
}

.textright {
    text-align: right;
}

.textleft {
    text-align: left;
}

/*captions*/
.wp-caption {
    max-width: 100% !important;
}

.wp-caption.aligncenter {
    margin: 0 auto 20px auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f9f9f9;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    max-width: 100$;
}

.wp-caption p.wp-caption-text {
    font-size: 0.929em;
    line-height: 17px;
    padding: 0 4px 10px;
    margin: 0;
}

/*smiley reset*/
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

/*blockquote*/
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

/*img attachment*/
#img-attch-page {
    text-align: center;
    overflow: hidden;
}

#img-attch-page img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/*other*/
.bypostauthor {
}
