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

	Theme Name: Kraken
	Description: Kraken is a clean and modern business & portfolio wordpress theme that's perfect for showcasing your work in a minimalistic fashion.
	Author: Authentic
	Author URI: http://themeforest.net/user/Authentic/
	Version: 1.04
	Designed & Developed by Authentic

-------------------------------------------------------------------------------------*/
/* import fonts */
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Oswald);
/* import external stylesheets */
@import url(./css/base.css);
@import url(./css/skeleton.css);
/*-----------------------------------------------------------------------------------*/
/*        Body
/*-----------------------------------------------------------------------------------*/
body { margin: 0 auto; background: url(./images/bg-light.png); }
    body a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #444; }
    body a:hover, div#main a { color: #225F97 }
div#main a:hover { color: #000 }
img { max-width: 100% !important; height: auto; }
/*-----------------------------------------------------------------------------------*/
/*        Header
/*-----------------------------------------------------------------------------------*/
.intro-message { margin-top: 7px; color: #000; text-align: center; letter-spacing: 0 !important; }
#main #logo { }
#mast-head hr { border-bottom: 1px solid #ddd; margin: 0 !important; }
#mast-head { margin-top: 10px }
/*-----------------------------------------------------------------------------------*/
/*        Containers
/*-----------------------------------------------------------------------------------*/
.inner-container { margin: 0 auto }
#blog-wrap { background: #f9f9f9; margin-top: 25px; padding-top: 20px; margin-bottom: -40px; }
.blog-content .sixteen .title { color: #222; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 13px; font-weight: bold; border-bottom: 1px solid #ddd; margin-top: 0px; }
.blog-content .eight .title { color: #222; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 13px; font-weight: bold; border-bottom: none; margin-bottom: 15px; margin-top: 0px; }
/*-----------------------------------------------------------------------------------*/
/*        Heading Container
/*-----------------------------------------------------------------------------------*/
#heading-wrap { margin-top: 35px; margin-left: 44px; }
.heading-page { font: 20px 'Helvetica Neue', Helvetica, Arial; font-weight: bold; color: #666; }
    .heading-page a:link, .heading-page a:visited { color: #fff }
#page-heading { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
    #page-heading h1, #page-heading h2, #page-heading h3, #page-heading h4, #page-heading h5, #page-heading h6 { margin: 0px; font-family: 'PT Serif', Georgia; font-size: 21px; font-weight: bold; color: #444; }
#page-tagline h1, #page-tagline h2, #page-tagline h3, #page-tagline h4, #page-tagline h5, #page-tagline h6 { font-family: 'Oswald', Helvetica Neue, Helvetica, Arial; font-size: 22px; margin-bottom: 10px; margin-top: 30px; text-align: center; text-transform: uppercase; color: #000; }
/*-----------------------------------------------------------------------------------*/
/*        Footer
/*-----------------------------------------------------------------------------------*/
#footer-wrap { position: relative; background: #343438 url(./images/bg-dark.png); padding-bottom: 25px; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); }
    #footer-wrap, #footer-wrap p { color: #7e7e87 !important }
footer { padding-top: 15px }
    footer a:link, footer a:visited { color: #AAAAB0 }
footer { }
    footer a:hover, #footer-bottom-wrap a:hover { color: #fff }
.footer-right { text-align: right }
/*-----------------------------------------------------------------------------------*/
/*    Page Breaks
/*-----------------------------------------------------------------------------------*/
hr { border: none }
.break-page { height: 1px; margin-top: 25px; margin-bottom: 20px; border-top: 1px solid #ddd; }
.break-dotted { background: url(images/double-dotted-border.png) top center repeat-x; height: 3px; }
.break-dotted-home-bottom-tagline { background: url(images/double-dotted-border.png) top center repeat-x; height: 3px; margin-top: 18px; }
.break-slider { height: 35px }
.break-slider-top { height: 1px; margin-bottom: 30px; }
.break-page-thick { height: 1px; margin-top: 25px; margin-bottom: 20px; border-top: 2px solid #ddd; }
.break-page-dotted { height: 1px; margin-top: 25px; margin-bottom: 20px; border-top: 1px dotted #ddd; }
.break-sidebar { padding: 1px; border: none; }
.break-single { height: 1px; margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #ddd; }
.break-pagin { height: 1px; margin-top: 50px; margin-bottom: 0; border-top: 1px solid #ddd; }
.break-post { height: 1px; margin-top: 50px; margin-bottom: 50px; border-top: 1px dotted #aaa; }
.break-comments { height: 1px; margin-top: 50px; margin-bottom: 50px; border-top: 1px solid #ddd; }
.break-homepage-image { border-bottom: 1px solid #ddd; padding-bottom: 20px; }
.break-portfolio { padding-bottom: 0px }
.break-blog { border-bottom: 1px solid #ddd; margin-bottom: 35px; padding-bottom: 20px; }
.break-blog-content { border-bottom: 1px solid #ddd; margin-bottom: 35px; padding-bottom: 20px; }
.break-footer { background: #45454A; border-top: 1px solid #2C2C2F; height: 1px; margin-top: 35px; }
.break-staff { border-bottom: 1px solid #DEDEDE; margin-bottom: 10px; }
.break-5 { padding: 5px; border: none; }
.break-10 { padding: 10px; border: none; }
.break-15 { padding: 15px; border: none; }
.break-20 { padding: 20px; border: none; }
.break-25 { padding: 25px; border: none; }
.break-30 { padding: 30px; border: none; }
.break-35 { padding: 35px; border: none; }
.break-40 { padding: 40px; border: none; }
.break-45 { padding: 45px; border: none; }
.break-50 { padding: 50px; border: none; }
.break-55 { padding: 55px; border: none; }
.break-60 { padding: 60px; border: none; }
.break-65 { padding: 65px; border: none; }
.break-70 { padding: 70px; border: none; }
.break-75 { padding: 75px; border: none; }
.break-80 { padding: 80px; border: none; }
.break-85 { padding: 85px; border: none; }
.break-90 { padding: 90px; border: none; }
.break-95 { padding: 95px; border: none; }
.break-100 { padding: 100px; border: none; }
/*-----------------------------------------------------------------------------------*/
/*    Sidebar
/*-----------------------------------------------------------------------------------*/
aside { padding-bottom: 30px }
/*-----------------------------------------------------------------------------------*/
/*	Blog
/*-----------------------------------------------------------------------------------*/
.general-title { color: #222; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ddd; }
/*blog title and icon*/
.blog-content div, .single-post { position: relative }
.title-margin-right { margin-right: 40px !important }
.single-post .post-format-icon { top: 34px; right: 15px; }
/*related posts*/
#related-posts { margin-bottom: 50px }
.related-post-image img { height: 125px }
#related-posts .title { color: #222; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ddd; }
.related-post-content h5 { margin: 10px 0 }
/*post author bio*/
#post-author { background: none repeat scroll 0 0 #fff; border-color: #ddd; border-style: solid; border-width: 1px; padding: 25px 25px 30px; }
    #post-author p { margin-bottom: 0 }
#author-details-heading { font-size: 13px; margin: 0 0 5px; }
.post-tags .title { color: #222; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ddd; }
.author-page h2 { font-family: 'PT Serif', Georgia; font-size: 17px; margin-top: 0; }
.user-welcome h3 { font-family: 'PT Serif', Georgia; font-size: 17px; }
#author-details p:last-child { margin: 0 }
#respond .title { color: #222; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ddd; margin: 0; }
.blog-post .post-title { margin-top: 0; font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 17px; }
.blog-content-block { }
    .blog-content-block img { margin-top: 10px }
.blog-post h2 { line-height: 1.2em; margin-bottom: 15px; margin-top: 0 !important; }
.quote-entry blockquote { margin: 0 !important }
.quote-entry .post-title h2 { margin: 0 }
.quote-entry header { float: right; margin-top: 10px; }
.quote-entry p { font-style: italic; margin: 0 !important; display: inline; margin-right: 5px; }
.quote-entry .post-title { margin: 0 !important }
/*post formats post*/
.single-gallery-thumbs { margin-top: 10px }
.single-gallery-item { width: 30.66%; position: relative; margin-right: 4%; margin-bottom: 10px; float: left; }
    .single-gallery-item img { }
/*-----------------------------------------------------------------------------------*/
/*	Widgets
/*-----------------------------------------------------------------------------------*/
.tagcloud a, .post-tags a { margin-bottom: 7px !important; font-size: 10px !important; }
/*recent posts*/
.widget-recent-posts-thumb img { float: left; width: 60px; height: 60px; margin-right: 15px; }
.widget-recent-posts-thumb a img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #f0f0f0; padding: 4px; }
.widget-recent-posts-thumb a:hover img { opacity: 0.8; background: #225F97; }
/*recent portfolio*/
.widget-recent-portfolio h5 { font-weight: bold; text-align: center; margin-top: 0px; }
.widget-recent-portfolio img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/*-----------------------------------------------------------------------------------*/
/*    Navigation
/*-----------------------------------------------------------------------------------*/
/* AKO 
#nav-wrap { background: #44444a url(./images/nav-overlay.png); height: 60px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); }
nav { font: 11px 'Helvetica Neue', Helvetica, Arial; color: #AAAAB0; margin-left: -10px; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); font-weight: normal; }
/*-----------------------------------------------------------------------------------*/
AKO */
/*    Navigation - Drop Down Menu
/*-----------------------------------------------------------------------------------*/
/*** ESSENTIAL Navigation Style ***/
/*REMOVED DROP DOWN */
/*-----------------------------------------------------------------------------------*/
/*    FlexSlider
/*-----------------------------------------------------------------------------------*/
#homepage-slider:after { content: ''; height: 35px; background: url(./images/slider-shadow.png) no-repeat; left: 0; position: absolute; top: 100%; width: 100%; }
/* Browser Resets */
.flex-container a:active, .flexslider a:active { outline: none }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; z-index: 999; }
    a.next, a.prev, .flex-control-nav li a, a#notifications-exit, a#notifications-open { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
.page-slider { border-bottom: 1px solid #ddd }
    .page-slider .flexslider { border: 0px !important; margin-bottom: 10px !important; }
/* FlexSlider Necessary Styles
*********************************/
.flexslider { width: 100%; margin: 0; padding: 0; }
    .flexslider .slides > li { display: none } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-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; }
/*Cleafix for tagcloud*/
.tagcloud: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 */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block }
/* FlexSlider Style Winston
*********************************/
.flexslider { position: relative; zoom: 1; }
    .flexslider .slides { zoom: 1 }
        .flexslider .slides > li { position: relative }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { zoom: 1; position: relative; }
.flexslider ul.slides li { margin-left: 0 !important }
/* Direction Nav */
.flex-direction-nav li a { width: 12px; height: 18px; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; right: 0px; }
.flex-direction-nav li a.next, .flex-direction-nav li a.prev { position: absolute; display: block; z-index: 101; }
.flex-direction-nav li a.next { background-image: url(./images/slider-arrows-right.png); background-position: 24px 0; right: -55px; }
.flex-direction-nav li a.prev { background-image: url(./images/slider-arrows-left.png); background-position: 24px 0; left: -55px; }
.flex-direction-nav li a.prev:hover { background-image: url(./images/slider-arrows-left.png); background-position: 12px 0; }
.flex-direction-nav li a.next:hover { background-image: url(./images/slider-arrows-right.png); background-position: 36px 0; }
.flex-direction-nav li a.disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; }
/* Caption */
.flex-caption { text-shadow: none; position: absolute; left: 20px; bottom: 20px; background: #000; background: rgba(0,0,0,0.7); z-index: 500; text-align: left; margin: 0; padding: 25px; color: #888; width: 40%; }
    .flex-caption h3 { color: #fff; margin: 0 0 10px 0; font-weight: bold; font-size: 14px; }
    .flex-caption p { margin: 0; color: #999; font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 12px; }
/*-----------------------------------------------------------------------------------*/
/*    Widgetized Area - Aside
/*-----------------------------------------------------------------------------------*/
aside .widget ul { list-style-type: none; margin: 0; }
aside .widget li { margin: 0 }
aside .title { border-bottom: 3px double #ddd; color: #222; font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 12px; font-weight: bold; }
aside ul li { border-bottom: 1px dotted #bbb; padding-top: 8px; padding-bottom: 8px; }
aside .widget-recent-posts-thumb li { padding-bottom: 22px !important }
/*-----------------------------------------------------------------------------------*/
/*    Homepage
/*-----------------------------------------------------------------------------------*/
#homepage { margin-bottom: -40px }
    #homepage .title { font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial; font-weight: bold; color: #222; }
/*highlights*/
.home-highlight { }
.hp-highlight-img img { width: 100% }
.home-highlight p:last-child { margin: 0 }
/*portfolio*/
.portfolio-content { margin-bottom: 0px !important }
    .portfolio-content .four { margin-bottom: 0px !important }
.home-highlight.sixteen { margin-bottom: 35px; border-bottom: 1px solid #DDDDDD; }
/*blog*/
#homepage .blog-content { margin: 0; padding: 0; }
.home-blog-thumb { margin-bottom: 15px }
.home-blog-excerpt { }
    .home-blog-excerpt h2 { margin-top: 0px }
    .home-blog-excerpt .single-link { display: inline-block }
    .home-blog-excerpt p { margin-bottom: 20px }
.portfolio-content .title, /*home-tagline*/
#home-tagline { font-family: 'PT Serif'; font-size: 20px; font-weight: bold; line-height: 1.4em; margin: 0; text-align: center; }
#home-tagline h1 { font-family: 'Oswald', Helvetica Neue, Helvetica, Arial; font-size: 22px; margin: 0px; text-align: center; text-transform: uppercase; color: #000; }
/*home widgets*/
.home-highlight .title, #home-widgets .title, #home-portfolio .title { color: #222; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ddd; margin: 0; margin-bottom: 15px; }
#home-widgets ul li { border-bottom: 1px dotted #BBBBBB; padding-bottom: 8px; padding-top: 8px; }
.home-highlight .title { margin-top: 20px }
.one-third input[type="search"] { width: 275px !important }
.one-third #subscribe-field { padding: 12px !important; width: 275px !important; }
.four #subscribe-field { padding: 12px !important; width: 195px !important; }
.four input[type="search"] { width: 195px !important }
.eight #subscribe-field { padding: 12px !important; width: 435px !important; }
.eight input[type="search"] { width: 435px !important }
.sixteen #subscribe-field { padding: 12px !important; width: 916px !important; }
.sixteen input[type="search"] { width: 916px !important }
/*-----------------------------------------------------------------------------------*/
/*    Widgetized Area - Footer
/*-----------------------------------------------------------------------------------*/
footer .widget li:first-child { border-top: 1px solid rgba(255,255,255,0.1) }
footer .widget li { list-style-type: none; margin: 0; border-bottom: 1px solid rgba(255,255,255,0.1); padding-top: 8px; padding-bottom: 8px; }
footer .title { font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial; font-weight: bold; line-height: 1.8em; color: #fff; }
footer .widget { color: #7e7e87 !important; margin-bottom: 30px !important; }
    footer .widget p { color: #6f6f6f }
footer .title a { color: #fff !important }
.post-info { margin-top: 70px }
/*-----------------------------------------------------------------------------------*/
/*    Back To Top
/*-----------------------------------------------------------------------------------*/
#back-to-top { display: none; position: fixed; bottom: 20px; right: 20px; text-align: center; text-indent: -9999px; width: 40px; height: 40px; background: url(images/top.png) no-repeat; background-position: 0px 0px; }
#back-to-top:hover { background-position: 0px -40px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/*-----------------------------------------------------------------------------------*/
/*    Search
/*-----------------------------------------------------------------------------------*/
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font: 11px 'Helvetica Neue', Helvetica, Arial !important; color: #999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 12px; font-size: 12px; border: 1px solid rgba(0,0,0,0.1); width: 254px; background: #fff; outline: none; border: 1px solid #ddd; }
input[type=search]:focus { background: #fff }
input[type="search"]::-webkit-search-decoration { display: none }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
/*-----------------------------------------------------------------------------------*/
/*        Portfolio
/*-----------------------------------------------------------------------------------*/
#single-portfolio .eleven { text-align: left }
.details { margin: 15px 20px }
.column-fix { display: block; margin-bottom: 70px; }
.home-highlight-item, .portfolio-item { position: relative }
    .home-highlight-item .overlay, .portfolio-item .overlay, .home-blog-thumb .overlay, .blog-thumb-top .overlay { display: none; content: ""; position: absolute; top: 0; left: 0; background: url(./images/img-overlay.png) no-repeat; height: 100%; width: 100%; z-index: 2; color: #fff; background-size: 100% 60%; opacity: 0.5; }
.blog-thumb-left .overlay { display: none; content: ""; position: absolute; top: 0; left: 0; background: url(./images/img-overlay.png) no-repeat; height: 350px; width: 350px; z-index: 2; color: #fff; background-size: 100% 60%; opacity: 0.5; }
.blog-thumb-right .overlay { display: none; content: ""; position: absolute; top: 0; right: 0; background: url(./images/img-overlay.png) no-repeat; height: 350px; width: 350px; z-index: 2; color: #fff; background-size: 100% 60%; opacity: 0.5; }
.home-highlight-item a:hover .overlay, .portfolio-item a:hover .overlay, .home-blog-thumb:hover .overlay, .blog-thumb-top:hover .overlay, .blog-thumb-left:hover .overlay, .blog-thumb-right:hover .overlay { display: block }
.portfolio-description { z-index: 2; position: relative; margin-top: -7px !important; padding: 20px 15px; color: #444; background: #fff; border: 1px transparent; border-top: 0px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.1); box-shadow: 0 1px 3px rgba(0,0,0, 0.1); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .portfolio-description p { margin: 0px }
.portfolio-description:after { content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px; height: 10px; width: 20px; background: url(images/portfolio-arrow.png) no-repeat; display: block; }
.home-highlight-item img, .home-blog-thumb img, .portfolio-item img, .blog-thumb-top img, .blog-thumb-left img, .blog-thumb-right img { opacity: 1.0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
/*portfolio filter*/
.portfolio-content { position: relative; margin-bottom: 30px; }
    .portfolio-content .four { margin-bottom: 15px }
.portfolio-main { background: #EAEAEA; padding: 10px 15px 0px !important; border-bottom: double #ddd; margin-left: 0px; margin-bottom: 0px; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .portfolio-main li { font-size: 11px }
.filter-by-text { color: #444; float: left; margin-right: 10px; padding: 5px 15px 0 0; font-size: 11px; font-weight: bold; background: url(images/filter-arrow.png) right 67% no-repeat; }
.portfolio-main li a { display: block; float: left; color: #555 !important; padding: 5px 12px; font-weight: bold; margin: 0px; position: relative; margin-right: 5px; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #dadada; }
.portfolio-main li a.active, .portfolio-main li a:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #225F97; color: #fff !important; }
#filter-content { min-height: 350px }
.portfolio-content .project { padding-bottom: 20px }
/*single-portfolio*/
#portfolio-title { font-size: 12px; font-weight: bold; margin-bottom: 10px; padding-bottom: 0; }
#portfolio-navigation { margin-top: 25px }
/* single portfolio slider */
.flexslider_portfolio .flex-direction-nav { display: none }
.flexslider_portfolio img { opacity: 1 !important }
.flexslider_portfolio .flex-control-nav { bottom: 20px; left: 0; position: absolute; text-align: center; width: 100%; }
.flexslider_portfolio .flex-control-nav:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both; }
.flexslider_portfolio .flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }
.flexslider_portfolio .flex-control-nav li:first-child { margin: 0 }
.flexslider_portfolio .flex-control-nav li a { width: 8px; height: 8px; display: block; background: url(./images/bullets.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flexslider_portfolio .flex-control-nav li a:hover { background-position: -9px 0 }
.flexslider_portfolio .flex-control-nav li a.active { background-position: -9px 0; cursor: default; }
.flexslider_portfolio { width: 100%; margin: 0; padding: 0; }
    .flexslider_portfolio .slides > li { display: none } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider_portfolio .slides img { max-width: 100%; display: block; }
.flexslider_portfolio { position: relative; zoom: 1; }
    .flexslider_portfolio .slides { zoom: 1 }
        .flexslider_portfolio .slides > li { position: relative }
.portfolio-description { margin-bottom: 30px; margin-top: 20px; }
    .portfolio-description h2 { font-size: 12px; font-weight: bold; margin: -5px 0 0; padding-bottom: 5px; color: #222; text-align: center; }
    .portfolio-description p { color: #777; font-size: 11px; text-align: center; }
/*-----------------------------------------------------------------------------------*/
/*        Staff
/*-----------------------------------------------------------------------------------*/
#staff-wrap { margin-bottom: -30px }
.staff-item { margin-bottom: 30px }
.staff-details { margin-top: 10px }
.staff-item h2 { color: #fff; font-size: 12px; margin: 0px; color: #000; }
.staff-position { color: #777777; font-size: 11px; }
/*-----------------------------------------------------------------------------------*/
/*        Posts
/*-----------------------------------------------------------------------------------*/
.entry-content { padding-top: 5px; padding-bottom: 5px; }
.meta-post-info { margin-bottom: 25px; margin-right: 40px; font-size: 11px; line-height: 2em; }
    .meta-post-info a:link { border-bottom: 1px dotted #225F97; margin-bottom: 5px; }
    .meta-post-info a:hover { border-color: #000; color: #000; margin-bottom: 5px; }
.entry-content .button { margin-bottom: 0 }
.single-link { border-bottom: 1px dotted #BBBBBB; color: #444; font-size: 12px; font-weight: bold; }
.single-link:hover { color: #6cb07a; border-bottom: 1px solid #6cb07a; }
.post-title { margin-top: 10px; font-family: 'Helvetica Neue', Helvetica, Arial; margin: 0; font-size: 18px; margin: 30px 0 20px; font-weight: bold; }
    .post-title h2 { font-size: 19px; display: inline-block; }
.single-title { color: #222; font-family: 'Helvetica Neue', Helvetica, Arial; padding-bottom: 5px; }
.attachment-post-thumbnail { background: #fff }
.post h2 { margin-top: 0px !important }
.blog-content-right h1.post-title, .blog-content-left h1.post-title { font-size: 17px !important; line-height: 1.9em; margin-bottom: 10px; }
.single-post .post-format-icon { top: 50px !important }
/*-----------------------------------------------------------------------------------*/
/*        Pagination
/*-----------------------------------------------------------------------------------*/
.pagination { }
    .pagination span, .pagination a { padding: 6px 10px; display: block; float: left; text-decoration: none; width: auto; margin-right: 5px; margin-bottom: 2px; cursor: pointer; font: 11px 'Helvetica Neue', Helvetica, Arial; background: url(./images/button-steel.png); border: 1px solid #d6dce2; color: #596a7a !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.8); box-shadow: 1px 1px 1px 0px #efefef; -webkit-box-shadow: 1px 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 1px 0px #efefef; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .pagination .current { background: url(./images/button-orange.png); border: 1px solid #F9B653; font-weight: bold; color: #9C6533 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.4); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); }
    .pagination a:hover { color: #353f49 !important; font-weight: bold; background: url(./images/button-steel.png) 0 31px; }
.pagination-box { }
.post-select { font: 10px 'Arial'; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 30px; }
/*-----------------------------------------------------------------------------------*/
/*    Post Pagination
/*-----------------------------------------------------------------------------------*/
#post-page-navigation span { padding: 6px 10px; display: block; float: left; text-decoration: none; width: auto; margin-right: 5px; margin-bottom: 2px; cursor: pointer; font: 11px 'Helvetica Neue', Helvetica, Arial; background: url(./images/button-steel.png); border: 1px solid #d6dce2; color: #596a7a !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.8); box-shadow: 1px 1px 1px 0px #efefef; -webkit-box-shadow: 1px 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 1px 0px #efefef; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#post-page-navigation a span { color: #596a7a !important; font-weight: normal !important; }
#post-page-navigation a:hover span { color: #353f49 !important; font-weight: bold; background: url(./images/button-steel.png) 0 31px; }
#post-page-navigation { margin-bottom: 25px }
/*-----------------------------------------------------------------------------------*/
/*    Archives
/*-----------------------------------------------------------------------------------*/
.archive-title { color: #222; font-family: 'PT Serif', Georgia; font-size: 17px; font-weight: bold; margin-top: 30px; }
ul.archive-list li:first-child { border-top: 1px dotted #bbb; padding-top: 8px; padding-bottom: 8px; }
ul.archive-list li { border-bottom: 1px dotted #bbb; padding-top: 8px; padding-bottom: 8px; margin-left: 0; }
ul.archive-list { margin-bottom: 60px !important; list-style-type: circle; list-style-position: inside; }
/*-----------------------------------------------------------------------------------*/
/*	Comment Form
/*-----------------------------------------------------------------------------------*/
#commentform textarea { width: 599px }
/*-----------------------------------------------------------------------------------*/
/*	Style For Contact Form 7
/*-----------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], textarea { font: 11px 'Helvetica Neue', Helvetica, Arial !important; color: #999; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 12px; font-size: 12px; border: 1px solid #ddd; background: #fff; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background: #fff }
.wpcf7 input[type="text"] { width: 250px }
.wpcf7 textarea { width: 95%; margin-bottom: 10px; }
.wpcf7-form p { margin: 0; margin-bottom: 20px; font-weight: bold; }
.wpcf7-form-control-wrap input { margin-top: -21px }
div.wpcf7-validation-errors, .wpcf7-not-valid-tip { border: transparent !important; background: #FFF780; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px !important; font-weight: bold; text-align: center; margin: 0 !important; }
.wpcf7-not-valid-tip { display: block; position: relative !important; top: 0 !important; left: 0 !important; background: #FFF780 !important; font-size: 12px !important; margin-top: 8px !important; width: 41% !important; }
/*-----------------------------------------------------------------------------------*/
/*      Sitemap
/*-----------------------------------------------------------------------------------*/
#sitemap-template li:first-child { border-top: 1px dotted #bbb }
#sitemap-template li { border-bottom: 1px dotted #bbb; list-style-type: none; margin: 0; padding-bottom: 8px; padding-top: 8px; }
#sitemap-template h2 { font-family: 'PT Serif'; font-size: 17px; }
/*-----------------------------------------------------------------------------------*/
/*      Social
/*-----------------------------------------------------------------------------------*/
#social { float: right }
    #social ul { list-style: none }
        #social ul li { display: inline-block; margin-left: 4px; }
    #social a { float: left; height: 20px; width: 20px; opacity: 0.6; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
    #social a:hover { opacity: 1 }
/*-----------------------------------------------------------------------------------*/
/*        Input Form Button
/*-----------------------------------------------------------------------------------*/
button, input[type="button"], input[type="submit"] { height: 33px !important }
button, input[type="button"], input[type="submit"], .button-basic-orange { background: url(./images/button-orange.png); border: 1px solid #F9B653; color: #9C6533 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.4); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1); }
button:active, input[type="button"]:active, input[type="submit"]:active, .button-basic-orange:active { background: url(./images/button-orange.png) 0 31px }
.button-basic-steel, .comment-reply-link, #cancel-comment-reply-link { background: url(./images/button-steel.png); border: 1px solid #d6dce2; color: #596a7a !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.8); box-shadow: 1px 1px 1px 0px #efefef; -webkit-box-shadow: 1px 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 1px 0px #efefef; }
.button-basic-steel:active, .comment-reply-link:active, #cancel-comment-reply-link:active { background: url(./images/button-steel.png) 0 31px }
.button-basic-grey { background: url(./images/button-grey.png); border: 1px solid #848484; color: #656565 !important; text-shadow: 1px 1px 0px rgba(255,255,255,0.2); box-shadow: 1px 1px 1px 0px #efefef; -webkit-box-shadow: 1px 1px 1px 0px #efefef; -moz-box-shadow: 1px 1px 1px 0px #efefef; }
.button-basic-grey:active { background: url(./images/button-grey.png) 0 31px }
button, .button-basic-orange, .button-basic-steel, .button-basic-grey, input[type="button"], input[type="submit"], .comment-reply-link, #cancel-comment-reply-link { cursor: pointer; display: inline-block; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; border-radius: 4px; line-height: 29px !important; height: 29px; font: 10px 'Helvetica Neue', Helvetica, Arial; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 10px; }
button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button-basic-orange:hover, .button-basic-steel:hover, .button-basic-grey:hover, #cancel-comment-reply-link:hover, .comment-reply-link:hover { opacity: 0.8 }
.tagcloud a, .post-tags a { display: block; float: left; color: #555 !important; padding: 5px 12px; font-weight: bold; margin: 0px; position: relative; margin-right: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #dadada; font-size: 12px; text-transform: uppercase; }
.tagcloud a:hover, .post-tags a:hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #225F97; color: #fff !important; }
/*-----------------------------------------------------------------------------------*/
/*    Shortcodes
/*-----------------------------------------------------------------------------------*/
/*icons*/
.icon-float-left { display: block; float: left; margin-right: 15px; margin-bottom: 15px; }
.icon-float-right { display: block; float: right; margin-left: 15px; margin-bottom: 15px; }
/*alerts*/
.alert-red, .alert-orange, .alert-green, .alert-blue, .alert-teal, .alert-black, .alert-yellow { font-size: 12px; color: #fff; font-weight: bold; text-align: center; padding: 10px; margin-bottom: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.alert-red { background: #ff5454 }
.alert-orange { background: #ff793f }
.alert-green { background: #59a80f }
.alert-blue { background: #037ebe }
.alert-teal { background: #0da5a9 }
.alert-black { background: #000 }
.alert-yellow { background: #FFF780; color: #333; }
/*Image Slides*/
.flexslider_shortcode { }
    .flexslider_shortcode ul { }
    .flexslider_shortcode img { display: block; margin: 0; }
    .flexslider_shortcode .flex-direction-nav { display: none }
.flexslider_shortcode { width: 100%; margin: 0; padding: 0; }
    .flexslider_shortcode .slides > li { display: none } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider_shortcode .slides img { max-width: 100%; display: block; }
.flexslider_shortcode { position: relative; zoom: 1; }
    .flexslider_shortcode .slides { zoom: 1 }
        .flexslider_shortcode .slides > li { position: relative }
    .flexslider_shortcode .flex-control-nav:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both; }
    .flexslider_shortcode .flex-control-nav { bottom: 3%; left: 0; position: absolute; text-align: center; width: 100%; z-index: 999; }
        .flexslider_shortcode .flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }
        .flexslider_shortcode .flex-control-nav li:first-child { margin: 0 }
        .flexslider_shortcode .flex-control-nav li a { width: 8px; height: 8px; display: block; background: url(./images/bullets.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
        .flexslider_shortcode .flex-control-nav li a:hover { background-position: -9px 0 }
        .flexslider_shortcode .flex-control-nav li a.active { background-position: -9px 0; cursor: default; }
/*-----------------------------------------------------------------------------------*/
/*	Tables
/*-----------------------------------------------------------------------------------*/
table.shortcode-table { overflow: hidden; border: 1px solid #d3d3d3; background: #fefefe; width: 100%; margin-top: 20px; }
    table.shortcode-table th, td { padding: 10px; text-align: center; }
    table.shortcode-table .th { font-weight: bold; color: #000; padding-top: 20px; text-shadow: 1px 1px 1px #fff; background: #e8eaeb; }
    table.shortcode-table td { border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
    table.shortcode-table tr.odd-row td { background: #f6f6f6 }
    table.shortcode-table td.first, th.first { text-align: left }
    table.shortcode-table td.last { border-right: none }
    table.shortcode-table td { background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe)); }
    table.shortcode-table tr.odd-row td { background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1); background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6)); }
    table.shortcode-table th { background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed); background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb)); }
/* Pricing Tables*/
.pricing-table { }
    .pricing-table li:last-child .pricing-content { border-right: 1px solid #e0e0e0 }
.pricing { float: left; text-align: center; margin-top: 35px; }
.pricing-content, .pricing-header, .pricing-button { -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
.pricing:hover .pricing-content, .featured-pricing:hover .pricing-header, .featured-pricing:hover .pricing-button { background: #fffbc4 }
.featured-pricing { }
.pricing-third { width: 33% }
.pricing-fourth { width: 25% }
.pricing-fifth { width: 20% }
.pricing-header { padding: 20px; border: 1px solid transparent; border-bottom: 0px; }
.featured-pricing .pricing-header { border-color: #e0e0e0; background: #fff; margin-right: -1px; }
.pricing-header h4 { font-size: 17px; font-weight: 500; color: #aaaaaa; margin: 0px; }
.featured-pricing .pricing-header h4 { color: #000; font-weight: bold; }
.price { font-weight: bold; font-size: 14px; color: #49ae3b; margin: 0px; }
.featured-pricing .price { color: #e65940 !important }
.pricing-content { background: #fff; border: 1px solid #e0e0e0; border-right: 0px; }
    .pricing-content ul { margin: 0; padding: 0; }
    .pricing-content li { padding: 15px; border-bottom: 1px solid #e0e0e0; }
    .pricing-content li:last-child { border-bottom: 0px }
.pricing-button { padding: 20px }
    .pricing-button .button { margin: 0px }
.featured-pricing .pricing-button { background: #fff; border: 1px solid #e0e0e0; border-top: 0px; margin-right: -1px; }
/*blocks*/
.block { padding: 25px; color: #fff; margin-bottom: 35px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); }
    .block p { color: #fff !important; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1) font-size: 11px; }
    .block p:last-child { margin: 0px }
    .block h3 { font-family: 'Helvetica Neue', Helvetica, Arial; font-weight: 500; font-size: 12px; margin-top: 0px; padding-bottom: 5px; margin-bottom: 0px; color: #fff; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); text-transform: uppercase; }
.block.teal { background-color: #1693A5 }
.block.blue { background-color: #1B70E0 }
.block.brown { background-color: #786060 }
.block.green { background-color: #7FAF1B }
.block.orange { background-color: #EB540A }
.block.purple { background-color: #51445F }
/*highlights*/
.text-highlight { padding: 2px }
.highlight-yellow, .highlight-yellow a { background-color: #FFF7A8; color: #695D43; }
.highlight-pink, .highlight-pink a { background-color: #F7DEEB; color: #724473; }
.highlight-purple, .highlight-purple a { background-color: #E0DBF6; color: #5C5577; }
.highlight-blue, .highlight-blue a { background-color: #D7F0FF; color: #2A67A4; }
.highlight-green, .highlight-green a { background-color: #E7FFCE; color: #47630A; }
.highlight-red, .highlight-red a { background: #FFCEBE; color: #A22121; }
.highlight-gray, .highlight-gray a { background-color: #EBEBEB; color: #787777; }
/*lists*/
.check ul, .bullets-gray ul, .bullets-black ul, .bullets-blue ul, .bullets-red ul, .bullets-purple ul { list-style-position: inside }
.check li, .bullets-gray li, .bullets-black li, .bullets-blue li, .bullets-red li, .bullets-purple li { padding: 2px 0 }
.check ul { list-style-image: url('images/shortcodes/check.png') }
.bullets-gray ul { list-style-image: url('images/shortcodes/bullets-gray.png') }
.bullets-black ul { list-style-image: url('images/shortcodes/bullets-black.png') }
.bullets-blue ul { list-style-image: url('images/shortcodes/bullets-blue.png') }
.bullets-red ul { list-style-image: url('images/shortcodes/bullets-red.png') }
.bullets-purple ul { list-style-image: url('images/shortcodes/bullets-purple.png') }
/*buttons*/
.button { margin-right: 5px }
    .button, .button span { display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.button { white-space: nowrap; nowhitespace: afterproperty; nowhitespace: afterproperty; line-height: 1em; position: relative; outline: none; overflow: visible; /* removes extra side padding in IE */cursor: pointer; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; border:1px solid #999; /* IE */border:rgba(0,0,0,.1) 1px solid; /* Saf4+,Chrome,FF3.6 */border-bottom:rgba(0,0,0,.3) 1px solid; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; background:-moz-linear-gradient(center top,rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); /* FF3.6 */background:-webkit-gradient(linear,center bottom,center top,from(rgba(0,0,0,.1)),to(rgba(255,255,255,.1))); /* Saf4+,Chrome */filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000'); /* IE6,IE7 */-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000')"; /* IE8 */-moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; user-select:none; margin-bottom:10px; opacity:1.0; -webkit-transition:opacity 0.2s ease-in-out;  -moz-transition:opacity 0.2s ease-in-out;  -o-transition:opacity 0.2s ease-in-out;  transition:opacity 0.2s ease-in-out; font-family:'Helvetica Neue',Arial,sans-serif; font-size:11px; min-height:34px;; ; }
.button.full, .button.full span { display: block }
.button:hover, .button.hover { opacity: 0.8 }
.button:active, .button.active { top: 1px }
.button span { position: relative; color: #fff; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,0.25); border-top: rgba(255,255,255,.4) 1px solid; padding: 0.8em 1.3em; line-height: 1.3em; text-decoration: none; text-align: center; white-space: nowrap; }
.button.black { background-color: #333 }
.button.gray { background-color: #666 }
.button.light-gray { background-color: #D5D2D2; text-shadow: 1px 1px 0px #FFF; }
    .button.light-gray span { color: #444; text-shadow: 1px 1px 0px #e7e7e7; border-top: rgba(255,255,255,.6) 1px solid; }
.button.red { background-color: #D4363A }
.button.orange { background-color: #FF6347 }
.button.teal { background-color: #6cb07a }
.button.blue { background-color: #025D8C }
.button.pink { background-color: #e22092 }
.button.green { background-color: #86b662 }
.button.rosy { background-color: #FE4365 }
.button.brown { background-color: #7B5C5D }
.button.purple { background-color: #66435F }
.button.copper { background-color: #CE534D }
.button.gold { background-color: #febd4c }
/*toggle*/
.toggle-wrap { margin: 20px 0 }
h3.trigger { margin: 0px }
    h3.trigger a { display: block; border: 1px solid #ddd; padding: 10px; outline: 0 !important; font-weight: 400; font-size: 12px; text-shadow: 1px 1px 1px rgba(255,255,255,1); margin-bottom: 0px; margin-top: 5px; text-indent: 25px; background: #fff url(./images/expand-black.png) 15px center no-repeat; }
    h3.trigger a:hover, h3.active a { color: #fff !important; text-shadow: none; background: #444 url(./images/expand-white.png) 15px center no-repeat; border-color: #444; }
h3.active a { background: #444 url(./images/negative-white.png) 15px center no-repeat }
h3.active a:hover { background: #444 url(./images/negative-white.png) 15px center no-repeat }
.toggle_container { background-color: #fff; overflow: hidden; padding: 20px; border: 1px solid #ddd; border-top: 0px; }
/*accordion*/
.accordion .ui-accordion-content { background: #fff }
.accordion h3 { font-size: 12px; text-shadow: 1px 1px 1px rgba(255,255,255,1); margin-bottom: 0px; margin-top: 5px; }
    .accordion h3 a { display: block; padding: 10px; border: 1px solid #ddd; background: #fff; outline: 0 !important; font-weight: 400; text-indent: 10px; }
.ui-state-focus { outline: none }
.accordion h3 a:hover, .accordion .ui-state-active a { color: #fff !important; text-shadow: none; background: #44444A; border-color: #44444A; }
.accordion .ui-accordion-content { padding: 20px; border: 1px solid #ddd; border-top: 0px; }
    .accordion .ui-accordion-content p:last-child { margin: 0px }
/*drop captions*/
.dropcap { float: left; display: block; font-size: 27px; line-height: 40px; text-align: center; width: 42px; height: 42px; padding: 5px; margin-right: 5px; font-family: 'PT Serif', Helvetica Neue, Helvetica, Arial; }
.dropcap-gray { background: url('images/shortcodes/dropcap-gray.png') center center no-repeat; color: #444; }
.dropcap-blue { background: url('images/shortcodes/dropcap-blue.png') center center no-repeat; color: #FFF; }
.dropcap-red { background: url('images/shortcodes/dropcap-red.png') center center no-repeat; color: #FFF; }
.dropcap-black { background: url('images/shortcodes/dropcap-black.png') center center no-repeat; color: #FFF; }
.dropcap-pink { background: url('images/shortcodes/dropcap-pink.png') center center no-repeat; color: #FFF; }
.dropcap-orange { background: url('images/shortcodes/dropcap-orange.png') center center no-repeat; color: #FFF; }
.dropcap-purple { background: url('images/shortcodes/dropcap-purple.png') center center no-repeat; color: #FFF; }
.dropcap-green { background: url('images/shortcodes/dropcap-green.png') center center no-repeat; color: #FFF; }
/*columns*/
.one-half-short { width: 48% }
.one-third-short { width: 30.66% }
.two-third-short { width: 65.33% }
.one-fourth-short { width: 22% }
.three-fourth-short { width: 74% }
.one-fifth-short { width: 16.8% }
.one-sixth-short { width: 13.33% }
.one-half-short, .one-third-short, .two-third-short, .one-fourth-short, .three-fourth-short, .one-fifth-short, .one-sixth-short { position: relative; margin-right: 4%; float: left; }
.column-last { margin-right: 0px }
.column-first { margin-left: 0px }
/*-----------------------------------------------------------------------------------*/
/*    Comments
/*-----------------------------------------------------------------------------------*/
.commentlist .comment-body li:last-child { border: none !important }
.comment-details { }
.comment-content { margin: 0 0 0 100px }
    .comment-content p { font-family: 'PT Serif', Georgia; font-size: 13px !important; line-height: 1.8em; }
h4#comments { border-bottom: 1px solid #ddd; color: #000; font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 12px; font-weight: bold; margin-bottom: 30px; }
.commentlist { margin-left: 0px !important }
    .commentlist li { list-style: none; margin: 0; }
.comment-avatar { float: left }
    .comment-avatar img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.comment-author { }
    .comment-author .fn { font: 14px 'Helvetica Neue', Helvetica, Arial; font-weight: bold; }
        .comment-author .fn a:hover { color: #444 }
.comment-meta { font: 11px 'Helvetica Neue', Helvetica, Arial; margin-bottom: 10px; font-style: italic; }
.says { font-style: italic; font-size: 10px; }
.comment-meta a:link, .comment-meta a:visited { color: #999 !important }
.comment-meta a:hover { color: #999 !important }
.comment-body { margin-top: 25px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #ddd; }
ol.commentlist > li:last-child .comment-body { border-bottom: 0 }
.comment-body .reply { }
.children .bypostauthor .comment-body { border-top: 0 }
.children { }
#comments-title { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px; margin-top: 30px; background: #fbfbfb; text-align: center; color: #222; }
#comments_wrap { margin-top: 25px }
#respond-comment { }
.commentlist .children { padding-left: 25px }
#commentform label { padding: 10px }
#comments-logged-in { margin-bottom: 30px; margin-top: 10px; font-size: 12px !important; }
#log-out { float: right; margin-top: -56px; }
#cancel-comment-reply { float: right }
.reply { float: left }
#submit { float: left }
#respond h4 { font-size: 12px; margin-bottom: 10px; }
#respond-title { border-bottom: 1px solid #ddd; color: #222; font-family: 'Helvetica Neue', Helvetica, Arial; font-size: 13px; font-weight: bold; padding-bottom: 5px; width: 695px; }
.children #commentform textarea { width: 95.6% }
/*WP JetPack*/
.comment-subscription-form { font-size: 12px; margin-top: 20px; margin-bottom: 0px; }
.comment-subscription-form:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.comment-subscription-form input, .comment-subscription-form label { float: left; height: 12px; line-height: 12px; margin: 0px !important; margin-right: 5px !important; padding: 0px !important; }
/*-----------------------------------------------------------------------------------*/
/*    Testimonials
/*-----------------------------------------------------------------------------------*/
.testimonial-wrap { margin-bottom: 25px }
.testimonial { position: relative; padding: 15px 15px 20px; border: 1px solid #ddd; color: #444; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: 'PT Serif', Georgia; font-size: 13px; font-style: italic; }
.testimonial:after { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; height: 10px; width: 20px; background: url(images/testimonial-arrow.png) no-repeat; display: block; }
.testimonial p:last-child { margin-bottom: 0px }
.testimonial-author { margin: 10px 0; text-align: center; color: #999; font-size: 11px; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial; font-style: normal; color: #444; }
aside .testimonial { text-align: center }
/*-----------------------------------------------------------------------------------*/
/*    Flickr Widget
/*-----------------------------------------------------------------------------------*/
.flickr_badge_image { float: left; margin-right: 5px; margin-bottom: 0px; }
    .flickr_badge_image img { height: 60px; width: 60px; border: 5px solid #ddd; }
    .flickr_badge_image img:hover { border-color: #225F97 }
#footer-wrap .flickr_badge_image img { border: 5px solid rgba(255, 255, 255, 0.11); height: 65px; width: 65px; }
#footer-wrap .flickr_badge_image img:hover { border-color: #225F97 }
#sidebar .flickr_badge_image img { width: 88px !important; height: 88px !important; }
.flickr-widget li { border: none !important; padding: 0 !important; }
/*-----------------------------------------------------------------------------------*/
/*    Misc
/*-----------------------------------------------------------------------------------*/
address { font-style: normal }
.align-right { float: right }
.align-left { float: left }
.align-right img { float: right }
.align-left img { float: left }
p, dl, hr, ol, ul, pre, table, fieldset { margin-bottom: 1.8em }
.google-map-placeholder { border-color: #ddd !important }
#top-go { font-size: 10px; font-style: italic; }
/*-----------------------------------------------------------------------------------*/
/*    Wordpress Required CSS
/*-----------------------------------------------------------------------------------*/
.alignnone { margin: 5px 20px 20px 0 }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 20px 5px 0; }
.alignleft { float: left; margin: 5px 20px 5px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0 }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/*-----------------------------------------------------------------------------------*/
/*    Selector Style
/*-----------------------------------------------------------------------------------*/
div.selector option { background: #fff; border: 1px solid #ddd; -webkit-appearance: none; }
div.selector, div.selector span { background-image: url(./images/sprite-blue.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; }
.selector, .selector * { margin: 0; padding: 0; }
div.selector { background-position: ; line-height: 30px; height: 30px; }
    div.selector span { background-position: right -30px; height: 30px; line-height: 30px; margin-right: 0px; }
    div.selector select { /* change these to adjust positioning of select element */ top: 0px; left: 0px;  }
div.selector { width: 97%; font-size: 11px; font-weight: bold; }
    div.selector span { padding: 0px 25px 0px 2px; cursor: pointer; }
    div.selector span { color: #fff }
.selector { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; }
    .selector select:focus { outline: 0 }
div.selector { position: relative; padding-left: 10px; overflow: hidden; }
    div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    div.selector select { position: absolute; opacity: 0; filter: alpha(opacity:0); height: 35px; background: none; width: 97%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: 500; border: 0 !important; }
/*-----------------------------------------------------------------------------------*/
/*	Entries
/*-----------------------------------------------------------------------------------*/
.default-entry { position: relative }
.blog-thumbnail { position: relative; display: block; }
.sticky { }
    .sticky h2 { padding-left: 76px !important; background: url("images/sticky-tag.png") left no-repeat; }
    .sticky .quote-entry h2 { background: none !important; padding-left: 0px !important; }
.entry-thumbnail-left { width: 350px !important; margin-right: 25px; margin-bottom: 15px; float: left; }
.entry-thumbnail-right { width: 350px !important; margin-left: 25px; margin-bottom: 15px; float: right; }
.entry-thumbnail-top { margin-bottom: 15px }
/*-----------------------------------------------------------------------------------*/
/*    Gallery Pages
/*-----------------------------------------------------------------------------------*/
.image-gallery-entry { margin-bottom: 15px }
/*-----------------------------------------------------------------------------------*/
/*    Authors Page
/*-----------------------------------------------------------------------------------*/
#authors-wrap { margin-top: 25px }
.author-entry { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px; }
    .author-entry p:last-child { margin: 0; padding: 0; }
    .author-entry h3 { margin-top: 0px; margin-bottom: 10px; font-size: 14px; }
.author-site { display: block; margin-top: -15px; margin-bottom: 10px; font-style: italic; }
    .author-site a { color: #999 }
.author-entry .avatar { float: left; margin-right: 20px; padding: 4px; background: #fff; border: 1px solid #ddd; }
/*-----------------------------------------------------------------------------------*/
/*	Post Format Icons
/*-----------------------------------------------------------------------------------*/
.post-format-icon { display: block; position: absolute; top: 5px; right: 0; height: 32px; width: 32px; background-repeat: no-repeat; background-position: center center; z-index: 9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.grid-entry:hover .post-format-icon, .grid-entry:hover .attachment-post-thumbnail, .default-entry:hover .post-format-icon, .default-entry:hover .attachment-post-thumbnail { }
.standard-icon { background-image: url(images/format-icons/standard.png) }
.gallery-icon { background-image: url(images/format-icons/gallery.png) }
.video-icon { background-image: url(images/format-icons/video.png) }
.link-icon { background-image: url(images/format-icons/link.png) }
.image-icon { background-image: url(images/format-icons/image.png) }
/*-----------------------------------------------------------------------------------*/
/*    Image Borders & Hovers
/*-----------------------------------------------------------------------------------*/
.hp-highlight-img, .home-blog-thumb img, .blog-thumb-top img, .blog-thumb-left img, .blog-thumb-right img, .widget-recent-portfolio img, #home-portfolio .portfolio-item img, #single-portfolio img, .blog-right img, .related-post-image img, .attachment-post-thumbnail, .image-gallery-entry img, .staff-image, .flickr_badge_image img, .portfolio-item img { opacity: 1.0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .home-blog-thumb a:hover img, .blog-thumb-top a:hover img, .blog-thumb-left a:hover img, .blog-thumb-right a:hover img, .widget-recent-portfolio a:hover img, .portfolio-item a:hover img, .hp-highlight-img a:hover img, #single-portfolio a:hover img, .blog-right a:hover img, #home-portfolio .portfolio-item a:hover img, .related-post-image a:hover img, .attachment-post-thumbnail a:hover, .image-gallery-entry a:hover img, a:hover .staff-image { opacity: 0.8 }
    .staff-image, .home-blog-thumb img, .blog-thumb-top img, .blog-thumb-left img, .blog-thumb-right img, #home-portfolio .portfolio-item img, .widget-recent-portfolio img, #single-portfolio img, .blog-right img, .related-post-image img, .attachment-post-thumbnail, .image-gallery-entry img, .staff-image a, .hp-highlight-img img { border: solid 1px #bbb; display: inline-block; line-height: 0; -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2); box-shadow: 0 0 3px rgba(0,0,0, 0.2); position: relative; z-index: 1; text-decoration: none; padding: 4px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
        .home-blog-thumb a:hover img, .blog-thumb-top a:hover img, .blog-thumb-left a:hover img, .blog-thumb-right a:hover img, .widget-recent-portfolio a:hover img, #home-portfolio .portfolio-item a:hover img, #single-portfolio a:hover img, .blog-right a:hover img, .related-post-image a:hover img, .attachment-post-thumbnail a:hover, .image-gallery-entry a:hover img, a:hover .staff-image, .attachment-post-thumbnail:hover, .hp-highlight-img a:hover img { padding: 4px; background: #f9b653; border: solid 1px #f5a125; -webkit-box-shadow: 0 0 5px rgba(0,0,0, 0.2); -moz-box-shadow: 0 0 5px rgba(0,0,0, 0.2); box-shadow: 0 0 5px rgba(0,0,0, 0.2); }
/*-----------------------------------------------------------------------------------*/
/*	Coming Soon Page
/*-----------------------------------------------------------------------------------*/
.coming-soon-box { margin-top: 20% }
.offline-heading { font-family: 'Oswald', Helvetica Neue, Helvetica, Arial; font-weight: bold; font-size: 35px; color: #444; text-align: center; text-transform: uppercase; text-shadow: 3px 3px 0 #EDEDED; margin-bottom: 15px; }
.coming-soon-box { font-family: 'PT Serif', Georgia; font-size: 16px; text-align: center; line-height: 1.6em; }
#coming-soon-social { text-align: center; margin-top: 20px; }
    #coming-soon-social a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
    #coming-soon-social a:hover { opacity: 0.75 }
/*-----------------------------------------------------------------------------------*/
/*  Jetpack
/*-----------------------------------------------------------------------------------*/
#wpstats { display: none !important }
/*-----------------------------------------------------------------------------------*/
/*	Notifications
/*-----------------------------------------------------------------------------------*/
#notifications { background: #fff; border-bottom: 1px solid #ccc; padding: 15px; line-height: 2.1em; margin-bottom: 10px; }
    #notifications a:link, #notifications a:visited { color: #225F97 !important }
    #notifications a:hover { text-decoration: underline }
#notifcations-inner { position: relative }
#notifications-exit { display: block; text-indent: -9999px; background: #225F97 url(./images/notifications-close.png) center center no-repeat; height: 60px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 50px; }
#notifications-open { display: block; text-indent: -9999px; background: #225F97 url(./images/notifications-open.png) center center no-repeat; height: 60px; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 50px; }
/*-----------------------------------------------------------------------------------*/
/*	Bottom Bar Widgetized Area
/*-----------------------------------------------------------------------------------*/
#bottom-bar-widgets { background: #fff; border-top: 1px solid #ccc; padding: 40px 0; }
#bottom-bar-widgets-inner { position: relative }
#bottom-bar-widgets a:link, #bottom-bar-widgets a:visited { color: #225F97 !important }
#bottom-bar-widgets a:hover { text-decoration: underline }
#bottom-bar-widgets .bottom-bar-icon, #bottom-bar-widgets .bottom-bar-icon { float: left; margin-right: 15px; }
#bottom-bar-widgets .title { color: #222222; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; }
/*-----------------------------------------------------------------------------------*/
/*    Code, Pre
/*-----------------------------------------------------------------------------------*/
pre:before, code:before { background: url("./images/line-tape.png") no-repeat scroll center center transparent; content: ''; float: left; height: 25px; margin-top: -38px; width: 100%; }
pre, code { background: url("./images/line-bg.png") repeat scroll 0 0 #FFFFFF; border: 1px solid #ccc; line-height: 26px; margin: 40px 0; padding: 25px; white-space: pre-wrap; word-wrap: break-word; color: #666; box-shadow: 0 2px 2px rgba(0,0,0,0.05); font-family: 'Courier', Helvetica Neue, Helvetica, Arial; }
/*-----------------------------------------------------------------------------------*/
/*    Note
/*-----------------------------------------------------------------------------------*/
.note:before { background: url("./images/line-tape.png") no-repeat scroll center center transparent; content: ''; float: left; height: 25px; margin-top: -38px; width: 100%; }
.note { background: url("./images/line-bg.png") repeat scroll 0 0 #FFFFFF; border: 1px solid #ccc; line-height: 26px; margin: 40px 0; padding: 25px; color: #666; box-shadow: 0 2px 2px rgba(0,0,0,0.05); font-family: 'Helvetica Neue', Helvetica, Arial; }
code:after, pre:after { background: url('./images/note-shadow-a.png') no-repeat; background-size: 99% 100%; background-position: 0 25px; content: ''; float: left; height: 40px; width: 940px; margin-left: -18px; }
blockquote:after, .note:after { background: url('./images/note-shadow-a.png') no-repeat; background-size: 95% 100%; background-position: 0 25px; content: ''; float: left; height: 40px; width: 445px; margin-left: -11px; }
.one-half-short blockquote:after, .one-half-short .note:after, .one-half-short code:after, .one-half-short pre:after { background: url('./images/note-shadow-a.png') no-repeat; background-size: 96.1% 100%; background-position: 0 25px; content: ''; float: left; height: 40px; width: 445px; margin-left: -12px; }
aside blockquote:after, aside .note:after { background: url('./images/note-shadow-a.png') no-repeat; background-size: 66% 100%; background-position: 0 25px; content: ''; float: left; height: 40px; width: 406px; margin-left: -19px; }
.blog-content-left blockquote:after, .blog-content-right blockquote:after { background: url('./images/note-shadow-a.png') no-repeat; background-size: 98% 100%; background-position: 0 25px; content: ''; float: left; height: 40px; width: 625px; margin-left: -19px; }
blockquote, .note { margin: 0 !important }
aside .note { margin-bottom: 40px !important; margin-top: 45px !important; }
/*-----------------------------------------------------------------------------------*/
/*    Blockquote
/*-----------------------------------------------------------------------------------*/
blockquote:before { background: url("./images/line-tape.png") no-repeat scroll center center transparent; content: ''; float: left; height: 25px; margin-top: -38px; width: 100%; }
blockquote { background: url("./images/line-bg.png") repeat scroll 0 0 #FFFFFF; border: 1px solid #ccc; line-height: 26px; margin: 40px 0; padding: 25px; color: #666; box-shadow: 0 2px 2px rgba(0,0,0,0.05); font-family: 'Helvetica Neue', Helvetica, Arial; }
    blockquote p { margin: 0 }
aside .fluid-width-video-wrapper { border: 5px solid #DDDDDD; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#home-tagline-shout-out { }
.meta-icon { margin-bottom: -3px; margin-left: 5px; margin-right: 5px; }
.meta-icon:first-child { margin-left: 0 !important }
/*-----------------------------------------------------------------------------------*/
/*    Tooltips
/*-----------------------------------------------------------------------------------*/
.tooltipsy { background-color: #000; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; max-width: 200px; padding: 5px 8px 4px 8px; font-size: 10px; font-weight: bold; }
.tooltipsy:before { background: url('./images/arrow-top.png') no-repeat; background-position: center center; height: 5px; width: 100%; position: absolute; top: -5px; left: 0; content: ''; }
/*-----------------------------------------------------------------------------------*/
/*    Menu Icon Support
/*-----------------------------------------------------------------------------------*/
.sf-menu .icon-bolt > a, .sf-menu .icon-pig > a, .sf-menu .icon-briefcase > a, .sf-menu .icon-camera > a, .sf-menu .icon-film > a, .sf-menu .icon-gear > a, .sf-menu .icon-grid > a, .sf-menu .icon-home > a, .sf-menu .icon-mail > a, .sf-menu .icon-pencil > a, .sf-menu .icon-photo > a, .sf-menu .icon-graph > a, .sf-menu .icon-lab > a, .sf-menu .icon-map > a, .sf-menu .icon-cloud > a, .sf-menu .icon-cart > a, .sf-menu .icon-flag > a, .sf-menu .icon-bulb > a, .sf-menu .icon-date > a, .sf-menu .icon-brush > a, .sf-menu .icon-megaphone > a, .sf-menu .icon-support > a, .sf-menu .icon-person > a, .sf-menu .icon-bubble > a { background-position: 18px center; background-repeat: no-repeat; padding-left: 45px; }
.sf-menu .icon-bolt > a { background-image: url(./images/menu-icon/icon-bolt.png) }
.sf-menu .icon-briefcase > a { background-image: url(./images/menu-icon/icon-briefcase.png) }
.sf-menu .icon-camera > a { background-image: url(./images/menu-icon/icon-camera.png) }
.sf-menu .icon-film > a { background-image: url(./images/menu-icon/icon-film.png) }
.sf-menu .icon-gear > a { background-image: url(./images/menu-icon/icon-gear.png); : ; }
.sf-menu .icon-grid > a { background-image: url(./images/menu-icon/icon-grid.png) }
.sf-menu .icon-home > a { background-image: url(./images/menu-icon/icon-home.png) }
.sf-menu .icon-mail > a { background-image: url(./images/menu-icon/icon-mail.png) }
.sf-menu .icon-pencil > a { background-image: url(./images/menu-icon/icon-pencil.png) }
.sf-menu .icon-photo > a { background-image: url(./images/menu-icon/icon-photo.png) }
.sf-menu .icon-graph > a { background-image: url(./images/menu-icon/icon-graph.png) }
.sf-menu .icon-lab > a { background-image: url(./images/menu-icon/icon-lab.png) }
.sf-menu .icon-map > a { background-image: url(./images/menu-icon/icon-map.png) }
.sf-menu .icon-cloud > a { background-image: url(./images/menu-icon/icon-cloud.png) }
.sf-menu .icon-cart > a { background-image: url(./images/menu-icon/icon-cart.png) }
.sf-menu .icon-flag > a { background-image: url(./images/menu-icon/icon-flag.png) }
.sf-menu .icon-date > a { background-image: url(./images/menu-icon/icon-date.png) }
.sf-menu .icon-bulb > a { background-image: url(./images/menu-icon/icon-bulb.png) }
.sf-menu .icon-brush > a { background-image: url(./images/menu-icon/icon-brush.png) }
.sf-menu .icon-megaphone > a { background-image: url(./images/menu-icon/icon-megaphone.png) }
.sf-menu .icon-support > a { background-image: url(./images/menu-icon/icon-support.png) }
.sf-menu .icon-person > a { background-image: url(./images/menu-icon/icon-person.png) }
.sf-menu .icon-bubble > a { background-image: url(./images/menu-icon/icon-bubble.png) }
.sf-menu .icon-pig > a { background-image: url(./images/menu-icon/icon-pig.png) }
/*-----------------------------------------------------------------------------------*/
/*    Mobile Support
/*-----------------------------------------------------------------------------------*/
nav select { display: none; width: 100% !important; }
nav div.selector { display: none; margin-top: 5px; }
@-moz-document url-prefix() { 
	.break-footer { height: 2px }
}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) { 
	.sf-menu li { text-indent: -9999px }
	.sub-menu li { text-indent: 0 !important }
	header#main .six { display: none }
	#social ul { display: none }
	.flexslider .slides img { max-height: 400px }
	.flex-caption { display: none }
	header#main { padding-top: 5px; padding-bottom: 5px; }
	.flex-direction-nav li a.next { right: -55px }
	.flex-direction-nav li a.prev { left: -55px }
	aside { border: none }
	    aside .title { width: 100% }
	.widget_search { border: none !important; margin-top: 0 !important; padding-top: 0 !important; }
	#page-tagline { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 3em; }
	.one-third input[type="search"] { width: 210px !important }
	.one-third #subscribe-field { padding: 12px !important; width: 210px !important; }
	.four #subscribe-field { padding: 12px !important; width: 146px !important; }
	.four input[type="search"] { width: 146px !important }
	.eight #subscribe-field { padding: 12px !important; width: 337px !important; }
	.eight input[type="search"] { width: 337px !important }
	.break-slider { background-position: 0 -35px }
	.sf-menu .icon-bolt > a, .sf-menu .icon-pig > a, .sf-menu .icon-briefcase > a, .sf-menu .icon-bolt > a, .sf-menu .icon-briefcase > a, .sf-menu .icon-camera > a, .sf-menu .icon-film > a, .sf-menu .icon-gear > a, .sf-menu .icon-grid > a, .sf-menu .icon-home > a, .sf-menu .icon-mail > a, .sf-menu .icon-pencil > a, .sf-menu .icon-photo > a, .sf-menu .icon-graph > a, .sf-menu .icon-lab > a, .sf-menu .icon-map > a, .sf-menu .icon-cloud > a, .sf-menu .icon-cart > a, .sf-menu .icon-flag > a, .sf-menu .icon-bulb > a, .sf-menu .icon-date > a, .sf-menu .icon-brush > a, .sf-menu .icon-megaphone > a, .sf-menu .icon-support > a, .sf-menu .icon-person > a, .sf-menu .icon-bubble > a, .sf-menu .icon-pig > a { background-position: center center }
	#bottom-bar-widgets .sixteen, #bottom-bar-widgets .four, #bottom-bar-widgets .eight, #bottom-bar-widgets .one-third { margin-bottom: 35px }
	#bottom-bar-widgets .sixteen:last-child, #bottom-bar-widgets .four:last-child, #bottom-bar-widgets .eight:last-child, #bottom-bar-widgets .one-third:last-child { margin-bottom: 0 }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.flexslider .slides img { max-height: 360px !important }
	.flex-direction-nav { display: none !important }
	header#main .six { display: none }
	#social ul { display: none }
	.flex-caption { display: none }
	header#main { padding-top: 5px; padding-bottom: 5px; }
	aside { width: 32.42% }
	input[type="search"] { width: 192px }
	#nav-wrap .container .twelve { width: 100% }
	.caroufredsel_wrapper { width: 748px !important; height: 161px !important; }
	aside .title { width: 100% }
	.widget_search { border: none !important; margin-top: 0 !important; padding-top: 0 !important; }
	#page-tagline { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 3em; }
	.entry-content { float: left }
	.entry-thumbnail-left { width: 100% !important }
	.break-slider { background-position: 0 -35px }
	code:after, pre:after { background-position: 0 325px; margin-left: -22px; width: 800px; }
	blockquote:after, .note:after { background-size: 95% 100%; margin-left: -15px; width: 358px; }
	.one-half-short blockquote:after, .one-half-short .note:after, .one-half-short code:after, .one-half-short pre:after { background-size: 93% 100%; width: 358px; }
	.blog-content-left blockquote:after, .blog-content-right blockquote:after { background-position: 0 -274px; width: 490px; }
	#bottom-bar-widgets .sixteen, #bottom-bar-widgets .four, #bottom-bar-widgets .eight, #bottom-bar-widgets .one-third { margin-bottom: 35px }
	#bottom-bar-widgets .sixteen:last-child, #bottom-bar-widgets .four:last-child, #bottom-bar-widgets .eight:last-child, #bottom-bar-widgets .one-third:last-child { margin-bottom: 0 }
	aside .note:after { background-size: 95% 100%; width: 220px; }
	#homepage-slider:after { background-size: 100% 100%; width: 748px; }
	#notifications, #notifications-open, #notifications-exit { display: none !important }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 
	nav ul { display: none }
	nav select { display: inline-block }
	nav div.selector { display: inline-block }
	nav { margin-left: 0; margin-top: 8px !important; }
	#nav-wrap { background-image: none; background-color: #343438; }
	header#main .six { display: none }
	#social ul { display: none }
	.flexslider .slides img { max-height: 200px }
	.flex-caption { display: none }
	header#main { padding-top: 5px; padding-bottom: 5px; }
	#page-tagline h1, #page-tagline h2, #page-tagline h3, #page-tagline h4, #page-tagline h5, #page-tagline h6 { font-size: 15px }
	.flex-direction-nav { display: none }
	#page-wrapper { padding-left: 0px; padding-right: 0px; clear: both; }
	#sidebar_inner { padding-left: 0; padding-right: 0; }
	aside { border: none; width: 100%; float: none; margin-top: -50px; margin-bottom: -80px; }
	    aside .title { width: 100% }
	    aside .widget { margin-bottom: 50px }
	.commentlist { margin-left: 0 }
	    .commentlist .children { padding-left: 0; margin: 0; }
	.comment-details { float: none; width: 100%; margin-left: 0px; }
	.comment-avatar { margin-left: 0; float: none; }
	ul.children .comment-details { width: 100% }
	#dtl-contactform { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
	#contact-form input[type="text"] { width: 274px }
	#contact-form textarea { width: 91.8% }
	.widget_search { border-top: 2px dotted #ddd; margin-top: 25px; padding-top: 45px; }
	.home-highlight { height: 100% !important }
	#homepage .container { margin-top: 25px }
	#page-tagline { margin-top: -35px; text-align: left; }
	.entry-thumbnail { width: 100% !important }
	.entry-content { float: left }
	.entry-thumbnail-left { width: 100% !important }
	.comment-content { margin: 0 !important; margin-top: 20px !important; }
	.one-third input[type="search"] { width: 274px !important }
	.one-third #subscribe-field { padding: 12px !important; width: 274px !important; }
	.four #subscribe-field { padding: 12px !important; width: 274px !important; }
	.four input[type="search"] { width: 274px !important }
	.eight #subscribe-field { padding: 12px !important; width: 274px !important; }
	.eight input[type="search"] { width: 274px !important }
	.break-slider { background-position: 0 -70px }
	#notifications, #notifications-open, #notifications-exit { display: none !important }
	#bottom-bar-widgets .sixteen, #bottom-bar-widgets .four, #bottom-bar-widgets .eight, #bottom-bar-widgets .one-third { margin-bottom: 35px }
	#bottom-bar-widgets .sixteen:last-child, #bottom-bar-widgets .four:last-child, #bottom-bar-widgets .eight:last-child, #bottom-bar-widgets .one-third:last-child { margin-bottom: 0 }
	.container .blog-content-right.columns, .container .blog-content-left.columns { padding: 0 !important; margin: 0 !important; }
	aside .note:after { background-size: 95% 100%; width: 220px; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	nav ul { display: none }
	nav select { display: inline-block }
	nav div.selector { display: inline-block }
	header#main .six { display: none }
	#social ul { display: none }
	nav { margin-left: 0; margin-top: 8px !important; }
	#nav-wrap { background-image: none; background-color: #343438; }
	.flexslider .slides img { max-height: 200px }
	.flex-caption { display: none }
	header#main { padding-top: 5px; padding-bottom: 5px; }
	#page-tagline h1, #page-tagline h2, #page-tagline h3, #page-tagline h4, #page-tagline h5, #page-tagline h6 { font-size: 15px }
	.flex-direction-nav { display: none }
	aside .title { width: 100% }
	aside .widget { margin-bottom: 50px }
	input[type="search"] { width: 93.8% }
	input[type="search"]:focus { }
	.commentlist { margin-left: 0 }
	    .commentlist .children { padding-left: 0; margin: 0; }
	.comment-details { float: none; width: 100%; }
	.comment-avatar { margin-left: 0; float: none; }
	ul.children .comment-details { width: 100% }
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { float: none; width: 100%; margin-right: 0; }
	#dtl-contactform { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
	#contact-form input[type="text"] { width: 274px }
	#contact-form textarea { width: 91.8% }
	.widget_search { border-top: 2px dotted #ddd; margin-top: 25px; padding-top: 45px; }
	.home-highlight, .blog-content .eight, #home-portfolio .portfolio-item { float: left; border-bottom: 0; margin-bottom: 25px; }
	.home-highlight.col-end { float: left; border-bottom: 1px solid #ddd !important; }
	#homepage .container { margin-top: 25px }
	.caroufredsel_wrapper { width: 420px !important }
	.portfolio-content { padding-bottom: 0 !important }
	#page-tagline { margin-bottom: 25px; margin-top: -20px; text-align: left; }
	.portfolio-item img { width: 100% !important }
	.related-post-block { border-bottom: 1px dotted #DDDDDD; margin-bottom: 25px; padding-bottom: 20px; }
	#commentform textarea { width: 393px }
	.entry-thumbnail { width: 100% !important }
	/*pricing tables*/
	.pricing-third, .pricing-fourth, .pricing-fifth { width: 100% !important }
	.featured-pricing .pricing-header { margin-right: 0px }
	.pricing-content { border: 1px solid #e0e0e0 }
	.featured-pricing .pricing-button { margin-right: 0px }
	#home-widgets div { margin-bottom: 25px }
	.entry-content { float: left }
	.entry-thumbnail-left { width: 100% !important }
	#top-go { float: left }
	.comment-content { margin: 0 !important; margin-top: 20px !important; }
	.related-post-image img { height: 220px }
	.one-third input[type="search"] { width: 394px !important }
	.one-third #subscribe-field { padding: 12px !important; width: 394px !important; }
	.four #subscribe-field { padding: 12px !important; width: 394px !important; }
	.four input[type="search"] { width: 394px !important }
	.eight #subscribe-field { padding: 12px !important; width: 394px !important; }
	.eight input[type="search"] { width: 394px !important }
	.break-slider { background-position: 0 -70px }
	code:after, pre:after, .blog-content-left blockquote:after, .blog-content-right blockquote:after, blockquote:after, .note:after { background-size: 98% 100%; margin-left: -15px; width: 406px; }
	.one-half-short blockquote:after, .one-half-short .note:after, .one-half-short code:after, .one-half-short pre:after { background-size: 97% 100%; width: 406px; }
	#bottom-bar-widgets .sixteen, #bottom-bar-widgets .four, #bottom-bar-widgets .eight, #bottom-bar-widgets .one-third { margin-bottom: 35px }
	#bottom-bar-widgets .sixteen:last-child, #bottom-bar-widgets .four:last-child, #bottom-bar-widgets .eight:last-child, #bottom-bar-widgets .one-third:last-child { margin-bottom: 0 }
	#homepage-slider:after { background-size: 100% 100% }
	.filter-hidden { display: none !important }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 
	nav ul { display: none }
	nav select { display: inline-block }
	nav div.selector { display: inline-block }
	nav { margin-left: 0; margin-top: 8px !important; }
	#nav-wrap { background-image: none; background-color: #343438; }
	header#main .six { display: none }
	#social ul { display: none }
	.flexslider .slides img { max-height: 150px }
	.flex-caption { display: none }
	header#main { padding-top: 5px; padding-bottom: 5px; }
	#page-tagline h1, #page-tagline h2, #page-tagline h3, #page-tagline h4, #page-tagline h5, #page-tagline h6 { font-size: 15px }
	.flex-direction-nav { display: none }
	aside .title { width: 100% }
	aside .widget { margin-bottom: 50px }
	input[type="search"] { width: 91% }
	input[type="search"]:focus { }
	.commentlist { margin-left: 0 }
	    .commentlist .children { padding-left: 0; margin: 0; }
	.comment-details { float: none; width: 100%; }
	.comment-avatar { margin-left: 0; float: none; }
	ul.children .comment-details { width: 100% }
	#commentform textarea { width: 92% }
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { float: none; width: 100%; margin-right: 0; }
	#dtl-contactform { margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
	#contact-form input[type="text"] { width: 274px }
	#contact-form textarea { width: 91.8% }
	.widget_search { border-top: 2px dotted #ddd; margin-top: 25px; padding-top: 45px; }
	.home-highlight, .blog-content .eight, #home-portfolio .portfolio-item { float: left; border-bottom: 0; margin-bottom: 25px; }
	.portfolio-item img { width: 100% !important }
	.home-highlight.col-end { float: left; border-bottom: 1px solid #ddd !important; }
	#homepage .container { margin-top: 25px }
	.caroufredsel_wrapper { width: 300px !important }
	.portfolio-content { padding-bottom: 0 !important }
	#page-tagline { margin-bottom: 25px; margin-top: -20px; text-align: left; }
	.entry-content { }
	.related-post-block { border-bottom: 1px dotted #DDDDDD; margin-bottom: 25px; padding-bottom: 20px; }
	.entry-thumbnail { width: 100% !important }
	/*pricing tables*/
	.pricing-third, .pricing-fourth, .pricing-fifth { width: 100% !important }
	.featured-pricing .pricing-header { margin-right: 0px }
	.pricing-content { border: 1px solid #e0e0e0 }
	.featured-pricing .pricing-button { margin-right: 0px }
	#home-widgets div, .blog-content .eight { margin-bottom: 25px }
	#top-go { float: left }
	.comment-content { margin: 0 !important; margin-top: 20px !important; }
	#commentform textarea, .wpcf7 input[type="text"], .wpcf7 textarea { width: 273px }
	.related-post-image img { height: 200px }
	.break-slider { background-position: 0 -105px }
	#notifications, #notifications-open, #notifications-exit { display: none !important }
	code:after, pre:after, .blog-content-left blockquote:after, .blog-content-right blockquote:after, blockquote:after, .note:after, aside blockquote:after, aside .note:after { background-size: 98% 100%; margin-left: -20px; width: 300px; }
	.one-half-short blockquote:after, .one-half-short .note:after, .one-half-short code:after, .one-half-short pre:after { background-size: 91.1% 100%; width: 300px; }
	#bottom-bar-widgets .sixteen, #bottom-bar-widgets .four, #bottom-bar-widgets .eight, #bottom-bar-widgets .one-third { margin-bottom: 35px }
	#bottom-bar-widgets .sixteen:last-child, #bottom-bar-widgets .four:last-child, #bottom-bar-widgets .eight:last-child, #bottom-bar-widgets .one-third:last-child { margin-bottom: 0 }
	.container .blog-content-right.columns, .container .blog-content-left.columns { padding: 0 !important; margin: 0 !important; }
	#homepage-slider:after { background-size: 100% 100% }
	.filter-hidden { display: none !important }
}


.how-it-works table.shortcode-table th, td {
text-align: left;
}