/*
Theme Name:Yourself
Theme URI:http://themeyourself.com/
Description:Your site, your style
Author:Marcos Fdez Villauriz
Author URI:http://marcos.villauriz.com
License:GNU General Public License version 3.0
License URI:http://www.gnu.org/licenses/gpl-3.0.html
Version:1.2
*/
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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga=1, dlig=1";-ms-font-feature-settings:liga, dlig;-o-font-feature-settings:liga, dlig;-webkit-font-feature-settings:liga, dlig;font-feature-settings:liga, dlig;background:#f7f7f7}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body,input,textarea{color:#444;font:100% "Open Sans",serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{color:#333;font-family:"Droid Sans",sans-serif;line-height:1.4;padding:0}
h1{font-size:1.25em}
h2{font-size:1.125em}
h5{font-size:.8125em}
h6{font-size:.75px}
#logo,#logo h1{font:bold 1em Ubuntu;white-space:nowrap;float:left;margin:6px 10px 5px}
h1.header-title,h1.portfolio-title{font:normal .875em Oswald;color:#333;text-transform:uppercase;float:left;display:inline;white-space:nowrap;padding:3px 0 3px 2.4%}
#portfolio-nav{font-family:Oswald;float:right;color:#333;font-weight:400}
.post .entry-title{font:bold 1.625em Bitter}
.note{color:#8d7825;font-weight:700;position:relative;background-color:#fef9c7;margin:20px 30px;padding:10px 15px 20px 20px}
pre,code{white-space:pre;font-family:"Courier New";line-height:1.6;overflow:auto;clear:both;background:#f7f7f7;margin:20px 30px;padding:10px}
blockquote,.pull{font-weight:700;background:url(resources/img/ui.png) no-repeat 0 -140px;min-height:40px;margin:20px 0 30px 30px;padding:0 30px 0 50px}
.dropcap{font-size:4em;line-height:40px;color:#333!important;display:block;float:left;margin:0 8px 0 0}
h2.impact-header{font:normal 1.375em Oswald;margin-bottom:10px}
.error404 .post .entry-title{font-size:2em;line-height:1.3;margin-bottom:20px}
.filter-posts h2.entry-title{font-size:.9375em;text-align:center}
h3.social-foo-call{font:normal 1.25em Bitter;color:#fff;display:inline;float:left;padding-top:20px;margin-left:2.35%;white-space:nowrap}
#footer-social-profiles li h4{font:normal .875em Oswald;display:inline;float:left;padding:4px 0 0 5px}
#footer{font:.9375em "Droid Sans";color:#aaa;background-color:#000;min-height:48px;text-shadow:1px 1px 2px #000;padding:30px 0 15px}
#footer button{color:#fff;font-size:.9em;font-weight:700;float:left;background-color:transparent;border:none;cursor:pointer;text-shadow:1px 1px 2px #000;transition:color .2s linear;-moz-transition:color .2s linear;-webkit-transition:color .2s linear;-o-transition:color .2s linear}
a.btn{font-size:11px;background:url(resources/img/buttons.png);display:block;height:32px;font-weight:700;color:#fff;text-shadow:0 1px 1px #555;border:0!important;margin-top:10px;padding:0 0 0 5px}
#content button.btn span.left{font-size:11px;background:url(resources/img/ui.png) 5px 0;display:block;height:32px;float:left;font-family:"Droid Sans";font-weight:700;color:#555;text-transform:uppercase;text-shadow:0 1px 1px #eee;text-align:center;border:none;padding:0 0 0 5px}
#sidebar button.btn span.left{font-size:11px}
.price_table .table_price{font-size:1.875em;font-weight:700;text-align:center}
.pi_tabs_widget .tabs h4{font-size:.9375em;display:inline}
img,embed,object,video{max-width:100%;height:auto}
a{color:#333;text-decoration:none;transition:color .2s linear;-moz-transition:color .2s linear;-webkit-transition:color .2s linear;-o-transition:color .2s linear}
a img{border:none;vertical-align:bottom}
input,textarea{border:1px solid #e0e0e0;padding:5px}
#container{width:90%;max-width:1280px;min-width:980px;background:#fff;margin:50px auto}
#header{position:relative;background:#121314;min-height:40px;padding:0}
h1.no-logo{padding-top:15px;padding-bottom:15px}
a.no-logo{display:block;padding:20px 0 21px 10px}
#content{position:relative;background-color:#fff;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
#featured-home{position:relative;width:100%}
#tagline{position:relative;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #f0f0f0;-webkit-box-shadow:0 1px 2px #f7f7f7;-moz-box-shadow:0 1px 2px #f7f7f7;box-shadow:0 1px 2px #f7f7f7;z-index:10}
#tagline h1,#tagline h2,#tagline h3{padding:13px 1.5625% 10px}
#portfolio-tagline{position:relative;border-bottom:1px solid #f0f0f0;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;text-transform:uppercase;-webkit-box-shadow:0 1px 2px #f7f7f7;-moz-box-shadow:0 1px 2px #f7f7f7;box-shadow:0 1px 2px #f7f7f7;z-index:10}
.custom-h1{height:0;display:none}
h1.portfolio-title{margin-top:9px;margin-bottom:7px}
.layout-1col-fixed #blog-posts{width:100%}
.layout-2c-r-fixed #blog-posts{padding-right:320px}
.layout-2c-r-fixed #sidebar{width:320px;position:absolute;top:0;right:0;border-left:1px solid #f0f0f0}
.layout-2c-l-fixed #blog-posts{padding-left:320px}
.layout-2c-l-fixed #sidebar{width:320px;position:absolute;top:0;left:0;border-right:1px solid #f0f0f0}
.post-thumb{padding-top:20px;margin:0 1.5625%}
.post-video{padding:20px 2.1% 0}
.layout-2c-r-fixed .post-thumb,.layout-2c-l-fixed .post-thumb{margin-left:2.08333%;margin-right:2.08333%}
.entry-title,.entry-content,.entry-meta{margin-left:3%;margin-right:3%}
#blog-posts >.post,#blog-posts >.page,#blog-posts >.portfolio{padding-bottom:20px;border-bottom:1px solid #f0f0f0}
.author-bio{border-top:1px solid #f0f0f0;margin-top:20px;padding:20px 20px 0}
.page-navigation{float:right;padding:20px 2.5% 20px 1.5625%}
.page-navigation.type-comments{float:left;margin-left:-10px;padding:10px 0}
.empty-post a:hover{border-bottom:1px solid transparent!important}
.entry-content ul,.entry-content ol{padding-left:50px}
.entry-content ul li{list-style-type:disc}
.entry-content ol li{list-style-type:decimal}
#blog-posts >.post a:hover,#blog-posts >.page a:hover,#blog-posts >.portfolio a:hover,#blog-posts >#post-0 a:hover{border-bottom:1px solid transparent}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{padding-top:20px}
.edit-message{font-style:italic;text-align:center;position:relative;top:20px;margin-bottom:10px;border-top:1px solid #ffc40d;border-bottom:1px solid #ffc40d;background-color:#fff6d9;color:#ffc40d;padding:12px 5%}
.post .edit-message{margin-bottom:30px}
.alignright{float:right;margin:20px 0 20px 20px}
.alignleft{float:left;margin:20px 20px 20px 0}
.aligncenter{display:block;text-align:center;margin:20px auto}
.wp-caption{width:auto !important}
.aligncenter .wp-caption,.aligncenter .gallery-caption{margin-left:auto;margin-right:auto}
.wp-caption,.gallery-caption{border:1px solid #f0f0f0!important;padding:5px}
.wp-caption-text{font-weight:700;color:#333;text-align:center}
.entry-title a{border-bottom:none!important}
.entry-meta{margin-top:10px;margin-bottom:10px;padding-bottom:5px;line-height:1.8}
.entry-meta span{margin-right:15px;padding-left:25px;background:url(resources/img/mini-icons.png) no-repeat}
span.post-date{background-position:0 -20px}
span.post-categories{background-position:0 -40px}
span.post-comments{background-position:0 -60px}
.btn.more-link{margin-top:5px;text-transform:uppercase}
#respond{padding:20px}
#respond input{width:70%;margin-right:1%}
#respond textarea{width:80%}
#comments-wrap{border-bottom:1px solid #f0f0f0;padding:20px 20px 0}
.comment-wrap{margin:20px 0}
ul.commentslist li ul.children li{border:none;margin-left:30px}
.nocomments{padding:0 0 10px 20px}
.call-to-action{border-bottom:1px solid #f0f0f0;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding:20px}
.call-to-action p{float:left;width:80%}
.call-to-action a.btn{float:right;margin:20px 10px 0 20px}
.error404.layout-1col-fixed #blog-posts,.error404.layout-2c-l-fixed #blog-posts,.error404.layout-2c-r-fixed #blog-posts{width:100%;border:0}
.error404 .post{width:50%;height:400px;padding-top:100px;text-align:center;margin:0 auto}
.page-template-template-contact-php .one_half{width:43.8%;padding:20px 2.3%}
.page-template-template-contact-php .last{border-left:1px solid #f0f0f0}
#contact-form textarea{width:90%}
#contact-form input{width:60%;min-width:300px;margin-right:5px}
.filter-posts .post-thumb{position:relative;padding-top:0;margin:0}
.layout-1col-fixed #portfolio-content .filter-posts{padding-top:25px;margin-top:0}
.layout-1col-fixed .filter-posts li{float:left;position:relative;margin-left:2.2%;padding-bottom:25px}
.layout-1col-fixed .one-column li{width:95.6%}
.layout-1col-fixed .two-columns li{width:46.7%}
.layout-1col-fixed .three-columns li{width:30.5%}
.layout-1col-fixed .four-columns li{width:22.35%}
.layout-2c-r-fixed .filter-posts{padding-right:320px;padding-top:25px;margin-top:0}
.layout-2c-l-fixed .filter-posts{padding-left:320px;padding-top:25px;margin-top:0}
.layout-2c-r-fixed .filter-posts li,.layout-2c-l-fixed .filter-posts li{float:left;position:relative;margin-left:3%}
.layout-2c-r-fixed .one-column li,.layout-2c-l-fixed .one-column li{width:94%}
.layout-2c-r-fixed .two-columns li,.layout-2c-l-fixed .two-columns li{width:45.8%}
.layout-2c-r-fixed .three-columns li,.layout-2c-l-fixed .three-columns li{width:29.5%}
.layout-2c-r-fixed .four-columns li,.layout-2c-l-fixed .four-columns li{width:21.2%}
.screencast-play{position:absolute;top:50%;left:50%;margin-top:-26px;margin-left:-26px;height:53px}
.single-portfolio.layout-1col-fixed #blog-posts,.single-portfolio.layout-2c-r-fixed #blog-posts,.single-portfolio.layout-2c-l-fixed #blog-posts{border:0;width:100%;padding:0}
.single-portfolio #blog-posts >.portfolio a{border:0}
.single-portfolio .post{border:1px solid red!important}
#portfolio-meta{width:100%;border-bottom:1px solid #f0f0f0;padding-bottom:25px}
#portfolio-meta .post-thumb{padding-top:25px}
#portfolio-meta-slider{padding:25px 2.3% 0}
#related-portfolio{float:left;width:50%}
#related-portfolio ul{margin:0;padding:5px 5px 0}
#related-portfolio .post-thumb{padding-top:0}
.related-portfolio-title{margin:20px 15px 0}
#related-portfolio .portfolio-item{float:left;width:45.8%;margin:10px}
#related-portfolio .portfolio-item .post-thumb{margin:0!important}
#related-portfolio .portfolio-item:last-child{min-height:0}
#related-portfolio .portfolio-item .entry-title{text-align:center;margin:10px 0 0}
#portfolio-content-single{float:left;padding:10px 2.3% 20px}
.parcial-content{width:45.3%;border-right:1px solid #f0f0f0}
#primary-menu-toggle{display:none;background:url(resources/img/display-menu.png) no-repeat right top;text-shadow:1px 1px 2px #111}
#secondary-menu-toggle{display:none;text-align:right;background:url(resources/img/display-menu.png) no-repeat right bottom}
h3#primary-menu-toggle,h3#secondary-menu-toggle{line-height:1;margin:0;padding:0}
h3#secondary-menu-toggle{padding:0 35px 0 0}
.menu-toggle-wrap{display:none;padding:14px 3% 14px 0}
.social-profiles{margin:0 1.5625% 0 0}
.social-profiles li{float:left;margin-left:7px}
.social-icon{float:left;width:25px;height:25px;text-indent:-9999px}
.grey a.social-icon{background:url(resources/img/social-grey.png) no-repeat}
.dark a.social-icon{background:url(resources/img/social-dark.png) no-repeat}
.light a.social-icon{background:url(resources/img/social-light.png) no-repeat}
a.social-icon{transition:all .3s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-webkit-transition:all .3s linear}
.social-profiles a.social-icon:hover,.social-profiles li:hover a.social-icon{opacity:0.75;filter:alpha(opacity=85)}
.social-profiles a.delicious,.social-profiles a.delicious:hover,.social-profiles li:hover a.delicious{background-position:-5px -5px}
.social-profiles a.deviantart,.social-profiles a.deviantart:hover,.social-profiles li:hover a.deviantart{background-position:-35px -5px}
.social-profiles a.digg,.social-profiles a.digg:hover,.social-profiles li:hover a.digg{background-position:-65px -5px}
.social-profiles a.dribbble,.social-profiles a.dribbble:hover,.social-profiles li:hover a.dribbble{background-position:-95px -5px}
.social-profiles a.email,.social-profiles a.email:hover,.social-profiles li:hover a.email{background-position:-125px -5px}
.social-profiles a.facebook,.social-profiles a.facebook:hover,.social-profiles li:hover a.facebook{background-position:-5px -35px}
.social-profiles a.formspring,.social-profiles a.formspring:hover,.social-profiles li:hover a.formspring{background-position:-35px -35px}
.social-profiles a.flickr,.social-profiles a.flickr:hover,.social-profiles li:hover a.flickr{background-position:-65px -35px}
.social-profiles a.foursquare,.social-profiles a.foursquare:hover,.social-profiles li:hover a.foursquare{background-position:-95px -35px}
.social-profiles a.forrst,.social-profiles a.forrst:hover,.social-profiles li:hover a.forrst{background-position:-125px -35px}
.social-profiles a.github,.social-profiles a.github:hover,.social-profiles li:hover a.github{background-position:-5px -65px}
.social-profiles a.google,.social-profiles a.google:hover,.social-profiles li:hover a.google{background-position:-35px -65px}
.social-profiles a.grooveshark,.social-profiles a.grooveshark:hover,.social-profiles li:hover a.grooveshark{background-position:-65px -65px}
.social-profiles a.instagram,.social-profiles a.instagram:hover,.social-profiles li:hover a.instagram{background-position:-95px -65px}
.social-profiles a.linkedin,.social-profiles a.linkedin:hover,.social-profiles li:hover a.linkedin{background-position:-125px -65px}
.social-profiles a.reddit,.social-profiles a.reddit:hover,.social-profiles li:hover a.reddit{background-position:-5px -95px}
.social-profiles a.rss,.social-profiles a.rss:hover,.social-profiles li:hover a.rss{background-position:-35px -95px}
.social-profiles a.skype,.social-profiles a.skype:hover,.social-profiles li:hover a.skype{background-position:-65px -95px}
.social-profiles a.tumblr,.social-profiles a.tumblr:hover,.social-profiles li:hover a.tumblr{background-position:-95px -95px}
.social-profiles a.twitter,.social-profiles a.twitter:hover,.social-profiles li:hover a.twitter{background-position:-125px -95px}
.social-profiles a.vimeo,.social-profiles a.vimeo:hover,.social-profiles li:hover a.vimeo{background-position:-5px -125px}
.social-profiles a.wordpress,.social-profiles a.wordpress:hover,.social-profiles li:hover a.wordpress{background-position:-35px -125px}
.social-profiles a.youtube,.social-profiles a.youtube:hover,.social-profiles li:hover a.youtube{background-position:-65px -125px}
#featured-blog-posts{width:96%;padding:20px 2%}
#carousel img{display:block;opacity:.5;cursor:pointer}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{list-style:none;margin:0;padding:0}
.flexslider{background:inherit;position:relative;zoom:1;margin:0;padding:0}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
* html .slides{height:1%}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.flex-direction-nav{height:0}
.flex-direction-nav a{width:30px;height:30px;display:none;background:url(resources/img/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0}
.flex-direction-nav .flex-prev{left:10px}
.flex-direction-nav .flex-next{background-position:100% 0;right:10px}
.flex-direction-nav .flex-disabled{cursor:pointer}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}
.flex-control-nav li{zoom:1;display:inline;margin:0 6px}
.flex-control-paging li a{width:11px;height:11px;display:block;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:rgba(0,0,0,0.7)}
.flex-control-paging li a.flex-active{background:rgba(0,0,0,0.9);cursor:default}
.flex-control-thumbs{position:static;overflow:hidden;margin:5px 0 0}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-caption{position:absolute;top:60px;font:2.125em Bitter;left:100px;max-width:450px;font-style:italic;color:#fff}
#featured-blog-posts .flex-caption{left:auto;margin-left:50px}
.flex-caption a{color:#fff;line-height:52px;background:rgba(0,0,0,0.8);box-shadow:10px 0 0 rgba(0,0,0,0.8), -10px 0 0 rgba(0,0,0,0.8);-webkit-transition-property:box-shadow, background;-webkit-transition-duration:.5s .5s;-webkit-transition-timing-function:linear, ease-in;padding:0 0 2px}
.flex-caption a:hover{background:rgba(242,58,11,0.7);box-shadow:10px 0 0 rgba(242,58,11,0.7), -10px 0 0 rgba(242,58,11,0.7)}
.nivoSlider{position:relative;background:#fff url(resources/img/loading.gif) no-repeat 50% 50%;width:100%;height:auto;overflow:hidden}
.nivoSlider img{position:absolute;top:0;left:0;max-width:none}
.nivo-main-image{display:block!important;position:relative!important;width:100%!important}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:6;display:none;margin:0;padding:0}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-caption{position:absolute;left:0;bottom:50px;background:#000;color:#fff;width:50%;margin-left:5%;z-index:8;opacity:0.8;overflow:hidden;display:none;font:italic 2em Bitter;-moz-opacity:0.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px}
.nivo-caption p{margin:0;padding:5px}
.nivo-caption a{display:inline!important;color:#fff;border-bottom:1px dotted #fff}
.nivo-directionNav a{position:absolute;bottom:5px;z-index:9;cursor:pointer;display:block;width:25px;height:25px;text-indent:-9999px;border:0;background-color:#111;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.nivo-prevNav{top:48%;left:15px;background:url(resources/img/ui.png) no-repeat -25px 0}
.nivo-nextNav{top:48%;right:15px;background:url(resources/img/ui.png) no-repeat -50px 0}
.nivo-controlNav{position:absolute;right:15px;bottom:12px}
.nivo-controlNav a{position:relative;cursor:pointer;z-index:9;width:10px;height:10px;background:url(resources/img/ui.png) no-repeat;text-indent:-9999px;border:0;margin-right:8px;float:left;border-bottom:none!important}
.nivo-controlNav a.active{font-weight:700;background-position:-12px 0}
#content button.btn{margin-left:0;margin-top:10px;line-height:1.2em!important;background:none;border:none;cursor:pointer;padding:0}
#content button.btn span.right{height:22px;background:url(resources/img/ui.png) 100% -70px;display:block;padding:10px 15px 0 8px}
#footer-social-area{min-height:65px;background-color:#121314}
#footer-social-profiles,#footer-social-profiles-mini{float:right;margin-top:10px}
#footer-social-profiles li{float:left;margin:0;padding:19px 10px}
#footer-social-profiles-mini li{float:left;margin:0;padding:11px 3px}
#footer-social-profiles li a{float:left;color:#fff}
#footer input,#footer textarea{background-color:#111;border:1px solid #1a1a1a}
#footer .widget a{color:#fff;font-weight:700}
#footer .widget-title{color:#fff;padding-bottom:5px;text-transform:uppercase;border-bottom:1px solid #1a1a1a}
#widgets-wrap{padding-bottom:20px;border-bottom:1px solid #1a1a1a}
#footer .layout-1col-fixed .widget-wrap{width:95.3%}
#footer .layout-2col-fixed .widget-wrap{width:46.15%;margin:0 1.5%}
#footer .layout-2c-r-fixed .column-1,#footer .layout-2c-l-fixed .column-2{width:61.2%}
#footer .layout-2c-r-fixed .column-2,#footer .layout-2c-l-fixed .column-1{width:31.1%}
#footer .layout-2c-r-fixed .column-1,#footer .layout-2c-l-fixed .column-1{margin-right:3%}
#footer .layout-3col-fixed .widget-wrap{width:29.7%;margin:0 1.5%}
#footer .layout-3c-r-fixed .column-2,#footer .layout-3c-r-fixed .column-3,#footer .layout-3c-l-fixed .column-1,#footer .layout-3c-l-fixed .column-2,#footer .layout-3cm-fixed .column-1,#footer .layout-3cm-fixed .column-3{width:22%}
#footer .layout-3c-r-fixed .column-1,#footer .layout-3c-l-fixed .column-3,#footer .layout-3cm-fixed .column-2{width:45.3%}
#footer .layout-4col-fixed .widget-wrap{width:21.575%;margin:0 1.5%}
#footer .layout-3c-r-fixed .widget-wrap,#footer .layout-3c-l-fixed .widget-wrap,#footer .layout-3cm-fixed .widget-wrap{margin:0 1.5%}
#footer .widget-wrap.margin-left-none{margin-left:2.35%}
#footer .widget-wrap.margin-right-none{margin-right:0}
#credits-wrap{margin-top:5px;border-top:1px solid #1a1a1a;font-style:italic;padding:5px 2.35% 0}
#credits-wrap a{color:#fff;text-decoration:underline}
#copy{display:inline;float:left;white-space:nowrap}
#credits{float:right;display:inline;white-space:nowrap}
#sidebar .widget{border-bottom:1px solid #f0f0f0;padding:10px}
.pi_tabs_widget .post-thumb,.pi_recent_posts_widget .post-thumb{float:left;margin:0;padding:0 10px 0 0}
#footer .pi_tabs_widget .tab_content li{padding:10px 0}
#sidebar .pi_tabs_widget .tab_content li:last-child{border-bottom:none}
.pi_tabs_widget .tabs li a{display:block;padding:10px}
#sidebar .pi_tabs_widget .tabs li a{border-right:1px solid #f0f0f0}
.pi_recent_posts_widget li{padding:5px 0}
.pi_recent_posts_widget li:last-child{padding-bottom:0}
#tab4 a,.tagcloud a{background-color:#444;color:#fff;line-height:2.6;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-transition:background .1s linear;-webkit-transition:background .1s linear;-o-transition:background .1s linear;transition:background .1s linear;margin:5px;padding:5px}
#footer #tab4 a,#footer .tagcloud a{background-color:#202020}
#tab4 a:hover,.tagcloud a:hover,#footer #tab4 a:hover,#footer .tagcloud a:hover{color:#fff;background-color:#6e99b9}
#footer .pi_tabs_widget .tabs li a{padding:5px}
.pi_twitter_widget a{font-weight:700}
.pi_video_widget .excerpt,.pi_screenshot_widget .excerpt{text-align:center;font-weight:700}
#footer .layout-3col-fixed .pi_video_widget .excerpt,#footer .layout-3col-fixed .pi_screenshot_widget .excerpt{text-align:center}
#footer .pi_video_widget .excerpt,#footer .pi_screenshot_widget .excerpt{color:#aaa}
.pi_video_widget .post-thumb,.pi_screenshot_widget .post-thumb{position:relative;margin:0}
.pi_ads125_widget .ads-125 li{float:left;padding:12px}
#sidebar button.btn{float:left;margin:0 10px 0 0}
#sidebar .login-options{display:block;padding-top:4px}
#footer .login-options{display:block;padding-top:2px}
#footer .login-options a{margin-left:5px}
a.user-focus:hover{border-bottom:1px transparent}
.pi_login_form_widget input.input-text,.pi_contact_form_widget input{width:198px;margin-right:10px}
.pi_contact_form_widget textarea{width:260px}
#footer .layout-4col-fixed textarea,#footer .layout-3c-r-fixed .column-2 textarea,#footer .layout-3c-r-fixed .column-3 textarea,#footer .layout-3c-l-fixed .column-1 textarea,#footer .layout-3c-l-fixed .column-2 textarea,#footer .layout-3cm-fixed .column-1 textarea,#footer .layout-3cm-fixed .column-3 textarea{width:198px}
.textwidget{margin-top:10px;line-height:1.65}
#searchform input{float:left;height:18px;width:214px;font-size:.875em}
#searchform .btn{float:none;margin:0 0 0 -3px !important}
#footer #searchform .btn{margin-left:5px!important;padding-top:7px}
#footer .layout-4col-fixed #searchform input,#footer .layout-3c-r-fixed .column-2 #searchform input,#footer .layout-3c-r-fixed .column-3 #searchform input,#footer .layout-3c-l-fixed .column-1 #searchform input,#footer .layout-3c-l-fixed .column-2 #searchform input,#footer .layout-3cm-fixed .column-1 #searchform input,#footer .layout-3cm-fixed .column-3 #searchform input{width:130px}
.widget_nav_menu ul{font-weight:700;margin:0}
#footer .widget_nav_menu ul li{border-bottom:1px solid #1a1a1a}
.widget_nav_menu ul li a{display:block;padding:5px 15px}
.widget_nav_menu ul li:last-child{border-bottom:0}
.widget_nav_menu ul ul li{padding-left:30px}
.one_half,.one_third,.one_fourth,.one_fifth,.two_third,.three_fourth,.two_fifth,.three_fifth,.four_fifth{position:relative;float:left;line-height:1.6;margin-right:3%;margin-bottom:10px}
.one_half{width:48%}
.one_third{width:31%}
.one_fourth{width:22.5%}
.one_fifth{width:17.5%}
.two_third{width:66%}
.three_fourth{width:74%}
.two_fifth{width:38%}
.three_fifth{width:59%}
.four_fifth{width:79%}
.last{margin-right:0;clear:right}
.clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%}
.highlight{background-color:#fef9c7;padding:3px 5px}
.pull{line-height:1.65;margin-bottom:20px;width:40%}
.divider{margin-top:10px;border-top:1px solid #f0f0f0}
.custom-divider{border-top:1px solid #f0f0f0;margin-left:-3.2%;margin-right:-3.2%}
.slider-divider{border-top:1px solid #f0f0f0}
.alert{font-weight:700;margin-top:0;padding:0 20px 10px}
.alert.green{border-top:1px solid #46a546;border-bottom:1px solid #46a546;background-color:#e9eed5;color:#46a546}
.alert.red{border-top:1px solid #9d261d;border-bottom:1px solid #9d261d;background-color:#fae5e3;color:#9d261d}
.alert.yellow{border-top:1px solid #ffc40d;border-bottom:1px solid #ffc40d;background-color:#fff6d9;color:#ffc40d}
.alert.blue{border-top:1px solid #049cdb;border-bottom:1px solid #049cdb;background-color:#e6f8ff;color:#049cdb}
.testimonials{padding:0!important}
.testimonials li{list-style:none!important;background:url(resources/img/ui.png) no-repeat 0 -140px;min-height:40px;color:#333;margin:20px 0 20px 20px;padding:0 30px 0 50px}
.testimonials.cycle-slider li:first-child{display:block;width:85%}
.testimonial_author{font-weight:700;display:block;margin-top:10px}
.call_content{float:left;max-width:70%}
.call_to_action .btn{margin-top:25px}
.icons h1,.icons h2,.icons h3,.icons h4,.icons h5,.icons h6{margin:0 0 10px}
.icon-content{margin-left:60px}
.icon{height:52px;width:48px;float:left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.icon.dark{background-image:url(resources/img/icons-dark.png)}
.icon.light{background-image:url(resources/img/icons-light.png)}
.icon.grey{background-image:url(resources/img/icons-grey.png)}
.icon.address_book{background-position:0 0}
.icon.clock{background-position:-48px 0}
.icon.alert_icon{background-position:-96px 0}
.icon.american_express{background-position:-144px 0}
.icon.android{background-position:-192px 0}
.icon.archive{background-position:-240px 0}
.icon.blackberry{background-position:-288px 0}
.icon.bluetooth{background-position:-336px 0}
.icon.calendar{background-position:-384px 0}
.icon.chart{background-position:-432px 0}
.icon.chemical{background-position:0 -52px}
.icon.clapboard{background-position:-48px -52px}
.icon.clipboard{background-position:-96px -52px}
.icon.cloud{background-position:-144px -52px}
.icon.cog{background-position:-192px -52px}
.icon.cup{background-position:-240px -52px}
.icon.file_cabinet{background-position:-288px -52px}
.icon.film{background-position:-336px -52px}
.icon.firefox{background-position:-384px -52px}
.icon.flag{background-position:-432px -52px}
.icon.folder{background-position:0 -104px}
.icon.globe{background-position:-48px -104px}
.icon.help{background-position:-96px -104px}
.icon.image{background-position:-144px -104px}
.icon.info{background-position:-192px -104px}
.icon.ipad{background-position:-240px -104px}
.icon.iphone{background-position:-288px -104px}
.icon.light_bulb{background-position:-336px -104px}
.icon.link{background-position:-384px -104px}
.icon.mail{background-position:-432px -104px}
.icon.mastercard{background-position:0 -156px}
.icon.megaphone{background-position:-48px -156px}
.icon.microphone{background-position:-96px -156px}
.icon.note_book{background-position:-144px -156px}
.icon.paypal{background-position:-192px -156px}
.icon.pencil{background-position:-240px -156px}
.icon.piggy_bank{background-position:-288px -156px}
.icon.presentation{background-position:-336px -156px}
.icon.price_tags{background-position:-384px -156px}
.icon.tools{background-position:-432px -156px}
.icon.trash{background-position:0 -208px}
.icon.shopping_basket{background-position:-48px -208px}
.icon.shopping_cart{background-position:-96px -208px}
.icon.sign_post{background-position:-144px -208px}
.icon.sound{background-position:-192px -208px}
.icon.speech_bubbles{background-position:-240px -208px}
.icon.suitcase{background-position:-288px -208px}
.icon.tags{background-position:-336px -208px}
.icon.visa{background-position:-384px -208px}
.icon.wifi{background-position:-432px -208px}
p a.btn,ul a.btn{line-height:1.3em}
a.btn span{float:left;background:url(resources/img/buttons.png);white-space:nowrap;padding:8px 15px 10px 8px}
a:hover.btn,a:hover.btn span{background:url(resources/img/buttons.png)}
a.btn.brown{background-position:5px 0}
a.btn.brown span{background-position:100% -70px}
a:hover.btn.brown{background-position:5px -35px}
a:hover.btn.brown span{background-position:100% -105px}
a.btn.orange{background-position:5px -140px}
a.btn.orange span{background-position:100% -210px}
a:hover.btn.orange{background-position:5px -175px}
a:hover.btn.orange span{background-position:100% -245px}
a.btn.blue{background-position:5px -280px}
a.btn.blue span{background-position:100% -350px}
a:hover.btn.blue{background-position:5px -315px}
a:hover.btn.blue span{background-position:100% -385px}
a.btn.green{background-position:5px -420px}
a.btn.green span{background-position:100% -490px}
a:hover.btn.green{background-position:5px -455px}
a:hover.btn.green span{background-position:100% -525px}
a.btn.dark{background-position:5px -560px}
a.btn.dark span{background-position:100% -630px}
a:hover.btn.dark{background-position:5px -595px}
a:hover.btn.dark span{background-position:100% -665px}
a.btn.yellow{background-position:5px -720px}
a.btn.yellow span{background-position:100% -790px}
a:hover.btn.yellow{background-position:5px -755px}
a:hover.btn.yellow span{background-position:100% -825px}
a.btn.grey{background:url(resources/img/ui.png) 5px 0;text-shadow:0 1px 1px #eee;color:#555}
a.btn.grey span{background:url(resources/img/ui.png) 100% -70px}
a.btn.left{margin-right:10px}
.tabnav li{display:inline;list-style:none;padding-right:5px}
.tabnav li a{font-weight:700;outline:none;border:0!important;padding:8px 14px}
.tabnav li.selected,.tabnav li.ui-tabs-selected a{background-color:#f9f9f9;color:#6e99b9;text-decoration:none}
.tabdiv{background-color:#f9f9f9;padding:5px 20px 15px}
.toggle-container{position:relative;margin-bottom:4px;cursor:pointer;overflow:hidden}
.toggle-icon{float:left;width:25px;height:25px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#222 url(resources/img/ui.png) no-repeat;margin:15px 15px 0 0}
.toggle-icon:hover{background-color:#6e99b9}
.toggle{background-position:-75px 0}
.active{background-position:-100px 0}
.toggle-content{display:none;margin:0 10px 10px 40px}
#portfolio-content-single .toggle-container h4{margin-top:18px}
.recent_posts .post-thumb{position:relative;float:left;margin:0 20px 10px 0}
.filter-posts.portfolio-shortcode{width:auto!important;margin:0 -20px;padding:0!important}
.filter-posts.portfolio-shortcode li{margin:20px 0 20px 20px}
.filter-posts.portfolio-shortcode li h4.entry-title{text-align:center;margin:10px 0}
.filter-posts.portfolio-shortcode li a{border:0!important}
ul.list.square li{list-style-type:square}
ul.list.check li,ul.list.delete li,ul.list.warning li,ul.list.clasic li.check,ul.list.clasic li.delete,ul.list.clasic li.warning{padding-left:20px;list-style-type:none}
ul.list li.check,ul.list li.delete,ul.list li.warning{margin-left:-20px}
ul.list.check li,ul.list li.check{background:url(resources/img/check.png) no-repeat 0 5px}
ul.list.delete li,ul.list li.delete{background:url(resources/img/delete.png) no-repeat 0 5px}
ul.list.warning li,ul.list li.warning{background:url(resources/img/warning.png) no-repeat 0 5px}
ul.price_table{margin:0;padding:0}
.price_table ul{padding-left:20px}
.price_table h3{margin-top:10px;background-color:#f0f0f0;text-align:center;padding:10px 0}
.table_column{float:left;margin-left:-1px;border:1px solid #f0f0f0;padding-bottom:20px;margin-top:20px}
.columns_2 .table_column{width:49.8%}
.columns_3 .table_column{width:33.1%}
.columns_4 .table_column{width:24.8%}
.table_column.featured{z-index:10;margin-top:0;padding-bottom:40px;-webkit-box-shadow:0 1px 2px #f5f5f5;-moz-box-shadow:0 1px 2px #f5f5f5;box-shadow:0 1px 2px #f5f5f5}
.table_column.featured .list{padding-top:10px;padding-bottom:10px}
.price_table .list{margin-left:20px}
.price_table a.btn.left,.price_table a.btn.right{float:none!important;position:relative}
.price_table a.btn{margin-left:10%}
.price_table a.btn span{width:80%;text-align:center}
.price_table.columns_2 a.btn span{width:85%!important}
.entry-content .flexslider ul{padding-left:0}
.entry-content .flexslider ul li{list-style-type:none}
.entry-content .nivoSlider a,.entry-content .flexslider a{border-bottom:0!important}
.right{float:right}
hr{color:#f0f0f0;height:1px;background-color:#f0f0f0;border:0;margin:0}
.error,.required-message{color:red}
.headclear{clear:both;height:10px}
.form-error{border:1px solid #6e99b9}
ol,ul,ul.price_table li{list-style:none}
.clearfix,html[xmlns] .slides,.no-js .slides > li:first-child,.flexslider:hover .flex-direction-nav a,.nivo-box img{display:block}
.none,#carousel.flexslider:hover .flex-direction-nav a,.nivo-html-caption,.ui-tabs-hide,.start-tabs,.hidden{display:none}
p,ul,ol,dt,dd,.tagcloud,.follow-me{margin-top:10px}
p,dl,dd,dt,ul li,ol li,table,textarea,.entry-content >.icons .icon-content{line-height:1.65}
h3,.widget-title{font-size:1em}
h4,#portfolio-nav li,.widget .entry-meta{font-size:.875em}
.widget h5.entry-title,#sidebar{font-size:.9375em}
a:hover,#footer button:hover,#footer .widget a:hover,#credits-wrap a:hover,.pi_tabs_widget .tabs li.active a,.widget_nav_menu ul li.current-menu-item a{color:#6e99b9}
.no-logo a:hover,a.no-logo:hover,#footer-social-profiles li:hover a{color:#fff}
.entry-title,.media-video,.tabs{margin-top:20px}
.author-bio .author-thumb,li.comment .vcard,.widget-wrap,.pi_tabs_widget .tabs li,.pi-flickr-widget *,.left{float:left}
.author-bio .author-detail,.comment-content{margin-left:80px}
.empty-post,.layout-2c-l-fixed .filter-posts li:last-child .entry-title,.layout-2c-r-fixed .filter-posts li:last-child .entry-title{padding-bottom:20px}
#blog-posts >.post a,#blog-posts >.page a,#blog-posts >.portfolio a,#blog-posts >#post-0 a,a.user-focus{border-bottom:1px dotted}
#blog-posts >.post a img,#blog-posts >.page a img,#blog-posts >.portfolio a img,#blog-posts >#post-0 a img,.nivoSlider a{border:0;display:block}
.respond-message,#footer .widget,.icons{margin-bottom:20px}
.one_half .entry-content,.filter-posts li,.pi_tabs_widget ul,.pi_tabs_widget .entry-meta,.pi_recent_posts_widget .entry-meta,.pi_tabs_widget .entry-title,.pi_recent_posts_widget .entry-title,.testimonials.cycle-slider,.recent_posts .entry-content,.recent_posts .entry-title{margin:0}
#contact-form button.btn,.testi-nav.cycle-nav{margin-top:0}
.single-portfolio #blog-posts >.portfolio,#sidebar .widget.pi_tabs_widget,#sidebar .widget_nav_menu.widget{padding:0}
#portfolio-meta #slider,#featured-blog-posts #slider,.home-flex.flexslider,.pi_tabs_widget .entry-title,.recent-posts-widget .entry-title{margin-bottom:5px}
#carousel li,.carousel li{margin-right:5px}
#carousel img:hover,.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover,.flex-control-thumbs img:hover,.nivoSlider .nivo-directionNav a{opacity:1}
#carousel .flex-active-slide img,.flex-control-thumbs .flex-active{opacity:1;cursor:default}
.flexslider:hover .flex-next,.flexslider:hover .flex-prev{opacity:0.8}
.home-flex .slides li,.nivo-wrap{position:relative}
#content button:hover.btn span.left,a:hover.btn.grey{background:url(resources/img/ui.png) 5px -35px}
#content button:hover.btn span.right,a:hover.btn.grey span{background:url(resources/img/ui.png) 100% -105px}
.widget_search h4,.widget.pi_ad300_widget h4,.widget.pi_flickr_widget h4,.widget.pi_featured_post_widget h4,.widget.pi_posts_slider_widget h4,ul.twitter li,.pi_video_widget .description,.pi_screenshot_widget .description,#path{margin-bottom:10px}
.pi_tabs_widget .tab_content li,#tab4,.widget_nav_menu h4,.widget_nav_menu h3{padding:10px}
#sidebar .pi_tabs_widget .tab_content li,#sidebar .pi_tabs_widget .tabs,.widget_nav_menu ul li,.custom-hr{border-bottom:1px solid #f0f0f0}
.login-options a,a.btn.right{margin-left:10px}
@media screen and max-width 860px {
.flex-direction-nav .flex-prev{opacity:1;left:0}
.flex-direction-nav .flex-next{opacity:1;right:0}
}
/*-----------------------------------------------------------------------------------*/
/*13.- Media Queries
/*-----------------------------------------------------------------------------------*/
/* 1200 */
@media screen and (max-width:1200px){
.entry-meta,
.entry-title,
.entry-content,
.layout-2c-r-fixed #blog-posts .post-thumb,
.layout-2c-l-fixed #blog-posts .post-thumb{margin-left:2.8%; margin-right:2.8%}
.post-video{ padding-left:2.8%; padding-right:2.8% }
.recent_posts .post-thumb,
.recent_posts .entry-title,
.recent_posts .entry-content{ margin-left: 0px; }
.filter-posts .post-thumb,
.filter-posts .entry-title{ margin-left: 0; margin-right: 0; }
}
/* 1024 */
@media screen and (max-width:1024px){
#container{margin:0px auto; width: 100%; min-width: 0px;}
#content,
#tagline,
#portfolio-tagline{border-left:none; border-right:none;}
.custom-divider{margin-left:-2.8%; margin-right:-2.8%}
#credits-wrap{ padding-bottom: 5px; }
}
/* <1024 */
@media screen and (max-width:1023px){
.layout-2c-r-fixed #blog-posts,
.layout-2c-l-fixed #blog-posts{border-bottom: 1px solid #f0f0f0; padding-right: 0; padding-left: 0;}
.layout-2c-r-fixed #sidebar,
.layout-2c-l-fixed #sidebar{position: relative; float: left; width: 100%; border-left: 0; border-right: 0;}
.layout-2c-l-fixed #blog-posts{margin-left: 0;}
.entry-meta,
.entry-title,
.entry-content,
.layout-1col-fixed #blog-posts .post-thumb,
.layout-2c-r-fixed #blog-posts .post-thumb,
.layout-2c-l-fixed #blog-posts .post-thumb{margin-left:10.15625%; margin-right:10.15625%}
.custom-divider{margin-left:-12.5%; margin-right:-12.5%}
.post-video,
.author-bio,
#respond,
#comments-wrap,
#portfolio-content-single,
#tagline h1,
#tagline h2{ padding-left:10.15625%; padding-right:10.15625% }
#sidebar .widget{padding:20px 10.15625%;}
.pi-video-widget,
.pi-screencast-widget,
.pi-screenshot-widget{ width: 300px; }
#sidebar .tabs,
#sidebar .tab_content,
#sidebar .widget_nav_menu li,
#sidebar .widget_nav_menu .widget-title{ padding-left: 10.15625%; }
.page-template-template-contact-php .one_half{padding-left: 10.15625%; padding-right: 10.15625%; width: 79.5%;}
.page-template-template-contact-php .last{ border-left: none; padding-top: 0; padding-bottom: 40px; }
#contact-form textarea{ width: 95%; }
#contact-form input{width: 60%;min-width:0px;}
.layout-1col-fixed .filter-posts,
.layout-2c-r-fixed .filter-posts,
.layout-2c-l-fixed .filter-posts{margin: 0 8.93125% 0 8.93125%; padding-right: 0; padding-left: 0;}
.layout-1col-fixed .filter-posts li,
.layout-2c-r-fixed .filter-posts li,
.layout-2c-l-fixed .filter-posts li{margin-left: 1.8382%; margin-right: 1.8382%;}
.layout-1col-fixed .three-columns li,
.layout-1col-fixed .two-columns li,
.layout-2c-r-fixed .two-columns li,
.layout-2c-l-fixed .two-columns li{width:46.3236%}
.layout-2c-l-fixed #portfolio-content .filter-posts,
.layout-2c-r-fixed #portfolio-content .filter-posts{ border: none; }
.filter-posts .post-thumb,
.filter-posts .entry-title{ margin-left: 0; margin-right: 0}
.layout-1col-fixed .four-columns li{width:21.3%;}
#footer .widget-wrap.margin-left-none{ margin-left: 0px; }
#footer .widget-wrap{ clear: both; padding-left: 10.15625%; }
#footer .layout-2col-fixed .widget-wrap{width:46.15%; min-width: 560px;}
#footer .layout-3col-fixed .widget-wrap{width:37.1%; min-width: 380px;}
#footer .layout-4col-fixed .widget-wrap{width:26.96%; min-width: 276px;}
#footer .layout-2c-r-fixed .column-1,
#footer .layout-2c-l-fixed .column-2{ width: 79.6875%; }
#footer .layout-2c-l-fixed .column-1,
#footer .layout-2c-r-fixed .column-2{ width:38.875% ; min-width: 398px; }
#footer .layout-3c-r-fixed .column-2,
#footer .layout-3c-r-fixed .column-3,
#footer .layout-3c-l-fixed .column-1,
#footer .layout-3c-l-fixed .column-2,
#footer .layout-3cm-fixed .column-1,
#footer .layout-3cm-fixed .column-3{min-width: 281px;}
#footer .layout-3c-r-fixed .column-1,
#footer .layout-3c-l-fixed .column-3,
#footer .layout-3cm-fixed .column-2{min-width: 580px;}
#footer .layout-1col-fixed .widget-wrap{width:79.6875%}
h3.social-foo-call{display: none;}
#footer-social-profiles,
#footer-social-profiles-mini{ float: left; padding-left:10.15625%; }
/* menu */
#primary-menu-toggle{ position: absolute; top: 27px; right: 3%; display: block; width: 80px; cursor: pointer;}
#secondary-menu-toggle{ display: block; cursor: pointer;}
#primary-nav{ float: left; width: 100%; margin: 0; padding: 0; display:none;}
#primary-nav ul li{ text-align: center; text-transform: uppercase; border-top: 1px solid #1a1a1a; padding: 5px 0;}
ul#menu-primary{ margin-top: 0;}
#secondary-nav{position:relative; border-bottom:1px solid #f0f0f0; -webkit-box-shadow:0px 1px 2px #f7f7f7; -moz-box-shadow:0px 1px 2px #f7f7f7; box-shadow:0px 1px 2px #f7f7f7; z-index: 20; }
.menu-secondary{ margin-top: 0; display: none; }
ul.menu-secondary li,
#portfolio-nav li{ text-align: center; text-transform: uppercase; border-top: 1px solid #f0f0f0; padding: 5px 0;}
#portfolio-tagline{ padding: 8px 0; }
h1.portfolio-title{ float: right; display: block; cursor: pointer; padding: 0 35px 0 0; margin-right: 3%; background: url('resources/img/display-menu.png') no-repeat right -18px; line-height: 1em;}
#portfolio-nav{ width: 100%; display: none; }
.menu-toggle-wrap{ display: block; }
.pi_posts_slider_widget.widget{ width: 300px; }
#portfolio-meta-slider{ padding: 0;}
.parcial-content,
#related-portfolio{ width: auto; }
.related-portfolio-title{ margin: 0; }
#related-portfolio{ margin-left:10.15625% }
#related-portfolio .portfolio-item{ width: 27%; }
.error404 .post{ width: 100%; }
.call-to-action{border-left:none; border-right:none;}
#copy{white-space: normal;}
#credits{float:right; display:inline; white-space: normal;}
}
@media screen and (min-width:1024px){
/* primary nav */
#primary-nav{position:relative; float:right; display: block;}
#primary-nav ul{float:left; margin-top: 27px;}
#primary-nav ul li{position:relative; float:left; margin:0 20px 0 0; z-index:99; white-space: nowrap;}
#primary-nav ul li a{padding-bottom:7px}
#primary-nav ul a{border:none; color:#535353; float:left; font-family:"Droid Sans",sans-serif; font-size:0.75em; font-weight:bold; text-shadow:1px 1px 2px #111}
#primary-nav ul li:hover{visibility:inherit}
#primary-nav ul ul{position:absolute; top:-9999em; background-color:#121314; padding:0; width:150px; z-index:89; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-bottomleft:3px; border-bottom-right-radius:3px; border-bottom-left-radius:3px;}
#primary-nav ul ul ul{border-top:1px solid #121314; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px}
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul{top: 0px; left:-15px; padding-top: 15px; border-top:1px solid #121314;}
#primary-nav ul ul li{position:relative; border-bottom:1px solid #1a1a1a; width:120px; padding:3px 15px; white-space: normal;}
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul{left:150px; top:-28px; padding-top: 0;}
#primary-nav ul a:hover,
#primary-nav li.sfHover a{color:#fff}
#primary-nav ul li.sfHover li a,
#primary-nav ul li.sfHover li.sfHover li a,
#primary-nav ul li.sfHover li.sfHover li.sfHover li a{color:#757575}
#primary-nav li.sfHover a:hover,
#primary-nav li.sfHover li.sfHover a,
#primary-nav li.sfHover li.sfHover a:hover,
#primary-nav li.sfHover li.sfHover li.sfHover a,
#primary-nav li.sfHover li.sfHover li.sfHover a:hover{color:#fff}
#primary-nav ul ul li:last-child{border-bottom:none}
#primary-nav ul ul li span.sf-sub-indicator{position:absolute; right:15px}
#primary-nav ul li.current-cat a,
#primary-nav ul li.current_page_item a,
#primary-nav ul li.current-menu-item a{color:#fff}
#primary-nav ul li.current-cat li a
#primary-nav ul li.current_page_item li a,
#primary-nav ul li.current-menu-item li a,
#primary-nav ul li ul li.current-cat a,
#primary-nav ul li ul li.current_page_item a,
#primary-nav ul li ul li.current-menu-item a{color:#757575}
/* secondary nav */
#secondary-nav{position:relative; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom:1px solid #f0f0f0; -webkit-box-shadow:0px 1px 2px #f7f7f7; -moz-box-shadow:0px 1px 2px #f7f7f7; box-shadow:0px 1px 2px #f7f7f7; z-index: 10;}
.menu-secondary-container{ display: table; width: 100%; }
ul.menu-secondary{ margin:0; display: table-row; }
ul.menu-secondary li{border-right:1px solid #f0f0f0; display: table-cell; text-align: center; position: relative;}
#secondary-nav ul li:last-child{border-right:0}
#secondary-nav ul li a{display:block; padding:10px 0 8px 0}
#secondary-nav ul a{border:none; color:#333; font-family:Oswald; font-size:0.875em; text-transform:uppercase}
#secondary-nav ul a:hover{color:#6e99b9}
#secondary-nav ul li:hover{visibility:inherit}
#secondary-nav ul ul{position:absolute; top:-9999em; background-color:#fff; border:1px solid #f0f0f0; width:150px; padding:0; z-index:89; -webkit-box-shadow:0px 1px 2px #f7f7f7; -moz-box-shadow:0px 1px 2px #f7f7f7; box-shadow:0px 1px 2px #f7f7f7; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
#secondary-nav ul li:hover ul,
#secondary-nav ul li.sfHover ul{top:auto; left:auto; margin-top: 0px;}
#secondary-nav ul ul li{position:relative; border-right:0; border-bottom:1px solid #f0f0f0; padding:7px 0; display: block; text-align: left;}
#secondary-nav ul ul li a{display:block; padding:0 15px; width:120px; font-size:0.8125em}
#secondary-nav ul li li:hover ul,
#secondary-nav ul li li.sfHover ul,
#secondary-nav ul li li li:hover ul,
#secondary-nav ul li li li.sfHover ul,
#secondary-nav ul li li li li:hover ul,
#secondary-nav ul li li li li.sfHover ul{left:150px; top:-1px}
#secondary-nav li.sfHover a{color:#6e99b9}
#secondary-nav ul li.sfHover li a,
#secondary-nav ul li.sfHover li.sfHover li a,
#secondary-nav ul li.sfHover li.sfHover li.sfHover li a{color:#333}
#secondary-nav li.sfHover a:hover,
#secondary-nav li.sfHover li.sfHover a,
#secondary-nav li.sfHover li.sfHover a:hover,
#secondary-nav li.sfHover li.sfHover li.sfHover a,
#secondary-nav li.sfHover li.sfHover li.sfHover a:hover{color:#6e99b9}
#secondary-nav ul li.current-cat a,
#secondary-nav ul li.current_page_item a,
#secondary-nav ul li.current-menu-item a{color:#6e99b9}
#secondary-nav ul li.current-cat li a
#secondary-nav ul li.current_page_item li a,
#secondary-nav ul li.current-menu-item li a,
#secondary-nav ul li ul li.current-cat a,
#secondary-nav ul li ul li.current_page_item a,
#secondary-nav ul li ul li.current-menu-item a{color:#333}
#secondary-nav ul ul li span.sf-sub-indicator{position:absolute; right:15px}
#portfolio-nav ul{margin:0}
#portfolio-nav li{float:left; border-left:1px solid #f0f0f0; white-space: nowrap;}
#portfolio-nav li a{display:block; color:#333; padding:10px 15px 10px 15px}
#portfolio-nav li.active a{border:none; color:#6e99b9}
}
/* 800 */
@media screen and (max-width:800px){
.entry-meta,
.entry-title,
.entry-content,
.layout-1col-fixed #blog-posts .post-thumb,
.layout-2c-r-fixed #blog-posts .post-thumb,
.layout-2c-l-fixed #blog-posts .post-thumb{margin-left:5%; margin-right:5%}
.flex-caption,
.nivo-caption,
.post .entry-title{ font-size: 1.5em;}
.flex-caption{ left: 5%; }
.nivo-caption{ bottom: 20px; }
.flex-caption a{ line-height: 38px; }
.entry-meta{ margin-top:5px; padding-bottom: 5px; line-height: 1.5;}
.entry-meta span{ background: none; padding-left: 0px; margin:0}
.entry-meta span:after{content:" /"}
.custom-divider{margin-left:-5.3%; margin-right:-5.3%}
.layout-2c-r-fixed .recent_posts .post-thumb,
.layout-2c-l-fixed #blog-posts .recent_posts .post-thumb{ margin-left: 0px;}
.post-video,
.author-bio,
#respond,
#comments-wrap,
#portfolio-content-single,
#tagline h1,
#tagline h2{padding-left:5%; padding-right:5%}
#sidebar > .widget{padding:20px 5%;}
#sidebar .widget_nav_menu li,
#sideabr .widget_nav_menu .widget-title,
#sidebar .tabs,
#sidebar .tab_content{ padding-left: 4%; }
.alignright,
.alignleft{ float: none; margin:20px 0; text-align: center;}
.alignright .wp-caption,
.alignleft .wp-caption{ margin-left: auto; margin-right: auto;}
.wp-caption,
.gallery-caption{padding:0; border:0 !important}
.page-template-template-contact-php .one_half{padding-left: 5%; padding-right: 5%; width: 90%;}
.layout-1col-fixed .filter-posts,
.layout-2c-r-fixed .filter-posts,
.layout-2c-l-fixed .filter-posts{margin: 0 4% 0 4%;}
.layout-1col-fixed .filter-posts li,
.layout-2c-r-fixed .filter-posts li,
.layout-2c-l-fixed .filter-posts li{margin-left: 1.8382%; margin-right: 1.8382%;}
.layout-1col-fixed .filter-posts.three-columns .post-thumb{margin: 0;}
.layout-2c-r-fixed .filter-posts.four-columns li,
.layout-2c-l-fixed .filter-posts.four-columns li{width:29.65%;}
#footer .widget-wrap{ padding-left: 5%;}
#footer .layout-4col-fixed .widget-wrap{width:34.52%; min-width: 276px;}
#footer .layout-2c-r-fixed .column-1,
#footer .layout-2c-l-fixed .column-2{width: 90%; }
#footer .layout-3c-r-fixed .column-1,
#footer .layout-3c-l-fixed .column-3,
#footer .layout-3cm-fixed .column-2{width:72.5%; min-width: 555px;}
#footer .layout-1col-fixed .widget-wrap{width:90%}
#footer-social-profiles,
#footer-social-profiles-mini{ float: left; padding-left:4%; }
#related-portfolio{ margin-left:5% }
#related-portfolio .portfolio-item{ width: 45%; }
}
/* 768 */
@media screen and (max-width:768px){
}
/* 600 */
@media screen and (max-width:600px){
.entry-meta,
.entry-title,
.entry-content,
.layout-1col-fixed #blog-posts .post-thumb,
.layout-2c-r-fixed #blog-posts .post-thumb,
.layout-2c-l-fixed #blog-posts .post-thumb{margin-left:4%; margin-right:4%}
.custom-divider{margin-left:-4.3%; margin-right:-4.3%}
.recent_posts .post-thumb{ margin-left: 0px; margin-right: 20px; }
.post-video,
.author-bio,
#respond,
#comments-wrap,
#portfolio-content-single,
#tagline h1,
#tagline h2{padding-left:4%; padding-right:4%}
#sidebar > .widget{padding:20px 4%;}
#sidebar .widget_nav_menu li,
#sideabr .widget_nav_menu .widget-title,
#sidebar .tabs,
#sidebar .tab_content{ padding-left: 2%; }
ul.tabnav{ padding-left: 0; }
.tabnav li{display:block; padding:8px 14px; padding-right:0px; background-color: #f0f0f0; text-align: center;}
.tabnav li a{font-weight:bold; padding:0; outline:none; border:0 !important}
.tabnav li.selected,
.tabnav li.ui-tabs-selected a{color:#6e99b9; text-decoration:none; background-color: inherit;}
.tabnav li.ui-tabs-selected{ background-color: #e9e9e9; }
.page-template-template-contact-php .one_half{padding-left: 4%; padding-right: 4%; width: 91%;}
.layout-1col-fixed .filter-posts,
.layout-2c-r-fixed .filter-posts,
.layout-2c-l-fixed .filter-posts{margin: 0; padding-right: 0; padding-left: 0;}
.layout-1col-fixed .filter-posts.three-columns,
.layout-2c-r-fixed .filter-posts.three-columns,
.layout-2c-l-fixed .filter-posts.three-columns{ padding-left: 2%; padding-right: 2%;}
.layout-1col-fixed .filter-posts.four-columns,
.layout-2c-r-fixed .filter-posts.four-columns,
.layout-2c-l-fixed .filter-posts.four-columns{ padding-left: 13.666%; }
.layout-1col-fixed .filter-posts li,
.layout-2c-r-fixed .filter-posts li,
.layout-2c-l-fixed .filter-posts li{margin-left: 12.5%; margin-right: 12.5%; width: 75%;}
.layout-1col-fixed .filter-posts.three-columns li,
.layout-2c-r-fixed .filter-posts.three-columns li,
.layout-2c-l-fixed .filter-posts.three-columns li{ margin-left: 2%; margin-right: 2%; width: 46%;}
.layout-1col-fixed .filter-posts.four-columns li,
.layout-2c-r-fixed .filter-posts.four-columns li,
.layout-2c-l-fixed .filter-posts.four-columns li{ margin-left: 2%; margin-right: 2%; width: 34.5%;}
#footer .widget-wrap{ padding-left: 3%; }
#footer .layout-3col-fixed .widget-wrap{width:63.33%;}
#footer .layout-2col-fixed .widget-wrap{width:94%; min-width: 0;}
#footer .layout-4col-fixed .widget-wrap{width:46%; min-width: 276px;}
#footer .layout-3c-r-fixed .column-2,
#footer .layout-3c-r-fixed .column-1,
#footer .layout-3c-l-fixed .column-3,
#footer .layout-3cm-fixed .column-2{width:94%; min-width: 0px;}
#footer .layout-1col-fixed .widget-wrap{width:94%}
#footer-social-profiles,
#footer-social-profiles-mini{ padding-left:2%; }
#related-portfolio{ margin-left:4% }
#related-portfolio .portfolio-item{ width: 40%; }
}
/* 480 */
@media screen and (max-width:480px){
#sidebar .widget.pi_tabs_widget{ padding: 0; }
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.two_fifth,
.three_fifth,
.four_fifth{margin-right:0%; width: 100%;}
.column{ clear: both; }
.table_column{float:left; margin-left:-1px; border:1px solid #f0f0f0; padding-bottom:20px}
.columns_2 .table_column,
.columns_3 .table_column,
.columns_4 .table_column{width:100%}
.layout-1col-fixed .filter-posts li,
.layout-2c-r-fixed .filter-posts li,
.layout-2c-l-fixed .filter-posts li{margin-left: 3.5%; margin-right: 3.5%; width: 93%;}
.layout-1col-fixed .filter-posts.three-columns li{ margin-left: 9.375%; width: 81.25%; }
.layout-2c-r-fixed .filter-posts.three-columns li,
.layout-2c-l-fixed .filter-posts.three-columns li{ margin-left: 20.625%; width: 58.75%;}
.layout-1col-fixed .filter-posts.four-columns,
.layout-2c-r-fixed .filter-posts.four-columns,
.layout-2c-l-fixed .filter-posts.four-columns{ padding-left: 3.5%; }
.layout-1col-fixed .filter-posts.four-columns li,
.layout-2c-r-fixed .filter-posts.four-columns li,
.layout-2c-l-fixed .filter-posts.four-columns li{ width: 45%;}
#footer .layout-3col-fixed .widget-wrap{width:79.16%; padding-left: 3%;}
#footer .layout-4col-fixed .widget-wrap{width:57.5%; padding-left: 3%; min-width: 276px;}
#footer-social-profiles,
#footer-social-profiles-mini,
#footer .widget-wrap{ padding-left:3%; }
#footer .layout-2c-r-fixed .column-1,
#footer .layout-2c-l-fixed .column-2{ width: 94%;}
#footer .layout-2c-l-fixed .column-1,
#footer .layout-2c-r-fixed .column-2,
#footer .layout-3col-fixed .widget-wrap{ width: 94%; min-width: 0;}
.flex-caption,
.nivo-caption{ display: none !important;}
#related-portfolio{ width: 80%;}
#related-portfolio .portfolio-item{ width: 100%;}
}
/* 320 */
@media screen and (max-width:320px){
body,
input,
textarea{ font-size: 95%; }
.post .entry-title{ font-size: 1.375em;}
.pi-video-widget,
.pi-screencast-widget,
.pi-screenshot-widget,
.pi_posts_slider_widget.widget{ width: 280px }
.pi_login_form_widget input.input-text{ width: 180px; }
#searchform input{ width: 195px; }
#featured-blog-posts{ display: none; }
}