/*-----------------------------------------------------------

    Theme Name: Impact
	Version: 1.21
    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%; height: auto; }
/* Body
================================================== */
body { background: #fff; nowhitespace: afterproperty; font: 14px/1.8 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #777777; -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; }
body.boxed-layout #wrap { width: 940px; padding: 0 30px; margin: 30px auto; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.15); }
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; }
.symple-two-third .grid-1 { width: 610px }
#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 ul ul { margin: 0px 0 0px 20px; list-style-type: circle; }
.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; }
.symple-column.symple-one-third h4 { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.6em; }
h1, h2, h3, h4, h5, h6 { color: #333; 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 }

.symple-column h2 {
  margin-top: 20px;
}

/*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: none; }
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: 30px 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: -10px; 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: 14px; height: 30px; line-height: 30px; color: #333; text-decoration: none; font-weight: bold; margin: 0 12px; 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: -20px }
.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: #dddddd }
.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: #dddddd }
#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 }

.symple-two-third .recent-posts { margin-right: 0 }

.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: #dddddd }
.recent-posts-entry-details { margin-top: 15px }
.recent-posts-entry-details.full-width-entry { width: 100% !important; }
.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: #333; }
.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: 9px; 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: 30%; }
.recent-posts-entry.grid-1 .recent-posts-entry-details { float: right; width: 66%; }
.symple-column.symple-two-third .recent-posts-entry.grid-1 .recent-posts-entry-img, .recent-posts-entry.grid-1 .recent-posts-entry-video { float: left; width: 30%; }
.symple-column.symple-two-third .recent-posts-entry.grid-1 .recent-posts-entry-details { float: right; width: 66%; }

.grid-1 .recent-posts-entry-title h3 { font-size: 1.250em; margin-bottom: 15px; }
.grid-1 .recent-posts-entry-meta { margin-top: -10px }
.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: #777777; font-size: 1em; margin: 40px 0 15px; font-weight: 400; margin-bottom: 20px; padding: 15px 0 0 0; border-top: 1px solid #aaa; }
.post-meta li { float: left; margin-right: 20px; }
.post-meta li.meta-date { padding-left: 25px; background: url("images/icons/dark/calendar.png") 0 3px no-repeat; }
.post-meta li.meta-author { padding-left: 25px; background: url("images/icons/dark/user.png") 0 3px no-repeat; }
.post-meta li.meta-comments { padding-left: 25px; background: url("images/icons/dark/comments.png") 0 3px no-repeat; }
.post-meta li.meta-category { padding-left: 25px; background: url("images/icons/dark/folder.png") 0 3px no-repeat; }
.post-meta li.meta-tags { padding-left: 25px; background: url("images/icons/dark/tags.png") 0 3px no-repeat; }
.post-meta li.meta-date a, .post-meta li.meta-author a, .post-meta li.meta-comments a, .post-meta li.meta-category a, .post-meta li.meta-tags a { color: #777777 }
/* 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: #f0f0f0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -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: #777777; font-size: 14px; font-weight: normal; -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 #333; font-size: 15px; font-weight: bold; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;}
.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"], input[type="email"], input[type="tel"], input[type="url"], 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: 7px 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; max-width: 100%; }
textarea { width: 100%; padding: 10px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]: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; 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: bold; text-align: left; font-size: 1em; margin-bottom: 40px; }
#reply-title span { padding-bottom: 10px; border-bottom: 1px solid #333; }
#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 { }
/* fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license
================================================== */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer,
.fancybox-inner { position: relative }
.fancybox-inner { overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image,
.fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span { background-image: url('images/fancybox/fancybox_sprite.png') }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('images/fancybox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*************************
*** SYMPLE SHORTCODES
*************************/
/* Clear Floats
================================================== */
.symple-clear-floats { clear: both }
.symple-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* Spacing
================================================== */
.symple-spacing { display: block; height: auto; margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; outline: none !important; }
/* Divider
================================================== */
.symple-divider { display: block; width: 100%; height: 0; margin: 0; background: none; }
.symple-divider.solid { border-top: 1px solid #eee }
.symple-divider.dashed { border-top: 2px dashed #eee }
.symple-divider.dotted { border-top: 3px dotted #eee }
.symple-divider.double { height: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.symple-divider.fadeout { width: 100%; height: 1px; border: none; margin-bottom: 42px; margin-top: 12px; margin-left: auto; margin-right: auto; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(#eeeeee), to(#ffffff)); background-image: -webkit-radial-gradient(50% 50%, #eeeeee, #ffffff); background-image: -moz-radial-gradient(50% 50%, #eeeeee, #ffffff); background-image: -o-radial-gradient(50% 50%, #eeeeee, #ffffff); background-image: -ms-radial-gradient(50% 50%, #eeeeee, #ffffff); background-image: radial-gradient(50% 50%, #eeeeee, #ffffff); }
.symple-divider.fadein { width: 100%; height: 1px; border: none; margin-bottom: 42px; margin-top: 12px; margin-left: auto; margin-right: auto; background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(#ffffff), to(#eeeeee)); background-image: -webkit-radial-gradient(50% 50%, #ffffff, #eeeeee); background-image: -moz-radial-gradient(50% 50%, #ffffff, #eeeeee); background-image: -o-radial-gradient(50% 50%, #ffffff, #eeeeee); background-image: -ms-radial-gradient(50% 50%, #ffffff, #eeeeee); background-image: radial-gradient(50% 50%, #ffffff, #eeeeee); }
/* Social
================================================== */
.symple-social-icon { display: inline-block; margin-right: 5px; }
.symple-social-icon img { display: inline; border: none; outline: none; padding: 0; margin: 0; box-shadow: none !important; }
.symple-social-icon img:hover { opacity: 0.8 }
/* Columns
================================================== */
.symple-one-half { width: 48% }
.symple-one-third { width: 30.66% }
.symple-two-third { width: 65.33% }
.symple-one-fourth { width: 22% }
.symple-three-fourth { width: 74% }
.symple-one-fifth { width: 16.8% }
.symple-two-fifth { width: 37.6% }
.symple-three-fifth { width: 58.4% }
.symple-four-fifth { width: 67.2% }
.symple-one-sixth { width: 13.33% }
.symple-five-sixth { width: 82.67% }
.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth, .symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { position: relative; margin-right: 4%; margin-bottom: 2em; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.symple-column-last { margin-right: 0!important; clear: right; }
.symple-column-last:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth, .symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth { }
/* Buttons
================================================== */
.symple-button { position: relative; margin: 7px 7px 7px 0; cursor: pointer; display: inline-block; white-space: nowrap; nowhitespace: afterproperty; padding: 5px 15px; font-size: 0.929em; font-weight: 400; color: #fff; background: #888; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; }
.symple-button:hover { text-decoration: none; opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; }
.symple-button:active { text-decoration: none; top: 1px; }
.symple-button.black { background-color: #000000 }
.symple-button.red { background-color: #db4a38 }
.symple-button.orange { background-color: #fa6801 }
.symple-button.blue { background-color: #4c8ffd }
.symple-button.rosy { background-color: #d90073 }
.symple-button.pink { background-color: #f473d0 }
.symple-button.green { background-color: #60aa17 }
.symple-button.brown { background-color: #835a2c }
.symple-button.purple { background-color: #852b99 }
.symple-button.gold { background-color: #f1a30b }
.symple-button.teal { background-color: #01abaa }
.symple-button.navy { background-color: #323b44 }
.symple-button.left { float: left }
.symple-button.right { float: right; margin-right: 0; margin-left: 5px; }
/* Testimonial
================================================== */
.symple-testimonial-content { font-family: "Open Sans"; position: relative; background: #f5f5f5; padding: 20px; color: #000; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 1em; font-weight: 300; }
.symple-testimonial-content img:first-child { background: #fff; padding: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 transparent, 0 0 0 transparent; }
.symple-testimonial-content:after { content: ""; position: absolute; left: 12px; bottom: -15px; width: 0px; height: 0px; border-bottom: 15px solid rgba(255,255,255,0); border-top: 15px solid rgba(255,255,255,0); border-right: 15px solid #f5f5f5; font-size: 0px; line-height: 0px; border-radius: 2px; }
.symple-testimonial-content p:last-child { margin: 0 }
.symple-testimonial-author { margin-top: 20px; margin-left: 15px; font-size: 0.857em; font-weight: 900; color: #000; }
/* Highlights
================================================== */
.symple-highlight { padding: 0 3px }
.symple-highlight-yellow, .symple-highlight-yellow a { background-color: #f1a30b; color: #fff; }
.symple-highlight-blue, .symple-highlight-blue a { color: #fff; background: #1ba0e1; }
.symple-highlight-green, .symple-highlight-green a { color: #fff; background: #60aa17; }
.symple-highlight-red, .symple-highlight-red a { color: #fff; background: #e51400; }
.symple-highlight-gray, .symple-highlight-gray a { color: #fff; background: #657688; }
.symple-highlight-black, .symple-highlight-black a { color: #fff; background: #000; }
/* Boxes
================================================== */
/*main*/
.symple-box { position: relative; display: block; padding: 20px; margin: 10px 0; font-size: 1.125em; font-weight: 400; color: #fff; background: #657688; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.symple-box a { color: #fff; text-decoration: underline; }
.symple-box a:hover { text-decoration: none }
.symple-box h2 a, .symple-box h3 a, .symple-box h4 a { color: #fff }
.symple-box p:last-child { margin: 0 }
.symple-box h2, .symple-box h3, .symple-box h4 { color: #fff; font-size: 1.125em; margin: 0 0 20px; }
/*aligns*/
.symple-box.left { float: left }
.symple-box.right { float: right }
/*colors*/
.symple-box.gray { background: #eee; color: #666; }
.symple-box.red { background: #db4a38 }
.symple-box.green { background: #60aa17 }
.symple-box.blue { background: #4c8ffd }
.symple-box.yellow { background: #f1a30b }
/* Toggle
================================================== */
.symple-toggle .symple-toggle-trigger { display: block; color: #000; padding: 15px 0 15px 35px; background: url("images/plus.png") left no-repeat; border-bottom: 1px solid #eee; outline: 0; text-transform: none; letter-spacing: normal; font-size: 1em; font-weight: 700; line-height: 1.5em; margin: 0 !important; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.symple-toggle .symple-toggle-trigger:hover, .symple-toggle .symple-toggle-trigger.active:hover { background-color: #f9f9f9; background-position: 7px center; }
.symple-toggle .symple-toggle-trigger.active { background: url("images/minus.png") left no-repeat }
.symple-toggle .symple-toggle-container { display: none; overflow: hidden; padding: 15px 0 0; }
/* Accordion
================================================== */
.symple-accordion h3.symple-accordion-trigger { display: block; color: #000; padding: 15px 0 15px 35px; background: url("images/plus.png") left no-repeat; border-bottom: 1px solid #eee; outline: 0; text-transform: none; letter-spacing: normal; font-size: 1em; font-weight: 700; line-height: 1.5em; margin: 0 !important; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.symple-accordion h3.symple-accordion-trigger a { color: #000; text-decoration: none !important; }
.symple-accordion .ui-state-focus { outline: none }
.symple-accordion .symple-accordion-trigger:hover { background-color: #f9f9f9; text-decoration: none; }
.symple-accordion .symple-accordion-trigger.ui-state-active, .symple-accordion .symple-accordion-trigger.ui-state-active:hover { background-color: #f9f9f9; background-position: 7px center; }
.symple-accordion .ui-accordion-content { padding: 15px 0 0 }
.symple-accordion .ui-accordion-content p:last-child { margin: 0px }
.symple-accordion .ui-icon { margin-right: 7px }
/* Tabs
================================================== */
.symple-tabs ul.ui-tabs-nav { display: block; margin: 0; padding: 0; border-bottom: solid 1px #ddd; margin-left: 1px; }
.symple-tabs ul.ui-tabs-nav li { display: block; width: auto; height: 45px; padding: 0 !important; float: left !important; margin: 0 !important; outline: none; }
.symple-tabs ul.ui-tabs-nav li a { display: block; text-decoration: none; width: auto; height: 44px; padding: 0px 20px; line-height: 45px; margin: 0; font-weight: 700; border: solid 1px #ddd; border-right: 0; background-color: #f9f9f9; font-size: 1em; color: #000; outline: none; }
.symple-tabs ul.ui-tabs-nav li:last-child a { border-right: solid 1px #ddd }
.symple-tabs ul.ui-tabs-nav li a:hover { background: #eee }
.symple-tabs ul.ui-tabs-nav .ui-state-active a { background: #fff; height: 45px; position: relative; border-bottom: none; margin: 0 0 0 -1px; color: #111 !important; }
.symple-tabs ul.ui-tabs-nav .ui-state-active a:hover { background: #fff }
.symple-tabs ul.ui-tabs-nav li:first-child .ui-state-active a { margin-left: 0 }
.symple-tabs .tab-content { background: #fff; padding: 20px; border-left: solid 1px #eee; border-right: solid 1px #eee; border-bottom: solid 1px #eee; }
.symple-tabs:before, ul.symple-tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.symple-tabs:after { clear: both }
.symple-tabs { zoom: 1 }
.symple-tabs .ui-tabs-hide { display: none }
/* Pricing Table
================================================== */
.symple-pricing-table { list-style: none; margin: 0; padding: 0; font-size: 16px; }
.symple-pricing-table div { list-style: none }
.symple-pricing-table > div { margin-right: 4%; list-style: none; text-shadow: none; margin-bottom: 0; background: #f6f6f6; color: #666; box-shadow: 0 10px 0 -6px #eee; }
.symple-pricing-table .featured { border: 3px solid #000 }
.symple-pricing-table .symple-pricing-header { text-align: center; padding: 20px 0; border-bottom: 1px solid #ebedf0; }
.symple-pricing-table .symple-pricing-header h5 { color: #1f2123; font-size: 1em; margin: 0; padding: 0 20px 10px; font-weight: 700; }
.symple-pricing-table .symple-pricing-cost { color: #1f2123; font-size: 2em; line-height: 1em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
.symple-pricing-table .symple-pricing-per { margin-top: 7px; font-size: 0.786em; color: #1f2123; font-weight: 300; }
.symple-pricing-table .symple-pricing-content { font-size: 0.857em; text-align: center; }
.symple-pricing-table .symple-pricing-content ul { margin: 20px 0 !important; list-style: none !important; }
.symple-pricing-table .symple-pricing-content ul li { margin: 0 0 5px !important; padding: 0 20px !important; list-style: none !important; }
.symple-pricing-table .symple-pricing-button { text-align: center; border-top: 1px solid #ebedf0; padding: 20px; font-size: 0.857em; }
.symple-pricing-table .symple-pricing-button .symple-button { float: none; margin: 0 auto; }
/* Heading - v1.1
================================================== */
.symple-heading { clear: left; font-weight: 900; font-size: 1em; margin: 30px 0; text-align: center; background: url("images/heading-bg.png") center center repeat-x; }
.symple-heading { padding-bottom: 0; border-bottom: none; }
.symple-heading span { background: #fff; padding: 0 40px; }
.symple-heading.text-align-center { text-align: center }
.symple-heading.text-align-left { text-align: left }
.symple-heading.text-align-right { text-align: right }
.symple-heading.text-align-left span { padding-left: 0 !important }
.symple-heading.text-align-right span { padding-right: 0 !important }
/* Googlemap - v1.1
================================================== */
.googlemap { position: relative; max-width: inherit; }
.googlemap .map_canvas { width: 100%; height: 100%; font-size: 0.929em; }
.googlemap .map_canvas h3 { font-weight: bold; margin: 0 0 10px; font-size: 14px; }
.map_canvas img { max-width: none !important }

.symple-column h3 a {
  //font-weight: bold;
}

.fast_icon {
  margin: 2px 0 16px 0;
}

.fast_icon img {
  margin-right: 10px;
}

.fast_icon a:last-child {
  margin-right: 0px;
}

.fast_icon a {
  margin-right: 10px;
  display: inline-block;
  width: 36px;
  height: 36px;
  transition-duration: 0.25s;
  background-size: 50% 50%;
  transition-timing-function: ease-in;
  transition-delay: 0.15s; 
}

.fast_icon a.yandex { background: url("images/fast-icons/yandex.png") 0 -36px no-repeat; background-size: 36px 72px;}
.fast_icon a.google { background: url("images/fast-icons/google.png") 0 -36px no-repeat; background-size: 36px 72px;}
.fast_icon a.vkontakte { background: url("images/fast-icons/vkontakte.png") 0 -36px no-repeat; background-size: 36px 72px;}
.fast_icon a.ok { background: url("images/fast-icons/ok.png") 0 -36px no-repeat; background-size: 36px 72px;}
.fast_icon a.facebook { background: url("images/fast-icons/facebook.png") 0 -36px no-repeat; background-size: 36px 72px;}
.fast_icon a.mail { background: url("images/fast-icons/mail.png") 0 -36px no-repeat; background-size: 36px 72px;}
.fast_icon a.gmail { background: url("images/fast-icons/gmail.png") 0 -36px no-repeat; background-size: 36px 72px;}

.fast_icon a:hover {
  background-position: 0px 0px;
  transition-duration: 0.25s; 
  transition-timing-function: ease-out;
  transition-delay: 0s; 
}

.url_vspu {
  margin-bottom: 10px;
  line-height: 20px;
  padding-top: 10px;
  border-top: 1px solid #eee;
}

.url_vspu:last-child {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.url_vspu a {
  display: block;
  padding-left: 58px;
}

.url_vspu.vspu {
  background: url("images/vspu-logo/vspu.png") 0 12px no-repeat;
} 

.url_vspu.edu {
  background: url("images/vspu-logo/edu.png") 0 12px no-repeat;
}

.url_vspu.lms {
  background: url("images/vspu-logo/lms.png") 0 12px no-repeat;
}

.url_vspu_another {
  margin: 20px 0;
}

.url_vspu_another p, .url_vspu_another p:last-child {
  display: block;
  float: left;
  margin: 10px 10px 0 0;
  width: 110px;
  border: 2px solid #eee;
  border-radius: 3px;
  padding: 10px 10px 10px 10px;
}

.url_vspu_another p a{
  padding-left: 34px;
}

.url_vspu_another .mabi {
  background: url("images/vspu-logo/mabi-iteach.png") 10px 10px no-repeat;
}

.url_vspu_another .iteach {
  background: url("images/vspu-logo/mabi-iteach.png") 10px 10px no-repeat;
}

.url_vspu_another .wiki {
  background: url("images/vspu-logo/wiki.png") 11px 10px no-repeat;
}

.url_vspu_another .all {
  background: url("images/vspu-logo/all.png") 12px 13px no-repeat;
}

.calendar {
  margin: 20px 10px 10px -2px;
  display: block;
  clear: both;
}

.year-calendar {
  clear: both;
} 

.year-calendar h2 {
  font-size: 1.250em;
  border-bottom: 1px solid #eee;
} 

.year-calendar .calendar {
  margin-top: 0;
  margin-bottom: 0;
} 

.calendar th {
  width: 38px;
}

.calendar th, .calendar td {
  background-color: #eee;
  border: 2px solid #fff;
  text-align: center;
}

.calendar th {
  background-color: #f7f7f7;
}

.calendar tr:first-child td {
  padding: 7px;
  font-weight: bold;
}

.highlight {
  background-color: #FFFFB4!important;
}

.calendar td.one {
  background: #eee url("images/star-one.png") 3px 3px no-repeat;  
}

.calendar td.two {
  background: #eee url("images/star-two.png") 3px 3px no-repeat;  
}

.year-calendar .calendar td.one, .year-calendar .calendar td.two {
  background-image: none;  
}

.symple-column.symple-one-third h4 {
  display: block;
  background-color: #eee;
  padding: 5px 10px;
  margin: 20px 0 10px;
}

.symple-column.symple-one-third h4:first-child {
  margin-top: 0px;
}

.symple-column.symple-one-third .menu {
  margin-bottom: 10px;
  line-height: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

#logo div {
  width: 30px;
  height: 30px;
  display: inline-block;
  float: left;
  border-radius: 4px;
  margin: 2px 10px 0 0;
}

#logo h2 {
  font-size: 26px;
  line-height: 30px;
  font-weight: normal;
}

#logo span {
  font-size: 30pt;
  font-weight: bold;
}

header#page-heading.home-heading h1 {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 10px;
}

header#page-heading.home-heading h2 {
  font-size: 16px;
  line-height: 32px;
}

.quote {
  margin-left: 52px;
}

.editpost {
  float: right!important;
  margin-right: 0!important;
}



input[type="submit"], .add_new_post {
  padding: 10px 20px;
  border: 0;
  font-size: 14px;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 0 10px 0;
}

input[type="submit"]:hover, .add_new_post:hover {
  opacity: 0.8;
}

#page-heading a {
  color: #fff;
}

#page-heading a:hover {
  text-decoration: none;
}

.symple-column.symple-one-third h3, .symple-column.symple-one-half h3 {
  margin-top: 20px!important;
}

#home-content .post-edit-link, .staff-post .post-edit-link, #single-page-content .post-edit-link {
  float: right;
}