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;margin:0;padding:0;text-decoration:none;vertical-align:baseline}img{vertical-align:bottom}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clearfix::after{content:"";display:table;clear:both}.none{display:none} .row { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 50px; *zoom: 1;  } .row:before, .row:after { content: ""; display: table; } .row:after { clear: both; }
.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } 
.columns .columns { padding: 0px; }
.columns .columns .columns { padding: 0px; } 
.column.centered, .columns.centered { float: none; margin: 0 auto; } 
[class*="column"] + [class*="column"].end { float: left; } .one, .row .one 		{ width: 8.33333%;  }
.two, .row .two 		{ width: 16.66667%; }
.three, .row .three 	{ width: 25%; 		}
.four, .row .four 		{ width: 33.33333%; }
.five, .row .five 		{ width: 41.66667%; }
.six, .row .six 		{ width: 50%; 		}
.seven, .row .seven 	{ width: 58.33333%; }
.eight, .row .eight 	{ width: 66.66667%; }
.nine, .row .nine 		{ width: 75%; 		}
.ten, .row .ten 		{ width: 83.33333%; }
.eleven, .row .eleven 	{ width: 91.66667%; }
.twelve, .row .twelve 	{ width: 100%; 	} img, object, embed { max-width: 100%; height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; } .show-for-small { display: none!important; } .left { float: left; }
.right { float: right; }
.text-right {text-align: right;} @media only screen and (max-width: 768px) { 
.row { padding: 0 20px; width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
.row .row {	margin: 0 -30px; }
.column, .columns { padding: 0px; } 
.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
.column:after, .columns:after { clear: both; }
.row .mobile-two { width: 50% !important; float: left; padding: 0 30px; }
.row .mobile-two:last-child { float:left; }
.row .mobile-two.end { float: left; }
.row .mobile-four { width: 100% !important; float: left; }
.row .mobile-four.end { float: left; }  
} @media only screen and (max-width: 768px) { 
.hide-for-small {
display: none!important;
} 
.show-for-small { 
display: block!important; 
}
}  * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { 
font-size: 62.5%;
overflow-x: hidden; 
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
color: #262626;
font: 16px/1.8em "Roboto", Helvetica, sans-serif; 
text-rendering: optimizeLegibility;
overflow-x: hidden; 
word-wrap: break-word;
-webkit-overflow-scrolling:touch;
}
p { font: 16px/1.8em "Roboto", Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 {
color: #262626;
font-weight: 500;
}	
h1, h1 p {
font-size: 28px;
font-weight: 500;
line-height: 40px;
margin-bottom: 10px;
}
h2 { 
font-size: 24px; 
line-height: 32px;  
margin-bottom: 20px; 
}
h3 { 
font-size: 18px; 
line-height: 30px;  
margin-bottom: 15px; 
}
h4 { 
font-size: 16px; 
line-height: 26px; 
}
h5 { 
font-size: 14px; 
line-height: 22px; 
}
h6 {
font-size: 14px;
font-weight: bold;
line-height: 22px;
margin-bottom: 20px;
text-transform: uppercase;
}
em, cite { 
font-style: italic; 
}	
cite { 
display: block; 
}
strong { 
font-weight: bold 
}
strike, del {
text-decoration: line-through;
}
abbr, acronym, ins {
border-bottom: 1px dotted;
}
abbr, acronym {
cursor: help;
text-transform: uppercase;
}
a {
-webkit-transition: color .1s;
-moz-transition: color .1s;
-ms-transition: color .1s; 	   
-o-transition: color .1s;
}
p a,
.pinglist a,
.widget_bean_tweets li a,
.archives-list ul li a,
.widget_bean_tweets a.button,
.widget_bean_portfolio_menu li a {
border-bottom: 1px dotted #CCC;
padding-bottom: 2px;
}
a:hover {
color: #262626;
}
var,
kbd,
samp,
code,
pre {
font: 14px/1.7 'Monaco', Courier, "Courier New", monospace;
}
pre { 
background-color: #F4F4F4;
border-radius: 2px;
clear: both;
display: block;
font-size: 12px;
overflow: auto;
padding: 30px;
margin: 40px 0;
white-space: pre-wrap;
word-wrap: break-word;
}
blockquote {
margin: 30px;
}
p,
ul,
ol,
dl,
dd,
form
table,
address,
fieldset,
.post-password-form p:first-child { 
margin-bottom: 20px; 
}
nav ul,
header p,
.colophon p,
.jp-interface ul,
.related-title h1,
.post .entry-meta ul,
.post-password-form p,
.search .entry-meta ul,
.blog section:last-child,
.search section:last-child {
margin-bottom: 0px;
}
hr.divide {
background: url(//bunsal.com/wp-content/themes/macho/assets/images/divide.png) repeat;
border: none;
display: block;
height: 10px;
margin: 50px auto 55px;
width: 95px;
}  .subtext,
.post-date,
blockquote,
.post-date,
nav ul li a,
.entry-link, 
.wp-caption,
.entry-quote, 
.pagination a,
.entry-meta li,
.comment-meta a, 
.entry-meta li a,
.wp-caption-text,
.gallery-caption,
.entry-link a.link,
#wp-calendar tbody,
a.comment-edit-link,
.bean-direction-nav a,
.widget_categories li,
span.small-permalink a, 
.sidebar h5.widget-title,
.comment-author .url-tag,
.widget_bean_portfolio_menu li span {
color: #B7B7B7;
}	
cite a,
input:focus,
textarea:focus,
form label,
.logged-in-as,
.pinglist a:hover,
h4.entry-title a,
.logged-in-as a:hover,
h1,	h1 a, h2 a, h3, h4, h5, { 
color: #262626; 
}
cite.fn a,
nav ul li a:hover {
color: #262626!important; 
}
.tagcloud a:hover { 
background-color: #262626!important; 
}   .btn, 
.button, 	       
.btn[type="submit"],
.button[type="submit"],
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
background: none;
border: 2px solid #E4E4E4;	  
border-radius: 2px;
color: #B7B7B7;
cursor: pointer;
display: inline-block;
font: 16px/1.6em "Roboto", Helvetica, sans-serif;
font-weight: 500;
margin: 1px 1px 4px 0; 
outline: none!important;
padding: 10px 15px;
text-align: center;
width: auto;
-webkit-transition: all .1s;
-moz-transition: all .1s;
-ms-transition: all .1s; 	   
-o-transition: all .1s;
}
.btn:hover, 
.button:hover, 
.form-submit input[type="submit"]:hover,
.btn[type="submit"]:hover,
.button[type="submit"]:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
border: 2px solid #262626;	  
color: #262626;
} form label {
cursor: pointer;
font-weight: 500;
}
span.required { 
color: #FF7373;
}  
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea { 
background-color: #FFF;
border: 2px solid #E4E4E4;
border-radius: 2px;
color: #B7B7B7;
display: block;
font: inherit;
margin: 5px 0 10px;
outline: none!important;
padding: 7px 15px;
width: 100%;
-webkit-appearance: none;
-webkit-transition: all .1s;
-moz-transition: all .1s;
-ms-transition: all .1s; 	   
-o-transition: all .1s;
}
textarea {
display: block;
height: 220px;
padding: 9px 14px;
}
input:focus,
textarea:focus {
border-color: #262626;
color: #262626;
} label.error { 
display: none!important; 
}
input.error,
textarea.error,
.wpcf7-not-valid,
.requiredField.error {
border-color: #FF7373!important;
-webkit-animation-name: BeanErrorShake;
-moz-animation-name: BeanErrorShake;
-o-animation-name: BeanErrorShake;            
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-ms-animation-duration: 4s;
-o-animation-duration: 4s;
} .wpcf7-form {
margin-top: 60px;
text-align: left;
}
.wpcf7-form input[type="text"] {
margin-top: 10px;
}
.wpcf7-form select {
background-color: #FFF;
background: #FFF url(//bunsal.com/wp-content/themes/macho/assets/images/select.png) no-repeat 97.5% 15px;
border: 2px solid #E2E2E2;
border-radius: 2px;
color: #B7B7B7;
cursor: pointer;
font: inherit;
outline: none;
padding: 8px 15px;
width: 100%;
-webkit-appearance: none;
}
.wpcf7-form select:hover {
background-position: 97.5% -25px;
}
.wpcf7-not-valid-tip {
background: none!important;
border: none!important;
color: #FF7373;
position: relative!important;	
}
div.wpcf7-mail-sent-ok {
background: #3FC380;
border: 2px solid #3FC380!important;
border-radius: 2px;
color: #FFF; 
}
div.wpcf7-spam-blocked,
div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
background: #FF4949;
border: 2px solid #FF4949!important;
border-radius: 2px;
color: #FFF;
}
div.wpcf7-response-output {
line-height: 26px;
margin: 30px 0 0 0!important;
padding: 0.6em 1em!important;
text-align: center;
}
.wpcf7-form p {
font-weight: 500;
}
.wpcf7-form span {
color: #FF4949;
font-size: 16px;
font-weight: normal;
margin-top: 10px;
}
.wpcf7-submit {
padding: 8px 15px;
}	
div.wpcf7 img.ajax-loader {
display: inline;
}  .colophon,
.entry-meta,
.entry-content,
.single-download { 
text-align: center; 
}
.row.content {
margin: -10px auto 30px;
}
.row.content.home-slider,
.single-portfolio .row.content.slider {
margin-bottom: 75px;
}
.blog .row.content,
.single-post .row.content {
margin-top: 0px;
}
.row.media {
max-width: 1200px;
}
.row.full {
width: 100%
}
.row.footer-std,
.row.footer-hidden {
max-width: none;
padding: 0px;
}
.content-left {
padding-right: 70px;
}  nav { 
margin-bottom: 30px; 
}
header {
text-align: center;
padding: 80px 0 0;
} .logo a h1 {
-webkit-transition: color .1s;
-moz-transition: color .1s;
-ms-transition: color .1s; 	   
-o-transition: color .1s;
}
.logo img {
margin-bottom: 20px;
-webkit-transition: opacity .2s;
-moz-transition: opacity .2s;
-ms-transition: opacity .2s; 	   
-o-transition: opacity .2s;
}
.logo img:hover {
opacity: .5;
}
.logo, nav ul {
display: inline-block;
}
nav h1 { 
color: #FFF;
display: inline-block; 
margin: 0px;
}
nav ul li {
display: inline-block;
margin-right: 20px;
}
nav ul li:last-child {
margin-right: 0px;
}
nav ul li.current-menu-item a {
cursor: default;
color: #262626!important;
} .sf-menu, .sf-menu * { padding: 0; list-style: none; }
.sf-menu li { position: relative; white-space: nowrap;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul { display: block; }
.sf-menu a { position: relative; }
.sf-menu ul ul { left: 95%; top: -20px}
.sf-menu ul {
display: none;
left: 0px;
min-width: 10em;
position: absolute;
top: 100%;
top: 26px;
z-index: 9999;
} #header nav .sub-menu {
background: #262626;
border-radius: 0 0 3px 3px;
margin-top: 10px;
padding: 12px 0;
}
#header nav .sub-menu li {
display: block;
text-align: left;
margin: 0px;
}
#header nav .sub-menu li a {
display: block;
margin: 0 15px;
padding: 1px 0;
width: 100%;
}
#header nav .sub-menu li a:hover,
#header nav .sub-menu li.current-menu-item a:hover {
color: #FFF!important;
}
#header nav .sub-menu li a,
#header nav .sub-menu li.current-menu-item a {
color: #8B8B8B!important;
}
#header nav .sub-menu li a,
.current_page_item.menu-item-has-children:hover {
cursor: pointer;
}  #hello-bar {
height: 60px;
margin: -60px 0 0 0;
overflow: hidden;
position: relative;
width: 100%;
}
#hello-bar p {
color: #FFF;
font-size: 15px!important;
font-weight: 500;
text-align: center;
margin: 0;
line-height: 60px!important;
}
#hello-bar a {
color: #FFF;
border-color: #FFF;
}
#hello-bar a:hover {
opacity: .75;
} 
#hello-bar .close a {
background: url(//bunsal.com/wp-content/themes/macho/assets/images/sprite.png) no-repeat -45px -535px; 
display: block;
height: 22px;
position: absolute;
right: 18px;
text-indent: -9999em;
top: 16px;
width: 22px;
}  #footer .columns {
padding: 0px 20px;
}
#footer,
.colophon { 
background: #262626;
color: #8B8B8B;
}
#footer.std { 
margin-top: 90px;
padding: 90px 0 40px;
}
#footer.std .colophon a:hover {
color: #FFF;
}
.colophon { 
border-top: 3px solid #313131; 
margin-top: 80px;
padding: 40px 30px 0;
}
.colophon a {
color: #8B8B8B;
border: none;
}  #footer.extended  .footer-widgets { 
display: none; 
}
#footer-toggle.colophon {
border: none;
margin-top: 100px;
padding: 20px 30px; 
}
#footer-toggle.colophon:hover,
#footer-toggle.colophon a:hover,
#footer-toggle.colophon:hover a {
color: #FFF!important;
}
.page-template-template-portfolio-slider-php #footer-toggle.colophon {
margin-top: 70px;
} .toggle-icon,
#footer-toggle { 
cursor: pointer;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-ms-transition: all .2s; 	   
-o-transition: all .2s;
}
#footer-toggle:hover {
background-color: #313131;
}
.toggle-icon {
background: url(//bunsal.com/wp-content/themes/macho/assets/images/sprite.png) -44px -143px no-repeat;
display: inline-block;
float: right;
height: 13px;
position: relative;
text-align: right;
top: 9px;
width: 11px;
}
#footer-toggle.active .toggle-icon { 
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}  .footer-col-1 {
padding-left: 0px!important;
}
.footer-col-3 {
padding-right: 0px!important;
}
.footer-widgets .widget p a,
.footer-widgets .widget li a,
.footer-widgets .widget_bean_tweets a.button {
border-color: #444;
}
.footer-widgets .widget a:hover {
color: #FFF!important;
}
.footer-widgets h1, 
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6 {
color: #FFF!important;
}
.footer-widgets .textwidget img {
margin: 10px 0 5px;
}
.footer-widgets input[type="text"], 
.footer-widgets input[type="password"], 
.footer-widgets input[type="date"], 
.footer-widgets input[type="datetime"], 
.footer-widgets input[type="email"], 
.footer-widgets input[type="number"], 
.footer-widgets input[type="search"], 
.footer-widgets input[type="tel"], 
.footer-widgets input[type="time"], 
.footer-widgets input[type="url"], 
.footer-widgets textarea {
border: none;
}
.footer-widgets #wp-calendar thead th,
.footer-widgets #wp-calendar tbody td {
background-color: #222;
}
.footer-widgets #wp-calendar caption {
color: #FFF;
font-size: 18px;
margin-bottom: 30px;
}
.footer-widgets .widget_bean_tweets a.twitter-time-stamp {
color: #525252!important;
}
.footer-widgets .widget_bean_tweets .button:hover {
color: #FFF!important;
}
.widget_bean_tweets .button:hover { 
color: #262626!important; 
}    #BeanForm {
margin-top: 60px!important;
text-align: left;
}
ul.bean-contactform label {
display: none;
}
ul.bean-contactform input,
ul.bean-contactform textarea  {
margin-bottom: 20px;
}
ul.bean-contactform li.six.name {
float: left;
padding-right: 10px;
}
ul.bean-contactform li.six.email {
float: left;
padding-left: 10px;
} 
.contact-alert {
background-color: #F7F7F7;
border-radius: 2px;
color: #FFF;
height: 38px;
font-size: 14px;
line-height: 38px;
text-align: center;
}
.contact-alert.fail {
background-color: #FF5F49;
}
.contact-alert.success {
background-color: #3FC380;
}  .archives-list {
margin-top: 50px;
} 
.entry-content .archives-list h3 {
margin-bottom: 0px;
}
.archives-list ul {
margin: 0 0 50px 0!important;
}
.archives-list ul:last-child {
margin-bottom: 0!important;
}
.archives-list ul.children {
margin: 0 0 10px 15px!important;
}	
.archives-list ul li {
list-style: none;
}  .search .content #searchform .button[type="submit"] {
display: none;
}
.search section .entry-content {
text-align: left;
}  body.error404,
body.page-template-template-comingsoon-php,
body.page-template-template-underconstruction-php {
background-color:#262626!important;
padding-top: 20%;
text-align: center;
}
body.error404 h1,
body.page-template-template-comingsoon-php h1,
body.page-template-template-underconstruction-php h1 {
color: #FFF!important;
font-weight: 400;
}
body.error404 p,
body.page-template-template-comingsoon-php p,
body.page-template-template-underconstruction-php p {
margin-bottom: 10px;
}
body.error404 p,
body.error404 a,
body.page-template-template-comingsoon-php p,
body.page-template-template-comingsoon-php a,
body.page-template-template-underconstruction-php p,
body.page-template-template-underconstruction-php a {
color: #8B8B8B!important;
}
body.error404 a,
body.page-template-template-comingsoon-php a,
body.page-template-template-underconstruction-php a { 
border-color:#3F3F3F; 
}
body.error404 a:hover,
body.page-template-template-comingsoon-php a:hover,
body.page-template-template-underconstruction-php a:hover { 
border-color:#FFF; 
} .bean-coming-soon {
float: left;
margin-top: 50px;
min-height: 160px;
width: 100%;
}
.bean-coming-soon .count {
color: #FFF;
font-size: 80px;
font-weight: bold;
line-height: 90px;
}	
.bean-coming-soon .text {
color: #8B8B8B;
}
.bean-coming-soon .count-inner .fadein {
-webkit-animation-delay: 1.1s;
-moz-animation-delay: 1.1s;
-ms-animation-delay: 1.1s;
-o-animation-delay: 1.1s;
}  section {
clear: both;
}
section.post,
.search section {
border-bottom: 1px solid #ECECEC;
margin-bottom: 65px;
padding-bottom: 60px;
}
.post .entry-content-media {
margin: 0 0 35px 0;
}
.post .entry-meta,
.post .entry-content {
text-align: left;
}
.post .entry-meta,
.search section .entry-meta  {
margin: 30px 0 0 0;
}
.post .entry-meta li,
.search section .entry-meta li {
margin: 0 15px 0 0;
} section.post.format-image p:last-child,
section.post.format-aside p:last-child {
margin-bottom: 0px;
}
.entry-link, 
.entry-quote, 
.entry-link a.link, 
.blog .format-image .entry-content,
.blog .format-aside .entry-content {
text-align: center
}
span.small-permalink a {
font-size: 14px;
margin-left: 5px;
}
.format-image a.lightbox.hidden {
display: none;
} .single .entry-link, 
.single .entry-quote {
border-bottom: 1px solid #ECECEC;
margin-bottom: 50px;
padding-bottom: 50px;
} .index.pagination {
float: left;
width: 100%;
}
.index.pagination .page-next {
float: left;
}
.index.pagination .page-prev {
float: right;
}
.singlepost.pagination {
border-top: 1px solid #ECECEC;
margin-top: 55px;
padding-top: 55px;
}
.singlepost.pagination .page-next,
.singlepost.pagination .page-prev {
width: 50%;
}
.singlepost.pagination .page-next {
padding-right: 2%;
}
.singlepost.pagination .page-prev {
padding-left: 2%;
text-align: right;
} .row.content.archive {
margin-bottom: 45px;
}
.row.content.archive h1.entry-title {
text-transform: capitalize;
}
.archive.author h1.entry-title {
text-transform: none!important;
}
.author-avatar img {
border-radius: 50%;
margin-bottom: 25px;
position: relative;
float: none;
} .post-password-form,
.post-password-required {
text-align: center;
}
.post-password-form input[type="password"] {
margin: 5px auto 10px;
width: 65%;
}   .entry-meta li {
display: inline-block;
margin: 0 10px;
} .entry-meta a.bean-likes:hover,
.entry-meta a.bean-likes.active {
color: #FF7373!important;
}
.bean-likes.active:hover {
cursor: default;	
} li.tags {
display: block;
margin-top: 10px;
}
li.tags a {
margin-right: 10px;
} .single-post .social {
text-align: left;
} .entry-content h2, 
.entry-content h3,
.entry-content h4,
.entry-content h5 {
margin-bottom: 20px;
}
.entry-content ul { 
list-style-type: disc; 
margin-left: 20px;
}
.entry-content ol li ul,
.entry-content ul li ol,
.entry-content ul li ul, 
.entry-content ol li ol {
margin: 10px 0 10px 15px;
}
.entry-content ol { 	
list-style-type: decimal; 
margin: 35px 30px;
}
.entry-content form ul {
margin: 0px!important;
}
.entry-content form li {
list-style: none;
} .format-audio .entry-content-media {
position: relative;
}
.jp-audio {
bottom: 0px;
position: absolute;
max-width: 940px;
width: 100%;
}  .single-post .entry-content img,
.single-post .entry-content img a {
margin: 40px 0px 40px 0px; 
} .slider img,
.image-frame img, 
.entry-content p img,
.attachment .post-box img,
.content .gallery .gallery-icon img {
display: block;
background: transparent;
}
.image-frame img, 
.attachment .post-box img,
.post-thumb img { 
height: auto; 
}
.entry-content .entry-content-media img { 
margin: 0; 
}
.content .gallery-item {
float: left;
margin: 0;
padding: 0;
}
.content .gallery .gallery-icon img { 
margin-bottom: 0!important;
}	 
.entry-content img,
.comment-content img,
.widget img { 
max-width: 100%; 
}
.entry-content img.size-full,
.entry-content img.size-large {
max-width: 100%;
width: auto; 
height: auto;
display: block;
}
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.aligncenter {
margin-left: auto!important;
margin-right: auto!important;
display: block;
clear: both;
}
img.alignleft {
float: left;
margin-right: 40px!important;
}
img.alignright {
display: block;
float: right;
margin-left: 40px!important;
}
.wp-smiley {
max-height: 13px;
margin: 0 !important;
}
.gallery { 
margin: auto; 
float: left;
width: 100%;
}
.gallery-item {
float: left;
text-align: center;
margin-left: 0;
}
#gallery-1 .gallery-item {
float: left;	
margin-top: 10px;
text-align: center;
width: 33%;
}
.gallery-image {
margin-left: 0;
}
.gallery-caption { 
margin-left: 0;
font-weight: bold;
}
.gallery-item .gallery-caption { 
margin-bottom: 0 !important;
padding-right: 12%; 
}
.wp-caption img,
.gallery-item img, 
.wp-caption img a {
margin: 10px 0px!important;
padding: 0;
border: none!important;
}
.wp-caption
.wp-caption-text,
.gallery-caption {
margin: 0;
padding: 5px;
text-align: center;
font-size: 12px;
font-weight: normal;
line-height: 22px;
margin-bottom: 20px;
}
img#wpstats {
display: none;
} .sticky {}
.twitter-tweet {
margin: 40px 0!important;
width: 100%!important;
} .single-attachment h1.entry-title {
text-transform: capitalize;
}
.single-attachment .entry-content-media img { 
margin: 30px 0 0; 
} p:empty { display: none; }
.bean-alert,
.bean-panel-body,
.bean-tab-content,
.bean-tabs > li > a,
.bean-panel-title > a {
text-align: left;
}
.bean-tabs > li {
margin-bottom: 5px;
}
.bean-tabs a,
.bean-panel-title > a,
.bean-tabs > li.active > a {
color: #262626;
font-weight: 500;
}   #respond,
#comments, 
.comment-body,
#comments-list,
#comments-list ol li {
float: left;
text-align: left;
width: 100%;
}
#comments ul{
list-style: none!important;
} 
.commentlist {
float: left;
list-style-type: none!important;
margin: 20px 0 0!important;
width: 100%;
} .avatar {
float: right;
margin-top: -5px;
}
.avatar,
.avatar img {
border-radius: 2px;
}
.comment-author cite {
display: inline-block;
font-size: 18px;
font-weight: 500;
font-style: normal;
text-transform: capitalize;
}
.comment-author .url-tag {
margin-left: 5px;
}
.comment-body {
clear: both;
margin: 15px 0px 15px;
}
.comment-body ul,
.comment-body ol { 
list-style-type: disc; 
}
.moderation {
color: #FF7373;
display: block;
font-style: normal;
margin-top: -5px;
}
.bypostauthor {} .comments .children { 
margin: 0 0 0 7.5%;
} .comment-form h3 {
margin: 0px;
}
.comment-form label {
left: 10px;
position: relative;
top: 10px;
}
.comment-form input,
.comment-form textarea {
float: left;
margin: 0px;
}
.comment-form p {
overflow: hidden;
}
.comment .comment-form {
margin-bottom: 10px;
margin-top: 0px;
padding-bottom: 30px;
padding-top: 0px;
}
.comment .logged-in-as,
.logged-in .comment #cancel-comment-reply-link {
display: none;
}
#cancel-comment-reply-link {
color: #FF7373;
font-size: 16px;
position: absolute;
right: 15px;
}
#cancel-comment-reply-link:hover {
color: #262626;
} .pinglist	{
float: left;
} .page #comments {
border-top: 1px solid #ECECEC;
margin-top: 50px;
padding-top: 70px;
}    .jp-interface,
.entry-content .mejs-container,
.entry-content .mejs-container .mejs-controls {
background: #282828;
background: rgba(34, 34, 34, 0.80);
margin: 0 auto;
height: 50px!important;
overflow: hidden;
position:relative;     
}
.entry-content .mejs-container .mejs-controls {
padding-right: 10px;
}
.entry-content .mejs-container {
background: #282828;
}
.entry-content .mejs-controls .mejs-play button {
background-position: -25px -24px; 
}
.entry-content .mejs-controls div.mejs-time-rail {
padding-top: 18px;
padding-right: 10px;
}
.entry-content .mejs-container .mejs-controls .mejs-time {
display: none;
height: 31px;
margin: 0;
padding: 20px 10px 0 35px;
width: 30px;
}
.entry-content .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
padding: 20px 10px 0 13px;
}
.entry-content-media-audio {
position: relative;
}
ul.jp-controls,
.entry-content .mejs-controls .mejs-playpause-button button {
border-right: 1px solid rgba(255, 255, 255, 0.1)!important;
}
.entry-content .mejs-controls .mejs-volume-button button {
border-left: 1px solid rgba(255, 255, 255, 0.1)!important;
}
ul.jp-controls, 
.jp-interface ul.jp-controls li {
position: absolute;
width: 50px;
height: 50px;
}
.jp-interface ul.jp-controls a {
display:block;
outline: none!important;
overflow:hidden;
overflow: hidden;
position: absolute;
text-indent: 100%;
white-space: nowrap;
z-index: 2;
}
.jp-interface ul.jp-controls a span {
display:block;
overflow: hidden;
text-indent: 100%;
}
a.jp-play span, 
a.jp-pause span,
.entry-content .mejs-controls .mejs-button button {
height: 50px;
margin: 0;
width: 50px;
} .entry-content .mejs-controls .mejs-playpause-button {
width: 60px;
}
.entry-content .mejs-controls .mejs-button.mejs-volume-button {
width: 45px;
}
a.jp-play span,
.entry-content .mejs-controls .mejs-play button { 
background: url(//bunsal.com/wp-content/themes/macho/assets/images/jplayer.png) -25px -24px no-repeat; 
}
a.jp-pause span,
.entry-content .mejs-controls .mejs-pause button { 
background: url(//bunsal.com/wp-content/themes/macho/assets/images/jplayer.png) -25px -73px no-repeat; 
display: none; 
}
.entry-content .mejs-controls .mejs-pause button {
display: block;
}
a.jp-play:hover span,
a.jp-pause:hover span,
.entry-content .mejs-controls button:hover { 
opacity: .7; 
}
.entry-content .mejs-controls .mejs-volume-button button {
background: url(//bunsal.com/wp-content/themes/macho/assets/images/jplayer.png) no-repeat; 
}
.entry-content .mejs-controls .mejs-volume-button.mejs-mute button {
background-position: -25px -175px; 
}
.entry-content .mejs-controls .mejs-volume-button.mejs-unmute button {
background-position: -25px -125px; 
} div.jp-progress {
background-color: #FFF;
margin: 22px 22px 0 72px;
}
div.jp-seek-bar {
cursor:pointer;
height:100%;
width:0;	
}
div.jp-play-bar,
.entry-content .mejs-controls .mejs-time-rail span {
height: 6px;
width:0;     
}
.entry-content .mejs-controls .mejs-horizontal-volume-slider div {
height: 6px;    
}
.entry-content .mejs-controls .mejs-time-rail span,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0px;
}
.entry-content .mejs-controls .mejs-time-rail span.mejs-time-total {
background: #F5F5F5;
}	
.entry-content .mejs-controls .mejs-time-rail span.mejs-time-loaded,
.entry-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #FFF;
}
.entry-content .mejs-controls .mejs-time-rail span.mejs-time-float {
display: none!important; 
}
.entry-content .mejs-controls div.mejs-horizontal-volume-slider {
margin-top: 12px;
} .jp-audio,
.jp-video {
clear: both;
} .jp-video .jp-jplayer {
height: auto!important;
}
.jp-video .jp-interface {
background-color: #282828;
margin: -9px 0 25px 0;
}
.fluid-width-video-wrapper iframe { 
border: none; 
}  .entry-content .wp-playlist {
border: none;
padding: 0;
margin: 50px 0 20px;
font-size: inherit;
line-height: inherit;
}
.entry-content .wp-playlist-current-item {
padding: 5% 0;
background: #F5F5F5;
display: none; }
.entry-content .wp-playlist .mejs-container {
margin: 0;
width: 100%;
}
.entry-content .wp-playlist-caption {
max-width: 100%;
}
.entry-content .wp-playlist-item-title,
.entry-content .wp-playlist-item .wp-playlist-caption {
font-size: 16px;
line-height: 1.8em;
font-weight: normal;
}
.entry-content .wp-playlist-item-album {
font-style: italic;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.entry-content .wp-playlist-item-length {
font-weight: normal;
position: absolute;
right: 0;
top: 8px;
color: #B7B7B7;
}
.entry-content .wp-playlist-tracks {
margin: 0px;
padding: 2% 0;
}
.entry-content .wp-playlist-item {
position: relative;
cursor: pointer;
padding: 4px 0;
border-bottom: 1px solid #ECECEC;
}
.entry-content .wp-playlist-light .wp-playlist-playing .wp-playlist-item-title,
.entry-content .wp-playlist-dark .wp-playlist-playing .wp-playlist-item-title {
font-weight: normal;
}
.entry-content .wp-playlist-current-item {
height: auto;
text-align: center;
margin: 0;
}
.entry-content .wp-playlist .wp-playlist-current-item img {
float: none;
max-width: 150px;
height: auto;
padding: 0;
border: 0;
margin: 0 0 10px;
}  #isotope-container {
margin-left: -1.333333333%;
margin-right: -1.333333333%;
margin-bottom: -30px;
width: 102.6%;
}
.isotope-item {
float: left;
margin-bottom: 2.5%;
overflow: hidden;
padding: 0 1.23% 0 1.23%;
position: relative;
width: 33.33%;
z-index: 2;
-webkit-transition: opacity .25s;
-moz-transition: opacity .25s;
-ms-transition: opacity .25s; 	   
-o-transition: opacity .25s;
}
.isotope-item img {
height: auto;
max-width: 100%;
vertical-align: bottom;
width: auto;
}
#isotope-container:hover .isotope-item { 
opacity: .5; 
-webkit-filter: grayscale(1);
}
#isotope-container:hover .isotope-item:hover,
#isotope-container:hover .isotope-item.filter  { 
opacity: 1.0; 
-webkit-filter: grayscale(0);
}	
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
}
.isotope,
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
} .isotope-item .lightbox.hidden {
display: none;
} .fullwidth #isotope-container {
margin-left: 0px;
margin-right: 0px;
margin-top: 5px;
width: 100%;
}
.fullwidth #isotope-container.fadein {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
}
.row.portfolios.fullwidth {
max-width: none;
padding: 0;
}
.fullwidth .isotope-item {
margin-bottom: 0px;
padding: 0px;
position: relative;
width: auto;
} #filter {
background-color: #262626;
color: #8B8B8B;
margin: 0px;
padding: 40px; height: 712px;
left: 3.9%;
right: 3.1%;
}
#filter h3 {
color: #FFF!important;
margin-top: 60px;
}
#filter a {
color: #8B8B8B;
display: block;
padding-left: 17px;
margin-left: -17px;
}
#filter a:hover,
#filter a.active {
color: #FFF!important;
} @media only screen and (max-width : 570px) { 
#isotope-container { 
margin-left: 0;
margin-right: 0;
width: 100%;
}
}   .single-portfolio .pagination {
display: inline-block;
font-family: "Roboto", Helvetica, Arial, sans-serif!important; 
font-size: 18px!important;
width: 28px;
}
.single-portfolio .pagination.page-prev {
margin-right: 10px;
}
.single-portfolio .pagination.page-next {
margin-left: 10px;
}
.single-portfolio .pagination a {
position: relative;
top: -4px;
} .single-portfolio .entry-content-media{
margin-top: 25px;
}
.single-portfolio li.stacked-image {
list-style: none;
margin-bottom: 30px;
position: relative;
text-align: center;
} .single-portfolio .audio-no-feat {
margin: 0 auto;
margin-bottom: 30px;
padding: 0 40px;
}
.single-portfolio .jp-audio {
max-width: 1320px;
} .entry-content-media.port-video {
margin-bottom: 40px!important;
}
.video-frame.fadein {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;	
} .social {
text-align: center;
}
.social p {
margin: 20px 0 0;
}
.social a.facebook {
color: #3B5998;
}
.social a.twitter {
color: #4099FF;
}
.social a.pinterest {
color: #FF545C;
}
.social a:hover {
opacity: .5;
} .related-title {
padding-bottom: 55px;
text-align: center;
} .portfolio-comments hr.divide {
margin-bottom: 25px;
}
.portfolio-comments .comments-title {
margin-top: 25px;
}
.portfolio-comments .logged-in-as {
display: none;
}
.portfolio-comments label {
position: inherit;
}
.portfolio-comments input {
width: 100%!important;
}  .post-slider .slides { zoom: 1; }
.slides li img { margin: 0 auto; }
.post-slider { position: relative; }
html[xmlns] .slides { display: block; } 
.post-slider a:focus  { outline: none; }
.bean-viewport { overflow: visible!important; margin-bottom: 30px; }
.no-js .slides > li:first-child { display: block; }
.slides { margin: 0; padding: 0; list-style: none; } 
.post-slider .slides > li { display: none;  position: relative;  -webkit-backface-visibility: hidden; }
.post-slider .slides > li.bean-active-slide { pointer-events: inherit; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.flexslider {
cursor: pointer;
position: relative;
}
.post-slider .video-li:first-child {
display: none!important;
}
.post-slider .video-frame {
padding:  0 15px;
}
.bean-viewport .slides li img,
.bean-viewport .slides li .video-frame {
display: block; 
cursor: default;
opacity: .33;
padding: 0 15px;
width: 100%;
-webkit-filter: grayscale(1);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
}
.bean-viewport .slides li.bean-active-slide img,
.bean-viewport .slides li.bean-active-slide .video-frame {
cursor: pointer; 
opacity: 1; 
-webkit-filter: grayscale(0%);
} .bean-direction-nav {
position: absolute;
top: -80px;
text-align: center;
margin: 0 auto;
left: 47%;
}
.page-template-template-portfolio-slider-php .bean-direction-nav {
top: -65px;
}
.bean-direction-nav li {
display: inline-block;
margin: 0 2px;
}
.bean-direction-nav a {
background: url(//bunsal.com/wp-content/themes/macho/assets/images/sprite.png) no-repeat -36px -337px #F8F8F8;
display: inline-block;
font-family: "Roboto", Helvetica, Arial, sans-serif; 
font-size: 18px;
height: 28px;
width: 28px;
text-indent: 1000em;
}
.bean-direction-nav a.bean-next {
background-position: -36px -437px;
}
.bean-direction-nav a:hover {
background-color: #F1F1F1;
} .post .post-slider.fade .bean-direction-nav {
bottom: 12px;
left: inherit;
right: 12px;
top: inherit;
}
.post .post-slider.fade .bean-direction-nav a {
background-color: #262626;
height: 32px;
width: 32px;
opacity: .75;
-webkit-transition: opacity .1s;
-moz-transition: opacity .1s;
-ms-transition: opacity .1s;
-o-transition: opacity .1s;
}
.post .post-slider.fade .bean-direction-nav a:hover {
opacity: 1;
}
.post .post-slider.fade .bean-direction-nav a.bean-next {
background-position: -34px -435px;
}
.post .post-slider.fade .bean-direction-nav a.bean-prev {
background-position: -34px -335px;
}
.post .bean-slide-caption {
right: 0px;
} .bean-image-caption,
.bean-slide-caption  {
background-color: #262626;
background-color: rgba(34, 34, 34, 0.8);
color: #FFF;
font-size: 12px!important;
line-height: 20px!important;
padding: 8px 12px;
position: absolute;
right: 15px;
text-align: center;
text-transform: uppercase;
top: 0px;
z-index: 1;
}
li.stacked-image .bean-image-caption {
right: 0px;
}  .fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin { position: relative; }
.fancybox-opened { z-index: 8030; }
.fancybox-inner { overflow: hidden; }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error {
color: #262626;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
cursor: default;
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 24px;
height: 24px;
border-radius: 2px;
background: url(//bunsal.com/wp-content/themes/macho/assets/images/loading.gif) 50% 50% no-repeat #FFF;
}
.fancybox-close {
display: none;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//bunsal.com/wp-content/themes/macho/assets/images/blank.gif); z-index: 8040;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fancybox-nav span {  position: absolute;
top: 50%;
width: 34px;
height: 61px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-next {
right: 0px;
}
.fancybox-next:hover {
cursor: e-resize;
}
.fancybox-next span {
right: 15px;
background-position: -33px -720px;
}
.fancybox-prev {
left: 0px;
}
.fancybox-prev:hover {
cursor: w-resize;
}
.fancybox-prev span {
left: 15px;
background-position: -33px -820px;
}
.fancybox-tmp {
left: -99999px;
max-height: 99999px;
max-width: 99999px;
overflow: visible !important;
position: absolute;
top: -99999px;
visibility: hidden;
} .fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//bunsal.com/wp-content/themes/macho/assets/images/overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
cursor: pointer;
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
background: transparent;
color: #262626;
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
background: #000;
background: rgba(0, 0, 0, .8);
bottom: 0;
color: #fff;
left: 0;
padding: 10px;
position: absolute;
}  .testimonials {
min-height: 300px;
position: relative;
}
.testimonial {
padding: 0 10%;
opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);  
position: absolute;
text-align: center;
top: 135%;
width: 97.2%
}
.testimonial.active {
opacity: 1; -moz-opacity: 1; filter:alpha(opacity=1);	            
}
.testimonial h1 {
margin-bottom: 20px;
}
.testimonial a { 
z-index: 9999; 
} .avatar-list {
padding-top: 20px;
text-align: center;
}	
.avatar-list li { 
display: inline; 
position: relative;
}
.avatar-list li a {
display: block;
float: left;
line-height: 0px;
margin: 0 0.25% 0 0.25%;
overflow: hidden;
position: relative;
width: 8.636%;
}
.avatar-list li:first-child a { 
margin-left: 0px;
}
.avatar-list li:last-child a { 
margin-right: 0px;
}
.avatar-list li a.active span.testimonial-icon {
background: url(//bunsal.com/wp-content/themes/macho/assets/images/testimonial.png) 50% 50% no-repeat;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.avatar-list li img {
position: relative;
}
.avatar-list li a.active img {
opacity: .10;
} hr.divide.t  {
margin-top: 85px;
}
.page-template-template-portfolio-slider-php hr.divide.t {
margin-top: 50px;
}  .single-testimonial .row.content {
text-align: center;
}
.single-testimonial .post-thumb {
margin-bottom: 25px;
}
.single-testimonial .post-thumb img {
border-radius: 50%;
}   .sidebar h5.widget-title {
font-weight: 400;
margin-bottom: 30px;
}
.sidebar .widget {
border-bottom: 1px solid #ECECEC;
margin-bottom: 60px;
padding-bottom: 60px;
}
.sidebar .widget p:first-of-type {
margin-top: -10px;
}
.sidebar .widget:last-child {
border: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
.widget ul {
margin-bottom: 0;
}
.widget input[type="text"], 
.widget input[type="password"], 
.widget input[type="date"], 
.widget input[type="datetime"], 
.widget input[type="email"], 
.widget input[type="number"], 
.widget input[type="search"], 
.widget input[type="tel"], 
.widget input[type="time"], 
.widget input[type="url"], 
.widget textarea {
margin: 0px;
} .widget_recent_entries li {
margin-bottom: 10px;
}		
.post-date {
display: block;
font-size: 13px;
opacity: .5;
} #wp-calendar { 
width: 100%; 
}
#wp-calendar caption { 
text-align: left;
color: #B7B7B7;
font-size: 14px;
margin-bottom: 30px;
}
#wp-calendar thead { 
font-size: 10px; 
}
#wp-calendar thead th {
font-size: 12px;
font-weight: 500;
}
#wp-calendar thead th,
#wp-calendar tbody td { 
background: #F4F4F4; 
border: none; 
padding: 4px 0px; 
text-align: center;
}
#wp-calendar thead th {
background-color: #E9E9E9;
}
#wp-calendar tbody .pad { 
background: none; 
}
#wp-calendar tfoot #next { 
font-size: 12px; 
text-transform: uppercase; 
text-align: right; 
}
#wp-calendar tfoot #prev { 
font-size: 12px; 
padding-top: 10px;
text-transform: uppercase; 
} .bean-shot img,
.500px_badge_image,
.flickr_badge_image,
.instagram_badge_image,
.500px_badge_image img,
.flickr_badge_image img,
.instagram_badge_image img,
.widget_bean_portfolio .post-thumb img  {
border-radius: 2px!important;
-webkit-transition: all .2s!important;
-moz-transition: all .2s!important;
-ms-transition: all .2s!important; 	   
-o-transition: all .2s!important;
}
.bean-shot:hover img,
.widget_bean_portfolio .post-thumb:hover img {
opacity: .5!important;
}  .search-results .entry-content-media {
display: none;
}
.search section {
margin-bottom: 60px;
}
.search .entry-meta {
text-align: left;
}  .tagcloud {
float: left;
margin-bottom: -4px;
margin-top: 7px;
}
.tagcloud a {
color: #FFF;
border-radius: 2px;
display: inline-block;
font: bold 11px/13px Helvetica, sans-serif!important;	
float: left;
margin: 0px 3px 3px 0px;
padding: 5px 7px 4px;
position: relative;
text-transform: uppercase;
}  .widget_bean-dribbble {
margin-bottom: -12px;
}
.bean-dribbble-shots { 
float: left;
margin-left: -10px;
}
.bean-shot {
float: left;
line-height: 6px;
margin: 0px 0px 12px 10px;
}
.bean-shot a {
display: block;
}
.bean-dribbble-shots img {
border-radius: 0px!important;
height: auto;
position: relative;
width: 100%;
}  div.widget.bean_flickr { 
float: none; 
}
.flickr-image-wrapper {
float: left;
margin: 0 -1.8072%;
width: 103.75%;
}
.flickr_badge_image {
float: left;
margin: 0 1.8072% 3.6144%;
width: 21.33%;
}
.flickr_badge_image a {
float: left;
position: relative;          
}
.flickr_badge_image img {
position: relative;
height: auto;
}	
.flickr-image-wrapper:hover .flickr_badge_image,
.instagram-image-wrapper:hover .instagram_badge_image,
.bean500px-image-wrapper:hover .bean500px_badge_image a { 
opacity: .5!important; 
-webkit-filter: grayscale(1);
}
.flickr-image-wrapper:hover .flickr_badge_image:hover, 
.instagram-image-wrapper:hover .instagram_badge_image:hover,
.bean500px-image-wrapper:hover .bean500px_badge_image a:hover { 
opacity: 1.0!important; 
-webkit-filter: grayscale(0);
}  .instagram-image-wrapper,
.bean500px-image-wrapper {
margin: 0 -1.8072%;
width: 103.75%;
}
.instagram_badge_image,
.bean500px_badge_image {
background: none!important;
border-radius: 0px!important;
margin: 0 1.8072% 3.6144%!important;
width:  21.39%!important;
}
.instagram_badge_image img,
.bean500px_badge_image img {
border-radius: 0px!important;
position: relative;
height: auto!important;
width: auto!important;
-webkit-backface-visibility: hidden;
}
.bean500px_badge_image a:hover, 
.instagram_badge_image a:hover {
opacity: 1!important;
}
.bean500px_badge_image a {
-webkit-transition: all 0s!important;
-moz-transition: all 0s!important;
-ms-transition: all 0s!important; 	   
-o-transition: all 0s!important;
}  .widget_bean_tweets a.twitter-time-stamp {
display: block;
font-size: 14px;
margin: 5px 0 20px;
border-bottom: none;
}
.widget_bean_tweets .button {
border: none;
background: none;
padding: 0px;
margin: 0px;
}  .widget_bean_portfolio ul {
margin-top: 30px;
}
.widget_bean_portfolio ul li {
margin-bottom: 20px;
}
.widget_bean_portfolio ul li:last-child {
margin-bottom: 10px;
}  .widget_bean_portfolio_menu li span {
opacity: 0;
position: relative;
-webkit-transition: opacity .1s;
-moz-transition: opacity .1s;
-ms-transition: opacity .1s;
-o-transition: opacity .1s;
}
.widget_bean_portfolio_menu li:hover span {
opacity: 1;
}  .widget_bean_video .video-frame {
margin-top: 30px;
}   ul.bean_social_icons { text-align: left;}
ul.bean_social_icons li.bean_social_icon {margin: 0px 10px 10px 0px!important;} .bean-pricing-table { font-family: "Roboto", Helvetica, sans-serif; }
.bean-pricing-table .table-mast { background-color: #262626; }
.bean-pricing-table .table-mast:hover { background-color: #222; }
.bean-pricing-table .pricing-column ul { background-color: #F4F4F4; }
.bean-pricing-table .pricing-column li { color: #B7B7B7; font-size: inherit; line-height: inherit; margin-bottom: 3px;}
.bean-pricing-table .pricing-column li.info:hover { color: #262626; }
.bean-pricing-table .table-mast h5.title { color:  #FFF!important; font-family: 'Roboto', sans-serif; font-weight: normal; font-size: 20px!important; }
.bean-pricing-table .pricing-column.six.columns.mobile-four:first-child { padding-right: 20px; }
.bean-pricing-table .pricing-column.six.columns.mobile-four:last-child { padding-left: 20px; }  .fadein,
.row.content {
-webkit-animation-name: fadein;
animation-name: fadein;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
@-webkit-keyframes fadein {
0% {opacity: 0;} 100% {opacity: 1;}
}
@-moz-keyframes fadein {
0% {opacity: 0;} 100% {opacity: 1;}
}
@-o-keyframes fadein {
0% {opacity: 0;} 100% {opacity: 1;}
}
@keyframes fadein {
0% {opacity: 0;} 100% {opacity: 1;}
}			
.slideleft, .slideright {
visibility: visible!important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;	
-webkit-animation-name: slideleft;	
animation-name: slideleft;
-webkit-animation-duration: .3s;	
animation-duration: .3s;
-webkit-animation-timing-function: ease-in-out;        
animation-timing-function: ease-in-out;
-webkit-animation-delay: .75s;
animation-delay: .75s;	        
}
@keyframes slideleft {
0%   { transform: translateX(100%); opacity: 0; }
50%  { transform: translateX(-8%); }
65%  { transform: translateX(5%); opacity: 1; }
80%  { transform: translateX(-5%);  }
95%  { transform: translateX(2%); }			
100% { transform: translateX(0%); }
}
@-webkit-keyframes slideleft {
0%   { -webkit-transform: translateX(100%); opacity: 0; }
50%  { -webkit-transform: translateX(-8%); }
65%  { -webkit-transform: translateX(5%); opacity: 1; }
80%  { -webkit-transform: translateX(-5%); }
95%  { -webkit-transform: translateX(2%); }			
100% { -webkit-transform: translateX(0%); }
}
.slideright {
-webkit-animation-name: slideright;	
animation-name: slideright;       
}
@keyframes slideright {
0%   { transform: translateX(-100%); opacity: 0; }
50%  { transform: translateX(8%); }
65%  { transform: translateX(-5%); opacity: 1; }
80%  { transform: translateX(5%);  }
95%  { transform: translateX(-2%); }			
100% { transform: translateX(0%); }
}
@-webkit-keyframes slideright {
0%   { -webkit-transform: translateX(-100%); opacity: 0; }
50%  { -webkit-transform: translateX(8%); }
65%  { -webkit-transform: translateX(-5%); opacity: 1; }
80%  { -webkit-transform: translateX(5%); }
95%  { -webkit-transform: translateX(-2%); }			
100% { -webkit-transform: translateX(0%); }
}
.BeanErrorShake {
-webkit-animation-name: BeanErrorShake;
-moz-animation-name: BeanErrorShake;
-o-animation-name: BeanErrorShake; 
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-ms-animation-delay: 5s;
-o-animation-delay: 5s;
-webkit-animation-iteration-count: 5;
-moz-animation-iteration-count: 5;               
-webkit-animation-duration: 5s;
-moz-animation-duration: 5s;
-ms-animation-duration: 5s;
-o-animation-duration: 5s;         
}
@-webkit-keyframes BeanErrorShake {
2%, 6%     {-webkit-transform: translateX(3px);	 }
4%, 8%     {-webkit-transform: translateX(-3px); 	 }
10%, 100%  {-webkit-transform: translateX(0px);	 }
}
@-moz-keyframes BeanErrorShake {
0%, 100%  {-moz-transform: translateX(0);		 }
2%, 6%     {-moz-transform: translateX(3px);	 	 }
4%, 8%     {-moz-transform: translateX(-3px); 	 }
10%, 100%  {-moz-transform: translateX(0px);	 	 }
}
@-o-keyframes BeanErrorShake {
2%, 6%     {-o-transform: translateX(3px);	 	 }
4%, 8%     {-o-transform: translateX(-3px); 		 }
10%, 100%  {-o-transform: translateX(0px);	 	 }
}
@keyframes BeanErrorShake {
2%, 6%     {transform: translateX(3px);	 		 }
4%, 8%     {transform: translateX(-3px); 		 }
10%, 100%  {transform: translateX(0px);	 		 }
}   .ie .header {
text-align: center;
} .ie .flickr_badge_image,
.ie .instagram_badge_image,
.ie .bean500px_badge_image,
.ie .bean500px_badge_image img {
width: 80px!important;
}
.ie .flickr_badge_image,
.ie .instagram_badge_image,
.ie .bean500px_badge_image {
margin-bottom: 15px;
} .ie ul.bean-contactform label {
display: block;
}
.ie textarea {
padding-top: 15px; 
}
.ie input[type="text"], 
.ie input[type="password"], 
.ie input[type="date"], 
.ie input[type="email"], 
.ie input[type="number"], 
.ie input[type="search"], 
.ie input[type="tel"], 
.ie input[type="time"], 
.ie input[type="url"], 
.ie textarea {
line-height: 6px;
} @-moz-document url-prefix() { 
.flickr_badge_image,
.instagram_badge_image,
.bean500px_badge_image,
.instagram_badge_image img,
.bean500px_badge_image img{
width: 80px!important;
}
.flickr_badge_image,
.instagram_badge_image,
.bean500px_badge_image {
margin-bottom: 15px;
}
}