/*
Theme Name: Stockist Nasa Theme
Theme URI: http://stockistnasa.com
Description: Template Wordpress untuk web Etalase Stockist Nasa atau Distributor Nasa.
Author: Teguh Sugiarto
Author URI: http://stockistnasa.com
Version: 1.0
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
	}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
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;width:100%;}
caption, th, td {font-weight: normal;text-align: center;}

body {
	background: #2f2f2f repeat scroll 0 0;
	line-height:1;
	margin:0 auto;
}
body::before, body::after {
	background: inherit;
	content: "";
	display: block;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 99;
}
.boxatas {
	background: linear-gradient(to left, #dddddd, #FFFFFF);
	margin: 0 auto;
	background-color: #F0F0F0;
	height: 36px;
	max-width: 960px;
	padding: 5px 15px;
	position: relative;
}
.kolom-kontak {
	width: 100%;
}
.search-box {
	width: 18%;
	float: right;
}
.search-form {
	border: none;
	padding: 0 2px;
}
.boxatas .search-field {
	background-color:#f9f9f9;
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 120px;
}
.boxatas .search-field:focus {background-color:#f9f9f9;width:196px;}
.search-box .screen-reader-text {
	display: none;
}
.search-box .search-submit {
	display: none;
}
/* Clearings */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}
.clearer {clear: both;}

/* Typography */
body, button, input, select, textarea {
	color: #333;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.5;
}
h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 15px;
}
p {margin-bottom: 1em;}
b, strong {font-weight: 700;}
dfn, cite, em, i {
	font-style: italic;
}
address {
	font-style: italic;
	margin: 0 0 1.6em;
}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 15px;text-transform:uppercase;}
h4 {font-size: 16px;}
sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {bottom: 1ex;}
sub {top: .5ex;}
small {font-size: 80%;}
big {font-size: 120%;}
a {background-color: transparent;text-decoration: none;color: #21759b;}
a:hover,
a:active {outline: 0;}
a:hover {color: #00a0d2;text-decoration:none;}
.warnane-hitam a {color: #555555;}
.warnane-hitam a:hover {color: #1625F5;text-decoration:none;}
.warnane-link a {color: #21759b;}
.warnane-link a:hover {color: #00a0d2;text-decoration:underline;}
.warnane a {color: #21759b;}
.warnane a:hover {color: #00a0d2;text-decoration:underline;}
img {border:0;height:auto;max-width:100%;}
blockquote {
    background-color: #fafafa;
    font-family: Georgia,"Bitstream Charter",serif;
    font-style: italic;
    font-weight: normal;
    margin: 0 3em;
    padding: 10px 15px;
}
figure {
    margin-left: 0;
    margin-right: 0;
}
/* Alignment */
.alignleft, .alignright {display: inline;}
.alignleft {float: left;margin-right: 1.625em;}
.alignright {float: right;margin-left: 1.625em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

.site-inner {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 11px rgba(50, 50, 50, 0.4);
    margin: 0 auto;
    max-width: 960px;
    padding: 0 5px 5px;
}
article {
	font-size:100%;
}
/* =Kolom untuk Kontak di atas Header
----------------------------------------------- */
#topheader {
    background: linear-gradient(to left, #dddddd, #ffffff) repeat scroll 0 0 #f0f0f0;
    clear: both;
    height: 35px;
	margin: 0 auto;
	position: relative;
    width: 100%;
}
#topheader #searchform {position:relative;top: 1px;z-index:9999;}
input.search-field {
	border: 1px solid #ffffff;
	font-size: 14px;
	height: 28px;
	padding: 4px 5px;
	border-radius: 2px;
}
#topheader #s {
	background-color:#f9f9f9;
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#topheader #s:focus {background-color:#f9f9f9;width:196px;}
#topheader #searchsubmit {
	display: none;
}
.only-search #searchform {
	top: 5px;
	z-index: 1;
}
.only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
.only-search #s,
.only-search #s:focus {
	width: 85%;
}
.only-search #s:focus {
	background-color: #bbb;
}
.with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
.only-search + #access div {
	padding-right: 205px;
}
input#s {
    background: url("images/search.png") no-repeat scroll 5px 6px rgba(0, 0, 0, 0);
    border: 1px solid #dddddd;
	border-radius: 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	color: #888;
    font-size: 14px;
    height: 22px;
    line-height: 1.2em;
    padding: 4px 10px 4px 28px;
	max-width: 190px;
    width: 100%;
}
input#searchsubmit {
    display: none;
}
.carian {
    text-align: center;
    width: 100%;
}
.carian input#s {
    max-width: 400px;
    width: 60%;
}
form.gsc-search-box {border:none;}

/* =Kolom untuk Header, Judul dan Desktripsi Situs
----------------------------------------------- */
#branding {
    clear:both;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    z-index: 9999;
}
#branding hgroup, .site-branding {
    margin: 5px 3% 15px;
}
h1.site-title, p.site-title {
	font: 300 15px/1.625 "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.site-title a {
    color: #333;
    display: block;
    font-size: 30px;
    font-weight: bold;
    line-height: 36px;
    text-decoration: none;
    width: 250px;
}
.site-branding h1 {
    margin-bottom: 0;
}
.site-title a:hover {
	color: #990000;
}
.header-logo > img {
    border-radius: 5px;
}
.site-branding img {
    background-repeat: no-repeat;
    display: block;
    position: relative;
    width: 250px;
}
.description {
	font-size: 110%;
}
/* =Kolom Menu
----------------------------------------------- */
#nasamenu{background:#222;background:-moz-linear-gradient(#ffffff, #dddddd);background:-o-linear-gradient(#ffffff, #dddddd);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#ffffff),to(#dddddd));background:-webkit-linear-gradient(#ffffff, #dddddd);-webkit-box-shadow:rgba(0,0,0,0.4) 0 1px 2px;-moz-box-shadow:rgba(0,0,0,0.4) 0 1px 2px;box-shadow:rgba(0,0,0,0.4) 0 1px 2px;clear:both;display:block;float:left;font-family:arial;margin:0 auto 10px;width:100%}
#nasamenu a{color:#eee;display:block;line-height:3em;padding:0 1.2125em;text-decoration:none}
#nasamenu ul{font-size:13px;list-style:none;margin:0;padding-left:0}
#nasamenu,#nasamenu ul,#nasamenu ul li,#nasamenu ul li a,#nasamenu #menu-button{padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#nasamenu:after,#nasamenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#nasamenu #menu-button{display:none}
#nasamenu > ul > li{float:left}
#nasamenu.align-center > ul{font-size:0;text-align:center}
#nasamenu.align-center > ul > li{display:inline-block;float:none}
#nasamenu.align-center ul ul{text-align:left}
#nasamenu.align-right > ul > li{float:right}
#nasamenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#555555;font-weight:700}
#nasamenu li:hover > a,#nasamenu a:focus,#nasamenu .menu > ul > li:hover > a,#nasamenu .menu > li:hover > a{background:#fcc065;background:-moz-linear-gradient(#1625F5, #2A3F82);background:-o-linear-gradient(#1625F5, #2A3F82);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#1625F5),to(#2A3F82));background:-webkit-linear-gradient(#1625F5, #2A3F82);color:#fff}
#nasamenu > ul > li:hover > a{color:#fff}
#nasamenu > ul > li.has-sub > a{padding-right:30px}
#nasamenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#nasamenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#nasamenu .menu ul.children > li:hover > a,#nasamenu .menu ul.sub-menu > li:hover > a{background:none repeat scroll 0 0 #1625F5;color:#fff}
#nasamenu .menu ul.children li a,#nasamenu .menu ul.sub-menu li a{background:none repeat scroll 0 0 #333;border-bottom:1px dotted #555;color:#fff;opacity:.9}
#access .menu ul.children li a:hover,#access .menu ul.sub-menu li a:hover{opacity:1}
#nasamenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#nasamenu ul ul{position:absolute;left:-9999px}
#nasamenu.align-right ul ul{text-align:right}
#nasamenu ul ul li{height:0;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#nasamenu li:hover > ul{left:auto}
#nasamenu.align-right li:hover > ul{left:auto;right:0}
#nasamenu li:hover > ul > li{height:35px}
#nasamenu ul ul ul{margin-left:100%;top:0}
#nasamenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#nasamenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:180px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;background:#333}
#nasamenu ul ul li:last-child > a,#nasamenu ul ul li.last-item > a{border-bottom:0}
#nasamenu ul ul li:hover > a,#nasamenu ul ul li a:hover{color:#fff}
#nasamenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#nasamenu.align-right ul ul li.has-sub > a:after{right:auto;left:11px}
#nasamenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
#nasamenu.align-right ul ul li.has-sub > a:before{right:auto;left:14px}
#nasamenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
@media all and (max-width: 768px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#nasamenu{width:100%}
#nasamenu ul{width:100%;display:none}
#nasamenu.align-center > ul{text-align:left}
#nasamenu ul li{width:100%;border-top:1px solid rgba(120,120,120,0.2)}
#nasamenu ul ul li,#nasamenu li:hover > ul > li{height:auto}
#nasamenu ul li a,#nasamenu ul ul li a{width:100%;border-bottom:0}
#nasamenu > ul > li{float:none}
#nasamenu ul ul li a{padding-left:25px}
#nasamenu ul ul ul li a{padding-left:35px}
#nasamenu ul ul li a{color:#ddd;background:none}
#nasamenu ul ul li:hover > a,#nasamenu ul ul li.active > a{color:#fff}
#nasamenu ul ul,#nasamenu ul ul ul,#nasamenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#nasamenu > ul > li.has-sub > a:after,#nasamenu > ul > li.has-sub > a:before,#nasamenu ul ul > li.has-sub > a:after,#nasamenu ul ul > li.has-sub > a:before{display:none}
#nasamenu #menu-button{display:block;padding:17px;color:#ddd;cursor:pointer;font-size:12px;text-transform:uppercase;font-weight:700}
#nasamenu #menu-button:after{position:absolute;top:22px;right:17px;display:block;height:4px;width:20px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;content:''}
#nasamenu #menu-button:before{position:absolute;top:16px;right:17px;display:block;height:2px;width:20px;background:#ddd;content:''}
#nasamenu #menu-button.menu-opened:after{top:23px;border:0;height:2px;width:15px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#nasamenu #menu-button.menu-opened:before{top:23px;background:#fff;width:15px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#nasamenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.2);height:46px;width:46px;cursor:pointer}
#nasamenu .submenu-button.submenu-opened{background:#262626}
#nasamenu ul ul .submenu-button{height:34px;width:34px}
#nasamenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#nasamenu ul ul .submenu-button:after{top:15px;right:13px}
#nasamenu .submenu-button.submenu-opened:after{background:#fff}
#nasamenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#nasamenu ul ul .submenu-button:before{top:12px;right:16px}
#nasamenu .submenu-button.submenu-opened:before{display:none}
}

/* =KOLOM UTAMA diantara Header dan Footer
----------------------------------------------- */

/* =Kolom konten
----------------------------------------------- */
#primary {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
#main {
    clear: both;
}
#content {
    width: 100%;
}
#content-full h1 {
    margin-bottom: 15px;
    text-align: center;
}
h1.judul-katalog {
    color: #ffffff;
    font-size: 200%;
    letter-spacing: 8px;
    text-shadow: 2px 1px 3px #000000;
    text-transform: uppercase;
}
.site-main section {
    width: 100%;
}
.page-header {
    border: 1px solid #dddddd;
    border-radius: 6px;
    display: block;
    margin: 0 0 5px;
    padding: 5px 10px;
}
h1.page-title {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 0;
}
h1.entry-title,
h2.entry-title {
    margin-bottom: 15px;
    margin-top: 10px;
}
.produke .hentry {
    border: medium none;
}
.hentry, .no-results {
    border-bottom: 1px solid #ddd;
    position: relative;
}
.hentry:last-child, .no-results {
    border-bottom: medium none;
}
.entry-content ol, .entry-content ul {
	margin: 0 0 1.625em 2.5em;
    padding-left: 5px;
}
.entry-content ol {
    list-style: decimal;
}
.entry-content ul {
    list-style: circle;
}
.entry-content ul li {
    margin-bottom: 5px;
}
.entry-content img {
    margin-bottom: 10px;
	margin-top: 10px;
}
.hentry .entry-content {
    margin: 0 5px;
}
.entry-content p img {
    border: 1px solid #bbb;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 6px;
        border-radius: 20px;
	max-width: 97.5%;
}
.konten-kategori a img {
    border: 1px solid #ddd;
        padding: 5px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
}
.konten-kategori a img:hover {
	background: #eee none repeat scroll 0 0;
	border-color: #bbb;
	box-shadow: 0 2px 6px rgba(50, 50, 50, 0.63);
}
.konten-kategori img, .konten-arsip img {
    width: 100%;
}
.category-archive-meta > p {
    margin-bottom: 5px;
    margin-top: 5px;
}
.size-full {
    height:auto;
	max-width: 100%;
}
.entry-header hgroup .entry-title {
    padding-top: 15px;
}
.entry-header .entry-format {
    color: #666;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    position: absolute;
    text-transform: uppercase;
    top: -5px;
}
#secondary h3,
.showcase-title,
.site-footer,
.pricelist th {
	background: #222222; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#1625F5, #2A3F82);
	background: -o-linear-gradient(#1625F5, #2A3F82);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1625F5), to(#2A3F82)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#1625F5, #2A3F82);
	color: #fff;
}
.entry-content h3 {
    color: #ff6600;
    letter-spacing: 0.1em;
	text-shadow: 1px 1px 1px #ddd;
}
#bread {
    background-color: #f3f3f3;
    background-image: linear-gradient(to bottom, white, white, #dee4d6);
    background-repeat: repeat-x;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    font-size: 100%;
    line-height: 1.8em;
    margin-bottom: 10px;
    padding: 3px 10px;
}
embed,
iframe,
object,
video {
	margin: 10px auto 20px;
	max-width: 100%;
	vertical-align: middle;
}
.video-thumb img {
    margin: 0 0 10px;
    border: 1px solid #ddd;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        padding: 6px;
	border-radius: 20px;
}
.video-thumb img:hover {
	background: #eee none repeat scroll 0 0;
	border-color: #bbb;
}
.youtube_cx {
    text-align: center;
    width: 96%;
}
.youtube_cx iframe {
    width: 100%;
}
.entry-content table {
	font-size: 90%;
	margin-bottom: 15px;
}
.entry-content th {background-color:#FCE174;text-shadow:1px 1px #FFF;line-height:2em;}
.entry-content th, .entry-content td {vertical-align:middle;padding-left:4px;}
.entry-content table, .entry-content th, .entry-content td {border:1px solid orange;}
.entry-content td {background-color:#FFFEF0;}
#ratakiri td {text-align:left;}
#daftar-harga td {text-align:left;font-size:12px;}
footer.entry-footer,
footer.entry-meta {
	font-size: 90%;
	margin-bottom: 10px;
	padding: 0 5px;
}
/* =Kolom Etalase Produk
----------------------------------------------- */
.etalase-produk {
    clear: both;
    margin-bottom: 15px;
    padding: 0;
}

.wpnasa-thumb {
    background-color: #fff;
    background-image: url("images/bg-thumb.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #ff8c00;
    border-radius: 5px;
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
	max-width: 360px;
	padding-bottom: 5px;
    text-align: center;
    width: 99.5%;
}
.wpnasa-gambar-center {
    margin-left: auto;
    margin-right: auto;
	width:90%;
}
.wpnasa-thumb-gambar {
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.wpnasa-thumb-gambar img {
	margin-top: 0;
}
.wpnasa-thumb-gambar a {
	color: #999;
}
.wpnasa-thumb-title {
    clear: both;
    height: 20px;
    margin-bottom: 5px;
    margin-top: 2px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
}
.wpnasa-thumb-title a {
    color: #2A3F82;
	font-weight: bold;
}
.wpnasa-thumb-title a:hover {
    color: #1625F5;
	text-decoration: none;
}
.wpnasa-thumb-harga {
	color: red;
	float: left;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 2px;
	padding: 2px;
	width: 50%;
}
.wpnasa-tombol {
    float: right;
	padding: 0 5px 5px;
	text-align: center;
	width: 40%;
}
.blue.beli, .blue.beli:visited {
    background-image: linear-gradient(to bottom, #cc0000 0%, #ff9900 100%);
}
.beli, .beli:visited {
    background-color: #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 15px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.small.beli, .small.beli:visited {
    float: none;
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: 3px;
    padding: 3px 20px;
}
.blue.beli:hover {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1625F5), to(#2A3F82));
}
.wpnasa-title {
    background-color: #f3f3f3;
    background-image: linear-gradient(to bottom, white, white, #dee4d6);
    border: 1px solid #d9d9d9;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    overflow: hidden;
    padding: 7px;
    text-align: left;
	border-radius: 5px;
}
.showcase-title {
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
}
.showcase-title > h2 {
	font-size: 14px;
    line-height: 0.8em;
    margin-bottom: 0;
    margin-top: 0;
	text-transform: uppercase;
}
.showcase-title a {
    color: #fff;
}
.showcase-title a:hover {
    color: yellow;
}
.video-show {
    float: left;
    margin: 0 0 5px;
    padding: 4px;
    width: 98%;
}
.nasamart-judul {
    padding-left: 10px;
    text-align: center;
}
.nasamart-judul h2 {
    font-size: 100%;
    margin-bottom: 5px;
}
.wpnasa-title > h2, .wpnasa-title > h3, .comment-reply-title {
    font-size: 15px;
    line-height: 1em;
    margin-bottom: 0;
    margin-top: 0;
}
.page-template-showcase .showcase img {
    margin-bottom: 10px;
    width: 98%;
}
.gambare img {
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 5px;
}
.gambare img:hover {
	box-shadow: 0 2px 6px rgba(50, 50, 50, 0.63);
}
/* =Kolom Single Produk
----------------------------------------------- */
.wp-nasa {
    margin-bottom: 10px;
    overflow: hidden;
}
.wp-nasa-left {
    float: left;
    height: auto;
    text-align: center;
    width: 100%;
}
.wp-nasa-right {
    border: 1px solid #d1d3d4;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    float: right;
    padding: 10px;
    width: 100%;
}
.wp-nasa-right-rinci {
    margin-bottom: 10px;
    border-bottom: 1px groove #dddddd;
}
.wp-nasa-right-aksi > a {
    background-image: url("images/beli-produk-nasa-orange.png");
    display: block;
    float: right;
    height: 40px;
    margin-right: 5%;
    width: 170px;
}
.wp-nasa-right-aksi > a:hover {
    background-position: left bottom;
    }
.photo {
    margin-left: auto;
    margin-right: auto;
}
.photo-frame {
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 5px;
    min-height: 200px;
    padding-top: 0;
    position: relative;
    width: 100%;
    border-radius: 20px;
}
.photo img {border:none;}
.wpnasa-table {
    margin: 0;
    padding: 0;
    width: 100%;
}
.wp-nasa-right td {
    min-width: 100px;
    vertical-align: top;
}
.vtr-table tr:nth-child(2n) {
    background-color: #fff;
}
.wpnasa-table tr:nth-child(2n+1) {
    background-color: #f4f4f4;
}
td.judule {
    color: #913333;
}
.infone td, th {
    text-align: left;
}
.hargane {
    color: red;
    font-weight: bold;
}
.top-content {
    background: linear-gradient(#cc0000, #660000) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-sizing: border-box;
    clear: both;
    color: #fff;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}
.contact {
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 0;
    margin-left: 3px;
    padding: 2px 5px 0 30px;
}
.kontak-telp {
    background-image: url("images/nasatheme-icon.png");
    background-position: 0 0;
    min-width: 120px;
}
.kontak-sms {
    background-image: url("images/nasatheme-icon.png");
    background-position: 0 -75px;
    min-width: 100px;
}
.kontak-email {
    background-image: url("images/nasatheme-icon.png");
    background-position: 0 -375px;
    min-width: 100px;
}
.kontak-bbm {
    background-image: url("images/nasatheme-icon.png");
    background-position: 0 -450px;
    min-width: 80px;
}
.post-meta {
    color: #b5b5b5;
    font-size: 90%;
    font-weight: normal;
}
.video-footer {margin-bottom:15px;margin-top: 10px;}
.video-footer div.deskripsi {line-height:30px;padding-right:10px;font-weight:bold;}
.video-footer div.video-hits {display:block;width:80%;height:30px;float:right;text-align:right;padding-right:5px;border-bottom: 1px solid #ddd;}

section.etalase-info .other-recent-posts {
	background: none repeat scroll 0 0 #FFF9E8;
	border-bottom: 1px solid #ddd;
	font-size: 110%;
	font-weight:700;
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}
section.etalase-info .other-recent-posts li {
	border-top: 1px solid #ddd;
	padding: 0.3125em 0;
	position: relative;
}
section.etalase-info .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}
section.etalase-info .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 97%;
	padding-left: 5px;
}
section.etalase-info.other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.etalase-info .other-recent-posts a[rel="bookmark"]:hover {
	color:green;text-decoration:none;
}
section.etalase-info .other-recent-posts .recent-post-hits > span {
	border-color: #bbb;
	color: #888;
	display: none;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding-right: 5px;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
.etalase-video {
	float: left;
	margin: 0 1%;
	width: 98%;
}
.video-thumb-judul {
    font-size: 110%;
    font-weight: 700;
	margin-bottom: 10px;
    text-align: center;
}
.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}
.video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* Format Postingan */
.indexed.format-image .entry-header {
    min-height: 61px;
}
.indexed.format-image .entry-content {
    padding-top: 0.5em;
}
.indexed.format-image .entry-content p {
    margin: 1em 0;
}
.indexed.format-image .entry-content p:first-child, .indexed.format-image .entry-content p:first-child a, .indexed.format-image .entry-content p:first-child img {
    display: block;
    margin: 0;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
    margin: 0;
    padding-bottom: 1em;
}
.indexed.format-image footer.entry-meta {
    background: #ddd none repeat scroll 0 0;
    max-width: 96%;
    overflow: hidden;
    padding: 4%;
}
.indexed.format-image div.entry-meta {
    display: inline-block;
    float: left;
    width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
    float: none;
    width: 65%;
}
.indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link {
    display: block;
}
.indexed.format-image footer.entry-meta a {
    color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
    color: #fff;
}
#content .indexed.format-image img {
    border: medium none;
    max-width: 100%;
    padding: 0;
}
.indexed.format-image .wp-caption {
    background: #111 none repeat scroll 0 0;
    margin-bottom: 0;
    max-width: 96%;
    padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
    color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text::before {
    color: #444;
}
.indexed.format-image a:hover img {
    opacity: 0.8;
}

/* Related POst */
.produk-lain {margin: 0 0 20px; float: left; font-size: 100%;width:100%;}
.rel_produk {
	background-color: #fff;
    background-image: url("images/bg-thumb.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    border: 1px solid #ebebeb;
    border-radius: 5px;
	float: left;
	height: 195px;
	margin: 0 0 10px;
	padding: 2px;
	width: 98%;
}
.rel_thumb {
	margin: 0 auto;
	text-align: center;
	width: 90%;
}
.rel_thumb img {margin: 0; padding: 0;}
.rel_link {text-align:center;}
.rel_link a {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;text-decoration: none; color: #2A3F82; display:block; width:95%; height:49px;background-color: #ddd; margin: 4px auto; padding:4px;overflow:hidden;}
.rel_link a:hover {color: #000;}
.rel_harga {text-align:center;font-size: 110%;font-weight: 700;color:red;}

#relatedposts ul {background: none repeat scroll 0 0 #FFF9E8;border-bottom: 1px solid #ddd;list-style: none;margin: 0 0 15px;padding-left:0;}
#relatedposts li {display:block;padding: 0.25em 0 0 5px;border-top: 1px solid #ddd;font-size: 110%;}
#relatedposts a {color:#373737;}
#relatedposts a:hover {color:orange;text-decoration:none;}

/* =Kolom Sidebar
----------------------------------------------- */
#secondary {
    float: left;
	margin-bottom: 10px;
	min-width:180px;
    width: 100%;
}
#secondary .widget {
    background-attachment: scroll;
    background-color: #fff;
    border: 1px solid #2A3F82;
    border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
    margin-top: 10px;
}
#secondary .widget-twitter {
    margin-bottom: 10px;
}
#secondary .widget.side-show {
    border: 1px solid #ff8c00;
}
#secondary h3 {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0 !important;
    margin-top: 0;
    padding: 5px 15px;
}
#secondary .widget ul {
    list-style-type: none;
    padding: 0;
}
#secondary .widget ul li {
    border-bottom: 1px solid #2A3F82;
    text-transform: capitalize;
}
#secondary .widget ul li a {
    color: #333;
    display: block;
    font-weight: bold;
    padding: 5px;
}
#secondary .widget ul li a:hover {
    background-color:#ebebeb;
    color:#1347bf;
}
#persembahan.widget {
	margin-top: 0;
}
.aside-area {
    background: none repeat scroll 0 0 #FFF8DC;
    padding: 5px 0;
    text-align: center;
}
.nasamart-harga {
    color: #f50c23;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding: 0 5px;
}
.aside-area.text {
    padding: 10px;
}
.video-sideshow {
    border-bottom: 1px solid #ddd;
    margin: 5px 0;
    width: 100%;
}
.video-sideshow .video-thumb-show {
    float: left;
    margin-bottom: 5px;
	margin-right: 5px;
    width: 45%;
}
.video-sideshow .video-sideshow-judul {
    float:right;
	font-size:12px;
	text-align: left;
	width: 52%;
}
.side-content {display:block;width:100%;height:85px;margin-top:5px;border-bottom: 1px solid #ddd;}
.side-thumb {width:48%;float:left;}
.side-isi {float:right;width:50%;}
.side-judul {height:3.2em;padding:0 3px;overflow:hidden;}
.bg-ijo {
	text-shadow: 1px 1px 2px #66FF66;
    background-image:-moz-linear-gradient(#00B200, #296629);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#00B200), to(#296629));
}
#secondary h3.bg-oranye {
	text-shadow: 1px 1px 2px #FFCC80;
    background-image:-moz-linear-gradient(#FFCC80, #FF9900);
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFCC80), to(#FF9900));
}
.no-bg  {background: none repeat scroll 0 0;}


/* =Kolom Footer
----------------------------------------------- */
#colophon {
    clear: both;
}
#supplementary {
	background: -webkit-linear-gradient(#ffffff, #dddddd);
	border-top: 5px solid #2A3F82;
	overflow: hidden;
	padding: 1em 3%;
	text-shadow: 1px 1px 1px #fff;
}
#supplementary a {color:#2A3F82;}
#supplementary a:hover {
	text-decoration: underline;
}
/* Two Footer Widget Areas */
#supplementary.two .widget-area {t
	margin-right: 3%;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}

/* Three Footer Widget Areas */
#supplementary.three .widget-area {
	border-bottom: 2px solid #ddd;
	float: left;
	min-width: 200px;
	width: 100%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}
#supplementary .widget {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
}
#supplementary h3 {
	color: #888;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0 !important;
	margin-top: 0;
	padding: 5px 0;
}
#supplementary .widget ul {
	list-style-position: none;
	padding: 0 15px;
	list-style: circle;
}
#supplementary .widget ul li {
    text-transform: capitalize;
}
#supplementary .widget ul li a {
    display: block;
    padding: 5px;
}
.textwidget {
    margin: 8px 5px;
}
.kantore img {
    border: 1px solid #2A3F82;
    border-radius: 15px;
    padding: 5px;
}
.site-footer {
    clear: both;
    display: block;
    font-size: 90%;
    height: auto;
    margin-top: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
}
.site-footer > a {
    color: #DCFCDC;
}

.footer-wrap {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 95%;
}
.footer-menu {
	float:right;
	list-style: none outside none;
    position: relative;
}
.footer-menu a, .copyright a {
    color: #C9FFCA;
}
.footer-menu a:hover, .copyright a:hover {
    color: #fff;
	text-decoration:none;
}
.footer-wrap > ul li { float:left; list-style:none; /* Makes the list items go horizontally in lieu of default vertical display */ }
.footer-wrap > ul li:after {
 content:"·"; /* Or go Facebook style and use "·" (the interpunct character) for separators */
 color:#C9FFCA; /* You may want to make the separators a bit more subtle than the base text color */
}
.footer-wrap > ul li:last-child:after { content:""; /* No separator for the last item in the list */ }
.footer-wrap > ul li a {
 margin:0 8px; /* Set margins around the links */
}
.copyright {
    display:block;
	margin-left: 8px;
	margin-top: 5px;
	min-width:300px;
	text-align:left;
}

/* Navigation CSS */
.navigation {
 color: #000;
 font-weight: bold;
 margin: 20px 0;
 word-spacing: 0.3em;
}
.navigation a:link, .navigation a:visited {
 background: #666;
 color:#FFF;
 font-weight: normal;
 padding: 0.3em 0.6em;
 text-decoration: none;
}
.navigation a:active, .navigation a:hover { background: #73910E;
    text-decoration: none;
}
.navigation .current {
    background: none repeat scroll 0 0 #0eb749;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0.3em 0.6em;
}
.navigation span.pages {font-weight:normal;}

#content nav {
    clear: both;
    overflow: hidden;
    padding: 0 0 1.625em;
}
.page-link {
    clear: both;
    display: block;
    margin: 0 0 1.625em;
}
#content nav a {
    font-size: 12px;
    font-weight: bold;
    line-height: 2.2em;
}
.page-link a {
    background: none repeat scroll 0 0 #666666;
    color: #ffffff;
    padding: 3px 12px;
}
.page-link a:hover {
    background: none repeat scroll 0 0 #73910e;
}
.page-link span {
    font-style: italic;
    margin-right: 6px;
}

/* Comment Form */
#respond {
background:#00CCFF;
border:1px solid #d3d3d3;
-moz-border-radius:3px;
border-radius:3px;
margin:0 1% 1.625em;
padding:1em;
position:relative;
width:auto
}

#commentform {
border:medium none
}

#respond input[type="text"],#respond input[type="email"],#respond input[type="url"],#respond textarea {
background:#fff;
border:4px solid #2A3F82;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95);
-moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95);
box-shadow:inset 0 1px 3px rgba(204,204,204,0.95);
position:relative;
padding:10px;
text-indent:80px
}

#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url,#respond .comment-form-comment {
position:relative
}

#respond .comment-form-author label,#respond .comment-form-email label,#respond .comment-form-url label,#respond .comment-form-comment label {
background:#1625F5;
-webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8);
-moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8);
box-shadow:1px 2px 2px rgba(204,204,204,0.8);
color:#ffffff;
display:inline-block;
font-size:13px;
left:4px;
min-width:60px;
padding:4px 10px;
position:relative;
top:40px;
z-index:1
}

#respond input[type="text"]:focus,#respond input[type="email"]:focus,#respond input[type="url"]:focus,#respond textarea:focus {
text-indent:0;
z-index:1
}

#respond textarea {
resize:vertical;
width:95%
}

#respond .comment-form-author .required,#respond .comment-form-email .required {
color:#bd3500;
font-size:22px;
font-weight:700;
left:75%;
position:absolute;
z-index:1
}

#respond .comment-notes,#respond .logged-in-as {
font-size:13px
}

#respond p {
margin:10px 0
}

#respond .form-submit {
float:right;
margin:-12px 0 10px
}

#respond input#submit {
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1625F5), to(#2A3F82));
border:none;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
box-shadow:0 1px 2px rgba(0,0,0,0.3);
color:#eee;
cursor:pointer;
font-size:15px;
margin:20px 0;
padding:5px 42px 5px 22px;
position:relative;
left:30px;
text-shadow:0 -1px 0 rgba(0,0,0,0.3)
}

#respond input#submit:active {
background:#1982d1;
color:#bfddf3
}

#respond #cancel-comment-reply-link {
color:#666;
margin-left:10px;
text-decoration:none
}

#respond .logged-in-as a:hover,#respond #cancel-comment-reply-link:hover {
text-decoration:underline
}

.commentlist #respond {
margin:1.625em 0 0;
width:auto
}

#reply-title {
color:#373737;
font-size:24px;
font-weight:700;
line-height:30px
}

#cancel-comment-reply-link {
color:#888;
display:block;
font-size:10px;
font-weight:400;
line-height:2.2em;
letter-spacing:.05em;
position:absolute;
right:1.625em;
text-decoration:none;
text-transform:uppercase;
top:1.1em
}

#cancel-comment-reply-link:focus,#cancel-comment-reply-link:active,#cancel-comment-reply-link:hover {
color:#ff4b33
}

#respond label {
line-height:2.2em
}

#respond input[type=text],#respond input[type=email],#respond input[type=url] {
display:block;
width:75%
}

#respond p {
font-size:12px
}

p.comment-form-comment {
margin:0
}

.form-allowed-tags {
display:none
}

/* =Comments
----------------------------------------------- */

#comments-title {
color:#666;
font-size:12px;
font-weight:500;
line-height:2.6em;
padding:0 0 1em;
text-transform:uppercase
}

.nopassword,.nocomments {
color:#aaa;
font-size:24px;
font-weight:100;
margin:26px 0;
text-align:center
}

.commentlist {
list-style:none;
margin:0 0 0 15px;
width:95%
}

.content .commentlist {
width:100%
}

.commentlist > li.comment {
background:#f6f6f6;
border:1px solid #ddd;
-moz-border-radius:3px;
border-radius:3px;
margin:0 0 20px 102px;
padding:1em;
position:relative
}

.commentlist > li.comment,.commentlist > li.pingback {
margin-left:0!important
}

.commentlist .pingback {
margin:0 0 1.625em;
padding:0 1.625em
}

.commentlist .children {
list-style:none;
margin:0
}

.commentlist .children li.comment {
background:#ddd;
border-left:1px solid #ddd;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
margin:1.625em 0 0;
padding:1em;
position:relative
}

.commentlist .children li.comment .fn {
display:block;
line-height:1.5
}

.comment-meta .fn {
display:block;
font-style:normal;
line-height:1
}

.comment-meta {
color:#666;
font-size:90%;
height:60px;
line-height:2.2em;
margin-left:60px
}

.commentlist .children li.comment .comment-meta {
line-height:1.625em
}

.commentlist .children li.comment .comment-content {
margin:0;
word-wrap:break-word;
-webkit-hyphens:auto;
-moz-hyphens:auto;
hyphens:auto
}

.comment-meta a {
font-weight:700
}

.commentlist .avatar {
background:transparent;
display:block;
padding:0;
position:static
}

.commentlist .children .avatar {
background:none;
left:1em;
padding:0;
position:absolute;
top:1em
}

.commentlist .avatar {
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 1px 2px #ccc;
-moz-box-shadow:0 1px 2px #ccc;
box-shadow:0 1px 2px #ccc;
left:1em;
margin-right:10px;
position:absolute;
top:1em;
width:50px
}

.commentlist > li:before {
content:url(images/comment-arrow.png);
left:-21px;
position:absolute
}

.commentlist > li.pingback:before {
content:''
}

a.comment-reply-link {
background:#eee;
-moz-border-radius:3px;
border-radius:3px;
color:#666;
display:inline-block;
font-size:12px;
padding:0 8px;
text-decoration:none
}

a.comment-reply-link:hover,a.comment-reply-link:focus,a.comment-reply-link:active {
background:#888;
color:#fff
}

a.comment-reply-link > span {
display:inline-block;
position:relative;
top:-1px
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(http://mitranasa.com/wp-content/themes/stockistnasa/images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* Contact Form */
form {
    border: 1px solid #cc0000;
    border-radius: 5px;
    padding: 10px;
}
.wpcf7 p {margin-bottom: 0.6em;width:98%;}
.data-area {
    border: 1px solid #FF8C00;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 1em;
    padding: 15px 6px 10px;
    width: 96%;
}
input {
    background: none repeat scroll 0 0 #fff2f2;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"] {
    padding: 3px;
    max-width: 95%;
}
textarea {
    background: none repeat scroll 0 0 #fff2f2;
    width: 98%;
}
input.submit,
input.wpcf7-submit {
    background-color: #f3f3f3;
    background-image: linear-gradient(to bottom, white, white, #dee4d6);
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	font-weight:bold;
	padding: 5px 20px;
}
input.submit:hover,
input.wpcf7-submit:hover {
	background-color: #DCDCE8;
    background-image: linear-gradient(to bottom, white, white, #FFC4AB);
}
/* Katalog Area */
.katalog {
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    float: left;
    height: 285px;
    margin: 13px;
	min-width:200px;
    text-align: center;
    width: 22%;
}
.katalog > span {
    font-size: 12px;
    text-transform: uppercase;
}
.katalog-gambar-center {
    margin-left: auto;
    margin-right: auto;
    max-width: 205px;
}
.katalog-gambar {
    display: table-cell;
    height: auto;
    margin: 3px auto 5px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.katalog-title {
    clear: both;
    height: 24px;
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
}
.katalog-harga {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
    padding: 2px;
}
/* Pricelist Template */
.pricelist {
    font-family:arial;
	margin: 0;
    padding: 0;
    width: 100%;
}
.pricelist table {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
.pricelist tr:nth-child(2n+1) {
    background-color: #f4f4f4;
}
.pricelist th,
.pricelist td {
	font-size: 14px;
	padding: 7px;
	text-align: left;
	vertical-align: middle;
}
.pricelist th {
    color: #000;
    font-weight: bold;
}
.pricelist td {
    color: #333;
    font-weight: normal;
}
.pricelist-thumb.wp-post-image {
    width: 70px;
}

.video-thumb-label {
    background: url("images/video-mark.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-position: center;
	display:block;
    height: 28px;
	margin-left:5px;
	margin-top: 5px;
	opacity:0.8;
    position: absolute;
    width: 40px;
    z-index: 99;
}
.video-thumb-label:hover {
    opacity:0.6;
}
.video-thumb-gambar a:hover {
	opacity:0.6;
}
/* Tombol keatas */
#keatas{position:fixed;display:block;width:25px;height:25px;bottom:5px;right:5px;}
/* icon panah */
#keatas span{width:25px;height:25px;display:block;background:#ddd url(images/ke-atas.png) no-repeat top center;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#keatas a:hover span{background-color:#777777;}

/*float social media share buttons*/
#social-share {
	background-color: #fff;
	border: 1px solid #ccc;
	display:none;
	left: 51.6%;
	margin-left:-580px;
	padding-top: 5px;
	position: fixed;
	text-align: center;
	top: 36%;
	z-index: 100;
}
#social-share .social-title{padding:1px 3px;}
#social-share .social-title a{color:#000;text-decoration:none}
.social-title.twitter > iframe,
.social-title.facebook > iframe,
.social-title.gplus > iframe {
	margin: 0;
}
.social-title.gplus {
	margin-bottom:5px;
	margin-top: 15px;
}
/*social media icon*/
.bsosmed {
	padding-top: 5px;
	position: absolute;
	right: 120px;
}
ul.isosmed {
	position:relative;
	overflow: visible;
	margin:0 0 5px;
	padding:0;
	list-style:none;
}
ul.isosmed li {
	float:left;
	margin:0 3px 3px 0;
	padding:0;
	width:24px;
	height:24px;
	display:block;
}
ul.isosmed li a {
	width:24px;
	height:24px;
	display:block;
	padding:0;
	background:url(images/isosmed.png) 0 0 no-repeat;
}
ul.isosmed li a:hover {
	width:24px;
	height:24px;
	display:block;
	padding:0;
	background:url(images/isosmed.png) 0 0 no-repeat;
}
ul.isosmed li a.twitter {
	background-position: 0 0;
}
ul.isosmed li a.facebook  {
	background-position: -30px 0;
}
ul.isosmed li a.in {
	background-position: -60px 0;
}
ul.isosmed li a.gplus {
	background-position: -90px 0;
}
ul.isosmed li a.flickr {
	background-position: -150px 0;
}
ul.isosmed li a.blogger {
	background-position: -210px 0;
}
ul.isosmed li a.youtube {
	background-position: -270px 0;
}
ul.isosmed li a.rss {
	background-position: -300px 0;
}

/**
 * Media Queries
 */
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}

@media screen and (max-width: 480px) {

}
@media screen and (max-width: 650px) {
	#presentation_container {display:none;}
}
@media screen and (min-width: 600px){
	.hentry .entry-content {
    		margin: 0 0;
	}
	.wpnasa-thumb {
		height: 250px;
		margin-left: 1.2%;
		margin-right: 1.2%;
		width:47%
	}
	.page-template-showcase .showcase img {
		margin-top: 10px;
	}
	section.etalase-info .other-recent-posts .recent-post-hits > span {
		display:block;
	}
	.page-template-showcase .showcase img, .konten-kategori img, .konten-arsip img {
		width: 240px;
	}
	.etalase-video {
		width: 31%;
	}
	.video-thumb img {
		margin: 0 15px 10px 0;
	}
	.wp-nasa-left {
		width: 50%;
	}
	.wp-nasa-right {
		width: 48%;
	}
	.rel_produk {
		margin:0 1% 10px 1%;
		width: 46.5%;
	}
	.alamate {
		display:block;
	}
	.video-show {
    		margin: 0 5px 5px;
    		width: 30%;
	}
	.video-show img {
   		 height: 142px;
	}
}

@media screen and (min-width: 768px) {
	.alamate {width:68%;}
	.rel_produk {
		height: 169px;
		margin: 0 6px 10px;
		width: 170px;
	}
	#pencarian.side-show {margin-top: 0;}
}

@media screen and (min-width: 800px) {
	#primary {
		margin: 5px 1% 10px 0;
		max-width: 680px;
		width: 70.5%;
	}
	#secondary {
		float:right;
		margin: 5px 1%;
		width: 26.5%;
		max-width: 238px;
	}
	.rel_produk {
		height: 169px;
		margin:0 1% 10px 1%;
		width:46%;
	}
	#supplementary.three .widget-area {
		margin-right: 3%;
		width: 31.3%;
	}
	#supplementary.three .widget-area {
		border-bottom: medium none;
	}
	.video-show {
    		width: 46%;
	}
}
@media screen and (min-width: 975px) {
	#wrap {
		padding: 0 15px 15px;
	}
	#primary {
		margin: 5px 1% 10px 1%;
	}
	.wpnasa-thumb {
		margin-left: 5px;
		margin-right: 5px;
		width: 213px;
	}
	.wpnasa-thumb:hover {
		box-shadow: 0 2px 11px rgba(50, 50, 50, 0.63);
	}
	.wpnasa-gambar-center {
		width:95%;
	}
	.page-template-showcase .showcase img {
		margin-top: 0;
	}
	.wpnasa-thumb-harga {
		float: none;
		font-size: 110%;
		width: 100%;
	}
	.wpnasa-tombol {
		float: none;
		width: 100%;
	}
	.rel_produk {
		margin:0 4px 10px 3px;
		height:195px;
		width:154px;
	}
	.rel_produk:hover {
		box-shadow: 0 2px 6px rgba(50, 50, 50, 0.63);
	}
	.rel_thumb {
		width:100%;
	}
	.video-show {
    		width: 30%;
	}
}
@media screen and (min-width: 1024px) {
	#social-share {
		display:block;
	}
}