/*
Theme Name: Marvel
Theme URI: http://www.themeton.com
Description: A Premium Responsive Theme for Corporate and Creative
Author: ThemeTon
Author URI: http://www.themeton.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.4

Designed & Handcrafted by ThemeTon for ThemeTon.com
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)
*/
/* 
-------------------------
Stylesheet Guide
-------------------------

 01. GLOBAL
    1. HTML5 display-role reset for older browsers
    2. TYPOGRAPHY
    3. BLOCKQUOTE
    4. LINKS
    5. LISTS
    6. TRANSITIONS
    7. =WordPress Core
    8. BLOCKQUOTE
    11. TRANSITIONS
    12. GENERAL CLASSES
 
02. SITE STYLES
    1. FEATURE
    2. HEADER
    3. PAGE
    4. FOOTER
 
03. NAVIGATION MENU
    1. ESSENTIAL STYLES
    2. MOBILE MENU
    2. DEMO SKIN
 
04. PAGE

05. SIDEBAR

06. WIDGETS
    1. ARCHIVE
    2. TEXT
    3. Social widget
 
07. ENTRY STYLES

08. ENTRY additional
    1. IMAGE OVERLAY
    2. PAGER

09. .for_portfolio

10. Comment form
    1. GET IN TOUCH
    2. ABOUT THE AUTHOR

11. MEDIA QUERIES
*/


/*	01. GLOBAL
----------------------------------------------------------
----------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
.img{max-width:100%}

/*	1. HTML5 display-role reset for older browsers
----------------------------------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;color:#646669;font:normal normal normal 12px/18px 'Helvetica Neue',Helvetica,Arial,sans-serif;background:#f5f5f5 url(images/bg.jpg) fixed left top;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0;width:100%}

/*	TYPOGRAPHY
*/
h1,h2,h3,h4,h5,h6{font-weight:700;color:#383B3F}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:46px;line-height:50px;margin-bottom:14px}
h2{font-size:35px;line-height:40px;margin-bottom:10px}
h3{font-size:28px;line-height:34px;margin-bottom:8px}
h4{font-size:21px;line-height:30px;margin-bottom:4px}
h5{font-size:17px;line-height:24px}
h6{font-size:14px;line-height:21px;margin-bottom:10px}
.subheader{color:#777}
p{margin:0 0 20px}
p img{margin:0}
p.lead{font-size:21px;line-height:27px;color:#777}
cite,em,i{font-style:italic}
strong{font-weight:700}
small{font-size:80%}
::selection{background:#000;color:#FFF;text-shadow:none}
sup{bottom:1ex}
sub{top:.5ex}
sup,sub{font-size:10px;height:0;line-height:1;position:relative;vertical-align:baseline}
abbr,acronym,dfn{border-bottom:1px dotted #666;cursor:help}
code,kbd{font:12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace}
s,strike,del{text-decoration:line-through}
ins{background:#fff;text-decoration:none}
.dark ins{background:#292929}
.commentlist .bypostauthor {}
.sticky {}
.tags {}

/* =WordPress Core
-------------------------------------------------------------- */
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;background:#f9f9f9;margin:0 0 20px 20px;padding:5px}
.dark a img.alignright{background:#292929}
a img.alignnone{background:#f9f9f9;padding:5px}
a img.alignleft{float:left;background:#f9f9f9;margin:0 20px 20px 0;padding:5px}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:20px;background:#f9f9f9;padding:5px}
img.image-border{background:#fefefe;padding:5px}
.wp-caption{background:#fff;text-align:center;padding:10px 5px 5px}
.dark .wp-caption,.dark a img.alignright,.dark a img.alignleft,.dark a img.alignnone,.dark a img.aligncenter{background-color:#292929}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption.aligncenter{margin-bottom:20px}
.wp-caption img{border:0 none;height:auto;max-width:100%;margin:0;padding:0}
.wp-caption p.wp-caption-text{font-size:11px;font-style:italic;line-height:17px;margin:0;padding:5px 0}
.alignnone,.wp-caption.alignnone,.wp-caption.alignleft{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter,.aligncenter{display:block;margin:5px auto}

/*	BLOCKQUOTE
*/
blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;}
blockquote{padding: 10px 20px 10px 45px; background: url("images/quote.gif") no-repeat scroll 10px 10px transparent; margin: 20px;}
blockquote cite{display:block;font-size:14px;color:#555;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;font-style:normal}
blockquote cite:before{content:"\2014 \0020"}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{color:#555}
blockquote.alignleft{width:220px;float:left}
blockquote.alignright{width:220px;float:right}
hr{border:solid #ddd;clear:both;height:0;border-width:1px 0 0;margin:10px 0 20px}
.dark #page hr{border-color:#292929}
pre{background:#F4F4F4;font:12px "Courier 10 Pitch", Courier, monospace;line-height:1.5;margin-bottom:1.625em;overflow:auto;padding:.75em 1.625em}
.dark #page pre{background:#292929}

/* LINKS
*/
a,a:visited{color: #000;text-decoration:none;outline:0}
a:hover,a:focus{color:#666}
p a,p a:visited{line-height:inherit}

/* LISTS
*/
ul,ol{margin-bottom:20px}
ul{list-style:inherit}
ol{list-style:disc outside;list-style-type:decimal}
ol ol{list-style:upper-alpha}
ul,ol,ul.square,ul.circle,ul.disc{margin-left:25px}
ul ul,ul ol,ol ol,ol ul{margin:0 0 0 25px}


/*	12. GENERAL CLASSES
----------------------------------------------------------*/
.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.header-wrapper{background:#1B1B1B;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#353535), to(#010101));background:-webkit-linear-gradient(0% 0%, 0% 100%, from(#353535), to(#010101));background:-moz-linear-gradient(center top, #353535, #010101);border-top:1px solid #4A4A4A;border-bottom:1px solid #2A2A2A;margin-bottom:34px;position:relative}
.footer-wrapper{background:#111}
.wrapper{width:990px;margin:0 auto 34px}
.wrapper #page{padding:40px 15px}
.right-sidebar .wrapper #page{background:#FFF url(images/bg_page.png) repeat-y 65px 0}
.dark.right-sidebar .wrapper #page{background:#333 url(images/bg_page_dark.png) repeat-y 65px 0}
.left-sidebar .wrapper #page{background:#FFF url(images/bg_page-left.png) repeat-y -23px 0}
.dark.left-sidebar .wrapper #page{background:#333 url(images/bg_page-left_dark.png) repeat-y -23px 0}

/*	02. SITE STYLES
----------------------------------------------------------
----------------------------------------------------------
 1. FEATURE
----------------------------------------------------------*/

/*	2. HEADER
----------------------------------------------------------*/
.top-text{font-size:11px;color:#6c6c6c;text-align:right;margin-top:10px}
#logo{margin-top:22px;margin-bottom:12px}
.site-name{font-size:28px;line-height:28px;margin-bottom:0;text-shadow:none}
#logo h1{color:#fff;letter-spacing:-1px}
#logo a img.logo-img{max-width:none}
.site-description{font-size:10px;line-height:14px;color:#FFF;text-transform:uppercase;letter-spacing:-1px;text-shadow:none}
#footer .credits{float:right}

/*	3. PAGE
----------------------------------------------------------*/
.title-container{background:#242424;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2E2E2E), to(#1A1A1A));background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#2E2E2E), to(#1A1A1A));background: -moz-linear-gradient(center top, #2E2E2E, #1A1A1A);position:relative;border-bottom:1px solid rgba(187,187,187,0.1);-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;padding:25px 33px 20px}
.title-container h1,.title-container h2,.title-container h3,.title-container h4,.title-container h5,.title-container h6,.title-container p{color:#FFF}
.title-container a{color:#999}
h1.title{font-size:20px;line-height:23px;color:#FFF;margin-bottom:7px}
span.teaser-text{font-size:13px;line-height:16px;display:block;width:auto;color:#c9c9c9;font-weight:400;padding-bottom:10px}
#full_pattern{background-image:url(images/postFormat/full_pattern.png);background-position:bottom;background-repeat:repeat-x;height:5px;margin:0 auto}
.dark #full_pattern{background:url(images/postFormat/full_pattern-dark.png) repeat-x 0 1px}
.portfolio-page{padding-bottom:20px;padding-top:20px}
.title-container a:hover,.dark span.teaser-text{color:#666}

/*	4. FOOTER
----------------------------------------------------------*/
#footer{background:#101010;text-shadow:0 1px 1px #000;color:#FFF;padding:50px 0 30px}
#footer a{color:#999}
#footer .seperator{border-bottom-color:#222}
#footer .widget{margin-bottom:40px}
#footer .widget_title{color:#FFF}
.sub-footer{margin-top:0;margin-bottom:20px;color:#999;font-size:11px;padding-top:20px;border-top:1px solid #222}
.sub-footer .omega{text-align:right}
#footer a:hover,#footer .widget_title strong{color:#666}

/*	4. FOOTER PARTS
----------------------------------------------------------*/
#footer > div{padding:0 auto}
.copyright{text-align:left}
.credits{text-align:right}

/*	03. NAVIGATION MENU
----------------------------------------------------------
----------------------------------------------------------
 1. ESSENTIAL STYLES
----------------------------------------------------------*/

#navigation{float:right;white-space:nowrap;margin:0}
/*      Mega Menu
*/
#main-menu-mobile{display:none}
#menu-bar{background:#000 no-repeat top center;position:relative;z-index:99;height:120px;border-bottom:1px solid #eee;border-top:3px solid #444}
#menu{display:block;width:100%;margin:0;padding:20px 0}
#menu li{line-height:1.3;text-align:left;margin-top:0;display:inline-block;zoom:1;*display:inline;}
#menu>li{text-align:left;padding:0}
#menu>li>a{font-size:11px;display:block;letter-spacing:0;text-transform:uppercase;font-weight:700;margin:0 10px;padding:15px 0!important}
#menu>li>a span{text-transform:none;font-weight:400;color:#999;display:block}
#menu ul.children li{float:none;display:block;line-height:20px;padding:5px 10px}
#menu div.children,#menu>li>ul.children{margin-left:0;position:absolute;z-index:9999;left:auto;padding:15px 10px 10px}
#menu div.children,#menu>li>ul.children,#menu>li ul.children{display:none;background:#2B2B2B;border:0;text-shadow:none!important;-webkit-box-shadow:2px 3px 5px rgba(0,0,0,0.65);-moz-box-shadow:2px 3px 5px rgba(0,0,0,0.65);box-shadow:2px 3px 5px rgba(0,0,0,0.65);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#menu .mega-item div.children,#menu>li>ul.children,#menu>li .mega-item ul.children{-webkit-box-shadow:0 0 0 rgba(0,0,0,0.65);-moz-box-shadow:0 0 0 rgba(0,0,0,0.65);box-shadow:0 0 0 rgba(0,0,0,0.65)}
#menu>li>ul.children{min-width:160px}
#menu div.children p{line-height:20px;padding:10px 0}
#menu div.children h6{padding-bottom:5px;display:block;text-align:left;font-size:10px;text-transform:uppercase}
#menu div.children h6 span{display:block;text-transform:none;font-size:11px;color:#999;font-weight:400;top:-5px;position:relative}
#menu div.children>div{float:left;width:160px;padding-bottom:0;margin:0 10px}
#menu div.children>div a{text-transform:none;font-size:12px;border:none;background:none}
#menu>li>ul.children ul{position:absolute;z-index:999;top:-5px;left:140px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;min-width:180px;display:none;padding:4px 12px}
#menu li.rel{position:relative}
li.showdropdown:hover > a{background:url(images/mega-arrow.png) center bottom no-repeat}

/*      Menu
*/
#menu-bar .container{background:#000 160px 10px no-repeat}
#menu>li.current_page_item>a{color:#666!important}
#menu>li.current-menu-ancestor>a{color:#999!important}
#menu ul.children li{border-bottom:1px solid #333}
#menu ul.children li a{color:#fff}
#menu ul.children li a:hover{border:none;color:#999}
#menu div.children h6{color:#FFF;border-bottom:1px solid #333;margin-bottom:0;font-size:11px!important}
#menu div.children>div li{border-bottom:1px solid #333;padding-left:0;padding-right:0;}
#menu div.children > div li:nth-last-child(2),#menu ul.children li:nth-last-child(2){border-bottom:none}
div.mega-item ul{margin-left:0;margin-right:0}
.megamenu-textbox{white-space:pre-line;margin-top:10px;font-size:11px;}
.children li.mega-item a span{font-size:11px;color:#999;font-style:italic;display:block;line-height:18px}
.clearleft{clear:left}
.mega-four div.children{width:720px}
.mega-three div.children{width:540px}
.mega-two div.children{width:360px}
#menu>li>a,#menu div.children{color:#FFF}
#menu>li:hover>a,#menu div.children>div a:hover{color:#999}
span.menu-span-arrow{float:right;}

/*	2. MOBILE MENU
----------------------------------------------------------*/
select.main-menu-mobile{min-width:232px;-webkit-appearance:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-image:url(images/mobile-menu-arrow.png);background-position:center right;background-repeat:no-repeat;display:none;padding:10px 10%}

/*	04. PAGE
----------------------------------------------------------
----------------------------------------------------------*/
#page{background:#fff;padding:30px 0}
.dark #page{background:#333}
.page-background{background:#d8d8d8;padding-top:30px;padding-bottom:30px}
.page .featured-image,.single .featured-image{margin-bottom:-5px}
.featured-image img{float:left}
.widget .title-container{margin-bottom:20px}
.left.with-sidebar.eleven.columns,.eleven.columns.left{padding-right:33px;padding-left:7px}
.right.with-sidebar.eleven.columns,.eleven.columns.right{padding-left:33px;padding-right:7px}
.page #page .container columns sixteen{padding:0 13px}

/*	05. SIDEBAR
----------------------------------------------------------
----------------------------------------------------------*/
.left{float:left}
.right{float:right}
.right .four.columns.alpha{float:right;margin-right:0}
.widget ul{margin-left:0;list-style:none}
.four.columns.sidebar.right{margin-right:18px}
.four.columns.sidebar.left{margin-left:18px}

/*	06. WIDGETS
----------------------------------------------------------
----------------------------------------------------------*/
.widget ul{list-style:none;margin:0;padding:0}
.widget ul li{border-bottom:1px dotted #e9e9e9;margin:0 0 5px;padding:0 0 5px}
.widget ul li:last-child{border-bottom:none}
#footer .widget ul li,.dark .widget ul li{border-color:#222}
#footer h3.widget_title{color:#999;border-color:#333}
.widget h1.title,h3.widget_title{margin-bottom:20px!important;padding-bottom:10px;border-bottom:1px solid #D9D9D9}
.TTRecentPostWidget ul li{padding-left:0;background:none}

/*	1. ARCHIVE
----------------------------------------------------------*/
.widget_archives ul li{float:left;width:40%;margin-right:5%}

/*	2. TEXT
----------------------------------------------------------*/
.widget_text p:last-child{margin-bottom:0}
.widget{margin-bottom:40px}
ul.themetonrecentposts{list-style:none;margin-left:0;padding-left:0;background:none}
ul.themetonrecentposts li img{float:left;margin-right:15px}
ul.themetonrecentposts li a{display:block;font-size:12px;line-height:16px}
ul.themetonrecentposts li p{font-size:11px;margin-right:15px;margin-bottom:0;line-height:16px}
.search .eleven #searchsubmit{left:179px}
.widget_search,#searchform{position:relative}
.widget_search label{display:none}
.widget_search input[type=text]{width:198px}
.widget_search input[type=submit],.widget_search input[type=submit]:hover{position:absolute;top:3px;right:0;opacity:.5;border:none;background:url(images/search.png) top right no-repeat;display:block;text-indent:-5000px;width:36px;height:32px;cursor:pointer;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}
.widget_search input[type=submit]:hover{opacity:.7;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}
.nine.columns .not-found-message{font-size:20px;line-height:32px;text-align:center}
.nine.columns .widget_search input[type=submit]{position:relative;top:-1px}
.nine.columns .widget_search form#searchform{text-align:center}
.widget_text p,ul.themetonrecentposts li{margin-bottom:10px}

/*	3. Social widget
----------------------------------------------------------*/
ul.social-icons li{float:left;margin-right:5px;padding-left:0;background:none;border-bottom:none}

/*	4. portfolio-filter
----------------------------------------------------------*/
.portfolio-filter li{float:left;margin:0 2px 0 0}
.portfolio-filter{list-style:none;margin:0 0 40px}
.portfolio-filter li:last-child{margin-right:0}
.portfolio-filter li a{font-size:10px;color:#FFF;text-transform:uppercase;font-weight:700;margin-right:0;border:1px solid #000;text-shadow:0 1px 0 rgba(0,0,0,0.3);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#242424;    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3E3E3E), to(#1A1A1A));background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#2E2E2E), to(#1A1A1A));background: -moz-linear-gradient(center top, #2E2E2E, #1A1A1A);padding:4px 7px}
.portfolio-filter li a:hover,.portfolio-filter li a.active{color:#FFF;background:#0079FF;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0096FF), to(#005DFF));background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#0096FF), to(#005DFF));background: -moz-linear-gradient(center top, #0096FF, #005DFF);text-shadow:0 1px 0 rgba(0,0,0,0.3);border-color:#0071E0}

/*	07. ENTRY STYLES
----------------------------------------------------------
----------------------------------------------------------*/
.entry{margin-bottom:40px}
span.sub-title{font-size:12px;font-weight:400;position:relative;top:-20px}
.entry-image{display:block;margin-bottom:20px}
.preload{opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0)}
.entry-video{margin-bottom:25px}
.entry-video iframe{margin-bottom:-5px;width:100%}
.entry-audio embed{width:100%;margin-bottom:20px}
.entry-image a{display:block;position:relative}
.entry-image a,.entry-image a img{float:left}
.nine.columns img{max-width:510px;height:auto}
.seven.columns img{max-width:400px;height:auto}
.four.columns img{max-width:220px;height:auto}
.entry-content{position:relative;background:url(images/post_footer.gif) repeat-x bottom left;padding-bottom:5px;margin-bottom:50px}
.single-post .entry-content{background:none;}
.dark .entry-content{background:url(images/post_footer_dark.png) repeat-x bottom left}
.entry-content a:hover{border-bottom:none;color:#000}
a.read-mor,a.more-link,.absolute-meta a{border-bottom:none}
.entry-content p:last-child{margin-bottom:30px}
.entry-meta{font-size:11px;margin-bottom:20px;text-align:right;float:right;color:#000}
.single-absolute-meta{text-align:left;position:relative}
.single-absolute-meta .absolute-meta{position:relative;bottom:0;left:5px}
.entry-meta h5,.single-portfolios .portfolio-sidebar h5,.widget h1.title,h3.widget_title{font-size:10px;font-weight:700;text-transform:uppercase;color:#000;line-height:10px;margin-bottom:0;margin-top:10px}
.single-portfolios #feature{position:relative;background:#FFF}
.single-portfolios .portfolio-image{margin-bottom:-5px}
.single-portfolios .jcycle-pager{position:absolute;left:29px;bottom:15px;z-index:999}
.entry-meta span,.entry-meta span a,.portfolio-sidebar{text-transform:uppercase;font-size:10px;font-weight:400;color:#999;}
.portfolio-sidebar{letter-spacing:0}
.about-project{font-size:12px;line-height:16px;color:#666;text-transform:none}
.absolute-meta{position:absolute;bottom:-31px;right:0;font-size:9px}
.post-category a,.portfolio-catalogs a{margin-left:0;font-weight:700;text-transform:uppercase;font-size:9px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#FFF;background:background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3E3E3E), to(#1A1A1A));background:#242424; -webkit-linear-gradient(0% 0%, 0% 100%, from(#2E2E2E), to(#1A1A1A));    background: -moz-linear-gradient(center top, #2E2E2E, #1A1A1A);padding:3px 5px}
.post-category a:first-child{margin-left:0}
.portfolio-nav{position:absolute;right:23px;top:25px;width:38px}
.portfolio-nav a{width:19px;height:23px;position:relative;text-indent:-5000px;display:block;float:left;background:url(images/portfolio-nav.png) no-repeat top right transparent}
.portfolio-nav a#next{background-position:top right}
.portfolio-nav a#next:hover{background-position:-36px 0}
.portfolio-nav a#prev{background-position:0 0}
.portfolio-nav a#prev:hover{background-position:-19px 0}
.portfolio-catalogs{margin-top:5px!important}
.portfolio-sidebar .entry-like{font-size:9px}
.post-category a:hover,.portfolio-catalogs a:hover{color:#FFF!important;background:#0079FF;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0096FF), to(#005DFF));background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#0096FF), to(#005DFF));background: -moz-linear-gradient(center top, #0096FF, #005DFF);text-shadow:0 1px 0 rgba(0,0,0,0.3);border-color:#0071E0}
span.entry-comment{margin-right:10px}
span.entry-like a{background:url(images/entry-meta.png) no-repeat 0 -27px;padding-left:18px}
span.entry-like a:hover,span.entry-like a.liked{background-position:0 -40px;padding-left:18px;color:red}
.entry-comment a{background:url(images/entry-meta.png) no-repeat 0 -1px;padding-left:18px}
.entry-comment a:hover{background-position:0 -14px;padding-left:18px;color:#000}
.hover-content{overflow:hidden;position:relative;background:url(images/progress.gif) no-repeat center center #fff}
.dark #page .hover-content{background:url(images/progress-dark.gif) no-repeat center center #292929}
.entry-image-slide{overflow:hidden}
.about-project h5,.portfolio-meta h5{margin-bottom:5px!important}

/*	08. ENTRY additional
----------------------------------------------------------
----------------------------------------------------------*/
.entry-title{margin-bottom:5px}
.entry-title a,h2.entry-title{font-weight:700;font-size:16px;line-height:20px;margin-bottom:10px}
.portfolios{margin-bottom:30px!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.1);box-shadow:0 1px 5px rgba(0,0,0,0.1)}
.portfolios .entry-title a{font-size:12px;line-height:18px}
.portfolios .entry-content{border-bottom:none;padding-bottom:0;margin-bottom:0;background:none;padding-top:5px}
.portfolios .entry-content .post-category{position:relative;bottom:0}
.portfolios .entry-image{margin-bottom:0}
.portfolios .portfolio-content{background:#fefefe;margin-top:-4px;padding:15px 15px 5px}
.portfolios .portfolio-content .post-category a{background:none;color:#666;font-size:9px;text-transform:uppercase;font-weight:400;padding:0}
.entry-image{margin-bottom:20px;display:inline-block;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);-moz-box-shadow:0 0 4px rgba(0,0,0,0.1);box-shadow:0 0 4px rgba(0,0,0,0.1)}
.image-border{border:5px solid #FFF}
.image-border:hover{border-color:#999}
.post-category{font-size:11px;font-weight:400;color:#666;position:absolute;left:0;bottom:-30px}
.single-post .entry-meta{text-transform:none;text-align:left;float:none;margin-bottom:0}
.single-post .entry-meta h5,.single-post .entry-meta span,.single-post .entry-meta span a{background:none;font-size:10px;text-shadow:none;letter-spacing:0;text-transform:uppercase;display:inline-block;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;margin:0;padding:0}
.single-post .title-container .postformat-icon{background-color:transparent;margin:0}
.single-post .entry-meta h5:first-child{margin-left:0}
.single-post .entry-meta h5{margin-right:5px;margin-left:10px;color:#666}
.single-post .postformat-icon{position:absolute;right:25px;top:23px}
.single-post .post-category{position:relative;bottom:0;font-size:13px}
.single-post .post-category a{font-size:13px;border-bottom:none;color:#c9c9c9;font-weight:400;padding:0}
.single-post .post-category a:hover{color:#c9c9c9;background:none;text-decoration:underline}

/*	1. POST FORMAT
----------------------------------------------------------*/
.postformat-icon{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;height:45px;width:45px;float:right;background:#242424 url(images/icons.png) 0 0 no-repeat;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2E2E2E), to(#1A1A1A)) url(images/icons.png) 0 0 no-repeat;    background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#2E2E2E), to(#1A1A1A)) url(images/icons.png) 0 0 no-repeat;    background: -moz-linear-gradient(center top, #2E2E2E, #1A1A1A) url(images/icons.png) 0 0 no-repeat;margin:4px 0 9px;padding:0}
.single-format-quote .postformat-icon{background-position:-315px 0}
.single-format-audio .postformat-icon{background-position:-135px 0}
.single-format-video .postformat-icon{background-position:-45px 0}
.single-format-image .postformat-icon{background-position:-180px 0}
.single-format-link .postformat-icon{background-position:-225px 0}
.postformat-icon img{display:none}
h2.quote-text,h2.link-text{font-size:16px;line-height:24px;margin-bottom:10px;font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; padding: 20px; background-color: #f9f9f9; border: 1px solid #e9e9e9;
}
h2.quote-text{font-weight:400;font-style:italic}
.format-link span.sub-title,.format-quote span.sub-title{font-size:10px;text-transform:uppercase;font-weight:normal;margin-bottom:10px;display:block;position:relative;top:0;left:0; color: #ccc; text-align: right;}
.format-quote .entry-content > p{margin-top:0}

/*	JPLAYER SKIN
*/
div.jp-jplayer.jp-jplayer-video,div.jp-jplayer.jp-player-video{background-color:#292a2b;width:560px}
.jp-audio-container{margin-bottom:20px}
div.jp-interface{position:relative;width:100%;background:url(images/jplayer-bg.png) repeat-x;z-index:100;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.4);box-shadow:0 1px 1px rgba(0,0,0,0.4);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}
.jp-interface{height:30px}
.jp-controls{list-style-type:none;margin:0;padding:0}
.jp-controls li{display:inline}
.jp-controls a{border-bottom:none;position:absolute;overflow:hidden;text-indent:-9999px}
a.jp-play,a.jp-pause{width:33px;height:30px;z-index:1;outline:none;top:0;left:0}
a.jp-play{background:url(images/jplayer-skin.png) 0 0 no-repeat}
a.jp-play:hover{background-position:-33px 0}
a.jp-pause{background:url(images/jplayer-skin.png) 0 -30px no-repeat;display:none}
a.jp-pause:hover{background-position:-33px -30px}
.jp-progress-container{position:absolute;top:0;left:34px;width:494px;height:6px;padding:12px 10px}
.jp-progress{position:absolute;width:490px;height:7px;background:url(images/jplayer-skin.png) 0 -192px repeat-x;padding:1px}
.jp-seek-bar{width:0;height:5px;cursor:pointer;background:url(images/jplayer-skin.png) 0 -163px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}
.jp-play-bar{width:0;height:5px;background:url(images/jplayer-skin.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}
.jp-volume-bar-container{position:absolute;top:0;right:20px;width:40px;height:6px;padding:12px 10px}
.jp-volume-bar{position:relative;overflow:hidden;background:url(images/jplayer-skin.png) 0 -192px repeat-x;width:40px;height:9px;cursor:pointer;top:0;left:18px}
.jp-volume-bar-value{width:0;height:5px;background:url(images/jplayer-skin.png) 0 -133px repeat-x;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:1px}
a.jp-mute,a.jp-unmute{width:17px;height:13px;z-index:1;outline:none;top:9px;right:60px}
a.jp-mute{background:url(images/jplayer-skin.png) -10px -68px no-repeat}
a.jp-mute:hover{background-position:-43px -68px}
a.jp-unmute{background:url(images/jplayer-skin.png) -10px -98px no-repeat}
a.jp-unmute:hover{background-position:-43px -98px}
.seperator-first,.seperator-second{background:url(images/seperator.png) no-repeat left;height:30px;width:2px;position:absolute;left:32px}
.seperator-second{left:auto;right:90px}

/*	1. IMAGE OVERLAY
----------------------------------------------------------*/
.hover-image{overflow:hidden;display:block;height:110px}
a.hover-image{cursor:pointer;width:100%;position:relative;display:block}
.image-overlay{background:url(images/trans.png) repeat;height:100%;width:100%;position:absolute;top:0}
.entry-image .image-overlay{background:url(images/dark-trans.png)}
.image-overlay .postIconImage{background:url(images/preview.png) no-repeat center;height:100%;width:100%}
.image-overlay .postIconPost{background:url(images/rd-link.png) no-repeat center;height:100%;width:100%}
.image-overlay .iconZoom{background:url(images/imgOverlay-Zoom.png) no-repeat bottom right;height:100%;width:100%}
.image-overlay .iconPlay{background:url(images/imgOverlay-Play.png) no-repeat bottom right;height:100%;width:100%}
.image-overlay .iconPost{background:url(images/imgOverlay-Post.png) no-repeat bottom right;height:100%;width:100%}
.hover-image .img-frame,.hover-image img{position:absolute}

/*	2. PAGER
----------------------------------------------------------*/
ul.pager-list{list-style:none;margin-bottom:0;margin-top:-5px;margin-left:0}
ul.pager-list li{display:inline-block}
ul.pager-list li a{font-size:10px;text-transform:uppercase;text-shadow:none;color:#fff;font-weight:700;margin-right:3px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;background-color:#121314;;padding:5px 10px}
ul.pager-list li:last-child a{margin-right:0}
ul.pager-list li a:hover{background-color:#0079FF;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3E3E3E), to(#1A1A1A));background: -webkit-linear-gradient(0% 0%, 0% 100%, from(#2E2E2E), to(#1A1A1A));background: -moz-linear-gradient(center top, #2E2E2E, #1A1A1A);text-shadow:0 1px 0 rgba(0,0,0,0.3);border-color:#0071E0}
.hover-content ul.jcycle-pager,.content-slider ul.jcycle-pager{list-style:none!important;position:absolute;bottom:10px;left:6px;z-index:999;margin:0!important;padding:0!important}
.hover-content ul.jcycle-pager li,.content-slider ul.jcycle-pager li{padding-top:3px;border-bottom:none!important;float:left;height:8px;margin:0 0 5px}
.hover-content ul.jcycle-pager li a,.content-slider ul.jcycle-pager li a,.single-portfolios .jcycle-pager a{background:url(images/slider-bg.png) no-repeat center center transparent;display:block;float:left;height:8px;text-indent:-5000px;width:8px;cursor:pointer;margin:4px 0 4px 4px}
.hover-content ul.jcycle-pager li.activeSlide a,.content-slider ul.jcycle-pager li.activeSlide a,.single-portfolios .jcycle-pager a.activeSlide{background:url(images/slider-bg-active.png) no-repeat center center transparent;display:block;float:left;height:8px;text-indent:-5000px;width:8px;cursor:pointer;margin:4px 0 4px 4px}
.pager-list li{float: left; zoom:1;*display:inline;}

/*	09. .for_portfolio
----------------------------------------------------------
----------------------------------------------------------*/
.for_portfolio .entry-meta,.for_blog .entry-meta{margin-bottom:20px}
.for_portfolio .entry-meta a,.for_blog .entry-meta a{font-size:11px;display:inline-block;padding:0 3px}
.for_portfolio .entry-title{margin-bottom:0;padding-bottom:10px;border-bottom:1px solid #eee}
.for_blog .entry-content p:last-child{margin-bottom:0}
.for_blog .entry-meta a,.for_blog .entry-meta span{padding-right:10px;padding-left:0;margin-top:5px;font-size:11px;display:inline-block}
.grid_4{margin:0 10px}
.portfolioss{margin:0 -10px}

/*	10. Comment form
----------------------------------------------------------
----------------------------------------------------------*/
.comment-box{font-size:12px}
.comment-meta{font-size:11px}
h3#reply-title,h3.comment-box-title{font-size:12px;line-height:18px;margin-bottom:15px;margin-top:30px}
.comment-author img{height:28px;width:28px;margin-top:3px;float:left;margin-right:10px}
.comment-author{margin-bottom:10px}
span.comment-author-link{font-weight:700}
span.author-link-span{margin-left:0;float:none}
span.comment-replay-link a{margin-left:10px}
.comment-body{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:20px}
.comment-body p:last-child{margin-bottom:0}
.comment-list .tt_reply{margin-left:38px}
.comment-list>.tt_reply{margin-left:0}

/*	1. GET IN TOUCH
----------------------------------------------------------*/
.overlabel-wrapper,.comment-form-comment{margin-right:3px;position:relative;width:400px}
label.overlabel{position:absolute;top:10px;left:10px;z-index:1;color:#999}
input,.textInput{border:1px solid #F7F7F8;background:#FFF;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1) inset;-moz-box-shadow:0 1px 3px rgba(0,0,0,.1) inset;box-shadow:0 1px 3px rgba(0,0,0,.1) inset;color:#555;margin-bottom:10px;border-color:#CFCFCF;padding:10px}
textarea.textInput{height:100px;padding-top:10px;padding-bottom:10px}
.cmxform label.error{color:#baa658;display:block;position:absolute;top:7px;right:-50px;font-size:10px}
.cmxform input.error,.cmxform textarea.error{border:1px solid #f4db75;background:#FFF}
.inputFocus{background:#FFF;-moz-box-shadow:0 0 10px #e9e9e9;-webkit-box-shadow:0 0 10px #e9e9e9;box-shadow:0 0 10px #e9e9e9}
.form-submit .button,input[type=submit],#contactform button[type=submit]{background-color: #eee;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);background-image: -o-linear-gradient(top, #eeeeee, #cccccc);background-image: linear-gradient(top, #eeeeee, #cccccc);border: 1px solid #ccc;border-bottom: 1px solid #bbb;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;color: #333;font-weight: bold;text-transform: uppercase;font-size: 9px;line-height: 1;padding: 10px 20px;text-align: center;text-shadow: 0 1px 0 #eee}
.form-submit .button:hover,input[type=submit]:hover,#contactform button[type=submit]:hover{background-color: #dddddd;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);background-image: linear-gradient(top, #dddddd, #bbbbbb);border: 1px solid #bbb;border-bottom: 1px solid #999;cursor: pointer;text-shadow: 0 1px 0 #ddd; }
.form-submit .button:active,input[type=submit]:active,#contactform button[type=submit]:active{border: 1px solid #aaa;    border-bottom: 1px solid #888;-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;}
#contactform .overlabel-wrapper{width:100%}

/*	2. ABOUT THE AUTHOR
----------------------------------------------------------*/
.author-avatar img{width:50px!important;height:50px!important;margin-bottom:15px}
.author-avatar{float:left;margin-right:15px}
.entry-author-info{background:#fafafa;border:1px solid #e7e7e7;box-shadow:0 0 3px rgba(0,0,0,.1) inset;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 3px rgba(0,0,0,.1) inset;padding:15px}
.entry-author-info h1{border-bottom:1px solid #e7e7e7;font-size:10px;font-weight:700;margin-bottom:15px;padding-bottom:10px;color:#000;line-height:15px;text-transform:uppercase}
.author-description{margin-left:65px}
.author-description span{font-weight:700;text-transform:capitalize}

/*	2. video player
----------------------------------------------------------*/
.anythingControls{display:none}
object,iframe{max-width:100%}
.jp-jplayer-video img{width:100%}
.jp-jplayer-video{overflow:hidden;position:relative}
.jp-jplayer-video object,.jp-jplayer-video video{position:absolute;left:0;top:0}
.jcarousel-container{position:relative}
.jcarousel-clip{z-index:2;overflow:hidden;position:relative;margin:0;padding:0}

/* Shortcode Service
---------------------------------------------------------*/
.dark{color:#fff;text-shadow:1px 1px 1px #292929}
.dark .main-menu ul,.dark .portfolios .portfolio-content{background:#222;color:#fff;text-shadow:1px 1px 1px #292929}
.dark a,.dark label{color:#ccc}
.dark a:hover,.dark ul.pager-list li a:hover,.dark .toggle_styled .toggle_active,.dark .accordion .tab,.dark .toggle_styled .toggle_title,.dark ul.shortcode-tabs li a,.dark .toggle_styled .toggle_content,.dark .shortcode_tabs .panes.shortcode-tab-panes,.dark .accordion .pane{color:#999;text-shadow:none}
.dark .entry-content,.dark .left.with-sidebar.eleven.columns,.dark .eleven.columns.left,.dark .title-container,.dark .entry-author-info h1,.dark .comment-body,.dark .main-menu ul,.dark .main-menu ul li,.dark .hr,.dark .divider,.dark .textInput,.dark input,.dark .right.with-sidebar.eleven.columns,.dark .eleven.columns.right,.dark .for_portfolio .entry-title,.dark .widget h1.title,.dark h3.widget_title,.dark .wpb_separator,.dark .wpb_tabs .ui-tabs .ui-tabs-panel,.dark .ui-widget-header,.dark .ui-state-active,.dark .ui-widget-content .ui-state-active,.dark .ui-widget-header .ui-state-active,.dark .table tr,.dark .table th,.dark .table td,.dark .wpb_accordion .ui-accordion .ui-accordion-content,.dark .ui-state-hover,.dark .ui-widget-content .ui-state-hover,.dark .ui-widget-header .ui-state-hover,.dark .ui-state-focus,.dark .ui-widget-content .ui-state-focus,.dark .ui-widget-header .ui-state-focus,.dark .ui-state-default,.dark .ui-widget-content .ui-state-default,.dark .ui-widget-header .ui-state-default,.dark .wpb_twitter_widget ul.tweet_list li,.dark .ui-tabs-panel,.dark .wpb_call_to_action,.dark .entry-author-info,.dark h2.quote-text,.dark h2.link-text,.dark .wpb_toggle,.dark #content h4.wpb_toggle{border-color:#292929}
.dark .wpb_tour .ui-tabs .ui-tabs-nav li,.dark .wpb_tour .ui-tabs .ui-tabs-nav li.ui-tabs-selected{border-bottom:none!important}
.dark ul.pager-list li a,.dark .textInput,.dark input,.dark .ui-accordion-content,.dark .ui-state-active,.dark .ui-widget-content .ui-state-active,.dark .ui-widget-header .ui-state-active,.dark .ui-state-hover,.dark .ui-widget-content .ui-state-hover,.dark .ui-widget-header .ui-state-hover,.dark .ui-state-focus,.dark .ui-widget-content .ui-state-focus,.dark .ui-widget-header .ui-state-focus,.dark .ui-state-default,.dark .ui-widget-content .ui-state-default,.dark .ui-widget-header .ui-state-default,.dark .entry-author-info,.dark h2.quote-text, .dark h2.link-text{background:#191919}
.dark .wpb_tabs .wpb_tab.ui-tabs-panel,.dark .wpb_call_to_action{background-color:#191919!important;color:#FFF}
.dark .wpb_tour .wpb_tab.ui-tabs-panel{background-color:#333!important;color:#FFF}
.dark .wpb_tour_tabs_wrapper,.dark{background:none;color:#FFF}
h2.wpb_heading{font-size:16px;font-weight:300;line-height:20px}
.wpb_teaser_grid h2.wpb_heading{border-bottom: 1px solid #E9E9E9;font-size: 18px;font-weight: 700;line-height: 24px;padding-bottom: 10px;}
h2.wpb_call_text{font-size:18px;line-height:24px;font-weight:300}
.hero-unit p{font-size:16px;line-height:24px;font-weight:300}
h2.post-title{font-size:12px;line-height:18px}
.post-thumb {position: relative;}
.content-block{padding:20px 10px;background-color:#F8F8F8;text-align:center;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.content-block .entry-category{font-family:Georgia, "Times New Roman", Times, serif;font-style:italic}
.wpb_toggle, #content h4.wpb_toggle {font-size:14px;line-height:20px;border-bottom:1px solid #eee;padding:5px 0;margin-bottom:0;}
.wpb_teaser_grid .entry-content{background:none;}
.wpb_teaser_grid ul.thumbnails>li{border-bottom:5px solid #ff2d00;}
.pix_diapo,.pix_relativize{width:990px!important}
.dark .ui-accordion-content,.dark h1.title,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark .widget h1.title,.dark h3.widget_title,.dark .entry-title a,.dark h2.entry-title,.dark .entry-meta h5,.dark .single-portfolios .portfolio-sidebar h5,.dark .widget h1.title,.dark h3.widget_title,.dark .portfolio-sidebar h5{color:#FFF}

.jp-jplayer-video{height:360px!important}

.label-info,.badge-info{background-color:#3A87AD}
.label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:1px 4px 2px}
.label,.badge{font-size:10.998px;font-weight:700;line-height:14px;color:#FFF;text-shadow:0 -1px 0 rgba(0,0,0,0.25);white-space:nowrap;vertical-align:baseline;background-color:#999}

/* Image hover CSS3 Feature image CSS*/

.hover-image{
    float: left;
    margin: 15px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}.hover-image:hover{
    margin-top: 2px;
}