/* LICENSE & DETAILS
==================================================
Theme Name: Talkline
Theme URI: http://companyimpact.com
Description: A Retina Responsive Portfolio WordPress Theme by CompanyImpact
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.3
Author: CompanyImpact
Author URI: http://companyimpact.com
Tags: one-column, two-columns, three-columns, four-columns, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, post-formats, theme-options, translation-ready

All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
==================================================
*/
/* OpenSans-Regular Icon Font
================================================== */
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('css/fonts/opensans-regular.eot');
    src: url('css/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
            url('css/fonts/opensans-regular.woff') format('woff'),
            url('css/fonts/opensans-regular.ttf') format('truetype'),
            url('css/fonts/opensans-regular.svg#opensans-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Tommaso';
    src: url('css/fonts/tommaso-webfont.eot');
    src: url('css/fonts/tommaso-webfont.eot?#iefix') format('embedded-opentype'),
            url('css/fonts/tommaso-webfont.woff') format('woff'),
            url('css/fonts/tommaso-webfont.ttf') format('truetype'),
            url('css/fonts/tommaso-webfont.svg#tommaso-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('css/fonts/myriadpro-regular.eot');
    src: url('css/fonts/myriadpro-regular.eot?#iefix') format('embedded-opentype'),
            url('css/fonts/myriadpro-regular.woff') format('woff'),
            url('css/fonts/myriadpro-regular.ttf') format('truetype'),
            url('css/fonts/myriadpro-regular.svg#myriadpro-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Impact-Regular';
    src: url('css/fonts/impact-regular.eot');
    src: url('css/fonts/impact-regular.eot?#iefix') format('embedded-opentype'),
            url('css/fonts/impact-regular.woff') format('woff'),
            url('css/fonts/impact-regular.ttf') format('truetype'),
            url('css/fonts/impact-regular.svg#impact-regular') format('svg');
    font-weight: normal;
    font-style: normal;
} 
.pictos { font-weight: normal; font-style: normal; line-height: normal; font-family: 'OpenSans-Regular', sans-serif; }
a.pictos:hover { cursor: pointer; }

/* #General
================================================== */
body { padding: 0; margin: 0; color: #333; background: #f6f6f6; }
a { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
body, h1, h2, h3, h4, h5, h6, input[type="text"], input[type="password"], input[type="email"], textarea, select { font-family: "OpenSans-Regular", Arial, sans-serif; font-weight: 300; }
input[type="text"], input[type="password"], input[type="email"], select { width: 315px; }
textarea { width: 410px; }
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #c62b02; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0 none; color: #ebebeb; text-shadow: none; }
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #c62b02; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 0 none; color: #ebebeb; text-shadow: none; }
h1 { font-size: 36px; line-height: 44px; }
h2 { font-size: 22px; line-height: 26px; }
h3 { font-size: 18px; line-height: 22px; font-weight: bold; }
h4 { font-size: 16px; font-weight: bold; line-height: 20px; }
h5 { font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 18px; }
p { font-size: 12px; line-height: 140%; }
.page-content { background: #dedbdb url(images/bkg_page-content.png) no-repeat top left; padding: 20px !important; width: 920px !important; }
.fs-img { display: none; }
.no-js-alert { background: none repeat scroll 0 0 #222222; color: #FFFFFF; font-size: 24px; height: 100%; left: 0; opacity: 0.95; -moz-opacity: 0.95; filter:alpha(opacity= 95); padding: 20% 5% 0; position: fixed; text-align: center; top: 0; width: 90%; z-index: 9999; }
#content { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); background: url(images/bkg_content.png) no-repeat top center; }
.page-template-template-home-fullwidth-slider-php #content { padding: 0; }
.full-width-page .flexslider { width: auto; }
.flexslider { background: transparent; border: 0; z-index: 2; display: block; position: relative; height: 294px; overflow: hidden; padding: 12px 12px 15px; background: #88a19b; }
.flexslider ul.slides { margin: 0; height: auto; overflow: hidden; font-family: 'MyriadPro-Regular'; }
.flexslider .slides li { position: relative; overflow: hidden; margin: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides > li:first-child { display: list-item; }
.flexslider li img, .flexslider li iframe, .flexslider ul.slides { display: block!important; }
.flexslider .slides li img {}
.flexslider .slides li .slides-images { float: left; width: 222px; }
.flex-caption-wrap { color: #f6f6f6; float: left; margin-left: 10px; width: 335px; }
.flex-caption-wrap strong { color: #f6f6f6; }
.flex-caption-wrap h2 { color: #4ee6c0; font-size: 66px; margin-bottom: 10px; font-family: 'Tommaso'; line-height: 100%; text-shadow: 1px 1px #5E7D78; }
.flex-caption-wrap .custom-caption { font-size: 12px; text-shadow: 1px 1px #667e7a; }
.flex-caption-wrap .custom-caption p { margin-bottom: 0; }
.flex-caption-wrap .custom-caption a { color: #c82d02; }
.flex-caption-wrap .custom-caption ul { margin: 0; }
.flex-caption-wrap .custom-caption ul li { padding-left: 10px; background: url(images/bkg_slider-arrow.png) no-repeat left center; }
.flex-direction-nav .prev, .flex-direction-nav .next { position: absolute; top: 50%; margin-top: -16px; background: rgb(255,255,255); background: rgba(255,255,255,0.8); z-index: 4; webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #222; font-family: 'OpenSans-Regular',sans-serif; font-size: 14px; line-height: 14px; text-decoration: none; padding: 9px 10px; }
#home-slider .flex-direction-nav a { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#home-slider:hover .flex-direction-nav a { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
.flex-direction-nav, .flex-direction-nav li { margin-bottom: 0; }
.flex-direction-nav .prev { left: 20px; }
.flex-direction-nav .next { right: 20px; }
.flex-direction-nav a:hover { cursor: pointer; }
.flex-control-nav { position: absolute; bottom: 20px; left: 40px; margin: 0; z-index: 4; }
.flex-control-nav li { float: left; display: inline-block; margin-right: 5px; margin-bottom: 0; }
.flex-control-nav li a { text-indent: 100%; white-space: nowrap; overflow: hidden; background: #fff; width: 10px; height: 10px; display: block; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
.flex-control-nav li a:hover { cursor: pointer; }
.flex-control-nav li a.active { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
.flex-pauseplay { font-family: 'OpenSans-Regular',sans-serif; position: absolute; color: #fff; bottom: 18px; left: 20px; font-size: 13px; height: 13px; }
.flex-pauseplay:hover { cursor: pointer; }
.flex-pauseplay span { height: 11px; display: block; line-height: 13px; }
p.flex-caption { text-shadow: none; background: rgba(0, 0, 0, .4); }
.container li.three.columns { width: 300px; }
figure.media-wrap { height: auto; overflow: hidden; margin-bottom: 20px; position: relative; float: left; margin-right: 30px; }
.full-width-page figure.media-wrap { margin-bottom: 0; }
figure.media-wrap a { display: block; }
figure.media-wrap img { height: auto!important; width: 220px; }
.media-wrap:hover > .view-full, .flexslider li:hover > .view-full { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
.sticky {}
.bypostauthor .comment-meta { background: transparent url(images/post-author.png) no-repeat right 5px; }
img.size-full { width: 100%; height: auto; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float:left; margin: 5px 20px 20px 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; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.clear { clear: both; height: auto; overflow: hidden; }
.no-margin { margin: 0; }
.pp_pic_holder a { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
.wp-caption-text, .gallery-caption { font-size: 1.2em; padding: 10px 0; }
.section-heading .view-all { float: right; }
.view-all a { padding: 8px 9px 8px 10px; text-decoration: none; display: block; float: left; margin-left: 5px; width: auto; text-transform: uppercase; font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid transparent; }
.loading { background: #fff url(images/loading.gif) no-repeat center center; width: 40px; display: none; height: 40px; margin: 0 auto 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.form-loading { background: #fff url(images/loading.gif) no-repeat center center; width: 40px; height: 40px; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.small-loading { background: #fff url(images/small-loading.gif) no-repeat center center; height: 28px; width: 28px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid transparent; display: none; margin-left: 5px; }
.meta { font-size: 12px; font-weight: bold; margin: 0 20px 10px; height: auto; overflow: hidden; }
.portfolio-detail-description .meta { border-top: 1px solid transparent; padding-top: 20px; text-align: center; }
.portfolio-detail-description .meta > span { display: inline-block; float: none; padding: 2px 0 2px 20px; margin-right: 15px; margin-bottom: 8px; height: auto; }
.blog-items .meta span { padding-left: 0; margin-right: 5px; background: none; font-size: 9px; text-transform: uppercase; }
.meta span a { text-decoration: none; }
.portfolio-detail-description .meta span:before { display: inline-block; float: left; font-family: 'OpenSans-Regular',sans-serif; font-size: 14px; margin-top: 2px; width: 24px; margin-right: 5px; }
.portfolio-detail-description .meta .tags:before { content: "z"; }
.portfolio-detail-description .meta .link:before { content: "j"; }
.portfolio-detail-description .meta .categories:before { content: "I"; }
.portfolio-detail-description .meta .comments:before { content: "q"; }
.portfolio-detail-description .meta .time-ago:before { content: "t"; }
.portfolio-detail-description .meta > span { margin-bottom: 15px; line-height: 16px; }
.pagenavi { float: right; padding: 10px; font-size: 12px; font-weight: bold; -webkit-box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 1); -moz-box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 1); box-shadow: 0 0px 15px -8px rgba(0, 0, 0, 1); }
.pagenavi span.current { margin: 0 5px; }
.pagenavi a { margin: 0 5px; text-decoration: none; }
a.view-item { position: absolute; display: block; padding: 3px 8px 3px; right: 0; bottom: 0; text-decoration: none; font-size: 12px; -webkit-border-radius: 3px 0 3px 0; -moz-border-radius: 3px 0 3px 0; border-radius: 3px 0 3px 0; }
.navigation { margin-top: 10px; margin-bottom: 50px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 15px 0; font-size: 12px; }
.blog-navigation { border-bottom: 0; margin-bottom: 0; padding: 20px 20px 25px; clear: both; height: auto; overflow: hidden; height: auto; font-weight: bold; background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAGElEQVQIHWM4s2f1f4b///8zMPva6kBYAHN0CuVoDKbzAAAAAElFTkSuQmCC') left bottom repeat-x; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .35); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .35); box-shadow: 0px 2px 5px rgba(0, 0, 0, .35); }
.single-navigation { margin: 30px 20px; }
.navigation .nav-previous, .navigation .nav-index, .navigation .nav-next { width: 30%; display: inline-block; }
.navigation .nav-index { margin: 0 4%; }
.blog-navigation .nav-previous { float: left; }
.blog-navigation .nav-next { float: right; }
.navigation .nav-previous { text-align: left; }
.navigation .nav-index { text-align: center; }
.navigation .nav-next { text-align: right; float: right; }
.navigation div a { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; text-decoration: none; }
.navigation .nav-text { border-bottom: 1px solid #222; margin: 0 5px; }
.blog-navigation .nav-previous, .blog-navigation .nav-next { width: 44%; }
div.pp_default .pp_expand { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
.video-player video { display: block; }
.page-text { margin-bottom: 40px; padding: 20px; height: auto; overflow: hidden; }
.full-width-page .page-text { padding: 0; }
.page-text h2 { margin-bottom: 20px; }
.comment-subscription-form input { float: left; margin-right: 10px; }
a.more-link { text-transform: uppercase; font-weight: bold; font-size: 12px; text-decoration: none; }
a.more-link:hover { color: #444; cursor: pointer; }
section a.view-all-link { font-weight: bold; font-size: 14px; text-decoration: none; }
a.view-all-link:hover { color: #444; cursor: pointer; }
.line-divide { background: transparent url(images/light-line-divide.png) repeat-x top left; height: 5px; margin: 0 10px; }
.page-wrap { z-index: 2; position: relative; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope,
.isotope .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; }
/**** disabling Isotope CSS3 transitions ****/
.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; }
#background-overlay { position: fixed; min-width: 100%; min-height: 100%; top: 0; left: 0; z-index: -1; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }
#background { position: fixed; min-width: 100%; min-height: 100%; top: 0; left: 0; z-index: -2; }
.box {}
.box-heading { border-bottom: 1px solid #b9b9b9; padding-bottom: 10px; margin-bottom: 20px; }
.box-heading h1,
.box-heading h2 { margin-bottom: 0; font-size: 30px; line-height: 36px; font-weight: normal; float: left; }
.box-heading h1 span,
.box-heading h2 span { color: #c62b02; }
.box-heading .header-image { background: url(images/bkg_heading-image.png) no-repeat center left; float: left; width: 272px; height: 36px; margin-left: 10px; }
.heading-with-option h1,
.heading-with-option h2 { float: left; }
.heading-with-option .view-all { text-decoration: none; font-weight: bold; }
.view-full { background: transparent url(images/view-full.png) no-repeat center center; display: block; height: 100%; z-index: 3; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
span.tooltip { display: block; background: #333; color: #fff; position: absolute; left: 50%; bottom: 20px; padding: 7px 10px 9px; font-weight: bold; width: auto; white-space-space: nowrap; z-index: 8; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
span.tooltip .arrow { position: absolute; left: 50%; bottom: -4px; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #333; }
/* #Header
================================================== */
#header-section { height: auto; height: 125px; background: url(images/bkg_header.png) repeat-x top left; }
#logo { margin-bottom: 0; }
#logo strong { display: none; }
#logo a { display: block; }
#logo a img { padding: 24px 0 0 20px; }
#logo a:hover {}
.link-acc { text-align: right; margin-top: 30px; }
.link-acc ul { margin: 0; }
.link-acc ul li { display: inline; padding: 0 10px 0 15px; background: url(images/bkg_link-acc-separator.png) no-repeat top left; margin: 0; }
.link-acc ul li.first { background: 0 none; }
.link-acc ul li a { font-size: 12px; color: #fff; line-height: 19px; text-decoration: none; }
#searchform { margin: 0; margin: 19px 0; float: right; border: 1px solid #111111; background: #ebebeb; width: 290px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#searchform input#s { margin: 0; float: left; border: 0 none; padding: 0 4px; height: 29px; background: #ebebeb; width: 220px; color: #bbbbbb; font-size: 12px; }
#searchform button.submit { padding: 0 10px; margin: 2px; float: right; background: #c62b02; border: 0 none; }
#searchform button.submit span { height: 25px; line-height: 25px; color: #ebebeb; text-shadow: none; }
nav .menu { z-index: 9999; height: auto; margin-bottom: 0; font-size: 16px; }
nav .menu li { display: inline-block; margin: 0; font-size: 12px; position: relative; background: url(images/nav_divider.png) no-repeat center right; }
nav .menu li a { text-decoration: none; padding: 0 16px; height: 48px; line-height: 48px; display: inline-block; color: #fff; font-size: 16px; }
nav .menu li.home a,
nav .menu li.template-home a { background: url(images/bkg_nav-home.png) no-repeat 4px 16px; padding: 0 16px 0 34px; }
nav .menu li.parent > a {}
nav .menu li.parent > a:after { display: block; float: right; font-family: 'OpenSans-Regular',sans-serif; font-size: 9px; margin-right: 5px; width: 12px; font-weight: normal; }
nav .menu ul { position: absolute; height: auto; border: 1px solid transparent; z-index: 40; margin: 0; top: 30px; left: -20px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; display: none; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); background: #fff; }
nav .menu ul li { width: 100%; position: relative; display: block; background: none repeat scroll 0 0 transparent; border-bottom: 1px solid transparent; float: none; margin: 0; padding: 0; font-weight: bold; font-size: 11px; text-transform: none; height: auto; z-index: 42; }
nav .menu ul li:first-child > a:after { content: ''; position: absolute; left: 24%; top: 0%; margin-left: -5px; margin-top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #444; }
nav .menu ul ul { top: -1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
nav .menu ul ul li:first-child > a:after { left: -8px; top: 32%; margin-top: 0; border-top: 6px solid transparent; border-right: 6px solid #444; border-bottom: 6px solid transparent; }
nav .menu ul li:last-child { border: medium none; }
nav .menu ul li a { padding: 8px 12px; display: block; margin-bottom: 0; white-space: nowrap; } 
nav .menu li.sfHover ul a { color: #3F3E3C; } 
nav .menu li.sfHover ul a:hover { color: #b7b7b7; }
nav .menu li:hover ul li a { color: #333d53; background-color: transparent; }
nav .menu ul ul ul, nav .menu ul ul ul ul, nav .menu ul ul ul ul ul { display: none!important; }
.nav-wrap { background: url(images/bkg_nav.png) repeat-x top left; }
#main-navigation {}
#main-navigation, #mobile-navigation {}
#mobile-navigation { display: none; width: 200px; position: relative; }
#mobile-navigation .selected-option { position: absolute; top: 6px; z-index: 2; left: 10px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 155px; }
#mobile-navigation > div { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 12px; background: #F1F1F1 url(images/select.png) no-repeat right center; border-color: #CCC #E6E6E6 #E6E6E6 #CCC; border-style: solid; border-width: 1px; height: 26px; width: 344px; margin: 0 auto; width: 200px; display: block; color: #888; position: relative; }
#mobile-navigation > div select { cursor: pointer; height: 28px; margin: 0; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; padding: 0; position: relative; width: inherit; z-index: 4; }
/* #Footer
================================================== */
#footer-wrap { margin-top: 4px; z-index: 1; position: relative; }
#footer { border-top: 3px solid #ebebeb; background: #750101 url(images/bkg_footer.png) repeat-x top left; color: #fff; padding: 10px 20px; width: 920px; margin: 0 auto; overflow: hidden; }
.footer-widgets { padding-top: 40px; height: auto; overflow: hidden; clear: both; border-bottom: 1px solid #ddd; }
#footer section.widget { margin: 0 5px 50px; }
section.widget .widget-heading { margin-bottom: 20px; }
section.widget .widget-heading h4 { width: auto; margin: 0; line-height: 30px; }
section.widget a, section.widget p, .twitter-widget .twitter-link { font-size: 12px; }
.flickr_images { margin-right: -20px; }
.widget.flickr-widget li { width: 56px; height: 56px; overflow: hidden; float: left; display: inline-block; margin: 0 20px 20px 0; }
.flickr-widget li img { height: 56px; min-height: 56px; min-width: 56px; width: auto; display: block; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); }
.flickr-widget li:hover img { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); }
section.widget input { width: 230px; }
.twitter-widget li.tweet { margin-bottom: 20px; background: none; padding-left: 0; }
.twitter-widget .twitter-text { padding: 10px; font-size: 14px; -webkit-box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.5); box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.5); background: #EEEEEE; }
#footer .twitter-widget .twitter-text a { font-weight: bold; }
.twitter-widget .tweet-arrow { width: 0; height: 0; border-top: 12px solid #838282; border-left: 12px solid transparent; border-right: 12px solid transparent; display: block; margin: 0 0 5px 10px; }
.twitter-widget .twitter-date { font-size: 12px; font-weight: normal; }
.twitter-widget .twitter-link { font-weight: bold; line-height: 150%; }
ul.social-icons { height: auto; overflow: hidden; margin-right: -12px; }
ul.social-icons li { float: left; display: inline; width: 32px; height: 32px; margin-right: 12px; background: none; padding-left: 0; }
ul.social-icons li a { background: transparent url(images/social-icons.png) no-repeat 0 0; display: block; width: 32px; height: 32px; text-indent: -9999px; }
ul.social-icons li a:hover { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity= 70); }
ul.social-icons li.twitter a { background-position: 0 0; }
ul.social-icons li.facebook a { background-position: -32px 0; }
ul.social-icons li.dribbble a { background-position: -64px 0; }
ul.social-icons li.vimeo a { background-position: -96px 0; }
ul.social-icons li.tumblr a { background-position: -128px 0; }
ul.social-icons li.spotify a { background-position: -160px 0; }
ul.social-icons li.linkedin a { background-position: -192px 0; }
ul.social-icons li.lastfm a { background-position: -224px 0; }
ul.social-icons li.googleplus a { background-position: -256px 0; }
ul.social-icons li.flickr a { background-position: -288px 0; }
ul.social-icons li.youtube a { background-position: -320px 0; }
ul.social-icons li.behance a { background-position: -352px 0; }
ul.social-icons li.pinterest a { background-position: -384px 0; }
#copyright { margin: 0; clear: both; float: left; width: 50%; }
#copyright p { margin: 0; font-size: 12px; line-height: 20px; font-weight: normal; font-family: Arial; }
#copyright a { text-decoration: none; color: #fff; }
.footer-nav { float: right; width: 50%; text-align: right; }
.footer-nav ul { margin: 0; }
.footer-nav ul li { display: inline-block; background: url(images/bkg_footer-nav-separator.png) no-repeat center left; padding: 0 3px 0 7px; }
.footer-nav ul li.home,
.footer-nav ul li.template-home { background: 0 none; }
.footer-nav ul li a { font-family: Arial; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; }
.footer-nav ul li a:hover,
.footer-nav ul li a:active,
.footer-nav ul li a:checked { color: #fff; }
/* #Home
================================================== */
#home-wrap {}
.home-banner { background: #fff url(images/bkg_home-banner.png) no-repeat top left; height: 426px; overflow: hidden; }
.home-banner-slider { float: left; width: 595px; margin: 23px 0 0 18px; height: 385px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; }
.company-impact-banner { float: right; width: 317px; margin: 23px 18px 0 0; }
.radio-shows { height: 363px; background: url(images/bkg_radio-shows.png) no-repeat top left; margin-top: 1px; padding: 40px 0 0 20px; width: 940px; }
.radio-shows,
.radio-shows h2,
.radio-shows h3 { color: #fff; font-weight: normal; }
.radio-shows h3 { font-size: 22px; margin-bottom: 10px; text-transform: uppercase; line-height: 100%; }
.radio-shows h2 { font-size: 30px; margin-bottom: 15px; text-transform: uppercase; line-height: 100%; }
.radio-shows .description { width: 405px; }
.radio-shows-slider { margin-top: 20px; }
.radio-show-detail { padding: 7px 10px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 106px; overflow: hidden; }
.radio-show-image { float: left; width: 85px; }
.radio-show-title { float: left; margin-left: 10px; width: 75px; font-size: 13px; font-weight: bold; color: #c82d02; text-decoration: none; }
.radio-show-times { float: left; margin-left: 10px; width: 75px; color: #323232; font-size: 12px; }
.radio-show-title:hover,
.radio-show-title:active { color: #c82d02; }
.radio-show-excerpt { background: url(images/bkg_radio-show-excerpt.png) no-repeat left 4px; padding:0 15px; width: 160px; margin-top: 5px; }
.radio-show-excerpt p { margin: 0; font-size: 13px; }
.second-content { width: 642px; float: left; margin-top: 1px; }
.second-right { width: 317px; float: right; margin-top: 1px; }
.music-video-shows { background: url(images/bkg_music-video-show.png) no-repeat top left; height: 363px; padding: 40px 0 0 20px; }
.music-video-shows,
.music-video-shows h2,
.music-video-shows h3 { color: #fff; font-weight: normal; }
.music-video-shows h3 { font-size: 22px; margin-bottom: 10px; text-transform: uppercase; line-height: 100%; }
.music-video-shows h2 { font-size: 30px; margin-bottom: 15px; text-transform: uppercase; line-height: 100%; }
.music-video-shows .description { font-size: 12px; line-height: 135%; }
.music-video-shows .description strong { color: #fff; }
.video-shows-images {}
.video-shows-images ul { margin: 20px 0 0; }
.video-shows-images li { display: inline; margin-right: 10px; }
.video-shows-images li img { border: 1px solid #e98d6d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.home-banner .rss-postcast { overflow: hidden; color: #fff; background: #435354; }
.home-banner .rss-postcast .rss-podcast { background: url(images/rss-podcast-button.png) no-repeat top left; display: block; text-indent: -999em; width: 268px; height: 45px; margin: 9px 10px; float: left; }
.home-banner .rss-postcast .radio-show { float: right; margin: 5px 10px; display: block; text-indent: -999em; width: 134px; height: 54px; background: url(images/radio-show-button.png) no-repeat top left; }
.live-shows { background: url(images/bkg_live-show.png) no-repeat top left; height: 665px; margin-top: 1px; overflow: hidden; }
.live-shows .second-content { padding: 25px 20px 0; width: 602px; }
.live-shows .second-content h2 { font-size: 30px; }
.live-shows .second-content h2 span { color: #ff4200; }
.live-shows .second-right { width: 300px; margin-right: 17px; }
.live-shows .youtube-channel-lastest { margin-bottom: 45px; }
.live-shows .youtube-channel { margin-top: 30px; }
.live-shows .youtube-channel iframe { border: 6px solid #fff; }
.live-shows .youtube-channel .jcarousel-skin-tango { width: 597px; }
.live-shows .youtube-channel .jcarousel-skin-tango .jcarousel-container-horizontal { width: 565px; padding: 0 16px; }
.live-shows .youtube-channel .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 565px; }
.live-shows .youtube-channel .jcarousel-skin-tango .jcarousel-prev-horizontal { background: url(images/btn_prev-youtube-channel.png) no-repeat top left; height: 26px; width: 16px; top: 30px; }
.live-shows .youtube-channel .jcarousel-skin-tango .jcarousel-next-horizontal { background: url(images/btn_next-youtube-channel.png) no-repeat top left; height: 26px; width: 16px; top: 30px; }
#youtube-channel li { width: 106px; }
#youtube-channel li a img { border: 6px solid #fff; width: 105px; height: 73px; }
/* #Portfolio
================================================== */
.item-heading h4 a { text-decoration: none; }
.filter-wrap { display: block; float: right; margin: 15px 0 0; position: relative; }
.filter-wrap a.select { text-decoration: none; font-weight: bold; margin-left: 10px; }
.filter-wrap a.select .pictos { margin-left: 5px; }
.filter-wrap ul { display: none; position: absolute; top: 35px; right: 0; z-index: 3; font-size: 13px; background: #fff; }
.filter-wrap ul li { margin-bottom: 0; display: none; }
.filter-wrap ul li.all, .filter-wrap ul li.has-items { display: block; }
.filter-wrap ul li a { display: block; white-space: nowrap; padding: 6px 12px; text-decoration: none; }
.filtering li a:hover, .filtering li.selected a { color: #333; }
.portfolio-items { margin-bottom: -20px; margin-left: -10px; margin-right: -10px; clear: both; }
.portfolio-items li { margin-bottom: 20px; -webkit-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5); box-shadow: 0 12px 10px -10px rgba(0, 0, 0, 0.5); }
.portfolio-items li.four.columns, .portfolio-items li.four.columns figure { width: 220px; height: 165px; overflow: hidden; position: relative; }
.portfolio-items li.five.columns, .portfolio-items li.five.columns figure { width: 300px; height: 225px; overflow: hidden; position: relative; }
.portfolio-items li.eight.columns, .portfolio-items li.eight.columns figure { width: 460px; height: 345px; overflow: hidden; position: relative; }
.portfolio-items li figure { position: relative; }
.portfolio-items li figure a { position: relative; display: block; overflow: hidden; }
.portfolio-items li figure img { width: 100%; height: auto; z-index: 3; position: relative; display: block!important; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.portfolio-items li:hover figure img, .portfolio-items .current-item figure img { opacity: 0.1; -moz-opacity: 0.1; filter:alpha(opacity= 10); }
.portfolio-items li figure .hover-overlay { position: absolute; background-color: #000; width: 100%; height: 100%; top: 0; left: 0; }
.portfolio-items li figure .hover-overlay a { position: absolute; bottom: 0; z-index: 9; }
.portfolio-items li figure .hover-overlay a.post-link { display: none; text-indent: -999em; background: url(images/post_link.png) no-repeat top left; width: 20px; height: 20px; right: 0; }
.portfolio-items li figure .hover-overlay a.gallery-link { display: none; text-indent: -999em; background: url(images/pretty-gallery-link.png) no-repeat top left; width: 20px; height: 20px; right: 21px; }
.portfolio-items li:hover figure .hover-overlay a.post-link,
.portfolio-items li:hover figure .hover-overlay a.gallery-link { display: block; }
.portfolio-items li figure .meta-gallery { display: none; }
.portfolio-items li figure .hover-overlay span { display: block; padding: 10px 0; margin: 40px 20px 20px 20px; text-transform: none; font-weight: bold; color: rgb(255, 255, 255); color: rgba(255, 255, 255, 0.9); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.5); box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3); line-height: 22px; }
#latest-portfolio .portfolio-items li figure a div span { font-size: 14px; line-height: 18px; }
article.type-portfolio { height: auto; width: 100%; }
.single article.type-portfolio .display-wrap { height: auto; overflow: hidden; padding: 25px 20px 0; -moz-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6); box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.6); }
article.type-portfolio figure { height: auto; }
.container figure.portfolio-display { float: none; display: block; margin: 0 auto 25px; height: auto!important; position: relative; }
figure.portfolio-display .title-overlay { position: absolute; bottom: 20px; right: 20px; color: #fff; font-size: 12px; font-weight: bold; padding: 6px 10px; background: rgb(0, 0, 0); background: rgba(0,0,0,0.8); }
.title-overlay span { float: left; display: inline-block; text-transform: uppercase; margin-right: 10px; line-height: 20px; }
.title-overlay a { float: left; display: inline-block; color: #fff; border-left: 1px solid #333; text-decoration: none; font-size: 20px; padding-left: 10px; }
figure.portfolio-display .figure-img img, article.type-portfolio .flexslider, article.type-portfolio iframe, article.type-portfolio .figure-img img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
figure.portfolio-display img.wp-post-image { border: 10px solid; height: auto; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6); width: 880px; display: block!important; }
article.type-portfolio .flexslider { border: 10px solid; height: 520px; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6); width: 880px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0 auto 50px; }
article.type-portfolio .video-player { margin: 0 auto 20px; float: none; border: 10px solid; height: auto; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.6); overflow: hidden; display: block; width: auto; }
.article-body-wrap { padding: 20px 10px; }
article.type-portfolio .article-body-wrap { padding: 20px; }
.article-body-wrap .detail-info { margin-top: 0; }
article.type-portfolio .detail-info { width: 160px; margin-right: 20px; float: left; }
article.type-portfolio .detail-info ul { margin-bottom: 0; }
article.type-portfolio .detail-info ul li { margin-right: 0; margin-bottom: 10px; width: 100%; }
article.type-portfolio .portfolio-detail-description { float: left; width: 720px; }
.article-body-wrap #comment-area { width: 610px; }
.portfolio-detail-description { float: none; display: block; margin: 0 auto; overflow: hidden; }
.portfolio-detail-description .skills-wrap { background: transparent url(images/scanlines-sidebar.png) repeat top left; text-align: center; margin: 20px; }
.portfolio-detail-description .skills { font-size: 12px; font-style: italic; text-transform: uppercase; text-align: center; display: inline-block; margin: 5px 0; padding: 3px 8px; }
.portfolio-detail-description .skills a { text-decoration: none; margin-right: 2px; }
.portfolio-detail-description .body-text { text-align: justify; }
.video-player iframe { display: block; width: 100%; }
/* #Blog
================================================== */
#latest-posts { margin-top: 1px; background: #ebebeb; padding: 30px 20px }
#latest-posts h2 { font-size: 24px; font-family: 'Impact-Regular'; text-transform: uppercase; color: #020300; }
#latest-posts .blog-items { margin-top: 10px; margin-bottom: 0; }
.blog-info, .portfolio-info { height: auto; overflow: hidden; }
.blog-info h3, .portfolio-info h3 { color: #444; }
.blog-info p, .portfolio-info p { padding-right: 10px; }
.blog-items li.blog-item { margin-bottom: 20px; width: 285px; height: auto; overflow: hidden; float: left; margin-right: 30px; }
.blog-items li.blog-item.odd { margin-right: 0; }
.blog-items li.blog-item.last { border-bottom: 0 none; }
li.blog-item figure img { width: 100%; height: auto; }
li.blog-item .item-details { height: auto; overflow: hidden; }
li.blog-item h4 { font-size: 16px; color: #020300; font-weight: normal; margin-bottom: 0; }
li.blog-item h4 a { text-decoration: none; }
li.blog-item h4 a span { color: #00a9b7; }
li.blog-item .blog-excerpt {}
li.blog-item .blog-excerpt p { font-size: 11px; color: #020300; margin-bottom: 0; }
li.blog-item .aside-excerpt { margin: 20px 0 20px 20px; font-size: 14px; }
li.blog-item .blog-excerpt.quote, article.type-post .body-content.quote { border-left: 3px solid transparent; padding-left: 10px; }
li.blog-item a.more-link { display: block; text-align: right; border-top: 1px solid #EEE; padding-top: 10px; }
.quote p { font-weight: bold; margin-bottom: 10px; }
.quote cite { font-style: italic; padding-left: 5px; font-size: 14px; }
li.blog-item .item-date { float: left; width: 45px; margin-right: 20px; color: #fff; padding: 10px; background: #ccc; }
li.blog-item .item-date .day { text-align: center; font-weight: bold; font-size: 24px; }
li.blog-item .item-date .month { text-align: center; font-size: 12px; margin-top: 10px; font-weight: bold; }
li.blog-item .post-type { text-align: center; margin-top: 10px; font-size: 24px; }
li.blog-item .details-wrap { float: left; width: 555px; }
li.blog-item .details { margin: 0 18px 15px; font-size: 12px; font-weight: bold; }
.details .comments { margin-left: 20px; }
li.blog-item .details span a { text-decoration: none; }
.blog-items .meta { margin: 0; color: #666; font-style: italic; font-weight: normal; }
#latest-posts .blog-items .meta { margin: 0 0 5px; }
.blog-items .holder { width: 100%; height: 156px; background-color: #222; display: block; }
article.type-post, article.type-page { margin-bottom: 30px; }
.single-post .section { margin-bottom: 0; }
.single-post article.type-post .video-player { background: transparent; }
article.type-post figure.media-wrap { margin-bottom: 0; }
.article-content { height: auto; overflow: hidden; }
.article-content .detail-info {}
.article-content .detail-body { width: 100%; }
.article-content .detail-body .subtitle { overflow: hidden; }
.article-content .detail-body .subtitle h2 { font-size: 30px; font-weight: normal; float: left; }
.article-content .detail-body .subtitle .blog-postcast { text-indent: -999em; float: right; display: block; width: 80px; height: 15px; background: url("images/ico_rss.png") no-repeat left top; }
.article-content .detail-body .time-shows { font-size: 18px; }
.detail-info ul { overflow: hidden; width: 100%; }
.detail-info ul li p, .detail-info ul li a, .detail-info ul li span { font-size: 12px; font-weight: bold; margin-bottom: 0; float: left; }
.detail-info ul li { margin-right: 30px; display: inline; margin-bottom: 0; float: left; }
.detail-info ul li a { text-decoration: none; }
.detail-info li:before { font-family: 'OpenSans-Regular',sans-serif; font-size: 14px; margin-top: 3px; width: 24px; float: left; }
.detail-info li.date:before { content: "\\"; }
.detail-info li.author:before { content: "U"; }
.detail-info li.categories:before { content: "I"; }
.detail-info li.tags:before { content: "z"; }
.detail-info li.comments:before { content: "q"; }
.detail-info li.link:before { content: "j"; }
.detail-info li.link span { max-width: 124px; text-overflow: ellipsis; overflow: hidden; }
article.type-post .detail-body h2, article.type-page .detail-body h2 { margin: 0 0 10px 0; }
article.type-post .detail-body h2 a, article.type-page .detail-body h2 a { text-decoration: none; }
article.type-post .detail-body .aside { margin: 20px 20px 0 0; }
article.type-post .video iframe { width: 100%; height: 380px; }
.section#article { margin-bottom: 20px; }
.audio-player { margin: 60px 0 40px; }
#recent-posts { clear: both; padding-top: 40px; }
/* #Sidebar
================================================== */
aside#sidebar { position: relative; overflow: hidden; }
aside#sidebar .vertical-separator-main { position: absolute; height: auto; top: 30px; bottom: 30px; background:url(images/bkg_sidebar-separator-y.png) repeat-y; background:-webkit-linear-gradient(left,rgba(0,0,0,.12),rgba(0,0,0,.08) 1px,rgba(0,0,0,.08) 1px,rgba(0,0,0,0) 30px,transparent 100%); background:-moz-linear-gradient(left,rgba(0,0,0,.12),rgba(0,0,0,.08) 1px,rgba(0,0,0,.08) 1px,rgba(0,0,0,0) 30px,transparent 100%); background:-webkit-linear-gradient(left,rgba(0,0,0,.12),rgba(0,0,0,.08) 1px,rgba(0,0,0,.08) 1px,rgba(0,0,0,0) 30px,transparent 100%); background:-o-linear-gradient(left,rgba(0,0,0,.12),rgba(0,0,0,.08) 1px,rgba(0,0,0,.08) 1px,rgba(0,0,0,0) 30px,transparent 100%); }
aside#sidebar .vertical-separator-main,
aside#sidebar .vertical-separator-conner-top,
aside#sidebar .vertical-separator-conner-bottom { border: 0 none; width: 30px; z-index: -1; left: 0; }
aside#sidebar .vertical-separator-conner-top,
aside#sidebar .vertical-separator-conner-bottom { height: 30px; position: absolute; }
aside#sidebar .vertical-separator-conner-top { top: 0; background:no-repeat url(images/bkg_footer-separator.png) -82px 0; background:-webkit-radial-gradient(left bottom,circle,rgba(0,0,0,.08),transparent 30px,transparent 100%); background:-moz-radial-gradient(left bottom,circle,rgba(0,0,0,.08),transparent 30px,transparent 100%); background:-o-linear-gradient(left bottom,circle,rgba(0,0,0,.08),transparent 30px,transparent 100%); }
aside#sidebar .vertical-separator-conner-bottom { bottom: 0; background:no-repeat url(images/bkg_footer-separator.png) -196px 0; background:-webkit-radial-gradient(left top,circle,rgba(0,0,0,.08),transparent 30px,transparent 100%); background:-moz-radial-gradient(left top,circle,rgba(0,0,0,.08),transparent 30px,transparent 100%); background:-o-linear-gradient(left top,circle,rgba(0,0,0,.08),transparent 30px,transparent 100%); }
aside#sidebar .widget { margin: 0; }
aside#sidebar .widget-heading {}
#sidebar section.widget a, #sidebar section.widget p, #sidebar .twitter-widget .twitter-link, .widget { font-size: 12px }
#sidebar .widget ul { margin-top: -4px; margin-bottom: -6px; }
#sidebar .widget.flickr-widget li { width: 66px; height: 66px; }
#sidebar .flickr-widget li img { height: 66px; width: auto; min-height: 66px; min-width: 66px; }
.widget li { margin-bottom: 7px; }
.widget a { text-decoration: none; }
.tagcloud { margin-bottom: 2px; margin-top: -8px; }
.tagcloud a { line-height: 26px; }
.tagcloud a:before { content: "/"; display: inline-block; margin-right: 5px; margin-left: 3px; }
.tagcloud a:hover:before { color: #000!important; }
.tagcloud a:first-child:before { content: ""; margin: 0; }
.widget-video iframe { width: 100%; }
aside#sidebar #searchform input#s { width: 182px; }
#text-2 h4 { font-size: 13px; font-weight: normal; border-bottom: 1px solid #dbdada; }
#text-2 .widget-heading { margin-bottom: 0; }
#text-2 .textwidget { padding: 15px 0; border-bottom: 1px solid #dbdada; }
#text-2 .textwidget li { margin-bottom: 0; }
#text-3 { margin-top: 10px !important; }
/* #Comments
================================================== */
#comment-area {}
article.type-portfolio #comment-area { margin: 0; }
#comment-area a { text-decoration: none; }
#comments-list h3 { margin: 30px 0 20px; }
#comments-list ol { list-style: none; margin-left: 0; }
#comments-list ul ul { font-size: 100%; }
#comments-list .comment { margin: 20px 0 0; }
#comments-list .comment-wrap { position: relative; height: auto; overflow: hidden; margin-bottom: 10px ; }
.comment-wrap .comment-avatar { float: left; display: block; }
.comment-avatar .author-text { display: block; width: 100%; text-align: center; font-size: 10px; text-transform: uppercase; color: #AAA; font-weight: bold; }
.comment-wrap .comment-content { float: right; border: 1px solid transparent; width: 50%; padding: 10px; position: relative; }
.comment .children { margin-top: 10px; }
.comment .children > li { border-left: 1px solid #e8e8e8; padding: 0 0 0 20px; margin: 0; background: transparent url(images/comment-left-line.png) no-repeat 0 20px; }
li.depth-1 .comment-wrap .comment-content { width: 510px; }
li.depth-2 .comment-wrap .comment-content { width: 490px; }
li.depth-3 .comment-wrap .comment-content { width: 470px; }
li.depth-4 .comment-wrap .comment-content { width: 450px; }
li.depth-5 .comment-wrap .comment-content { width: 430px; }
li.depth-6 .comment-wrap .comment-content { width: 410px; }
ul.children { margin-left: 0; }
.comment .avatar-arrow { position: absolute; top: 18px; left: -8px; width: 0; height: 0; border-top: 6px solid transparent; border-right: 8px solid #E8E8E8; border-bottom: 6px solid transparent; }
.comment-meta { font-size: 12px; font-weight: bold; margin-bottom: 5px; }
.comment-meta .author-link {}
.comment-meta .meta-sep { margin: 0 5px; }
.comment-meta cite { font-style: normal; }
a.comment-reply-link { font-size: 12px; font-weight: bold; float: right; margin-right: 5px; }
/* Trackbacks */
#trackbacks-list span { font-size: 12px; }
#trackbacks-list ol li { margin-bottom: 10px; }
#trackbacks-list .comment-author { font-size: 12px; margin-bottom: 5px; }
#trackbacks-list .comment-content p { font-size: 14px; }
/* Comment Form */
#respond { margin-top: 30px; }
.comment-form-author, .comment-form-email, .comment-form-url { width: 240px; }
#commentform { margin-bottom: 0; }
#commentform p.comment-notes span.required { float: none; }
#commentform p span.required { float: right; }
#commentform label { font-size: 14px; margin-bottom: 10px; }
#commentform textarea { width: 98.3%; max-width: 98.3%; height: 200px; }
#commentform p.form-allowed-tags { display: none; }
#commentform p.form-allowed-tags code { color: #444; }
#comments #reply-title small a { background: #eee; background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 4px 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin-left: 10px; line-height: 16px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
p.form-submit { height: auto; overflow: hidden; margin-bottom: 0; }
.form-submit input { float: right; width: auto; }
/* #Contact
================================================== */
#contact .contact-map { width: 480px; float: left; }
#contact .contact-form { float: left; margin-left: 20px; }
#contact .group-buttons { text-align: right; }
#contact .wpcf7-submit { margin-left: 10px; }
/* #About Us
================================================== */
.about-us-image { width: 200px; float: left; }
.about-us-image p { font-weight: bold; }
.about-us-information { width: 700px; float: right; font-size: 13px; }
/* #Shortcodes
================================================== */
/*========== Button Shortcodes ==========*/
a.button { display: inline-block; font-size: 12px; padding: 8px 30px; margin: 4px 0; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border: 0; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
a.button:hover { border: 0; }
.button.blue { background: #333d53; border-color: #1e2431; background: -webkit-gradient(linear, left top, left bottom, from(#333d53), to(#1e2431)); background: -moz-linear-gradient(top,  #333d53,  #1e2431); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333d53', endColorstr='#1e2431'); color: #fff!important; text-shadow: 0 1px rgba(0, 0, 0, .4); }
.button.blue:hover { background: #1e2431; color: #fff!important; }
.button.red { background: #c33; border-color: #990000; background: -webkit-gradient(linear, left top, left bottom, from(#cc3333), to(#990000)); background: -moz-linear-gradient(top,  #cc3333,  #990000); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3333', endColorstr='#990000'); color: #fff; text-shadow: 0 1px rgba(0, 0, 0, .4); }
.button.red:hover { background: #900; color: #fff!important; }
.button.green { background: #339933; border-color: #006600; background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#006600)); background: -moz-linear-gradient(top,  #339933,  #006600); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#339933', endColorstr='#006600'); color: #fff!important; text-shadow: 0 1px rgba(0, 0, 0, .8); }
.button.green:hover { background: #006600; color: #fff!important; }
.button.orange { background: #ff6633; border-color: #cc3300; background: -webkit-gradient(linear, left top, left bottom, from(#ff6633), to(#cc3300)); background: -moz-linear-gradient(top,  #ff6633,  #cc3300); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6633', endColorstr='#cc3300'); color: #fff!important; text-shadow: 0 1px rgba(0, 0, 0, .4); }
.button.orange:hover { background: #cc3300; color: #fff!important; }
.button.yellow { background: #ffff99; border-color: #ffff00; background: -webkit-gradient(linear, left top, left bottom, from(#ffff99), to(#ffff00)); background: -moz-linear-gradient(top,  #ffff99,  #ffff00); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff99', endColorstr='#ffff00'); color: #222!important; }
.button.yellow:hover { background: #ffff00; color: #222!important; }
.button.pink { background: #ff66ff; border-color: #ff00ff; background: -webkit-gradient(linear, left top, left bottom, from(#ff66ff), to(#ff00ff)); background: -moz-linear-gradient(top,  #ff66ff,  #ff00ff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff66ff', endColorstr='#ff00ff'); color: #fff!important; text-shadow: 0 1px rgba(0, 0, 0, .4); }
.button.pink:hover { background: #ff00ff; color: #fff!important; }
.button.purple { background: #cc33ff; border-color: #660099; background: -webkit-gradient(linear, left top, left bottom, from(#cc33ff), to(#660099)); background: -moz-linear-gradient(top,  #cc33ff,  #660099); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc33ff', endColorstr='#660099'); color: #fff!important; text-shadow: 0 1px rgba(0, 0, 0, .4); }
.button.purple:hover { background: #660099; color: #fff!important; }
.button.lightblue { background: #66ccff; border-color: #0099ff; background: -webkit-gradient(linear, left top, left bottom, from(#66ccff), to(#0099ff)); background: -moz-linear-gradient(top,  #66ccff,  #0099ff); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ccff', endColorstr='#0099ff'); color: #fff!important; text-shadow: 0 1px rgba(0, 0, 0, .4); }
.button.lightblue:hover { background: #0099ff; color: #fff!important; }
.button.turquoise { background: #99ffff; border-color: #33cccc; background: -webkit-gradient(linear, left top, left bottom, from(#99ffff), to(#33cccc)); background: -moz-linear-gradient(top,  #99ffff,  #33cccc); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffff', endColorstr='#33cccc'); color: #222!important; }
.button.turquoise:hover { background: #33cccc; color: #222!important; }
.button.black { background: #222222; border-color: #000000; background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000)); background: -moz-linear-gradient(top,  #222222,  #000000); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000'); color: #fff!important; text-shadow: 0 1px rgba(0, 0, 0, .4); }
.button.black:hover { background: #000000; color: #fff; }
.button.grey { background: #777777; border-color: #555555; background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555)); background: -moz-linear-gradient(top,  #777777,  #555555); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555'); color: #fff!important; text-shadow: 0 1px rgba(0, 0, 0, .4); }
.button.grey:hover { background: #555555; color: #fff!important; }
.button.white { background: #f7f7f7; border-color: #e7e7e7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7)); background: -moz-linear-gradient(top,  #f7f7f7,  #e7e7e7); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7'); color: #626262!important; }
.button.white:hover { background: #ccc; color: #626262!important; }
/*========== Alert Shortcodes ==========*/
.alert { width: auto; min-height: 20px; height: auto; line-height: 20px; overflow: hidden; padding: 10px; text-align: center; margin: 15px 0; font-weight: bold; }
.alert.white { border: 1px solid #e7e7e7; background-color: #fff; color: #222; }
.alert.red { border: 1px solid #c33; background-color: #c33; color: #fff; }
.alert.green { border: 1px solid #6c6; background-color: #cfc; color: #444; }
.alert.blue { border: 1px solid #9cf; background-color: #c5defa; color: #444; }
/*========== Column Shortcodes ==========*/
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_third { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourth { width: 74%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth { position: relative; margin-right: 4%; float: left; font-size: 14px; line-height: 150%; }
.last { margin-right: 0 !important; clear:right; }
.clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; }
/*========== Map Shortcode ==========*/
.map iframe { width: 100%; }
/*========== Person Shortcode ==========*/
.person-widget { height: auto; overflow: hidden; width: 31%; float: left; margin: 0 1.1%; }
.person-widget figure { width: 100%; height: auto; margin-bottom: 20px; }
.person-widget figure img { display: block; }
.person-widget p.role { font-style: italic; font-size: 14px; margin-bottom: 0; }
.person-widget p { clear: both; margin-top: 10px; }
/*========== Divider Shortcode ==========*/
.horizontal-break { height: 1px; width: 100%; margin: 30px 0; }
/*========== Client Shortcode ==========*/
.client-box { width: 218px; height: auto; background-color: #fafafa; background-position: center center; background-repeat: no-repeat; float: left; margin: 0 2px 7px 5px; }
.client-box img { width: 100%; height: auto; }
/*========== Typography Shortcodes ==========*/
span.highlighted { padding: 1px 3px; border-radius: 5px; margin-right: 5px; }
span.dropcap { float: left; padding: 9px; margin-right: 9px; font-size: 34px; font-family: serif; font-style: italic; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
blockquote { border-left: 3px solid transparent; padding: 0 0 0 20px; }
/*========== Gallery Shortcode ==========*/
.gallery { padding-top: 10px; }
.gallery .gallery-item { width: auto; float: left; display: inline; margin: 0 14px; width: 17%; }
.gallery-item .gallery-icon { background: #222 url(images/view-image.png) no-repeat center center; width: 100%; height: auto; }
.gallery-item .gallery-icon a { display: block; opacity: 1; -moz-opacity: 1; filter:alpha(opacity= 100); }
.gallery-icon a img { display: block; width: 100%; height: auto; }
.gallery-item .gallery-icon a:hover { opacity: 0.1; -moz-opacity: 0.1; filter:alpha(opacity= 10); }
/*========== Accordion Shortcode ==========*/
.accordion { border: 1px solid #e8e8e8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; background-color: #fff; margin-bottom: 20px; }
.accordion .accordion-header { border-top: 1px solid #e8e8e8; cursor: pointer; padding: 10px; font-weight: bold; color: #666; }
.accordion .accordion-header:first-child { border-top: none; }
.accordion .accordion-body { border-top: 1px solid #e8e8e8; padding: 10px; color: #222; background-color: #f7f7f7; }
.accordion .accordion-header.ui-state-active, .accordion .accordion-header.ui-state-focus { outline: none; }
.accordion .accordion-header.ui-state-active { color: #000; }
/*========== Tabs Shortcode ==========*/
.tabbed-asset { overflow: hidden; margin-bottom: 20px; }
.tab-content { padding: 10px; background-color: #f7f7f7; color: #222; }
.tab-content.ui-tabs-hide { display: none; }
ul.tabs { margin-bottom: 0; border: 0; }
ul.tabs li { height: auto; }
ul.tabs li a { font-size: 14px; padding: 10px; height: auto; line-height: 20px; color: #666; font-weight: bold; border: 0; }
ul.tabs li.ui-state-default a { background-color: transparent; }
ul.tabs li.ui-state-active a { color: #222; background-color: #f7f7f7; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
/* Live chat Custom style */
.Quick_Chat_Widget .widget-heading { margin-bottom: 5px !important; }
.Quick_Chat_Widget .widget-heading h4 { background: url(images/bkg_live-chat-title.png) no-repeat top left; text-indent: -999em; }
.quick-chat-history-links { display: none !important; }
.quick-chat-links { display: none !important; }
.quick-chat-alias-container { display: none !important; }
.quick-chat-history-message-alias-container { overflow: hidden; }
.quick-chat-history-header { float: left; width: 48px; }
.odd .quick-chat-history-header { float: right; }
.quick-chat-history-message { background: url(images/bkg_live-chat-arrow.png) no-repeat top left; float: right; width: 204px; padding-left: 7px; font-size: 11px; color: #fff; }
.odd .quick-chat-history-message { float: left; padding-left: 0; padding-right: 6px; background: url(images/bkg_live-chat-arrow-odd.png) no-repeat top right; }
.quick-chat-history-message-inner { width: 185px; background: #1d91c5; padding: 5px 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.quick-chat-history-alias { color: #baeaff !important; font-style: italic; }
.quick-chat-history-alias a { color: #baeaff !important; }
.quick-chat-history-header .avatar { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.quick-chat-history-timestring { font-style: normal !important; font-size: 11px; color: #29221c; }
.quick-chat-input-container { background: #fff; border-top: 1px solid #cecccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 32px; overflow: hidden; }
.quick-chat-input-container textarea { resize: none; border: 0 none; color: #29221c; float: left; margin-top: 0 !important; width: 245px !important; }
.quick-chat-input-container textarea:focus { border: 0 none; box-shadow: 0 0 0 #fff; color: #29221c; }
.quick-chat-send-button { width: 49px !important; height: 26px !important; margin: 3px !important; padding: 0 !important; float: right; }
/* Events Page */
#events .article-content { background: url(images/bkg_events.png) repeat top left; padding: 8px 8px 25px; }
#events .page { float: left; width: 620px; background: #1c1c1c; margin-bottom: 0; background: url(images/bkg_events-page.png) repeat top left; padding: 5px; }
#events .page h2.subtitle { font-size: 24px; color: #f1efef; font-weight: normal; text-align: center; margin-bottom: 15px; }
#events .page-inner { background: url(images/bkg_events-page-inner.png) repeat top left; border: 2px solid #ae7843; padding: 20px; }
#events .page-inner ul { margin: 0; }
#events .page-inner ul li { display: inline-block; background: url(images/bkg_events-message.png) no-repeat top left; width: 182px; padding: 50px 0 0; text-align: center; margin: 0 11px 30px 0; }
#events .event-message { background: #e7e5e5; padding: 0 15px 15px; }
#events .event-title { display: block; margin-bottom: 12px; font-size: 14px; color: #020202; text-decoration: none; }
#events .event-excerpt { font-size: 12px; color: #020202; }
#events #sidebar { float: right; width: 250px; }
#events #sidebar h2 { font-size: 13px; font-weight: bold; text-transform: uppercase; color: #fff; }
.event-image-featured { margin-bottom: 15px; }
.event-image-featured img { border: 2px solid #fff; }
.event-images li { display: inline-block; margin-right: 10px; }
.event-images li.last { margin-right: 0; }
.event-images img { width: 70px; height: 50px; border: 2px solid #fff; }