/*
Theme Name:Scenica
Theme URI:http://www.cpothemes.com
Description:Scenica is a really flexible multipurpose theme, giving you a myriad of options to configure your site as you please. It is completely responsive, looking great in any device. Moreover, it comes with multiple portfolio and blog templates, as well as the ability to select different layouts and headers to better suit your needs.
Tags:portfolio, blog, creative, photography, responsive, customizable, fluid, clean, multipurpose
Author:CPOThemes
Author URI:http://www.cpothemes.com
Version:1.0.0
License:GNU General Public License 2.0
License URI:license.txt
*/


/*
INDEX

0. CSS RESET
Resets all styles for consistency and browser compatibility. 
Courtesy of Eric Meyer at http://meyerweb.com/eric/tools/css/reset/index.html.

1. GENERAL ELEMENTS
Styles basic elements such as headings or hyperlinks, affecting the overall site but not its layout.

2. LAYOUT
Defines the structure and design of the site. All styles that displace elements go here.
Special layout elements such as breadcrums or page-specific stuff also goes here.

3. NAVIGATION
Defines the styles for menus and cross-post navigation. Any specific element related to site traversing goes here.

4. POSTS
Styles the appearance of posts and overall content, as well as typography. 
Must be in line with editor-style.css, so that both styles match.

5. COMMENTS
Sets the appearance of the comment system, structuring both entries and posting forms.

6. WIDGETS
Establishes the layout of widgets. Whereas the layout section affects the site in general, 
this section determines widget appearance for both their layout and contents.

*/


/* --------------------------------------------------------------
0. CSS RESET
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; }
body { line-height:1; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
ol, ul, li { list-style:none; }
blockquote { quotes:none; }
blockquote:before, blockquote:after { content:''; content:none; }
del { text-decoration:line-through; }
table { 	border-collapse:collapse; border-spacing:0; }
a img { border:none; }


/* --------------------------------------------------------------
1. GENERAL ELEMENTS
-------------------------------------------------------------- */

/* BODY */
body { font-family:Arial, Helvetica, sans-serif; background:#fff; color:#777; font-size:0.875em; line-height:1.6; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-family:Verdada, Arial, Helvetica, sans-serif; color:#444; line-height:1.2; margin:0 0 20px; }
h1 { font-size:3em; } 
h2 { font-size:2em; } 
h3 { font-size:1.5em; } 
h4 { font-size:1.3em; } 
h5 { font-size:1.2em; } 
h6 { font-size:1.1em; }

/* HYPERLINKS */
a:link, a:visited { color:#48bC44; text-decoration:none; }
a:hover { color:#68dC64; text-decoration:underline; }

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color:inherit; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color:inherit; }

/* GENERAL TYPOGRAPHY */
p, address { margin-bottom:1.6em; }
span, div, p, dl, td, th, ul, ol, blockquote { }

/* LISTS */
ul li { list-style:circle; margin:0 0 5px 20px; list-style-position:outside; }
ol li { list-style:decimal; margin:0 0 5px 20px; list-style-position:outside; }
ol ol li { list-style:upper-alpha; }
ol ol ol li { list-style:lower-roman; }
ol ol ol ol li { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
ul, ol, dd, pre, hr { margin-bottom:24px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }

dl { margin:0 0 24px 0; }
dt { font-weight:bold; }
dd { margin-bottom:18px; }
strong, b { font-weight:bold; }
cite, em, i { border:none; font-style:italic; }
big { font-size:131.25%; }
ins { background:#ffc; border:none; }
del { text-decoration:line-through; }

/* ADDRESSES */
address { font-size:0.9em; line-height:1.2em; }

/* CITATIONS */
blockquote { display:block; font-style:italic; padding:0 5%; margin:25px 0; }
blockquote cite, blockquote em, blockquote i { font-style:normal; }

/* PREDEFINED TEXT */
pre { font-family:Courier, monospace; background:#f5f5f5; border:1px solid #ccc; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; display:block; overflow:auto; margin:25px 0; }

abbr, acronym { border-bottom:1px dotted #666; cursor:help; }
ins { text-decoration:none; }
sup, sub { font-size:0.7em; height:0; line-height:1; position:relative; vertical-align:baseline; }
sup { bottom:1ex; }
sub { top:.5ex; }
pre, kbd, tt, var { line-height:21px; }
code { font-size:1.05em; }

/* CODE */
code, code var { font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

/* TABLES */
table { border:1px solid #bbb; border-collapse:collapse; border-spacing:0; margin:0 0 24px; text-align:left; width:100%; }
tr th, thead th { border:none; color:#888; font-weight:bold; line-height:1.2em; padding:9px 24px; }
tr td { border:none; padding:6px 24px; }
tr th, thead th, tr th, thead th { background:#ddd; }

/* FORM FIELDS */
input, textarea { font-size:1em; }

/* HEADING LINE */
hr { background-color:#fff; border:0; border-top:1px solid #bbb; border-bottom:1px solid #fff; clear:both; height:0; margin:40px 0; }

/* INLINE IMAGES */
img { margin:0; max-width:100%; line-height:0em; height:auto; }
img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:100%; height:auto; }
.alignleft, img.alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; }
.alignright, img.alignright { display:inline; float:right; margin-left:24px; margin-top:4px; }
.aligncenter, img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom:12px; }

/* IMAGE CAPTIONS */
.wp-caption { margin-bottom:20px; padding:5px 0; max-width:100%; text-align:center; background:url(images/shades/black_10.png); line-height:0em; }
.wp-caption .wp-caption-text{ }
.wp-caption img { margin:0; padding:0; max-width:100%; line-height:0em; }
.wp-caption p { margin:10px 0 10px; color:#666; line-height:1.2em; font-size:12px; }
.wp-smiley { margin:0; }

/* FORMS */
label { display:block; width:100%; padding:8px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
input[type=text], input[type=password], input[type=input], 
input[type=tel], input[type=url], input[type=email], 
input[type=number], input[type=range], input[type=search], input[type=color], 
input[type=time], input[type=week], input[type=month], input[type=date], input[type=datetime], 
textarea, select { font-family:inherit; border:1px solid #ccc; padding:6px; margin:0 0 20px; width:100%; background:#fff; border-radius: 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }
input[type=submit] { width:auto; -webkit-appearance:none; }

/* MAIN THEME COLORS */
.sticky { }
.primary-color { color:#00cc99; }
.primary-color-bg { background-color:#00cc99; }
.primary-color-border { border-color:#00cc99; }
.secondary-color { color:#f1f1f1; }
.secondary-color-bg { background-color:#f1f1f1; }
.secondary-color-border { border-color:#f1f1f1; }

/* SHORTCODE CUSTOM STYLING */

/* BUTTONS */
.button, .button:visited, input[type=submit] { box-shadow:inset 0 1px 0 rgba(255,255,255,0.4); }
.button-default, .button-default:visited, input[type=submit] { background:#f5663e;
background:-moz-linear-gradient(top, #f5663e 0%, #c15289 100%);
background:-webkit-linear-gradient(top, #f5663e 0%,#c15289 100%); 
background:linear-gradient(to bottom, #f5663e 0%,#c15289 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5663e', endColorstr='#c15289',GradientType=0 );
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5); border-color:1px solid #c15289; }
.button-default:hover { background:#f5663e; }


/* --------------------------------------------------------------
2. LAYOUT
-------------------------------------------------------------- */

/* WRAPPERS */
.outer { overflow:hidden; width:100%; background:url(images/shades/white_70.png); }
.wrapper { background:#fff; margin:0 auto; }
.wrapper-move { margin: 0 auto; }
.container { max-width:980px; padding:0 30px; margin:0 auto; }
.container { max-width:980px; padding:0 30px; margin:0 auto; }
.wrapper-fixed .container { max-width:980px; }
.clear { clear:both; width:100%; height:0; margin:0; padding:0; }


/* TOPMENU */
.topbar { display:block; color:#999; line-height:1; font-size:0.9em; background:#4E4E4E; }
.topbar a { color:#E4E4E4; }


/* SOCIAL ICONS */
.social { float:right; clear:right; text-align:right; padding:0; width:50%; }
.social a.social-profile { display:block; float:right; color:#fff; margin:0; width:30px; font-size:18px; line-height:34px; text-align:center; }
.social a.social-profile:hover { text-decoration:none; }
.social .social-profile span.social-title { display:none; }


/* LANGUAGE SWITCHER */
.languages { float:right; padding-left:10px; }
.languages a { display:inline-block; margin:12px 0 12px 10px; }
.languages img { margin-right:5px; }


/* HEADER */
.header { position:absolute; top:0; width:100%; padding:10px 0; z-index:9990; -moz-transition:0.5s all; -webkit-transition:0.5s all; transition:0.5s all; }
.admin-bar .header { margin-top:28px; } /* For those logged in people */
.header-sticky-active { position:fixed; background:rgb(0,0,0); background:rgba(0,0,0,0.5); margin:0px; padding:0; }
.header-sticky-active .logo { width: 130px !important; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.header .logo { width: 300px; float:left; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.header .logo a { display:block; line-height:1em; }
.header .title { display:block; line-height:1em; margin:0; }
.header .title a { display:inline; }
.header .title a:hover { text-decoration:none; }
.header .logo .description { display:none; text-transform:capitalize; letter-spacing:2px; }
.header .hidden { display:none; }
.header .subheader { float:right; text-align:right; padding:20px 0 0 20px; }



/* HOMEPAGE SLIDES */
.slider { padding:0; margin:0; position:relative; text-align:center; }
.slider  { width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.slider-slides { display:block; overflow:hidden; padding:0; margin:0; height:500px;  }
.slider-slides .slide { overflow:hidden; position:relative; background-repeat:no-repeat; background-position:top center; background-attachment:scroll; list-style:none; width:100%; height:500px; margin:0; padding:0; }
.slider-slides .slide .container { position:relative; height:500px; }
/* Caption and Image */
.slide-textbox { position:absolute; bottom:90px; left:30px; width:46%; text-align:left; z-index:800; }
.slide-textbox .slide-title { display:inline-block; font-size:2.2em; line-height:1.3; color:#fff; padding:5px 10px; opacity:0.9; margin:0 0 10px; border-radius:5px;}
.slide-textbox .slide-content { display:inline-block; background: #fff; padding:15px;  border-radius: 5px; -moz-transition-delay:0.5s; -webkit-transition-delay:0.5s; transition-delay:0.5s; }
.slide-textbox .slide-title, 
.slide-textbox .slide-content { -moz-transform:translate(30px, 0); -webkit-transform:translate(30px, 0); transform:translate(30px, 0); opacity:0; }
.slide-textbox p:last-child { margin-bottom:0; }
.slider-slides .slide-image { display:block; position:absolute; line-height:0; right:30px; bottom:00px; z-index:700; -moz-transform:translate(-30px, 0); -webkit-transform:translate(-30px, 0); transform:translate(-30px, 0); opacity:0; -moz-transition-delay:1s; -webkit-transition-delay:1s; transition-delay:1s; }
.slide-title, 
.slide-content, 
.slide-image { -moz-transition:0.5s all; -webkit-transition:0.5s all; transition:0.5s all; }
/* Caption positions */
.slide-right .slide-textbox { left:auto; right:30px; text-align:right; }
.slide-right .slide-title {margin:0 0 10px 21%;}
.slide-right .slide-title, 
.slide-right .slide-content { -moz-transform:translate(-30px, 0); -webkit-transform:translate(-30px, 0); transform:translate(-30px, 0); }
.slide-right .slide-image { left:30px; right:auto; -moz-transform:translate(30px, 0); -webkit-transform:translate(30px, 0); transform:translate(30px, 0); }
/* Active slide */
.slide-active .slide-title, 
.slide-active .slide-content, 
.slide-active .slide-image { -moz-transform:translate(0, 0); -webkit-transform:translate(0, 0); transform:translate(0, 0); opacity:1; }
/* Paging and navigation */
.slider-prev, .slider-next, .slider-pages { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; opacity:0; }
.slider-prev, .slider-next { position:absolute; width:50px; height:80px; background:url(images/shades/black_50.png);  border-radius:6px; font-size:30px; line-height:80px; margin-top:-40px; top:50%; text-align:center; color:#fff; z-index:999; text-shadow:0 0 3px rgba(0,0,0,0.5); cursor:pointer; }
.slider-prev { left:0;  }
.slider-prev:before { font-family:'fontawesome'; content:'\f104'; }
.slider-next { right:0; }
.slider-next:before { font-family:'fontawesome'; content:'\f105'; }
.slider-pages { position:absolute; text-align:center;  right:0; left:0; bottom:0; z-index:999; }
.slider .slider-pages a { display:inline-block; overflow:hidden; background:#000; color:transparent;  margin:0 5px; width:9px; height:9px; border:5px solid #000; border-radius:25%; }
.slider .slider-pages .activeSlide { background:#fff; color:transparent;}
/* Hovering over navigation controls */
.slider:hover .slider-prev, 
.slider:hover .slider-next, 
.slider:hover .slider-pages { opacity:0.7; }
.slider .slider-prev:hover, 
.slider .slider-next:hover, 
.slider .slider-pages:hover { opacity:1; }
.slider:hover .slider-prev { left:10px; }
.slider:hover .slider-next { right:10px; }
.slider:hover .slider-pages { bottom:10px; }


/* BREADCRUMBS */
.breadcrumb { margin:0; }
.breadcrumb a { position:relative; padding-right:15px; margin-right:10px; }
.breadcrumb a:before { display:block; position:absolute; top:50%; vertical-align:middle; right:0; list-style:none; font-family:'fontawesome'; content:'\f0da'; font-size:11px; color:#999; margin-top:-7px; line-height:1.1; }
.breadcrumb a:first-child {  }
.breadcrumb a:hover {  }
.breadcrumb span { }


/* MAIN CONTENT */
.banner { position:relative; padding:0 0 10px; z-index:19;overflow:hidden; padding:0; margin:0; max-height:400px; height:200px; background-attachment: fixed; }
.banner img { display:block; width:100%; height:auto; line-height:0; padding:0; margin:0; }
.pagetitle { padding:0; margin:30px 0; }
.pagetitle .pagetitle-title { margin:0; }


/* HOMEPAGE MINI FEATURES */
.minifeatures { margin:30px 0 0; }
.minifeatures .feature { margin-bottom:40px; }
.minifeatures .feature .feature-icon { float:left; font-family:'fontawesome'; text-align:center; width:50px; height:50px; font-size:25px; margin:0 10px 10px 0; line-height:50px; border-radius:10px; }
.minifeatures .feature > img { display:block; float:left; margin:0 20px 0 0; max-width:60px; line-height:0; height:auto; }
.minifeatures .feature .feature-title { font-size:1.3em; margin:0 0 3% 70px; }
.minifeatures .feature .feature-content { clear:none; margin:0 0 0 70px; }
.minifeatures .feature .feature-content p:last-child { margin:0; }


/* HOMPAGE CLIENTS */
.clients { margin:30px 0 0; }
.clients .client-heading  { text-align:center; margin:0 0 20px; }
.clients .client-item { display:block; position:relative; text-align:center; list-style:none; padding:0; margin:0 0 30px; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.clients .client-item-image {display:block; position:relative; border-radius:5px; color:#000;}
.clients .client-item-image img { }
.clients .client-item .client-item-overlay {background:#fff;opacity:0; position:absolute;width:100%; height:100%; top:0; z-index:9999;  top:0; bottom:0; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  }
.clients .client-item a:hover { text-decoration:none; }
.clients .client-item:hover .client-item-overlay { opacity:0.4; width:100%; height:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }


/* PAGE CONTENT */
.main { overflow:hidden; padding:0; }
.main.blank { background:#fff; overflow:hidden; padding:100px 0; }
.content { float:left; width:65%; margin:0 5% 30px 0; padding:0; }
.sidebar-left .content { float:right; margin:0 0 30px 5%; }
.sidebar-left .content-wide,
.sidebar-right .content-wide,
.content-wide { float:none; padding:0; margin:0; width:auto; }


/* SIDEBARS */
.sidebar { float:left; width:30%; }
.widget { overflow:hidden; margin:0 0 30px; }


/* SIDE NAVIGATION */
.submenu { float:right; width:30%; }
.submenu.left { float:left; }


/* WIDGET LAYOUT */
.widget li { list-style:none; margin:0 0 30px; overflow:hidden; }
.widget li:first-child { border-top:0; }
.widget li:last-child { border-bottom:0; }
.widget li a { }
.widget ul { margin:0; }
.widget ul li { position:relative; padding:0 0 0; margin:0 0 8px; }
.widget ul ul { margin:0 0 5px 1.3em; }
.widget ul ul ul { margin-bottom:0; }


/* FOOTER SIDEBARS */
.subfooter { overflow:hidden;  padding:30px 0 0;  }


/* FOOTER */
.footer { color:#eee; text-align:left; overflow:hidden; padding:40px 0; clear:both; }
.footer a:link, .footer a:visited { color:#fff; }


/* BACK TO TOP LINK */
.toplink { display:block; position:fixed; background:#fff; color:#000; z-index:9999; box-shadow:0 1px 2px 0 #222; border-radius:5px 5px 0 0; bottom:0; margin-bottom:-20px; right:50%; margin-right:-40px; opacity:0; width:80px; height:30px; line-height:40px; text-align:center; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.toplink:hover { text-decoration:none; }
.toplink.active { margin-bottom:0; opacity:1; }
.toplink .icon-angle-up:before{ display:block; }
.toplink .icon-angle-up{display:block; line-height: 30px;}

/* --------------------------------------------------------------
3. NAVIGATION
-------------------------------------------------------------- */

/* TOP MENU */
.topmenu { float:left; }
.menu-top { overflow:hidden; float:left; margin:12px 0; line-height:1em; }
.menu-top > ul { overflow:visible; margin:0;  }
/* Menu Elements */
.menu-top li { float:left; list-style:none; margin:0 15px 0 0; padding:0; }
.menu-top li:last-child { border-right:0; }
.menu-top li a { display:block; color:#fff; float:left; padding:0; }
.menu-top li a:hover,
.menu-top li:hover > a { text-decoration:underline; }
.menu-top .current-menu-item > a { text-decoration:underline; }


/* MAIN MENU */
.menu-mobile { display:none; float:right; padding:10px; margin:5px 0; width:100px; border:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }
.menu-main { float:right; }
.menu-main { margin:0; }
.menu-main .menu-description { display:none; }
/* Menu Elements */
.menu-main li { float:left; }
.menu-main li { position:relative; margin:0; list-style:none; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.menu-main li a { display:block; margin:0; padding:10px; color:#fff; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; font-size:1.1em; text-transform: uppercase;}
.menu-main li:hover > a, .menu-main li a:hover { }
/* Current item highlight both normally and on hover */
.menu-main .current-page-ancestor > a, .menu-main .current-menu-item > a { }
.menu-main .current-page-ancestor > a:hover, .menu-main .current-menu-item > a:hover {}
/* Children Elements */
.menu-main  ul, .menu-main  li, .menu-main  a { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.menu-main .has-children > a:before { display:block; opacity:0.7; position:absolute; top:50%; right:10px; list-style:none; font-family:'fontawesome'; content:'\f0d7'; font-size:12px; margin-top:-7px; line-height:1; color:#fff; }
.menu-main .has-children > a { position:relative; padding-right:25px; }
.menu-main li ul { visibility:hidden; opacity:0; margin:20px 0 0; position:absolute; background:#000; background:rgba(0,0,0,0.5); box-shadow:inset 0 0 5px 1px rgba(0,0,0,0.3); top:100%; left:0; z-index:9999; border-radius:3px; }
.menu-main li ul li { width:200px; }
.menu-main li ul li a { font-weight:normal; padding:8px 10px; width:180px; color:#fff; line-height:1.5; height:auto; text-transform:none; }
.menu-main li ul li:first-child a { border-top:none; }
.menu-main li ul li:hover > a,  .menu-main li ul li a:hover { text-shadow:none; }
/* Children display on hover */
.menu-main li:hover > ul { visibility:visible; opacity:1; margin:0;} 
.menu-main li:hover > ul > li > a {  } 
/* Further Children Elements */
.menu-main ul .has-children > a { width:165px; }
.menu-main ul .has-children > a:before { top:50%; content:'\f0da'; }
.menu-main ul > li:hover { overflow:visible; }
.menu-main ul ul { margin:0; top:0; left:200px; }

/* MENU STYLE */
.none {}

/* FOOTER MENU */
.footermenu { overflow:hidden; float:right; margin: 0 0 10px 10px; }
.menu-footer { width:100%; text-align:center; margin:0; padding:0; }
.menu-footer > ul { overflow:hidden; margin:0; padding:0; }
/* Menu Elements */
.menu-footer li { float:left; text-align:center; padding:0; margin:0; list-style:none; }
.menu-footer li a { margin-bottom:10px; color:#fff; padding: 10px; }
.menu-footer li a:hover,
.menu-footer li:hover > a { }
.menu-footer .current-menu-item > a { text-decoration:underline; }
/* Children Elements */
.menu-footer li ul { display: block; }
.menu-footer li ul li { display:block; margin:0; }
.menu-footer li ul li a { font-size:0.8em; font-weight:normal; }


/* SUBMENU NAVIGATION */
.xmenu-sub { margin:0 0 30px; padding:0; border:1px solid #ddd; }
.xmenu-sub li { position:relative; list-style:none; margin:0; }
.xmenu-sub li:before { display:block; position:absolute; top:50%; left:10px; list-style:none; font-family:'fontawesome'; content:'\f0d9'; font-size:14px; color:#999; margin-top:-7px; line-height:1; }
.xmenu-sub li a { display:block; padding:8px 10px 8px 30px; color:inherit; border-top:1px solid #eee; }
.xmenu-sub li:first-child a { border:none; }
.xmenu-sub li a:hover { text-decoration:none; background:#f3f3f3; }
.xmenu-sub .current-menu-item, .menu-sub .current-cat { border-bottom:0; }
.xmenu-sub .current-menu-item a, .menu-sub .current-cat a { background:#ddd; }
.xmenu-sub li ul { display:block; font-size:1em; }

.menu-sub { margin: 0px 0px 30px 0px; padding: 0px; border: 1px solid #ddd; }
.menu-sub li { position:relative; list-style: none; margin: 0px;  }
.menu-sub li:before { display:block; position:absolute; top:18px; left:10px; list-style:none; font-family:'fontawesome'; content:'\f0da'; font-size:14px; color:#999; margin-top:-7px; line-height:1; }
.menu-sub li a { display:block; padding:8px 10px 8px 30px; color:inherit; border-top:1px solid #eee; }
.menu-sub li a:hover { text-decoration:none; background:#f3f3f3; }
.menu-sub li ul { margin-left: 20px; }
.menu-sub li ul li:before { display:block; position:absolute; top:18px; left:10px; list-style:none; font-family:'fontawesome'; content:'\f0d9'; font-size:14px; color:#999; margin-top:-7px; line-height:1; }

/* PORTFOLIO NAVIGATION */
.menu-portfolio { overflow:hidden; margin:0 0 30px; padding:0; text-align:center; border-bottom:1px solid #ddd; }
.menu-portfolio li { list-style:none; display:inline-block; padding:0; margin:0;}
.menu-portfolio li a { display:block; padding:10px 15px; color:#222; border-top-left-radius:5px; border-top-right-radius:5px; }
.menu-portfolio li a:hover { background:url(images/shades/black_5.png); text-decoration:none; color:#a6a6a6; }
.menu-portfolio .back a { position:relative; padding:8px 15px; margin-right:10px; }
.menu-portfolio .back a:before { display:block; position:absolute; top:50%; left:0; list-style:none; font-family:'fontawesome'; content:'\f104'; font-size:14px; color:#999; margin-top:-7px; line-height:1; }
.menu-portfolio .current-menu-item, .menu-portfolio .current-cat { border-bottom:0; }
.menu-portfolio .current-menu-item a, .menu-portfolio .current-cat a { color:#fff; }
.menu-portfolio li ul { display:none; font-size:1em; }


/* NEXT/PREV PORTFOLIO NAVIGATION */
.navigation-portfolio { float:left; text-align:center;}
.navigation-portfolio .icon { display:inline-block; background:#333; width:40px; height:40px; line-height:40px; color:#fff; text-align:center; margin:0 5px 10px 0; border-radius:5px; }
.navigation-portfolio .icon:hover { background:#555; text-decoration:none; }
.navigation-portfolio .next, .navigation-portfolio .prev { float:left;}


/* NEXT/PREV POST NAVIGATION */
.navigation { width:100%; margin:0; padding:20px 0; float:left; }
.navigation .prev { float:left; width:50%; text-align:right; }
.navigation .next { float:right; width:50%;  }
.navigation a:link, .navigation a:visited { display:inline-block; padding:6px 15px; margin:0 3px; font-size:14px; background:#ddd; background:-moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%); background:-webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); background:linear-gradient(to bottom, #f5f5f5 0%,#cccccc 100%); border:1px solid #ccc; border-bottom:1px solid #aaa; color:#444; text-shadow:0 1px 0 #f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.navigation a:active,
.navigation a:hover { background:#fff; }


/* PAGINATION */
.page-link { clear:both; }
.pagination { overflow:hidden; margin:0 0 30px; text-align:center; }
.pagination span, .pagination a { display:inline-block; color:#FFFFFF; margin:0 3px; padding:5px 10px; border-radius:3px; }
.pagination span { background:url(images/shades/black_10.png);  }
.pagination a:hover { background:#eee; text-decoration:none; }
.pagination .current { }


/* IN-POST PAGINATION */
.page-link { clear:both; }
.postpagination { overflow:hidden; margin:10px 0px 30px; float:left; background:#ddd; background:-moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%); background:-webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); background:linear-gradient(to bottom, #f5f5f5 0%,#cccccc 100%); border:1px solid #ccc; border-bottom:1px solid #aaa; color:#444; text-shadow:0 1px 0 #f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.postpagination span { display:block; float:left; color:#777; background:#ccc; padding:5px 10px; font-size:14px; }
.postpagination a span { display:block; float:left; padding:5px 10px; font-size:14px; background:none; }
.postpagination a span:hover { background:#eee; text-decoration:none; }
.postpagination .current { text-shadow:0 1px 0 #fff;  }


/* --------------------------------------------------------------
4. POSTS & PAGES
-------------------------------------------------------------- */

/* POSTS */
.post  { margin:0 0 30px; overflow:hidden; }
.post .post-image { margin:0 0 20px; line-height:0em; height:auto; }
.post .post-image img { display:block; margin:0; line-height:0em; width:100%; height:auto; border-radius:5px; }
.post .post-title { padding:0; margin:0 0 10px 0; }
.post .post-title a { color:inherit; }
.post .post-byline { overflow:hidden; padding:0; font-size:1.1em; color:#555; }
.post .post-byline a { color:inherit; }
.post .post-byline div { float:left; position:relative; padding-right:25px; margin-bottom:10px; }
.post .post-byline div:before { position:inline; padding-right:5px; color:#aaa; width:15px; font-family:'fontawesome'; }
.post .post-byline .post-date:before { content:'\f017'; }
.post .post-byline .post-author:before { content:'\f007'; }
.post .post-byline .post-category:before { content:'\f07c'; }
.post .post-byline .post-comments:before { content:'\f086'; }
.post .post-byline .icon { display:block; float:left; width:15px; margin: 1px 7px 0 0; font-size:1.3em; text-align:center; }
.post .post-tags { display:block; margin:0 0 30px; padding:0; }
.post .post-tags li { display:inline-block; list-style:none; padding:0 5px; margin:0; border-radius:3px; }
.post .post-tags li a { color:#fff; }
.post .readmore { margin:0; }
.post .post-content { padding:0; margin:0 0 15px 0; }
.post .post-content p:last-child { margin-bottom:0; }
.post .separator { clear:both; width:100%; }


/* SPECIAL POST FORMATS */
.format-quote .title { position:relative; padding:0 40px; line-height:1.4; }
.format-quote .title:before { display:block; position:absolute; top:0; left:0; list-style:none; font-family:'fontawesome'; content:'\f10d'; font-size:26px; color:#aaa; }
.format-quote .title:after { display:block; position:absolute; bottom:0; right:0; list-style:none; font-family:'fontawesome'; content:'\f10e'; font-size:26px; color:#aaa; }
.video { margin:30px 0; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/* INDIVIDUAL PORTFOLIO ITEMS */
.cpo_portfolio { margin:0 0 30px; }
.cpo_portfolio .portfolio-item-image img{ border-radius:5px;}
.cpo_portfolio .portfolio-details { margin:20px 0 30px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.cpo_portfolio .portfolio-details div { margin:0 0 10px; padding-right:30px; position:relative; text-align:right; }
.cpo_portfolio .portfolio-details .details-icon { position:absolute; display:block; width:15px; margin-top:1px; font-size:1.3em; text-align:center; right:0; top:0.1em; }
.cpo_portfolio .portfolio-content { }


/* SLIDESHOWS IN POSTS AND PORTFOLIOS */
.gallery { margin:0; position:relative; padding:0; overflow:hidden;  }
.gallery .item { float:left; overflow:hidden; list-style:none; width:32%; text-align:center; margin:0 2% 2% 0; padding:0; }
.gallery .item-last { margin:0 0 2%; }
.gallery .item img { line-height:0; width:100%; height:auto;}
.gallery .item .content { position:absolute; width:60%; margin:30px 15%; padding:20px 5%; bottom:0; background:url(images/shades/black_10.png); color:#fff; }
.gallery .separator { clear:both; }
.slideshow .slideshow-slide img {border-radius: 5px;}
.slideshow .slideshow-pages a{ opacity:0.7; width: 9px; height:9px; border-radius:25%; }
.slideshow:hover .slideshow-pages a { opacity:1;}
.slideshow-pages .activeSlide { background:#fff; color:transparent; }



/* AUTHOR BIOS */
.author-bio { overflow:hidden; clear:both; padding:20px; margin:0 0 20px 25%; background:#eee; }
.author-bio .thumbnail { float:left; display:block; margin:0 20px 0 0; }
.author-bio .thumbnail img { display:block; line-height:0; margin:0; }
.author-bio .title { margin:0 0 10px; }
.author-bio .content { margin:0; }
.author-bio .readmore { float:right; margin:20px 0 0; }


/* HOMEPAGE SERVICES */
.services { padding:20px 0 0; }
.services .services-heading  { text-align:center; margin:0 0 20px; }
.services .services-item { margin-bottom:50px; }
.services .services-item .services-icon { float:left; font-family:'fontawesome'; text-align:center; width:80px; height:80px; font-size:30px; margin:0 20px 10px 0; line-height:78px; border-radius:50%; }
.services .services-item img { display:block; float:left; margin:0 5% 0 0; line-height:0; max-width:80px; height:auto; border-radius:10px; }
.services .services-item .services-title { margin:0 0 3% 70px;  }
.services .services-item .services-content { clear:none; margin:0 0 0 100px; }
.services .separator { clear:both; width:100%; }
.services .services-icon-image-bg{width: 80px; margin:0 20px 10px 0; float:left;}
.services .services-icon-image-bg img{border-radius: 50px; position:relative; }
.services .services-icon-image-bg .services-icon-over{position:absolute; float:left; font-family:'fontawesome'; text-align:center; width:80px; height:80px; font-size:30px; color:#fff; margin:0 20px 10px 0; line-height:78px;  }


/* PORTFOLIO SHOWCASE */
.portfolio { clear:both; padding:0; }
.portfolio .portfolio-heading { margin-bottom:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; }
.portfolio .portfolio-content { position:relative; text-align:center; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.portfolio .portfolio-column { margin-left:0; list-style:none; padding:0; }
.portfolio .portfolio-item { overflow:hidden; border-radius:6px; display:block; position:relative; list-style:none; padding:0; margin:0 0 30px; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.portfolio .portfolio-item-image { display:block; position:relative; border-radius:2px; }
.portfolio .portfolio-item-image img { display:block; max-width:100%; margin:0 auto; width:100%; height:auto; line-height:0; border-radius:10px; }
.portfolio .portfolio-item .portfolio-item-title { text-align:center; padding:5px 0 0; margin:0; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all;  }
.portfolio .portfolio-item .portfolio-item-categories { text-align:center; margin:0 20px; padding:0; }
.portfolio .portfolio-item .portfolio-item-overlay { opacity:0; background:#000; position:absolute; top:0; z-index:998; width:100%; top:0; bottom:0; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius:4px 4px 0 0; }
.portfolio .portfolio-item .portfolio-item-icon { position:absolute; text-align:center; display:block; left:50%; top:50%; font-size:25px; line-height:80px; color:#fff; margin:-40px 0 0 -40px; width:80px; height:80px; z-index:999; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius:50%; -moz-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); }

.portfolio .portfolio-item a:hover { text-decoration:none; }
.portfolio .portfolio-item:hover .portfolio-item-overlay { opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.portfolio .portfolio-item:hover .portfolio-item-icon { font-size:26px; opacity:0.9; padding:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}


/* SERVICES SINGLE PAGE */
.service-content{margin:30px 0 30px 0;}

/* 404 PAGE */
.notfound { padding:0 0 50px; }
.notfound-image { font-size:200px; font-weight:bold; text-align:right; line-height:1; margin-left:30%;}
.notfound-title { }
.notfound-content {width:35%;margin-left:30%; }


/* SEARCH PAGE */
.search-result { margin:0 0 30px; }
.search-form { margin:0 0 30px; }
.search-title { margin:0; }
.search-byline { font-size:0.8em; }
.search-content p { margin:0; }


/* CONTACT FORM */
.contact-form { }
.test { left:-9999px; position:absolute; top:-9999px; }
.field { overflow:hidden; margin:0 0 20px; }
.field label{ display:block; float:left; padding:8px 20px 8px 0; width:20%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.field input[type=text] { width:80%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.field textarea{ height:200px; width:80%; max-height:600px; min-height:200px; resize:vertical; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; max-width:100%; }
.field .error{ display:block; margin-left:20%; color:#F30; font-weight:bold; font-size:0.9em; }
.field input[type=submit]{ margin:0; }

.contact-map { height:400px; margin: 0 0 30px; }
.contact-map html, .contact-map body { height:100%; }
.contact-map label { width: auto; display:inline; }
.contact-map img { max-width: none; }

/* SITEMAP */
.sitemap { margin:30px 0; }
.sitemap .sitemap { margin-bottom:20px; }
.sitemap .sitemap li { list-style:none; display:block; margin:0; padding:0; }
.sitemap .sitemap .current-menu-item { display:none; }
.sitemap .sitemap li a:link, .sitemap ul li a:visited { font-size:1.4em; }
.sitemap .sitemap ul { margin:0; width:100%; }
.sitemap .sitemap ul li { margin:0; padding:0; height:auto; text-transform:none; }
.sitemap .sitemap ul a:link, .sitemap ul ul a:visited { font-size:1em; }


/* --------------------------------------------------------------
5. COMMENTS
-------------------------------------------------------------- */


/* COMMENTS */
.comments { clear:both; margin:0; }
.commentlist { list-style:none; padding:0; margin:0 0 30px; }
.comment { overflow:hidden; list-style:none; margin:0 0 10px; padding:0; }
.comment .comment-avatar { float:left; border-radius:3px; }
.comment .comment-avatar img { border-radius:3px; }
.comment .comment-title { padding:0; margin-left:60px; }
.comment .comment-author { display:block; font-size:1.3em; }
.comment .comment-date { font-size:0.9em; }
.comment .comment-approval { display:block; padding:0 10px 0; margin:0; }
.comment .comment-content { margin:10px 0 0 60px; padding:0; }
.comment .comment-options { overflow:hidden; text-align:right; font-size:0.9em; }
.comment .comment-options a { margin-left:10px; }
/* Contents Styling for Comment Body */
.comment .comment-content ul, .comment .comment-content ol { margin-bottom:18px; }
.comment .comment-content p:last-child { margin-bottom:6px; }
.comment .comment-content blockquote p:last-child { margin-bottom:24px; }
/* Nested Comments */
.comment .children { list-style:none; margin:0 0 0 50px; }
/* Pingbacks & Trackbacks */
.comments ol.pinglist { margin:0; }
.comments .pingback { list-style:none; margin:0 0 10px 0; }
.comments .pingback .url { font-style:italic; }


/* COMMENT FORM */
.comment-respond { margin:30px 0; overflow:hidden; position:relative; }
.comment-respond p { overflow:hidden; }
/* Fields */
.comment-respond .comment-notes { display:none; }
.comment-respond .required { color:#ff4b33; }
.comment-respond label{ display:block; float:left; padding:8px 10px 8px 0; width:25%; }
.comment-respond input[type=text] { width:75%; }
.comment-respond textarea{ height:200px; width:75%; max-height:400px; min-height:200px; resize:vertical; }
/* Nested Form */
#cancel-comment-reply-link { float:right; display:block; font-size:0.9em; }
/* Allowed Tags */
.comment-respond .form-allowed-tags { display:none; color:#888; font-size:0.9em; padding-left:25%; }
.comment-respond .form-allowed-tags code { display:block; font-size:0.9em; }
.comment-respond .form-submit { padding-left:25%; }


/* --------------------------------------------------------------
6. WIDGETS
Includes all widget-related elements
-------------------------------------------------------------- */


/* GENERAL WIDGET STYLING */
.widget ul { margin-bottom:0; }
.widget li { list-style:none; margin-left:0; }
.widget li ul { margin-left:20px; margin-top:5px; }

.cpotheme-recent .recent-item img { border-radius:3px; }


/* --------------------------------------------------------------
7. EXTERNAL RESOURCES
Includes styles for additional libraries and resources
-------------------------------------------------------------- */

.menu-main li a { text-shadow: 1px 1px #000; font-size: 16px; font-family: "Corbel","Verdana","Open Sans","Ubuntu","Sans" !important; }
.menu-main li ul a { font-size: 14px; }



.header-sticky-active .menu-main li a { color: #f8f8f8; }