/*
Theme Name: MakassarWebs Wordpress
Theme URI: http://makassarwebs.com/
Author: makassarwebs
Author URI: http://makassarwebs.com/
Description: Lightweight, Responsive, SEO Ready
Version: 1.3
*/

a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#fff}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left}blockquote {
	background-color: #EDEDED;
	border-left: 6px solid #687888;
	margin: 20px;
	padding: 10px 14px 2px;
	font-style: italic;
}

blockquote cite {
	display: block;
	margin-top: 8px;
	text-align: right;
	font-style: normal;
	font-size: small;
}
a:active,a:hover{outline:0}a img{border:0}body,button,input,select,textarea{color:#404040;font-size:16px;font-size:1.6rem;line-height:1.5}fieldset{background-color:#e7f1fa;border:1px solid #B5B5B5;padding:3px;margin:0 15px;border-radius:0 10px;transition-duration:1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1.5s;-webkit-box-shadow:0 1px 10px #000}fieldset:hover{background:#fff url(#)no-repeat bottom right;display:block}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-size:15px;font-size:1.5rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input[type=button],input[type=reset],input[type=submit]{border:1px solid #ccc;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 15px 17px rgba(255,255,255,.5),inset 0 -5px 12px rgba(0,0,0,.05);color:rgba(0,0,0,.8);cursor:pointer;-webkit-appearance:button;font-size:12px;font-size:1.2rem;line-height:1;padding:.6em 1em .4em;text-shadow:0 1px 0 rgba(255,255,255,.8)}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{border-color:#ccc #bbb #aaa;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 15px 17px rgba(255,255,255,.8),inset 0 -5px 12px rgba(0,0,0,.02)}button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{border-color:#aaa #bbb #bbb;box-shadow:inset 0 -1px 0 rgba(255,255,255,.5),inset 0 2px 5px rgba(0,0,0,.15)}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=email],input[type=password],input[type=search],input[type=text],input[type=url],textarea{color:#666;border:1px solid #ccc;border-radius:3px}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{color:#111}input[type=email],input[type=password],input[type=search],input[type=text],input[type=url]{padding:3px}textarea{overflow:auto;padding-left:3px;vertical-align:top;width:98%}a{color:#4169e1}a:visited{color:purple}a:active,a:focus,a:hover{color:#191970}.main-navigation{clear:both;display:block;float:left;width:100%}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation li{float:left;position:relative}.main-navigation a{display:block;text-decoration:none}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);display:none;float:left;left:0;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{left:100%;top:0}.main-navigation ul ul a{width:200px}.main-navigation ul li:hover>ul{display:block}.site-main .comment-navigation,.site-main .paging-navigation,.site-main .post-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous{float:left;width:50%}.comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next{float:right;text-align:right;width:50%}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important}.screen-reader-text:active,.screen-reader-text:focus,.screen-reader-text:hover{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:'';display:table}.clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.widget_search .search-submit{display:none}.hentry{margin:0 0 1.5em}.byline,.updated{display:none}.group-blog .byline,.single .byline{display:inline}.entry-content,.entry-summary,.page-content{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-title,.blog .format-aside .entry-title{display:none}.comment-content a{word-wrap:break-word}.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.comment-content img.wp-smiley,.entry-content img.wp-smiley,.page-content img.wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}.wp-caption{border:1px solid #ccc;margin-bottom:1.5em;max-width:100%}.wp-caption img[class*=wp-image-]{display:block;margin:1.2% auto 0;max-width:98%}.wp-caption-text{text-align:center}.wp-caption .wp-caption-text{margin:.8075em 0}.site-main .gallery{margin-bottom:1.5em}.site-main .gallery a img{border:none;height:auto;max-width:90%}.site-main .gallery dd,.site-main .gallery figcaption{margin:0}embed,iframe,object{max-width:100%}

/* MAIN ITEM */
body {background-color:#60b2f7;
	background-image:url("images/page-bg.jpg");
	background-repeat:repeat-x;
	background-position:top center;
	background-attachment:fixed;}
	
@media screen and (max-width:800px) { body {background-color:#1c8eeb;
	background-image:none;} }

body, button, input, select, textarea, .normal-fonts {
	font-family:"Lato", sans-serif, Tahoma;
	font-size:15px; font-weight:400; line-height: 1.55;
	text-transform:none !important;}
	
/* HEADINGS */
h1, h2, h3, h4, h5, h6, .site-title, .head-fonts {clear:both; 
	text-transform:uppercase !important; color:#464646;
	font-weight:400; letter-spacing:-.03em; line-height:1.3;}

/* HEADING FONT SIZES */
h1 {font-size:150%;}
h2 {font-size:135%;}
h3 {font-size:115%;}
h4, h5, h6 {font-size:105%;}

/* FONT SIZE CLASSES */
.big {font-size:120% !important;}
.bigger {font-size:110% !important;}
.smaller {font-size:90% !important;}
.small {font-size:80% !important;}

/* FONT WEIGHT CLASSES */
.lightweight {font-weight:300 !important;}
.defweight {font-weight:400 !important;}
.heavyweight {font-weight:700 !important;}

* {	
-o-transition:color .2s ease-out, background .15s ease-in, opacity .2s ease-out;
-ms-transition:color .2s ease-out, background .15s ease-in, opacity .2s ease-out;
-moz-transition:color .2s ease-out, background .15s ease-in, opacity .2s ease-out;
-webkit-transition:color .2s ease-out, background .15s ease-in, opacity .2s ease-out;
transition:color .2s ease-out, background .15s ease-in, opacity .2s ease-out;}

/* TEXT COLORING */
body {color:#262626;}
.defcolor {color:#262626;}
.realhot {color:#eb1c1c;}
.hot {color:#eb4b4b;}
.cold {color:#4ba2eb;}
.realcold {color:#1c8eeb;}
.darkcold {color:#1774bf;}
.herbal {color:#75a324;}
.greyish {color:#aaaaaa;}
.greenish {color:#84b20f;}
.fullwhite {color:#ffffff;}
.yellowish {color:#ebda4b;}
	
/* LINKS COLORING AND BORDERING */
a {color:#1c8eeb; text-decoration:none;}
a:visited {color:#1c8eeb;}
a:active {color:#1c8eeb;}
a:hover {color:#eb4b4b;}
a.hotlink {color:#eb4b4b;}
a:hover.hotlink {color:#1c8eeb;}
.dotted-bottom {border-bottom:1px dotted !important;}
.clean-bottom {border-bottom:none !important;}
.hentry a {border-bottom:1px dotted;}
.hentry h1 a, .hentry h2 a, .hentry h3 a, .hentry h4 a, .hentry h5 a, 
.hentry h6 a, .entry-meta a, .entry-footer a {border-bottom:none;}
.type-page .entry-content a {border-bottom:1px dotted !important;}

/* TEXT SHADOW */
.lightshadow {text-shadow:1px 1px 3px rgba(255, 255, 255, .7);}
.darkshadow {text-shadow:1px 1px 3px rgba(0, 0, 0, .7);}

/* BACKGROUND COLOR */
.realhot-bg {background-color:#eb1c1c !important;}
.hot-bg {background-color:#eb4b4b !important;}
.lighthot-bg {background-color:#ebd8d8 !important;}
.darkcold-bg {background-color:#084c85 !important;}
.realcold-bg {background-color:#1c8eeb !important;}
.cold-bg {background-color:#4ba2eb !important;}
.lightcold-bg {background-color:#d8e2eb !important;}
.realyellow-bg {background-color:#ebd61c !important;}
.yellow-bg {background-color:#ebda4b !important;}
.lightyellow-bg {background-color:#ebe6c0 !important;}
.purple-bg {background-color:#9951c9;}
.dark-bg {background-color:#363636;}
.lighter-bg {background-color:#868686;}
.greyish-bg {background-color:#d1d1d1;}
.lightgrey-bg {background-color:#f7f7f7;}
.midgrey-bg {background-color:#5f5f5f;}
.hot-bg a, .realhot-bg a, .cold-bg a, .realcold-bg a , .darkcold-bg a {
	color:#f3f3f3 !important;}
.hot-bg a, .realhot-bg a:hover, 
.cold-bg a:hover, .realcold-bg a:hover, .darkcold-bg a:hover {
	color:#ebda4b !important; text-shadow:1px 1px 3px rgba(0, 0, 0, .7);}
	
/* BORDER COLOR */
.realhot-border {border:1px solid #eb1c1c;}
.hot-border {border:1px solid #eb4b4b;}
.lighthot-border {border:1px solid #ebd8d8;}
.realcold-border {border:1px solid #1c8eeb;}
.cold-border {border:1px solid #4ba2eb;}
.lightcold-border {border:1px solid #d8e2eb;}
.yellow-border {border:1px solid #ebda4b;}
.lightyellow-border {border:1px solid #ebe6c0;}
.purple-border {border:1px solid #9951c9;}
.dark-border {border:1px solid #363636;}
.greyish-border {border:1px solid #d1d1d1;}
.midgrey-border {border:1px solid #e4e4e4;}
.lightgrey-border {border:1px solid #f3f3f3;}
	
/* CONTENT SPLITING WITH MARGIN */
.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third {
	float:left; position:relative;
	margin-bottom:20px !important; margin-right:2% !important;}
.one-half {width:49%;}
.one-third {width:32%}
.one-fourth {width:23.5%}
.one-fifth {width:18.4%;}
.one-sixth {width:15%;}
.two-third {width:66%;}
.last {margin-right:0 !important; clear:right;}

@media screen and (max-width:640px) {
	.one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, 
	.two-third {width:100%;} }
	
/* ODD EVEN SPLIT - HALF SPLIT */
.half-odd, .half-even {float:left; position:relative; width:49%;
	margin-bottom:20px !important; margin-right:2% !important;}
.half-even {margin-right:0 !important; clear:right;}

@media screen and (max-width:640px) {
	.half-odd, .half-even {width:100%;} }

/* CONTENT IMAGE */
.entry-content .img-left {float:left; margin:5px 15px 5px 0 !important;}
.entry-content .img-right {float:right; margin:5px 0 5px 15px !important;}

/* HIDE CONTENT */
.empty-box {overflow:hidden; clip:rect(1px 1px 1px 1px);
	height:1px; width:1px; margin:0 !important; padding:0 !important;}
	
/* BOXED */
[class*="boxed-"] {float:left; width:100%; padding:10px 15px; margin-bottom:20px; 
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
        -ms-box-sizing:border-box; box-sizing:border-box}
[class*="boxed-"]:after {clear:both; content:""; display:table}
[class*="boxed-"] ul, [class*="boxed-"] ol {margin-bottom:0}
[class*="boxed-"] p:last-child {margin-bottom:0}

.boxed-dark {color:#fff;}
.boxed-dark h2, .boxed-dark h3 {color:#fff !important;}
.boxed-dark a {color:#fff;}
.boxed-dark a:hover {text-shadow:1px 1px 1px rgba(0, 0, 0, .7);}

/* Adjust Inbox */
.inbox-top {margin-top:-.7em !important;}
.inbox-bottom {margin-bottom:-.7em !important;}

.cold-left, .hot-left, .green-left, .yellow-left {
	border-left:2px solid !important;}
.cold-left {border-left-color:#0ea1e5 !important;}
.hot-left {border-left-color:#f05858 !important;}
.green-left {border-left-color:#7ad03a !important;}
.yellow-left {border-left-color:#ebda4b !important;}

.cold-top, .hot-top, .green-top, .yellow-top {
	border-top:2px solid !important;}
.cold-top {border-top-color:#0ea1e5 !important;}
.hot-top {border-top-color:#f05858 !important;}
.green-top {border-top-color:#7ad03a !important;}
.yellow-top {border-top-color:#ebda4b !important;}

/* BOXED SHADOW */
.light-box-shadow {
	-moz-box-shadow:1px 1px 3px 0 #aaa;
	-webkit-box-shadow:1px 1px 3px 0 #aaa;
	box-shadow:1px 1px 3px 0 #aaa;}
.dark-box-shadow {
	-moz-box-shadow:1px 1px 3px 0 #111;
	-webkit-box-shadow:1px 1px 3px 0 #111;
	box-shadow:1px 1px 3px 0 #111;}

/* BAKOOL BUTTON */
a.bakool-button {background-color:#1c8eeb; color:#fff; 
	padding:7px; margin-bottom:20px; border:none;}
a.bakool-button:hover {background-color:#eb4b4b;}

/* ELEMENTS */
img {max-width:100%; height:auto; width:auto\9;}
p {width:100%; margin-bottom:15px;}
pre {font-family:"Lato";}
em {letter-spacing:.01em;}
ul, ol {margin-left:1.3em;}
li {line-height:1.6 !important; margin-bottom:5px;}

/* CUSTOM LIST */
.custom-list, .content-list {list-style:none; margin-left:0;}
.custom-list li, .content-list li {margin-left:1.3em; margin-bottom:.4em;}
.custom-list li:before, .content-list li:before {content:'\00BB'; 
	font-family:Tahoma, Arial, Verdana; color:#f05858; 
	margin-left:-1.3em; padding-right:.62em; font-weight:700; font-size:13px;}

/* TABLE */
.bakool-table, .bakool-table-center {
	border-collapse:collapse; background-color:#fff; margin:0 auto;}
.bakool-table td, .bakool-table th, 
.bakool-table-center td, .bakool-table-center th {
	border:1px solid #d7d7d7; padding:0.5rem; 
	vertical-align:middle;}
.bakool-table .odd, .bakool-table-center .odd {
	background-color:#f9f9f9;}
.bakool-table th, .bakool-table-center th {
	text-align:center;}
.bakool-table-center td {text-align:center;}
.table-vtop td, .table-vtop th {vertical-align:baseline !important;}

@media screen and (max-width:640px) {
	.bakool-table {width:100% !important;} }

/* CIRCLE */
.circle {border-radius:50%; width:200px; height:200px;}

/* DEFAULT PAGINATION */
.site-main .paging-navigation , .site-main .post-navigation {
	clear:both; margin:0 0 20px 0;}

/* 	CUSTOM PAGINATION */
.pagination {clear:left; float:right; margin:0 0 20px 0; position:relative; 
	font-size:90%; line-height:13px;} 
.pagination span, .pagination a {display:block; float:left; 
	margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none;
	width:auto; color:#fff; background-color:#363636;} 
.pagination a:hover{color:#fff; background-color:#eb4b4b;} 
.pagination .current{padding:6px 9px 5px 9px; background: #009ceb; 
	color:#fff;}

/* CONTENT SPACES AND SEPARATORS */
hr {margin-bottom:20px; border-top:1px solid #d7d7d7;}

.bakool-content-sep {clear:both; margin:5px 0; padding:5px 0; 
	border-top:2px solid #0ea1e5;}
.content-sep {clear:both; padding-bottom:30px;}
@media screen and (max-width:800px) { .content-sep {padding-bottom:20px;} }

.content-sep-10 {clear:both; padding-bottom:10px;}
.content-sep-15 {clear:both; padding-bottom:15px;}	
.content-sep-20 {clear:both; padding-bottom:20px;}	
.content-sep-30 {clear:both; padding-bottom:30px;}	
.content-line-sep {border-bottom:1px solid #f1f1f1;}

/* SEPS SHORTCODE */
.line-sep {clear:both;}
.sep-single {height:1px; background-color:#d1d1d1;}
.sep-double {height:6px; border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;}
.sep-dotted {border-bottom:2px dotted #d1d1d1;}
.sep-dashed {border-bottom:2px dashed #e7e6e6;}

/* COOL SEPARATORS */
hr {float:left; width:100%;}
hr.shadow-line {height:5px; border:0; margin:0; border-top:1px solid #999;
	-moz-box-shadow:inset 0 5px 5px -5px rgba(0,0,0,0.5);
    box-shadow:inset 0 5px 5px -5px rgba(0,0,0,0.5);}
hr.light-line {height:3px; margin:0; background-color:#f1f2f2;
	border-top:1px solid #ccc;}
hr.yellow-line {height:3px; margin:0; background-color:#fed429;
	border-top:1px solid #ffcc00;}

/* BLINK STYLES */
.blink {
    animation-name: blinker; animation-duration: 3s; animation-timing-function: ease-in linear; animation-iteration-count: infinite;
    -webkit-animation-name: blinker; -webkit-animation-duration: 3s; -webkit-animation-timing-function: ease-in linear;
    -webkit-animation-iteration-count: infinite;}

.speed20 {animation-duration: 2s; -webkit-animation-duration: 2s;}
.speed15 {animation-duration: 1.5s; -webkit-animation-duration: 1.5s;}
.speed10 {animation-duration: 1s; -webkit-animation-duration: 1s;}

@-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
    0% {opacity:1.0;} 50% {opacity:0.1;} 100% {opacity:1.0;} }
@-webkit-keyframes blinker {  
    0% {opacity:1.0;} 50% {opacity:0.1;} 100% {opacity:1.0;} }
@keyframes blinker {  
    0% {opacity:1.0;} 50% {opacity:0.1;} 100% {opacity:1.0;} }/* CENTERING */
.centeritem {margin:0 auto;}
.centertext {text-align:center;}

/* CLEARINGS */
.clearboth {clear:both; display:block; font-size:0px; height:0px; 
	line-height:0; width:100%; overflow:hidden;}
	
.content-area {float:left; margin:0 -33% 0 0; width:100%;}
.site-main, .page-left {	margin:0 33% 0 0;}
.site-content .widget-area, .page-right {
	float:right; overflow:hidden; width:29%;}
.site-footer {clear:both; width:100%;}
	
@media screen and (max-width:800px) {
	.site-main, .page-left {	margin:0;}
	.site-content .widget-area, .page-right {float:left; width:100%;} }
	
/* WIDGETS */
#secondary .widget, #footbar .widget {float:left; width:100%; margin:0 0 2em;}
 	
#footbar-1, #footbar-2, #footbar-3, #footbar-4 {float:left; width:23.5%; 
	color:#c7c7c7; margin-right:2%;}
#footbar-4 {margin-right:0 !important; clear:right;}

#secondary .widget {border:1px solid #e7e7e7; background-color:#fff;}
#secondary .widget h3 {padding:5px; border-bottom:1px solid #e7e7e7;
	background-color:#f7f7f7; text-align:center;
	/* text-shadow:1px 1px 2px rgba(0,0,0,.7); */}
#secondary .widget p {padding:0 10px; text-align:justify; font-size:90%;}
#footbar .widget h3 {color:#4ba2eb; padding:7px 0 10px;}

.widget ul {list-style:none; margin:0; padding:0; font-size:90%;
	float:left; width:100%; line-height:1.4em;}
	
#secondary .widget li, #footbar .widget li {
	float:left; width:100%; margin:0; padding:0;}
#secondary .widget li	{border-bottom:1px solid #e7e7e7;}
#footbar .widget li {border-bottom:1px solid #666;}

#secondary .widget li a, #footbar .widget li a {float:left; width:100%;}
#secondary .widget li a {padding:7px 5px;}

#footbar .widget a {color:#f7f7f7; padding:7px 0;}
#footbar .widget a:hover {color:#4ba2eb;}
	
#secondary .widget li img, #secondary .widget li a img, .bakool-widget-item-info {}
#secondary .widget li a img {float:right; width:21%;}
#secondary .widget li a:hover img {opacity:.7}
.bakool-widget-item-info {float:left; width:76%;}
#secondary .widget .see-all-link {
	clear:both; float:left; width:100%; padding:10px 5px 15px; 
	border-bottom:1px solid #e7e7e7;}
#secondary .widget a .widget-price {font-size:100%; color:#eb4b4b;}
#secondary .widget a:hover .widget-price {color:#404040;}
#secondary .widget a .widget-sale {font-size:85%; color:#999;
	text-decoration:line-through;}

@media screen and (max-width:800px) {
	#footbar .widget {margin-bottom:20px;}
	#secondary .widget li,
	#footbar-1, #footbar-2, #footbar-3, #footbar-4 {
		width:50%; margin:0;}
	#footbar-3 {clear:both;}
	#footbar-1, #footbar-2, #footbar-3, #footbar-4 {
		padding:0 1%;}
	#secondary .widget li a {padding:10px;}
}

@media screen and (max-width:480px) {
	.widget ul {font-size:110%;}
	#secondary .widget li,
	#footbar-1, #footbar-2, #footbar-3, #footbar-4 {
		width:100%;}
	#secondary .widget p {text-align:left;}
}

@media screen and (max-width:320px) {
	.widget ul {font-size:100%;}
}

@media screen and (max-width:240px) {
	.widget img {display:none; width:0%}
	.bakool-widget-item-info {width:100%;}
}

/* BANK WIDGET */	
.bakool-bank-widget a {position:relative;}
.bakool-bank-widget li a img {width:60px;}

/* WIDGET ICON */
.bca, .bni, .bri, .mandiri, .atas-nama,
.tiki, .jne, .pos,
.call, .sms, .bbm, .chat {
	background-image:url('images/bakool-icons.png');
	background-repeat:no-repeat;
	width:60px; height:30px; display:block; 
	position:absolute; right:2%; top:21%;}

/* WIDGET ICON ON FOOTER */
#footbar .bca, #footbar .bni, #footbar .bri, #footbar .mandiri, #footbar .atas-nama,
#footbar .tiki, #footbar .jne, #footbar .pos,
#footbar .call, #footbar .sms, #footbar .bbm, #footbar .chat {
	background-image:url('images/bakool-icons-dark.png');}
	
/* WIDGET ICON HOVER */
.bakool-bank-widget a:hover .bca, 
.bakool-bank-widget a:hover .bni,
.bakool-bank-widget a:hover .bri,
.bakool-bank-widget a:hover .mandiri,
.bakool-bank-widget a:hover .atas-nama,
.bakool-bank-widget a:hover .tiki,
.bakool-bank-widget a:hover .jne,
.bakool-bank-widget a:hover .pos,
.bakool-bank-widget a:hover .call,
.bakool-bank-widget a:hover .sms,
.bakool-bank-widget a:hover .bbm,
.bakool-bank-widget a:hover .chat {opacity:.7}

/* WIDGET ICON POSITION */
.bca {background-position:0 0;}
.bni {background-position:0 -30px;}
.mandiri {background-position:0 -60px;}
.bri {background-position:0 -90px;}
.atas-nama {background-position:0 -120px;}
.tiki {background-position:0 -150px;}
.jne {background-position:0 -180px;}
.pos {background-position:0 -210px;}
.call {background-position:0 -240px;}
.sms {background-position:0 -270px;}
.bbm {background-position:0 -300px;}
.chat {background-position:0 -330px;}

@media screen and (max-width:768px) {
	.bca, .bni, .bri, .mandiri, .atas-nama,
	.tiki, .jne, .pos,
	.call, .sms, .bbm, .chat {
		top:27%;} }

@media screen and (max-width:240px) {
	.bca, .bni, .bri, .mandiri, .atas-nama,
	.tiki, .jne, .pos,
	.call, .sms, .bbm, .chat {
		display:none; width:0; height:0;} }

/* WIDGET INDIVIDUAL STYLES */
#secondary #bakoolcontactwidget-2, #secondary #bakooldiscreetpackingwidget-2  {
	border-color:#eb4b4b;}
#secondary #bakoolcontactwidget-2 h3, #secondary #bakooldiscreetpackingwidget-2 h3 {
	background-color:#eb4b4b; color:#fff; border:none;}
#secondary #bakoolfeaturedwidget-2 {
	border-color:#4ba2eb;}
#secondary #bakoolfeaturedwidget-2 h3 {
	background-color:#4ba2eb; color:#fff; border:none;}	
#secondary .tagcloud {padding:10px;}

/* HOME */
.home-item {margin:15px 10px 10px;}
.home-item h3 {font-size:120%; margin:-15px -10px 10px;}
.home-item p {}

#obat-kuat-home, #pembesar-home, #alat-pria-home, #alat-wanita-home {
	border:1px solid #e7e7e7; border-bottom:3px solid #e7e7e7;}
#obat-kuat-home:hover, #pembesar-home:hover, 
#alat-pria-home:hover, #alat-wanita-home:hover {
	background-color:#f7f7f7;}
/*
#obat-kuat-home {background-color:#fcecd5;}
#pembesar-home {background-color:#edf4cd;}
#alat-pria-home {background-color:#ead0fb;}
#alat-wanita-home {background-color:#f8d0fb;}
*/

/* POSITIONING AND SIZING */
/* #page, .bakool-row {clear:both; width:100%;} */
#page, .bakool-row {clear:both; max-width:1080px; margin:0 auto;
	position:relative;}
#page {font-size:1.45rem; box-shadow:0 0 15px -1px rgba(0,0,0,.6);}
@media screen and (max-width:1024px) { #page {box-shadow:none;} }

.scroll-button {position:absolute;}
.scroll-button:hover {opacity:.7;}
a#scroll-to-top {float:right; width:40px; height:60px; 
	top:46%; bottom:0; right:0; z-index:9999; border-radius:7px 0 0 7px;}

@media screen and (max-width:1024px) {
	.scroll-button {opacity:.4;}
	.scroll-button:hover {opacity:1;} }

/* !!! MAIN CONTENT WIDTH IN PIXELS !!! */	
.info-bar, .site-header, .bakool-h1-wrapper, #bakool-top-nav, #breadcrumbs, 
.site-content, .site-footer {max-width:100%; margin:0 auto; 
	padding-left:30px; padding-right:30px;}
	
@media screen and (max-width:1024px) { 
.info-bar, .site-header, .bakool-h1-wrapper, #bakool-top-nav, #breadcrumbs, 
.site-content, .site-footer {padding-left:20px; padding-right:20px;} }

 @media screen and (max-width:480px) { 
.info-bar, /*.site-header, */.bakool-h1-wrapper, #bakool-top-nav, #breadcrumbs, 
.site-content, .site-footer {padding-left:10px; padding-right:10px;} }

.page-content, .entry-content, .entry-summary {margin:0}

/* HEADERS */
.site-header {position:relative; z-index:777;
	background-color:rgba(0,0,0,.2);}
/* @media screen and (min-width:1025px) { .site-header {padding:0;} }
@media screen and (max-width:800px) { .site-header {background-color:#1c8eeb;}} */

/* SITE HEADER IMAGE
.header-bg {background-image:url("images/site-header-bg.png");
	background-position:top; background-repeat:repeat-x;
	background-color:rgba(28,142,235,.5);}

/* SITE BRANDING */
.site-branding {float:left; width:14%; display:table; height:95px;
	margin-right:2%;}
.site-branding a {color:#f5f5f5; line-height:0; display:table-cell;
	vertical-align:middle; text-align:center;}
.site-branding img:hover {opacity:.7;}
.site-branding a:hover {color:#ebda4b;}
.site-title {font-size:250%; font-weight:400;}

@media screen and (max-width:1024px) {
	.site-branding {float:right; width:30%; height:70px; margin:0;}
	.site-branding a {text-align:right;}
	.site-branding img {max-width:90%;} }

@media screen and (max-width:800px) {.site-branding {width:40%;}}
@media screen and (max-width:640px) {.site-branding {width:50%;}}
@media screen and (max-width:480px) {.site-branding {width:60%;}}
	
/* MAIN NAVIGATION */
#bakool-menu-toggle, .bakool-menu-toggle {display:none; width:30px;
	margin-right:15px;}
.bakool-menu-toggle {clear:none; float:left; color:#f5f5f5;
	margin-top:20px;}
.bakool-menu-toggle:hover {opacity:.7;}
.bakool-menu-toggle label {cursor:pointer;}

.main-navigation {clear:none; float:left; width:64%; margin-right:2%;}
.main-navigation a {margin:0;}
/*.main-navigation a:hover {background-color:#4ba2eb; }*/
.main-navigation ul {float:left;}
.main-navigation li {display:table; height:95px; margin-bottom:0;}
/* .main-navigation li:before {content:url("images/site-hor-menu-sep.png");
	display:table-cell; vertical-align:middle;} */
.main-navigation a {color:#fff; padding:0 7px; font-size:13px !important;}
.main-navigation a:hover {text-shadow:1px 1px 1px rgba(0, 0, 0, .7);
	color:#f1f1f1; /* background-color:rgba(235,35,35,.85); */}
.main-navigation li a {font-size:110%; display:table-cell; vertical-align:middle;}
.main-navigation ul ul {background:#5f5f5f; top:82px; left:-10px;
	border-top:1px solid #9a9a9a; font-size:95%;}
.main-navigation ul ul li {border-bottom:1px solid #9a9a9a;}
.main-navigation ul ul li a {padding:8px; padding-left:10px; color:#f5f5f5;}
.main-navigation ul ul li a:hover {text-shadow:none;}

@media screen and (max-width:1024px) {
	.main-navigation {display:none; clear:both; width:100%; margin:0;}
	.bakool-menu-toggle,
	#bakool-menu-toggle:checked  + .main-navigation {display:block;}
	.main-navigation li {height:35px; margin:0 10px 10px 0;}
	.main-navigation li a {background-color:rgba(255,255,255,.9); color:#464646;
		border-radius:3px;}
	.main-navigation li a:hover {background-color:#eb4b4b; color:#fff; 
		text-shadow:none;}
	.main-navigation ul ul {top:35px;} }

@media screen and (max-width:480px) {
	.main-navigation ul {margin-left:0;} }

/* BAKOOL SITE HEADER - BAKOOL SEARCH */
#bakool-search-form {float:right; width:17%; display:table; height:95px;}
.bakool-search-wrapper {display:table-cell; vertical-align:middle;
	text-align:center; width:100%;}
.bakool-search-wrapper #search-box {
	height:32px; width:100%; color:#909090;
	border-radius:3px; border-color:#4ba2eb; padding:0 8px;}
.bakool-search-wrapper #search-submit {display:none;}
	
/* BAKOOL SITE HEADER - SEARCH TOGGLE */
#bakool-search-toggle, .bakool-search-toggle {float:right;
	width:35px; height:35px;}
#bakool-search-toggle /*, #bakool-search-form */ {display:none;}
.bakool-search-toggle {display:none; clear:none; color:#f5f5f5; 
	text-align:center;}
.bakool-search-toggle:hover {color:#fed429; opacity:.7;
	text-shadow:1px 1px 3px rgba(0, 0, 0, .7);}
.bakool-search-toggle label {cursor:pointer;}

@media screen and (max-width:1024px) {
	#bakool-search-form  {clear:both; float:left; width:100%; 
		height:50px; display:none;}
	.bakool-search-toggle,
	#bakool-search-toggle:checked  + #bakool-search-form  {display:block;} 
	.bakool-search-toggle, .bakool-search-wrapper  {float:left; margin-right:15px;}
	.bakool-search-toggle {margin-top:20px; margin-bottom:15px;} }

/* TOP NAVIGATION */
.bakool-top-nav-bg {background-color:rgba(0,0,0,.5); border-radius:5px 5px 0 0;}
@media screen and (max-width:1024px) {.bakool-top-nav-bg {border-radius:0;} }

#bakool-top-nav {font-size:100%; overflow:auto;}
#bakool-top-nav ul {list-style:none; margin:0;}
#bakool-top-nav li {float:left; position:relative; display:table; height:40px;
	margin-bottom:0;}
#bakool-top-nav li:before {content:url("images/site-hor-menu-sep.png");}
#bakool-top-nav #first-list:before {content:none;}
#bakool-top-nav a {display:table-cell; vertical-align:middle;
	color:#fff; padding:0 10px;}
#bakool-top-nav h4 {display:table-cell; vertical-align:middle;
	padding:0 10px 3px 0; line-height:.8; text-align:left;}
#bakool-top-nav a:hover {background-color:rgba(235,35,35,.85);}

@media screen and (max-width:800px) {
	#bakool-top-nav li {height:35px;}
	#bakool-top-nav h4 {display:none;}
	#bakool-top-nav ul {/*margin-left:-10px;*/} }

/* H1 WRAPPER */
.bakool-h1-outer {float:left; width:100%; border:1px solid #e7e7e7;
	border-left:none; border-right:none; position:relative; 
	background-color:rgba(255,255,255,.9);}
.bakool-h1-wrapper h1 {float:left; width:100%;}
.bakool-h1-wrapper h1 {display:table; height:60px;
	padding-top:7px; padding-bottom:7px;}
.bakool-h1-wrapper a {display:table-cell; vertical-align:middle;}

@media screen and (max-width:1024px) {.bakool-h1-wrapper h1 {height:50px;}}
	
/* INFO BAR */
.info-bar-outer {background-color:rgba(255,255,255,1);
	border-bottom:1px solid #e7e7e7;}
.info-bar {width:100%; display:table; height:30px;
	padding-top:1px; padding-bottom:3px;}
.info-bar p {text-align:left; display:table-cell; vertical-align:middle;
	margin:0; padding:0;}
.hide-this {}
	
@media screen and (max-width:480px) {
	.info-bar {height:auto; padding-top:5px; padding-bottom:5px;}
	.hide-this {display:none;}}

/* BREADCRUMBS */
.site-breadcrumbs {background-color:#fff;}
#breadcrumbs {font-size:80%; color:#aaa; padding-top:20px; padding-bottom:0;}
	
/* GLOBAL SITE-CONTENT */
.site-content-outer {background:#fff;}
.wp-caption {color:#aaa; border:none; font-size:80%; margin-bottom:20px;}

/* CONTENT AREA, WIDGET AND FOOTER POSITION AND SIZE */
.content-area {width:100%;}
.site-main {padding:40px 0;}
.site-content .widget-area {overflow:hidden; padding:40px 0;}
.hentry {text-align:justify; margin:0;}
.site-footer {padding-top:10px; padding-bottom:10px;} 

@media screen and (max-width:800px) {
	.site-main, .site-content .widget-area {clear:both; float:left; width:100%;}
	.site-main {padding:20px 0;}
	.site-content .widget-area {border-top:10px solid #e1e1e1;} 
	.hentry {text-align:left;} }

/* GRID DISPLAY */
.grid-display {position:relative; border:1px solid #e7e7e7;
	border-bottom:3px solid #e7e7e7;}
.grid-display a {border:none;}
.grid-display header {clear:both; width:100%;
	border-top:1px solid #e7e7e7; /* background-color:#f7f7f7; */}
.grid-display h2, .grid-display h3 {display:table; height:65px; width:100%;
	overflow:hidden;}
.grid-display header a {line-height:1.3; text-transform:capitalize !important;
	font-weight:400; text-align:center; padding:0 3px;
	display:table-cell; vertical-align:middle;}
.grid-display header a:hover {/* background-color:#f7f7f7; */}
.grid-display .entry-content {margin:0; padding:0; border:none; 
	width:100%; position:relative;}
.grid-display .entry-summary {margin:0; display:table; height:200px;
	width:100%;}
.grid-display .entry-summary a {display:table-cell; vertical-align:middle;}

.grid-display .entry-content .grid-pop {position:absolute; z-index:199; top:0;
	overflow:hidden; clip:rect(1px 1px 1px 1px); height:1px; width:1px; 
	color:#404040; padding:10px; text-align:left; color:#fff;}
.grid-display .entry-content:hover .grid-pop {overflow:auto; line-height:1.4;
	clip:rect(auto auto auto auto); height:205px; width:100%; left:0;
	background:#fff; opacity:.9; color:#404040;}
	
.grid-display img {/* margin-top:5px; */}
.grid-display a:hover img {opacity:.8;}
.grid-display .price {font-weight:400; font-size:100%; margin:0;
	text-transform:capitalize !important;}
.grid-display a:hover .price {color:#262626;}
	
@media screen and (max-width:640px) {
	.grid-display {width:32%;} }

@media screen and (max-width:480px) {
	.grid-display {width:50%; margin-right:0 !important; border:none;}
	.grid-display header {padding:0; overflow:visible; 
		border:none; background:none;}
	.grid-display header a {vertical-align:baseline;}
	.grid-display .entry-content:hover .grid-pop {height:185px;}	}
	
@media screen and (max-width:320px) {
	.grid-display {width:100%;} }
	
/* HORBAR DISPLAY */
.horbar-display {clear:both; float:left; width:100%; font-size:14px !important;
	margin-bottom:30px; border:1px solid #e7e7e7; 
	border-top:3px solid #4ba2eb; border-bottom:3px solid #e7e7e7;}
.horbar-display a {border:none;}
.horbar-header {float:left; width:100%; padding:10px;
	border-bottom:1px solid #e7e7e7; display:table; height:35px;}
.horbar-display .entry-header {width:65%; display:table-cell; vertical-align:middle;}
.horbar-price {width:35%; text-align:right; display:table-cell; 
	vertical-align:middle;}
.horbar-display img {float:left; max-width:100%; padding:0; margin:0 10px 10px 0;}
.horbar-display img:hover {opacity:.7;}
.horbar-content {position:relative; float:left; width:100%; 
	margin:0; padding:15px;}
/* .horbar-display .entry-summary {margin-top:10px; text-align:left;}
.horbar-display ul {margin-bottom:10px;} */
.horbar-display .detail-link {float:right; margin-top:7px;}
.horbar-display .entry-meta {margin:0; background-color:#f7f7f7;
	padding:5px 10px;}
.horbar-display .entry-meta a {color:#aaa;}

@media screen and (max-width:480px) {
	.horbar-display .entry-header, .horbar-price {display:block;}
	.horbar-display .entry-header, .horbar-price, .horbar-content,
	.horbar-display .detail-link	{
		float:left; clear:both; width:100%;}
	.horbar-content {padding:10px}
	.horbar-price {text-align:left;} }
	
@media screen and (max-width:360px) {
	.horbar-display .entry-header, .horbar-price, .horbar-image {
		text-align:center}
	.horbar-image {float:left; width:100%}
	.horbar-display img {float:none}
	.horbar-desc, .horbar-display .entry-meta {
		overflow:hidden; clip:rect(1px 1px 1px 1px); height:1px; width:1px; 
		margin:0 !important; padding:0 !important}
	.detail-link {text-align:center} }
	
/* BAKOOL PRODUCT DISPLAY */
.bakool-single-product .entry-title {font-size:140%; 
	text-transform:uppercase !important;}
.bakool-single-product .one-half img {max-width:100%;}
.bakool-single-product .one-half p {margin:0;}
.bakool-single-product .price {text-transform:uppercase !important;}
.product-desc {clear:both; width:100%; margin-bottom:15px}
.bakool-single-product .entry-content img {margin-top:20px; margin-bottom:20px;}
.bakool-single-product .entry-content .wp-caption img {margin-bottom:0;}

/* CIRCLE LABELING */
.bakool-label {-webkit-backface-visibility:hidden; 
	top:10px; left:10px; display:block; z-index:99; color:#fff; 
	border-radius:50%; line-height:39px; text-align:center; 
	position:absolute; font-size:12px;
	font-family:sans-serif, Arial;}
.empty-label {padding:9px 7px; background:rgba(80,80,80,0.75);
	letter-spacing:-.02em;}
.sale-label {padding:9px 7px; background:rgba(237,28,36,0.75);}
.limited-label {padding:9px 7px; background:rgba(123,194,0,0.75); 
	letter-spacing:-.07em;}
.featured-label {padding:9px 7px; background:rgba(235,117,28,0.75);
	letter-spacing:0;}

/* PRICING DISPLAY */
.price {font-size:100%;}
.sale-price {font-size:90%; color:#999;
	text-decoration:line-through;}
.bakool-single-product .price {font-size:110%;}

/* ORDER BUTTON */
.order-button {float:right;}

@media screen and (max-width:640px) {
	.order-button {float:left;} }

/* QUICK LINKS */
.bakool-quick-links {clear:both; float:left; width:100%; margin-bottom:20px;}
.quick-links-title {float:left; padding:3px 5px; margin:3px 3px 0 0; 
	background:#4ba2eb; color:#fff;}
.bakool-quick-links ul {list-style:none; margin:0;}
.bakool-quick-links li {float:left; padding:3px 5px; margin:3px 3px 0 0;
	background:#ececec;}
.bakool-quick-links a {border:none;}

/* ENTRY CONTENT */
/* .bakool-single-product .entry-content {clear:both; float:left; width:100%;
	margin:0 0 10px; padding-top:5px;} */
.entry-content h2, .entry-content h3, .entry-content h4, 
.entry-content h5, .entry-content h6 {width:100%; 
	margin:1em 0 .2em; text-align:left; color:#1c8eeb;}

/* POST */
article .entry-footer {clear:both; padding-bottom:20px; margin-bottom:20px;
	color:#999; font-size:80%; border-bottom:1px solid #d7d7d7;}

/* RELATED POSTS */
.bakool-related-posts-wrap {clear:both; float:left; width:100%; font-size:90%;}
.bakool-related-posts-item {float:left; width:20%; height:140px; 
	text-align:center; line-height:1.2em; overflow:hidden; 
	margin-bottom:20px;}
.bakool-related-posts-item .rel-img-wrapper {margin-bottom:5px;}
.bakool-related-posts-item img {padding:0;}
.bakool-related-posts-item a {display:block; padding:0 5px; max-width:100%;
	border:none;}
.bakool-related-posts-item a:hover img {opacity:.7;}

@media screen and (max-width:640px) {
	.bakool-related-posts-wrap {font-size:90%;} }

@media screen and (max-width:480px) {
	.bakool-related-posts-item {width:33%;} }

@media screen and (max-width:240px) { 
	.bakool-related-posts-wrap .content-sep-10 {
		border-bottom:1px solid #f1f1f1;}		
	.bakool-related-posts-item {width:100%; height:auto;
		border-bottom:1px solid #f1f1f1; margin-bottom:0;}
	.bakool-related-posts-item .rel-img-wrapper {display:none;}
	.bakool-related-posts-item a {text-align:left; padding:13px 5px 13px 0;
		border:none;} 
	.bakool-related-posts-item a:hover {border:none;} }

/* COMMENTS */
#comment {width:100%;}
.form-allowed-tags {font-size:85%; color:#aaa;}
.kontainer{
padding:5px;
}
.operator{
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
font: 15px bold "tahoma" "trebuchet MS", "arial", Verdana, "Helvetica", Sans-Serif;
width: 100%;
border-collapse: collapse;
box-shadow: -1px -1px 0 #00b0d0, 1px 1px 0 #00b0d0;
}
.operator th{
padding: 5px 5px;
color: #fff;
text-shadow: 1px 1px 0 #008aa7;
text-align: center;
font-weight: 500;
text-transform: uppercase;
border: 1px solid #00f;
background: #00f url(http://1.bp.blogspot.com/-SZnKkkg_Fn4/UA2QC4hsO-I/AAAAAAAADeo/WxjL7uho4CY/s1600/dewa+perkasa+bg+blue+semio.png);
}
.operator td{
padding: 5px 5px;
border: 1px solid #00f;
text-align: center;
color:#fff
}
.operator td a:link, .operator td a:visited{
color:#fff
}
.operator td a:hover{
color:#ff0
}
.table{
margin-top:0px;
margin-bottom:10px;
padding:0px;
font: 15px bold "tahoma" "trebuchet MS", "arial", Verdana, "Helvetica", Sans-Serif;
width:100%;
border-collapse:collapse;								box-shadow:-1px -1px 0px #ff6666, 1px 1px 0px #ff6666;
}
.table th{
padding:5px 5px;
color:#fff;
text-shadow:1px 1px 0px #ff6666;
text-align:left;
font-weight:500;
text-transform:uppercase;
border:1px solid #f00;
background:#f00;
}
.table td{
padding:5px 5px;
border:1px solid #f00;
}
.table tr.row1{
background:#eee;
}
.table tr.row2{
background:#fff;
}
.table tr.row1:hover,.table tr.row2:hover{
background:#ffc;
color:#000;
}
.table .border_btm{
border-bottom:1px solid #f00;
}