/* Hacks */
#pushstat {display: none !important;}
* {margin: 0px; padding: 0px;}
img {border: none;}
.clearPan, .spacer {clear: both; height: 0px;}
.center {float: none; margin-left: auto; margin-right: auto;}
#wrapper {filter: alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#wrapper.enabled {filter: alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;}
#noscriptAlert {margin: 150px auto -255px auto; padding: 20px; text-align: center; width: 400px; background-color: #CCF; border: #1A5F86 2px solid;}
#noscriptAlert div.title {font-size: 28px;}

/* Web Styles */
body {font: 12px Arial, Helvetica, sans-serif;}
a {color: #e74c3c; text-decoration: none;} a:hover {color: #545454; text-decoration: none;}
a.tobsite {color: #C89F18;}
.wyswyg {padding: 15px 0px; text-align: justify;} 
.wyswyg ul, .content ol {margin-left: 15px;} 
.wyswyg p {margin-bottom: 10px;}
section {position: relative; z-index: 0;}
.img-responsive {margin: 0 auto;}
.img-wrapper {height: 0; padding: 0 15px 65%; text-align: center; overflow: hidden;}
.img-wrapper img {max-width: 100%;}

/* Bootstrap Fix */
.navbar-brand img {max-height: 100%;}
.pagination>li>a, .pagination>li>span {border-radius: 0 !important;}
.pagination>li>a, .pagination>li>span {color: #e74c3c;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #e74c3c; border-color: #e74c3c;}

/* Form */
.noData {color: #f00; text-align: center; text-transform: uppercase;}
.defaultForm {margin: 10px 0px;}
.defaultForm table {width: 100%;}
.defaultForm th, .defaultForm td {padding: 2px 5px; vertical-align: top;}
.defaultForm th {text-align: right;}
.defaultForm input {width: 100%; max-width: 250px;}
.defaultForm input[type='password'], .defaultForm input[type='email'], .defaultForm input.half {max-width: 250px;}
.defaultForm textarea {width: 100%; height: 100px;}
.defaultForm input.button {width: inherit; padding: 5px 10px;}
label.error {color: #FF0000;}

/* Header & Footer */
.topbar {padding: 15px 0;}
.topbar p {font-size: 16px;}
.topbar p.pull-right {margin-left: 10px;}
footer {padding-top: 30px;}

/* Content */
.flex-caption {width: 95%; bottom: 20%; text-shadow: 1px 1px #777;}
.flex-caption h3 {font-size: 48px;}
.profile-circle i.fa {font-size: 42px; position: absolute; left: calc(50% - 21px); top: calc(50% - 42px);}
.content-service {text-align: center; margin-bottom: 15px;}
.content-service img {max-height: 150px; margin-bottom: 15px;}
.content-service > div[class^=col-] {min-height: 120px;}
.about-logo table {width: 100%;}
.about-logo table td, .about-logo table th {padding: 2px 5px;}
.content-list > .row > .col-xs-12 {border-bottom: #eee 1px solid; margin-bottom: 15px; padding-bottom: 5px; clear: both;}

#cartList {width: 100%;}
#cartList td, #cartList th {padding: 10px 5px; text-align: center;}
#cartList tr:not(.h) td {border-bottom: #30210C 1px solid;}
#cartList .titleList th {background-color: #333; color: #fff;}
#cartList .q {width: 50px; text-align: center;}
#cartList .q input {width: 50px;}
#cartList .act {width: 70px;}
#cartList .act .button {font-size: 10px; width: 60px; margin-bottom: 5px;}
#cartList .p, #cartList .st {text-align: right; width: 150px;}
#cartList .h td: first-of-type {text-align: right; font-weight: bold;}
#cartPan .next {margin-top: 30px;}
#cartPan .btn {margin-top: 30px; text-align: center;}

@media (max-width: 768px) {
	.dropdown-submenu .dropdown-menu {display: block !important;}
}

@media (min-width: 768px) {
	.dropdown-submenu {position:relative;}
	.dropdown-submenu>.dropdown-menu {
		top:0; left:100%; margin-top:-6px; margin-left:15px;
		-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
	}
	.dropdown-submenu:hover>.dropdown-menu {display:block;}
	.dropdown-submenu>a:after {
		display:block; content:" "; width:0; height:0; position:absolute; top: 8px; right: 0;
		border-color:transparent; border-style:solid; border-width:5px; border-left-color:#ccc;
	}
	.dropdown-submenu:hover>a:after {border-left-color:#cc9966;}

	.content-service {text-align: left;}
}

@media (min-width: 992px) {
	.flex-caption {width: 80%;}
}

@media (min-width: 1200px) {
	.content-service {text-align: center;}
}