#navbar-iframe,.ContactForm,.comment-content a {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
/**
cssreset
*/
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 {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
a img{border-width:0;}
.left{float:left;}
.right{float:right;}
.hide{display:none;}
.half{width:50%;}
.section,.widget{margin:0;}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display:block;
}
body {
line-height:1;
display:block;
}
* {
margin:0;
padding:0;
}
html {
display:block;
}
ol,
ul {
list-style:none;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.navbar,
.post-feeds,
.feed-links {
display:none;
}
.section,
.widget {
margin:0 0 0 0;
padding:0 0 0 0;
}
strong,
b {
font-weight:bold;
}
cite,
em,
i {
font-style:italic;
}
a:link {
color:#48d;
text-decoration:none;
outline:none;
transition:all 0.25s;
-moz-transition:all 0.25s;
-webkit-transition:all 0.25s;
}
a:visited {
color:#48d;
text-decoration:none;
}
a:hover {
color:#ff6c60;
text-decoration:none;
}
a img {
border:none;
border-width:0;
outline:none;
}
sup,
sub {
vertical-align:baseline;
position:relative;
top:-.4em;
font-size:86%;
}
sub {
top:.4em;
}
small {
font-size:86%;
}
kbd {
font-size:80%;
border:1px solid #999;
padding:2px 5px;
border-bottom-width:2px;
border-radius:3px;
}
mark {
background-color:#ffce00;
color:black;
}
p,
blockquote,
pre,
table,
figure,
hr,
form,
ol,
ul,
dl {
margin:1.5em 0;
}
hr {
height:1px;
border:none;
background-color:#666;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:'Oswald', sans-serif;
font-weight:normal;
line-height:normal;
margin:0 0 0.6em;
}
h1 {
font-size:200%;
}
h2 {
font-size:180%;
}
h3 {
font-size:120%;
}
h4 {
font-size:100%;
}
h5 {
font-size:90%;
}
h6 {
font-size:80%;
}
ol,
ul,
dl {
margin:.5em 0 .5em 3em;
}
ol {
list-style:decimal outside;
}
ul {
list-style:disc outside;
}
li {
margin:.5em 0;
}
dt {
font-weight:bold;
}
dd {
margin:0 0 .5em 2em;
}
.quickedit {display:none;}
input,
button,
select,
textarea {
font:inherit;
font-size:100%;
line-height:normal;
vertical-align:baseline;
}
textarea {
display:block;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
pre,
code {
font-family:"
Courier New"
,Courier,Monospace;
color:inherit;
}
pre {
white-space:pre;
word-wrap:normal;
overflow:auto;
}
blockquote {
background: #f0f0f0;
margin-left: 1em;
margin-right: 1em;
padding: 1px 1em;
font-style: italic;
}
img {
max-width:100%;
height:auto;
border:0;
}
table {
max-width:100%;
}
.clear {clear:both;}
body#layout #outer-wrapper { width:1000px;}
body#layout body#layout #post-wrapper, body#layout .sidebar-container {padding:0 0 0 0; width:95%;}
#layout:before {content:'Starter Theme by CB Blogger';text-transform:uppercase;font-size:20px;color:#999;
margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
body#layout ul {display: none;}
body#layout #header-wrapper {margin-top: 5px;padding-bottom: 70px;}
body#layout #header-right{width:400px;}
body#layout #main{width:500px;}
body#layout .sidebar{float:right; width:290px;margin-right:15px;}
#layout .sidebar .add_widget {background-color:#06C100;border:none;}
#layout .sidebar .add_widget a {color:#fff;}
body#layout .panel {float:left;width:79px;}
.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
body#layout #footer-wrapper .left {float:left; width:250px;}
body#layout #footer-wrapper .center {float:left;width:250px;}
body#layout #footer-wrapper .right {float:left;width:250px;}
body {background: rgba(209,209,209,1);
background: -moz-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,209,209,1)), color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(219,219,219,1)));
background: -webkit-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
background: -o-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
background: -ms-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#dbdbdb', GradientType=0 );margin:0 0 0 0;padding:0 0 0 0;color:#333333;font:normal normal 15px 'Roboto',Arial,Helvetica,sans-serif;text-align:left;font-weight:300;line-height: normal;}
#outer-wrapper {background:#fff;max-width:1000px;margin:0 auto;padding:0 25px;overflow:hidden; text-align:left; font:normal normal 100% 'Roboto',Helvetica,Arial,sans-serif;}
#header-wrapper {margin:0 auto 0;padding:10px 0;overflow:hidden;background:#FEFEFE;}
.header {float:left;width:35%;max-width:350px;margin:5px 0;}
.header h1.title,
.header p.title {margin:0 0 0 0;font-weight:600;font-size:35px;color:$(mastercolor);font-family:'Open Sans',sans-serif;text-transform:uppercase;}
.header .description {margin:0;margin-right:5px;margin-bottom:5px;padding:0;line-height:1.4em;font:normal normal 100% sans-serif;color:#888;}
.header a {color:#333333;}
.header a:hover {color:#999;}
.header img {display:block;margin:10px 0}
.header-right {float:right;padding:0;overflow:hidden;margin:15px 0;width:65%;max-width:700px;}
.header-right img {display:block;}
#main-wrapper {background:transparent;float:left;width:66%;margin:0 0 10px;padding-right:10px;padding-top:10px;}
#post-wrapper {background-color:#FEFEFE;width:100%;padding:0 10px;}
.breadcrumbs {font-size:13px;color:#666;padding:10px;margin:10px 0 15px;background:#fafafc;}
.post {background:#ffffff;border-bottom:1px solid #e5e5e5;margin:15px 0;padding:10px}
.post-body {font-size:100%;line-height:1.45em;word-wrap: break-word;}
.post h2,.post h1 {font-family:'Oswald',sans-serif;font-weight:400;}
.post h2 {font-size:18px;line-height:normal}
.post h1 {font-size:22px;line-height:normal}
.post h2 a,.post h1 a,.post h2,.post h1 {color:#444;}
.post h2 a:hover,.post h1 a:hover {color:#f65b4f;}
.post-header{border-bottom:1px solid #F1F1F1;padding:5px 0;margin-bottom:10px;}
.post-body img{max-width:100%;height:auto}
.post-body img{margin:5px 5px 5px 0;}
.post-body blockquote{padding-left:32px;margin:20px;position:relative;line-height:1.6em;}
.post-body blockquote:before{font-family:FontAwesome;content:"\f10d";left:0;top:5px;font-size:150%;color:#888;margin-right:5px;padding:5px;}
.post-body table td, .post-body table caption{border:1px solid #e6e6e6;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #FEFEFE;padding:10px;text-align:left;vertical-align:top;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;}
.post-body td:hover{background:#fafafa;}
.post-body th{background:#e74c3c;color:#fff;}
.post-body th:hover{background:#324353;}
.post-body table.tr-caption-container td {border:none;padding:5px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
img {max-width:100%;height:auto;border:none;}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.widget ul {padding:0;}
.img-thumbnail {    background: #fbfbfb url(../img/BS+No+Image+Dark.jpg) no-repeat center center;
position: relative;
float: left;
width: 100%;
height: 120px;
border: 1px solid #FAF8F8;
margin: 0 20px 10px 0;}
.img-thumbnail img {width:100%;height:100%;}
span.thumbsnail:hover{background-image:url(../img/icon-hover.png);
background-position:50% 50%;background-repeat:no-repeat;display:block}
span.thumbsnail {-o-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-webkit-transition:all 0.1s ease-out;background:#444;cursor:pointer;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;}
span.thumbsnail:hover {opacity:.8;}
.post-info {background:transparent;margin:0 0 12px;color:#666666;font-size:11px;}
.post-info a {display:inline-block;color:#666666;}
.author-info,.time-info,.comment-info,.label-info,.review-info {margin-right:12px;display:inline;}
#sidebar-wrapper {background-color:#FFF;float:right;width:31%;margin:10px auto;padding:0 10px;}
.sidebar-container {padding:10px 0;}
.sidebar-container a{color:#666}
.sidebar-container a:hover{color:#48d}
.sidebar .widget {margin:0 0 7px;}
.sidebar ul,.sidebar ol {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;}
.sidebar li {margin:5px 0;padding:0 0 0 0;}
#comments {margin:5px 0;padding:5px 0;border-top:2px solid #eee;}
#comments h3 {margin-bottom:15px;font-size:18px;}
.comments h4{font:normal bold 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif;margin:.75em 0 0}
#comments .comment-author{padding-left:25px}.comment-body{margin:.5em 25px}.comment-footer{margin:.5em 25px 1.5em}.comment-body p{margin:0}#comments .avatar-comment-indent .comment-author{margin-left:-45px;padding-left:45px}.deleted-comment{font-style:italic;opacity:.5}
#comment-actions{background:transparent;border:0;padding:0;position:absolute;height:25px}#comments .blogger-comment-icon,.blogger-comment-icon{line-height:16px;background:url(/img/b16-rounded.gif) left no-repeat;padding-left:20px}#comments .openid-comment-icon,.openid-comment-icon{line-height:16px;background:url(/img/openid16-rounded.gif) left no-repeat;padding-left:20px}#comments .anon-comment-icon,.anon-comment-icon{line-height:16px;background:url(/img/anon16-rounded.gif) left no-repeat;padding-left:20px}.comment-form{clear:both;_width:410px}.comment-link{white-space:nowrap}.paging-control-container{float:right;margin:0 6px 0 0;font-size:80%}.unneeded-paging-control{visibility:hidden}#comments-block .avatar-image-container img{-ms-interpolation-mode:bicubic;border:1px solid #ccc;float:right}#comments-block .avatar-image-container.avatar-stock img{border-width:0;padding:1px}#comments-block .avatar-image-container{height:37px;left:-45px;position:absolute;width:37px}#comments-block.avatar-comment-indent{margin-left:45px;position:relative}#comments-block.avatar-comment-indent dd{margin-left:0}iframe.avatar-hovercard-iframe{border:0 none;padding:0;width:25em;height:9.4em;margin:.5em}.comments{clear:both;margin-top:10px;margin-bottom:0}.comments .comments-content{margin-bottom:16px}
.comments .comment .comment-actions a{padding: 5px 8px;background: #5f4d53;color: #fff;font-size: 12px;margin-right: 10px;border-radius: 5px;}.comments .comment .comment-actions a:hover{text-decoration:underline}
.comments .comments-content .comment-thread ol{list-style-type:none;padding:0;text-align:left;margin:0;}
.comments .comments-content .inline-thread{padding:.5em 1em}.comments .comments-content .comment-thread{margin:8px 0}.comments .comments-content .comment-thread:empty{display:none}.comments .comments-content .comment-replies{margin-left:36px;margin-top:1em}.comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px}.comments .comments-content .comment:first-child{padding-top:16px}.comments .comments-content .comment:last-child{border-bottom:0;padding-bottom:0}.comments .comments-content .comment-body{position:relative}.comments .comments-content .user{font-style:normal;font-weight:bold}.comments .comments-content .icon.blog-author{display:inline-block;height:18px;margin:0 0 -4px 6px;width:18px}.comments .comments-content .datetime{margin-left:6px;display:none}.comments .comments-content .comment-header,.comments .comments-content .comment-content{margin:0 0 8px}
.comments .comments-content .comment-content{text-align:left;text-align: left;font-size: 95%;font-family: Arial;}
.comments .comments-content .owner-actions{position:absolute;right:0;top:0}.comments .comments-replybox{border:none;height:250px;width:100%}.comments .comment-replybox-single{margin-left:48px;margin-top:5px}.comments .comment-replybox-thread{margin-top:5px}.comments .comments-content .loadmore a{display:block;padding:10px 16px;text-align:center}.comments .thread-toggle{cursor:pointer;display:inline-block}.comments .continue{cursor:pointer}.comments .continue a{display:block;font-weight:bold;padding:.5em}.comments .comments-content .loadmore{cursor:pointer;margin-top:3em;max-height:3em}.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}.comments .thread-chrome.thread-collapsed{display:none}.comments .thread-toggle{display:inline-block}.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}.comments .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}.comments .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}.comments .avatar-image-container{float:left;max-height:36px;overflow:hidden;width:36px}.comments .avatar-image-container img{max-width:36px}.comments .comment-block{margin-left:48px;position:relative}.comments .hidden{display:none}@media screen and (max-device-width:480px){.comments .comments-content .comment-replies{margin-left:0}}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}.icon-action{border-style:none !important;margin:0 0 0 .5em !important;vertical-align:middle}.comment-action-icon{width:13px;height:13px;margin-top:3px}.delete-comment-icon{background:url("/img/icon_delete13.gif") no-repeat left;padding:7px}#comment-popup{position:absolute;visibility:hidden;width:100px;height:20px}
.comments h4{font:normal bold 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif;margin:.75em 0 0}
blockquote{background:#f9f9f9;padding:15px;margin:10px}
#comments .comment-author{padding-top:1.5em;border-top:1px solid #ffffff;background-position:0 1.5em}
#comments .comment-author:first-child{padding-top:0;border-top:none}
.avatar-image-container{margin:.2em 0 0}
#comments .avatar-image-container img{border:1px solid #eeeeee}
.comments .comments-content .icon.blog-author{display:none}
.comments .comments-content .loadmore a{border-top:1px solid #999999;border-bottom:1px solid #999999}
.comments .comment-thread.inline-thread{background-color:#f9f9f9}
.comments .continue{border-top:1px solid #ddd}
.comment-form p {margin:15px 0;}
iframe{border:none;overflow:hidden}
.center {text-align:center;}
#Attribution1 {height:0;visibility:hidden;display:none;}

.menu-wrapper {background:#fff;position:relative;z-index:96;overflow:hidden;margin:0 auto;padding:0px;border-bottom:1px solid #eee}
.top-menu {display:block;margin:0 auto;float:left;padding:10px 0;width:100%;background:transparent;border:none;}
.top-menu ul {width:100%;padding:0;margin:0;text-align:left;}
.top-menu li {list-style-type:none;float:left;padding:0;margin:0;}
.top-menu li a {position:relative;font-family:'Open Sans';font-size:14px;font-weight:400;background-color:transparent;color:#666;display:block;margin:0;padding:8px 12px;line-height:100%;transition:color 0.3s;}
.top-menu ul li a:active, .top-menu ul li.highlight a {line-height:100%;text-decoration:none;}
.top-menu ul li a:hover {background:#ef4824;color:#fff;text-decoration:none;}
.top-menu li.socialwrap {float:right;}
.top-menu li.socialwrap a i{text-align:center;color:#666;transition:initial;}
.top-menu li.socialwrap a:hover{background:#ef4824;color:#fff;}
.top-menu li.socialwrap.pinterest {border-right:0;}
.top-menu a#pull {display:none;}
.push {display:none;background:#e74c3c;padding:0 15px;height:45px;line-height:45px;color:#fff!important;}
.push:hover {background:#e74c3c;}
#nav {font-family:'Open Sans';font-size:14px;font-weight:700;background:#363b40;height:45px;line-height:45px;margin:0 auto;text-transform:uppercase}
.main-menu {background:$(color2);list-style:none;margin:0 0 0 0;float:left;}
.main-menu:before,.main-menu:after {content: " ";display:table;}
.main-menu:after {clear:both;}
.main-menu ul {list-style:none;margin:0 0 0 0;width:12em;}
.main-menu a {display:block;padding:0 15px;}
.main-menu li {position:relative;margin:0 0;}
.main-menu > li {float:left;}
.main-menu > li > a {display:block;height:45px;line-height:45px;color:#fff;}
.main-menu > li > a.active {background:#e74c3c;height:45px;}
.main-menu > li:hover > a {background:#e74c3c;color:#fff;}
.main-menu li ul {background:#fff;display:block;position:absolute;left:0;z-index:10;visibility:hidden;opacity:0;box-shadow:0 0 5px rgba(0,0,0,0.1);transition:initial;}
.main-menu li li ul {left:100%;top:-1px;}
.main-menu > li.hover > ul {visibility:visible;opacity:1;}
.main-menu li li.hover ul {visibility:visible;opacity:10;}
.main-menu li li a {display:block;background:#282b2f;color:#FFFFFF;position:relative;z-index:100;height:46px;line-height:46px;font-weight:400;transition:initial;}
.main-menu li li a:hover {background:#e74c3c;color:#fff;}
.main-menu li li li a {background:#282b2f;z-index:20;color:#FFFFFF;}
.main-menu li .parent:after {font-family:FontAwesome;content:"\f175";position:absolute;top:60%;$endSide:20px;margin-top:-28px;height:0px;width:0;font-size:10px;padding-left:6px;color:#e74c3c;}
.main-menu li:hover .parent:after{color:#FFFFFF;}
.main-menu li ul li .parent:after {font-family:FontAwesome;content:"\f178";position:absolute;top:60%;$endSide:20px;margin-top:-28px;height:0px;width:0;font-size:10px;color:#e74c3c;}
.main-menu li ul li .parent:hover:after {color:#222222;}

#related-posts{float:left;width:100%;border-top:1px solid #ddd;margin:5px 0;background: #fff;padding:10px 0;}
#related-posts .judul{background:none;color:#333;font:16px Oswald;padding:5px 0}
#related-posts .cbblogger_img {padding:0 0;width:152px;height:100px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#related-posts .cbblogger_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}

.FollowByEmail .widget-content:before{content:"Enter your email address to subscribe to this blog and receive notifications of new posts by email.";display:block}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {background-color:#e74c3c;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {font-size: 13px;padding: 6px 0;padding-left: 5%;width: 93%;}
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {background-color:#000000;border:1px solid #e74c3c;}
input[type="submit"] {border-radius:2px;background-color:#06C100;outline:0;border:0;padding:5px 8px;color:#FFFFFF;margin:2px 3px;cursor:pointer;}
input[type="submit"]:hover {background-color:#324353;}
input[type="text"] {padding: 4px 5px;border: 1px solid rgba(219,219,219,1);color: #324353;}

.cloud-label-widget-content {text-align: left;} .label-size {background: #83B4D8;display: block;float: left;margin: 0 3px 3px 0;color: #fff;font-family:Open Sans,Arial, Sans-Serif;font-size: 14px;text-transform: uppercase;} .label-size:nth-child(1) {background: #c00;} .label-size:nth-child(2) {background: #37C371;} .label-size:nth-child(3) {background: #10BBEA;} .label-size:nth-child(4) {background: #25CBFE;} .label-size:nth-child(5) {background: #963690;} .label-size:nth-child(6) {background: #A3195C;} .label-size:nth-child(7) {background: #545454;} .label-size:nth-child(8) {background: #F2A15F;} .label-size:nth-child(9) {background: #00FF80;} .label-size:nth-child(10) {background: #B7860B;} .label-size:nth-child(11) {background: #99CC33;} .label-size:nth-child(12) {background:#294969;} .label-size:nth-child(13) {background: #3FDECF;} .label-size:nth-child(14) {background: #FF2F0A;} .label-size:nth-child(15) {background: #E9DB58;} .label-size:nth-child(16) {background: #42FFBD;} .label-size:nth-child(17) {background: #6899ED;} .label-size:nth-child(18) {background: #FF52AE;} .label-size:nth-child(19) {background: #8DBC2F;} .label-size:nth-child(20) {background: #80FF00;} .label-size a, .label-size span { display: inline-block; color: #fff !important; padding: 4px 10px; font-weight: bold; } .label-size:hover { background: #222; } .label-count { white-space: nowrap; padding-right: 3px; margin-left: -3px; background: #333; color: #fff ; } .label-size:hover .label-count, .label-size:focus+.label-count { background-color: #FF6BFF; }
.d-header {margin-top: -1px;}
.ccounter {margin-top: -1px;}

.PopularPosts .widget-content ul li {background:none repeat scroll 0 0 transparent;float:left;list-style:none outside none;margin:0 !important;padding: 0 !important;border-bottom:none}
.PopularPosts ul{padding:5px 0}
.PopularPosts .item-thumbnail img{width:145px;height:90px;padding:0;margin:0}
.PopularPosts .item-content{position:relative;float:left;margin:0 3px}
.PopularPosts .item-title a{font-size:12px;color:#fff;display:block;padding:5px;float:left;width:135px;line-height:normal}
.PopularPosts .item-title:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
.PopularPosts .item-thumbnail{float:left;margin:5px 2px -5px 0;overflow: hidden}
.PopularPosts .item-title{background:#000;position:absolute;bottom:1px;right:2px;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=6)}

iframe {border:none;overflow:hidden;}
.center {text-align:center;}
.pagenavi {clear:both;margin:-5px 0 10px;text-align:center;font-size:14px;font-weight:normal;text-transform:uppercase;}
.pagenavi span,.pagenavi a {padding:8px 15px;margin-right:5px;display:inline-block;color:#666;background-color:#333333;color:#FEFEFE;}
.pagenavi .pages, .pagenavi a:hover {background:#e74c3c;color:#fff !important;}
.pagenavi .pages {display:none;}
.post-timestamp,.post-comment-link {margin-bottom:10px;font-size:11px;border:1px solid #e5e5e5;color:#48d;text-decoration:none;padding:3px 6px;display:inline-block;font-family:'Open Sans',sans-serif;}

.post ul{margin:10px 0 10px 28px; list-style-type:disc}
.post ol{margin:0 0 13px 28px; list-style-type:decimal}
.post ul li, ol li{padding-bottom:3px}

ol {counter-reset:li;list-style: none;font:15px 'Montserrat', Sans-Serif;
padding:0;margin-bottom:2em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
margin:.5em 0 .5em 2.5em;background:#fafafa;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:hover{background:#f9f9f9;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
left:-2.5em;top:50%;margin-top:-1em;background:#000000;color:#FEFEFE;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent;
left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{left:-.5em;border-left-color:#e74c3c;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#f9f9f9;}

.post-body blockquote {text-align:left!important;background: #F9F9F9;margin: 0 80px;padding: 10px 20px 10px 20px;font-size: 1.1em;
word-wrap: break-word;overflow: hidden;}
.post-body blockquote p {margin: 0;padding: 0 0 15px;}
.post-body blockquote {padding-left:32px;margin:20px;position:relative;line-height:1.6em;}
.demo,.download{padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:Karla,sans-serif;text-align:center;text-transform:uppercase;border-radius:3px;opacity:.95;border:0;letter-spacing:2px;transition:all .2s ease-out}
.demo {background-color:#3498DB;}
.download {background-color:#e74c3c;}
.demo:hover,.download:hover {background-color:#36424a;color:#fff;opacity:1;}
.demo:before {content:'\f135';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:'\f019';display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.dropcap{float:left;color:#e74c3c;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia,Utopia,Charter,serif;text-shadow : 1px 1px 2px rgb(64,64,64);}
.info {width:90%;
text-align:justify;color:#FFFFFF;line-height:1.4em;word-wrap:break-word;margin:10px 0 1em;padding:.7em 1.2em;background-color:#FDCE09;font-size:15px;font-family:'Arimo', sans-serif;font-weight: bolder;text-shadow:1px 0 6px #333;box-shadow:2px 3px 6px #D7D7D7}
.info::before{font-family:FontAwesome;position:relative;content:'\f05a';font-size:20px;padding-right:10px; padding-bottom:10px;}
.info:hover
{
-moz-box-shadow: 5px 5px 45px #B8D5E3; /* Firefox 3.6 and earlier */
box-shadow: 5px 5px 45px #B8D5E3;
}
.update{width:90%;
text-align:justify;color:#FFFFFF;line-height:1.4em;word-wrap:break-word;margin:10px 0 1em;padding:.7em 1.2em;background-color:#29B7FF;font-size:15px;font-family:'Arimo', sans-serif;font-weight: bolder;text-shadow:1px 0 6px #333;box-shadow:2px 3px 6px #D7D7D7}
.update::before{font-family:FontAwesome;position:relative;content:'\f0a1';font-size:20px;padding-right:10px; padding-bottom:10px}
.update a:link {color:#FFFFFF;}
.update a.visited{color:#FFFFFF;}
.update:hover
{
-moz-box-shadow: 5px 5px 45px #B8D5E3; /* Firefox 3.6 and earlier */
box-shadow: 5px 5px 45px #B8D5E3;
}
.success{width:90%;
text-align:justify;color:#FFFFFF;line-height:1.4em;word-wrap:break-word;margin:10px 0 1em;padding:.7em 1.2em;background-color:#2EC23E;font-size:15px;font-family:'Arimo', sans-serif;font-weight: bolder;text-shadow:1px 0 6px #333;box-shadow:2px 3px 6px #D7D7D7}
.success::before{font-family:FontAwesome;position:relative;content:'\f058';font-size:20px;padding-right:10px; padding-bottom:10px}
.success:hover {-moz-box-shadow: 5px 5px 45px #B8D5E3; /* Firefox 3.6 and earlier */ box-shadow: 5px 5px 45px #B8D5E3;}
.warning{width:90%;
text-align:justify;color:#FFFFFF;line-height:1.4em;word-wrap:break-word;margin:10px 0 1em;padding:.7em 1.2em;background-color:#FC402C;font-size:15px;font-family:'Arimo', sans-serif;font-weight: bolder;text-shadow:1px 0 6px #333;box-shadow:2px 3px 6px #D7D7D7}
.warning::before{font-family:FontAwesome;position:relative;content:'\f071';font-size:20px;padding-right:10px; padding-bottom:10px}
.warning:hover {-moz-box-shadow: 5px 5px 45px #B8D5E3; /* Firefox 3.6 and earlier */ box-shadow: 5px 5px 45px #B8D5E3;}

kbd{border:1px solid gray;font-size:1.2em;box-shadow:1px 0 1px 0 #eee, 0 2px 0 2px #ccc, 0 2px 0 3px #444;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:2px 3px;padding:1px 5px;}

.newcomment {font-family:'Open Sans';sans-serif; font-size:12px;color:$(color2);}
.date{float:left;width:100%;padding-left:10px;margin-bottom:10px;background-color:$(color4);color:$(color1);}
ul.newcomment,ul.newcomment li{list-style:none;padding:0;margin:0;overflow:hidden;border-bottom:1px solid #E2E2E2;padding-top:5px;}
ul.newcomment .commentimage{float:left;padding-right:3px;margin-right:3px;padding-top:3px;}
ul.newcomment strong{display:block}
ul.newcomment p{margin:5px 0 10px;color:$(color2);}
ul.recntpst .cm,ul.newcomment .date{font-size:10px}
ul.newcomment .dd,ul.newcomment .dm,ul.newcomment .dy{margin-right:3px}
ul.newcomment a{text-decoration:none}
.commentatorid, .comtitle{font-size:13px;}
.newcomment li:first-child > a:before {content:"New";font-family:'Open Sans';sans-serif;font-size:12px;font-weight:400;padding:0 4px;border-radius:2px;color:#fff;background:#000000;display:inline-block;position:absolute;right:0;top:0;}

.index #blog-pager,.archive #blog-pager{display:none;margin:0;padding:10px 0;direction:ltr;}
.index #main,.archive #main{position:relative;}
#blog-pager a{text-decoration:none;outline:none;}
#blog-pager > .showpageNum:first-child a,.showpage a{float:left;}
#blog-pager > .showpageNum:last-child a{float:right;}
.showpageNum a,.showpagePoint,.showpage a{display:inline-block;padding:5px 6px;margin:0 1px;background-color:#e74c3c;color:#FEFEFE;}
.showpagePoint,.showpageNum a:hover{background-color:#e74c3c;}
.showpageArea a{text-decoration:none}
.pager-fill{overflow:hidden;background:#FFF}
.pager-fill a,.pager-fill .linkgrey{width:50%;display:block;float:left;padding:10px 0;text-decoration:none;}
.pager-fill h5,.pager-fill h6{margin:0;font-weight:normal;}
.pager-fill h6{font-size:100%;}
.pager-fill h5{font-size:100%;}
a.blog-pager-newer-link{text-align:left;position:relative;}
a.blog-pager-newer-link h6,a.blog-pager-newer-link h5{padding-left:35px;}
a.blog-pager-older-link{text-align:right;position:relative;}
a.blog-pager-older-link h6,a.blog-pager-older-link h5{padding-right:35px;}
.pager-fill .linkgrey.left{text-align:left;}
.pager-fill .linkgrey.right{text-align:right;}
a.blog-pager-newer-link:after,a.blog-pager-older-link:after{width:0;height:0;border-width:8px 6px;position:absolute;top:50%;margin-top:-8px;}
a.blog-pager-newer-link:before{border-right-color:$(mastercolor);left:0;content:"\f177";top:0;font-family:FontAwesome; font-size:30px;color:#e74c3c;border-width:12px 6px;position:absolute;top:52%;margin-top:-30px;margin-right:15px;}
a.blog-pager-older-link:before{border-left-color:$(mastercolor);right:0;content:"\f178";top:0;font-family:FontAwesome; font-size:30px;color:#e74c3c;border-width:12px 6px;position:absolute;top:55%;margin-top:-30px;margin-left:15px;}

a#back2top{background-color:#3A3A3A;}
#back2top{position:absolute;position:fixed;bottom:10px;right:30px;padding:6px;width:20px;display:none;height:20px;background-color:#e74c3c;cursor:pointer;color:#FEFEFE;z-index:999;}
#back2top .fa{font-size:1em;margin-left:7px; margin-top:2px;}
#back2top:hover{height:30px;background-color:#e74c3c;}

#Attribution1 {height:0px;visibility:hidden;display:none;}
.status-msg-wrap {width:100%;margin:20px auto;}
.status-msg-body {padding:20px 2%;width:96%;background:#fff;}
.status-msg-border {border:none;opacity:1;width:auto;}
.status-msg-bg {background-color:#fff;}
.status-msg-hidden {padding:20px 2%;}

#footer-wrapper {background:#444;overflow:hidden;margin:0 auto;padding:15px;color:#9c9c9c;}
#footer-wrapper .left {float:left;width:34%;}
#footer-wrapper .center {float:left;width:34%;}
#footer-wrapper .right {float:right;width:32%;}
#footer-wrapper .left .widget,
#footer-wrapper .center .widget {text-align:left;margin:0 15px 15px 0;}
#footer-wrapper .right .widget {margin:0 0 15px 0;}

#footer-wrapper h2 {
  font:normal 300 16px Oswald,sans-serif;
  margin:0 0 10px 0;
  padding:6px 0;
  border-bottom:2px solid #9c9c9c;
  text-transform:uppercase;
  position:relative;
  color:#ccc;
}
#sidebar-wrapper h2 {
  font:normal 300 16px Oswald,sans-serif;
  margin:0 0 10px 0;
  padding:6px 0;
  border-bottom:2px solid #222222;
  text-transform:uppercase;
  position:relative;
  color:#555;
}
#footer-wrapper h2:after,
#sidebar-wrapper h2:after {
  content:" ";
  width:90px;
  height:0;
  position:absolute;
  left:0;
  bottom:-2px;
  border-bottom:2px solid #e74c3c;
}

#footer-wrapper ul,#footer-wrapper ol {list-style-type:none;margin:0 0 0 0;padding:0 0 0 0;}
#footer-wrapper li {margin:5px 0;padding:0 0 0 0;}
#footer-wrapper ul li:before {color:#eeeeee !important;}
#footer-wrapper a {color: #ccc;font-size: 13px;}
#footer-wrapper a:hover {color:#ff6;}
#footer-credits {background:#333333;margin:0 auto;padding:8px 5px;overflow:hidden;color:#eeeeee;font-size:11px;}
#footer-credits a{color:#eeeeee;font-size:12px;}
#footer-credits a:hover{color:#ff6;}
.footer-center {margin:10px;font:normal 300 12px 'Open Sans',sans-serif;text-align:center;}
#footer-wrapper a:hover {color:#9c9c9c;}
.widget ul {line-height:1.4em;}
@media only screen and (max-width:1066px) {
      #outer-wrapper { margin:0 auto; }}
@media only screen and (max-width:966px) {
    .header,.header-right { float:none; width:100%; font-size:100%; text-align:center; max-width:100%; } }

@media only screen and (max-width:768px) {
.nav { float:none; width:100%; max-width:100%; } .active { display:block; } .nav li ul:before { display:none; } .nav > li {float: none;
    overflow: hidden;
    z-index: 9999;
    background: #222;} .nav ul { display:block; width:100%; float:none; } .menu-top li ul { background:#222222; border:none; box-shadow:none; } .nav > li.hover > ul,.nav li li.hover ul { position:static; } .post-body img { max-width:90%; } .sidebar-container,.post-container { padding:15px 0 0; }
#main-wrapper {width:65%;}
.menu-wrapper {margin:0;border-bottom:1px solid #e6e6e6;}
.top-menu {display:block;width:100%;padding:0}
.top-menu ul {text-align:center;}
.top-menu ul {display:none;height:auto;}
.top-menu a#pull{color:#666;display:inline-block;font-family:'Open Sans';font-size:12px;font-weight:700;padding:10px;position:relative;text-align:left;width:100%}
.top-menu a#pull:before{content:"\f03a";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;font-size:20px;color:#666;display:inline-block;position:absolute;right:15px;top:5%;margin-right:10px;line-height:30px;}
.top-menu a#pull:hover{background:transparent}
.top-menu li {display:block;width:50%;text-align:left;border-right:none;}
.top-menu li a {padding:15px 20px;display:block;}
.top-menu li a:hover, nav a:active {background:#ef4824;border:none;color:#fff;}
.top-menu ul li a:hover {background:#ef4824;color:#fff;}
.top-menu li.socialwrap {float:left;}
.top-menu li.socialwrap.twitter {border-left:0;}
.active {display:block;}

.nav {float:none;width:100%;max-width:100%;background:#222222;}
.active {display:block;}
.main-menu > li > a.active {background:#222222;border-top:4px solid #e74c3c;}
.main-menu > li > a.active:hover {background:#282b2f;}
.nav li ul:before {display:none;}
.nav > li {float:none;overflow:hidden;}
.nav ul {display:block;width:100%;float:none;}
.main-menu li ul {background:#222222;box-shadow:none;}
.main-menu li ul li a{background:#333333;}
.main-menu li li a:hover {background:#e74c3c;}
.nav > li.hover > ul , .nav li li.hover ul {position:static;}
.main-menu li .parent:after,.main-menu li ul li .parent:after {content:"\f175";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px;float:right;color:#9da4ab;}
.main-menu li:active .parent:after,.main-menu li ul li:active .parent:after {color:#c5cbd0;}
}

@media only screen and (max-width:640px) {
#outer-wrapper {padding:0 10px;} #feature-wrapper {width: 100%;margin-bottom:5px;}
#main-wrapper{width:100%;}
#sidebar-wrapper {width:100%;}
#footer-wrapper .left,#footer-wrapper .center,#footer-wrapper .right { float:none; width:100%; max-width:100%; } .header,.header-right {margin:1px 0; } .sidebar-container,.post-container { padding:10px 0 0; } #footer-wrapper { padding:10px; } .post,.breadcrumbs { margin:0 0 10px; padding:10px; } .pagenavi { margin:6px 0 10px; } #footer-wrapper .left .widget,#footer-wrapper .center .widget,#footer-wrapper .right .widget,.sidebar .widget { margin:0 0 10px 0; } .menu-wrapper {margin:0 auto 20px auto;}
}

@media only screen and (max-width:480px) {
#outer-wrapper { padding:0 8px; }
.header img {float: left;margin-top: -30px;padding-bottom: 10px;}
#footer-wrapper { padding:8px; } .post,.breadcrumbs { margin:0 0 8px; padding:8px; } h2.post-title,h1.post-title { font-size:16px; }.img-thumbnail img { width:100%; height:100%} .img-thumbnail {margin: 0 8px 0 0;width: 100%;height: 200px;margin-bottom: 10px;} .comments .comment-block,.comments .comments-content .inline-thread { padding:10px !important; } .comment .comment-thread.inline-thread .comment { margin:0 0 0 0 !important; } .footer-left,.footer-right { float:none; text-align:center; } .top-menu li {display:block;width:100%;text-align:left;border-right:none;}
}

@media screen and (max-width:320px) {
#outer-wrapper{ padding:0 6px; } .post,.breadcrumbs { padding:6px; } .img-thumbnail,.img-thumbnail img { width:100px; height:80px; }
}

@media print {
body{padding:0}
#outer-wrapper {border-right:none;border-left:none;}
#post-wrapper{width:100%;margin:0 auto;}
.post-vinfo {background:#fff;border:none;}
.post {background:#fff;margin:0 0 15px;padding:15px;border:none;}
h1.post-title {border-bottom:none;}
.post blockquote{background:transparent;color:#666;border:none;}
.shareinktop-wrapper,#nav,.share-post,#BackToTop,.breadcrumbs,.halaman,#blog-pager,.banner,#banner,.banner2,#banner2,#sidebar-wrapper,#comments,#footer-wrapper,#header-wrapper,div#banner,div#banner2,.main-menu{opacity:0;display:none;visibility:hidden;width:0;height:0;}
.status-msg-border{border:none;}}
.video-container {position:relative; margin:0 0 15px 0;padding-bottom:51%;padding-top:30px;height:0;overflow:hidden; border:1px solid #ccc;}
.video-container iframe,.video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.thumb-vid {display:none}
.videoyoutube{text-align:center;margin:auto;width:100%;}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.pigment {
	background: #2C2C2C;
    z-index: 1;
    margin: 0 15px 5px 0;
    padding: 12px 0 1px 0;
    position: relative;}
.pigment:before{background: #3679c6; bottom: 0; content: ""; height: 100%; left: 0; position: absolute; width: 209px; z-index:-1;}
.pigment:after{border-color: transparent transparent #3679c6; border-style: solid; border-width:35.5px; bottom: 0; content: ""; left: 176px; position: absolute;}
.pigment h4 {text-transform:uppercase; line-height:10px; padding:0 0 0 10px;font-size:14px}
.pigment h4, .pigment h4 a {color:#fff;}
.pigment h4 a:hover {}
@media (max-width: 300px) {
.pigment:after{border:none;}
}


.cf:before, .cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.cf{
    zoom:1;
}

 /* Form wrapper styling */
.search-wrapper {
width:100%;
margin:0 0 10px 0;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset, 0px 1px 0px rgba(255, 255, 255, 0.2);
border: 1px solid #ddd;
}

/* Form text input */

.search-wrapper input {
width:64%;
height: 20px;
padding: 10px;
float: left;
font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
border: 0;
background: #EEE;
border-radius: 3px 0 0 3px;
}

.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}

.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width:29%;
font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
color: white;
text-transform: uppercase;
background: #D83C3C;
border-radius: 0 3px 3px 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}

.search-wrapper button:hover{
    background: #e54040;
}

.search-wrapper button:active,
.search-wrapper button:focus{
    background: #c42f2f;
    outline: 0;
}
.search-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;}
.search-wrapper button:hover:before{border-right-color: #e54040;}
.search-wrapper button:focus:before,
.search-wrapper button:active:before{border-right-color: #c42f2f;}
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}
.snippets {font-size:95%;line-height:normal}

#main-wrapper {background:transparent;float:left;width:66%;margin:0 0 10px;padding-top:10px;}
#sidebar-wrapper {width: 31%;padding: 0px 5px;}
.post-outer {width: 31.5%;height: auto;float: left;margin-right: 10px;}
.post {background: #fff;margin: 5px 0;padding: 0;height: auto;min-height: 180px;border: none;line-height: normal;font-size: small;}
.post h2 {margin: 0 0 5px;border: none;font-size: 13px;font-family: Tahoma;font-weight: 700;}
.post-thumbnail img {float: left;margin: 0 10px 12px 0;background: #fff;width: 177px;height: 120px;padding: 0;border: none;box-shadow: none;}
.snippets {display:none}
#blog-pager,.date-header {clear:both !important;}

@media only screen and (max-width:800px) {
.post-outer {width:30.5%;height:160px;float: left}
#main-wrapper {width:65%;}
}
@media only screen and (max-width: 768px) {
#outer-wrapper { padding:0 12px; }
.post-outer {
    width: 30.5%;
    height: auto;
    float: left;
    margin-right: 10px;}
    #main-wrapper { width:65%; }
    #sidebar-wrapper { width:30%; }
    .img-thumbnail {height:120px;}
}
@media only screen and (max-width: 640px){
#main-wrapper {width: 100%;}
.post-outer {width: 100%;}
#sidebar-wrapper {width: 100%;margin:0 -10px;}
.right {text-align: center;float: none;}
.img-thumbnail {height:230px;}
}
@media screen and (max-width: 480px){
.img-thumbnail, .img-thumbnail img {width: 100%;height:180px}
.post-outer {width:100%;height:auto;}
}
@media screen and (max-width: 360px){
.img-thumbnail, .img-thumbnail img {width: 100%;height:160px}
.post-outer {width:100%;height:auto;}
}
@media screen and (max-width: 320px){
.img-thumbnail, .img-thumbnail img {width: 100%;height:160px}
.post-outer {width:100%;height:auto;}
}
</style>
<!-- Two Col End -->
<style>
#feature-wrapper{width:100%;margin-bottom:15px;margin-top:10px}
#mbl_plugin ::-webkit-scrollbar {width: 10px;}
#mbl_plugin ::-webkit-scrollbar-track {
background: #2B2B2B;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
}
#mbl_plugin ::-webkit-scrollbar-thumb {
background: #353535;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
#mbl_plugin ::-webkit-scrollbar-thumb:hover {
background: #353535;
}
#mbl_plugin ::-webkit-scrollbar-thumb:active {
background: #353535;
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}
div, a, p, img, ul, li {
padding: 0;
margin: 0;
border: 0;
outline: 0;
} /* reset */
#mbl_plugin {
overflow: hidden;
/* collapse fix */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font: normal 100%/1.25 Arial, Helvetica, sans-serif;
}
#mbl_videoContainer {
float: none;
width: auto;
}
#mbl_video {
position: relative;
height: 0;
padding-top: 0px;
/* IE6 workaround*/
padding-bottom: 56.25%;
/* responsive 16/9 ratio */
background: #000000;
}
#mbl_video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#mbl_playlistContainer {
position: relative;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
/* bounce effect on ios */
float: right;
width: 100%;
height: 0;
padding-top: 0px;
/* IE6 workaround*/
padding-bottom: 50%;
/* responsive height ratio */
background: #202020;
}
#mbl_playlist {
position: absolute;
width: 100%;
/* fixes horizontal scroll */
list-style-type: none;
}
#mbl_playlist li {
overflow: hidden;
float: left;
width: 100%;
border-top: 1px solid #383838;
border-bottom: 1px solid #1B1B1B;
}
#mbl_playlist li:hover {
background: #313131;
}
.mbl_currentVideo,
#mbl_playlist .mbl_currentVideo:hover {
background: #313131;
}
#mbl_playlist li a {display: inline-block;overflow: hidden;color: #ccc;font-size:13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;width:100%;padding:2.5% 0 1% 3%;text-decoration: none;}
.mbl_thumbnail {position: relative;display: inline-block;overflow-y: hidden;float: left;width: 40px;height: 22px;margin-right: 2.5%;
border: 1px solid #222222;}
#mbl_playlist li a:hover{color:#ff6}
#mbl_playlist li:hover .mbl_thumbnail {border: 1px solid #666666;}
.mbl_currentVideo .mbl_thumbnail,#mbl_playlist .mbl_currentVideo:hover .mbl_thumbnail {border: 1px solid #999999;}
.mbl_thumbnail img {position: absolute;top: -4px;width: 40px;}
.mbl_title,.mbl_author {display:none}
#mbl_playlist li:hover .mbl_author {color: #aaaaaa;}
.mbl_currentVideo .mbl_author,#mbl_playlist .mbl_currentVideo:hover .mbl_author {color: #ffffff;}

@media screen and (min-width: 320px) {
.mbl_thumbnail {width: 60px;height: 33px;}
.mbl_thumbnail img {top: -6px;width: 60px;}
.mbl_author {padding-top: 2px;}
}
@media screen and (min-width: 480px) {
.mbl_thumbnail {width: 80px;height: 45px;}
.mbl_thumbnail img {top: -8px;width: 80px;}
.mbl_title {font-size: 15px;font-size: 0.9375rem;}
.mbl_author {font-size: 12px;font-size: 0.75rem;padding-top: 6px;}
}
@media only screen and (max-width: 640px){
#feature-wrapper {width: 100%;margin-bottom: 10px;}
    .pigment {width: 100%;}
}
@media screen and (min-width: 720px) {
#mbl_videoContainer {float: left;width: 64.5%;}
#mbl_playlistContainer {width: 35.5%;padding-bottom: 36.3%;}
.mbl_thumbnail {width: 60px;height: 33px;}
.mbl_thumbnail img {top: -6px;width: 60px;}
.mbl_title {font-size: 14px;font-size: 0.8125rem;}
.mbl_author {font-size: 11px;font-size: 0.6875rem;padding-top: 2px;}
}
@media screen and (min-width: 960px) {
.mbl_thumbnail {width: 80px;height: 45px;}
.mbl_thumbnail img {top: -8px;width: 80px;
}
.mbl_author {padding-top: 4px;}
}
/* iphone landscape fix */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape), (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
#mbl_videoContainer {float: left;width: 70%;}
#mbl_playlistContainer {width: 30%;padding-bottom: 39.35%;}
.mbl_thumbnail {width: 40px;height: 22px;}
.mbl_thumbnail img {top: -4px;width: 40px;}
.mbl_title {font-size: 12px;font-size: 0.75rem;}
.mbl_author {font-size: 10px;font-size: 0.625rem;}
}

.cf:before, .cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.cf{
    zoom:1;
}

 /* Form wrapper styling */
.search-wrapper {
width:100%;
margin:0 0 10px 0;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4) inset, 0px 1px 0px rgba(255, 255, 255, 0.2);
border: 1px solid #ddd;
}

/* Form text input */

.search-wrapper input {
width:64%;
height: 20px;
padding: 10px;
float: left;
font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
border: 0;
background: #EEE;
border-radius: 3px 0 0 3px;
}

.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}

.search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

.search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}

/* Form submit button */
.search-wrapper button {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 40px;
width:29%;
font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
color: white;
text-transform: uppercase;
background: #D83C3C;
border-radius: 0 3px 3px 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}

.search-wrapper button:hover{
    background: #e54040;
}

.search-wrapper button:active,
.search-wrapper button:focus{
    background: #c42f2f;
    outline: 0;
}
.search-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;}
.search-wrapper button:hover:before{border-right-color: #e54040;}
.search-wrapper button:focus:before,
.search-wrapper button:active:before{border-right-color: #c42f2f;}
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}