h4 { margin-top: 4px; }
.text-center { text-align: center; }
.bk-clr { background: #ccc; }
.main-top-margin { margin-top: 120px; }
.main-low-margin { margin-top: 55px; }
a, a:hover, a:focus{ color: #B75555; text-decoration: none; }
p { line-height: 30px; margin-bottom: 23px; }
.img-margin-product { margin-top: 30px; }
.bottam-pad { padding-bottom: 40px; }
.space-bottom { height: 120px; }
.space-top { height: 70px; }
.main-icon { font-size: 350px; color: rgba(102, 110, 197, 1); }
.head-line { font-size: 70px; padding-bottom: 50px; line-height: 65px; font-weight: 900; }
/* COLOR CODES */
.color-red { color: #ff0000; }
.color-green { color: #07BB00; }
.color-light-blue { color: #BB00BB; }
.color-blue { color: #0052FF; }
.color-brown { color: #EB8F2D; }
.color-black { color: #000000; }
.section { background-color: #4E63D1; color: #fff; }
.icon-set { position: relative; padding: 30px; }
.circle-body {
width: 150px;
height: 150px;
margin: 0 auto 14px auto;
border: 5px solid #ADA2EB;
border-radius: 100%;
background-color: #FFFFFF;
}
/* SOCIAL ICON STYLES */
.color-facebook { color: #3B5998; }
.color-twitter { color: #00aced; }
.color-google-plus { color: #dd4b39; }
.color-linkedin { color: #007bb6; }
.color-pinterest { color: #cb2027; }
/*   BOOTSTRAP ELEMENTS CHANGES   */
.navbar { font-weight: 500; font-size: 14px; height:50px; }
.navbar-inverse { background: #A52A2A; border-color: #333; }
.navbar-inverse .navbar-nav > .active > a { background: #eee; }
.navbar-inverse .navbar-brand {
    color: #eee;
    font-weight: bolder;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: 2px;
    position: absolute;
    text-shadow: #000 0.1em 0.1em 0.4em;
}
.navbar-inverse :hover .navbar-brand:hover { color: #eee; }
.navbar-inverse .navbar-nav > li > a { color: #FFFFFF; }
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #000; }
.navbar-brand a:hover, .navbar-header a:hover {  text-decoration: none; }
.navbar-header h1 { margin:0; padding: 0; position: absolute; }
.modal, modal-dialog, modal-content, .navbar, .navbar .container-fluid { z-index: 9999999 !important; }
/*   FOOTER SECTION */
#footer {
    background-color: #A52A2A;
    color: #fff;
    padding: 20px;
    border-top: solid 1px #333;
}
#footer a {	color: #fff; }
#footer a:hover { text-decoration: underline; }
/* Other */
.bgimg { background-image: url(/src/imgbg/fire.jpg); background-size:800px 275px; }
.xfade { opacity: 0.1; filter: alpha(opacity=10); /* For IE8 and earlier */ }
.noxfade { opacity: 1; filter: alpha(opacity=1); /* For IE8 and earlier */ }
.contentz { padding:5px; }
.collapse { margin-right: 10px; }
.s-box { margin-top: 8px; margin-right: 5px; }
.s-box button { float: right; margin-left: -5px; }
.s-box div { overflow: hidden; padding-right: .5em; }
.s-box div input { width: 100%; }
.container { position:relative; margin-top: 5px; }
.container a:hover, .container a:focus { text-decoration: underline; }
.btn-primary {
  color: #ffffff;
  background-color: #A52A2A; /*#428bca;*/
  border-color: #827839; /*#357ebd;*/
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #827839; /*#3276b1;*/
  border-color: #A52A2A; /*#285e8e;*/
}
.btn-info { background: #827839; border-color: #A52A2A; }
.btn-info:hover, .btn-info:active, .btn-info:focus { background: #A52A2A; border-color: #827839; }
.b-ol {	margin: 2px; color: #fff; background: #333; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 14px; font-weight: bold; }
.b-ol-active {	background: #999; }
.b-ol:hover { background: #827839; color: #fff; }
.b-ol a { color: #fff; }
.b-ol a:hover { text-decoration: none; }
.m-ol {	cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-shadow:#000 0.1em 0.1em 0.4em; font-weight:bold; }
.m-ol:hover { background: #827839; }
.padding-left-12px { padding-left:12px; }
.boxpad { padding: 15px 5px 15px 5px; border: 1px solid #fff; }
.boxpad:hover { background: #eee; border: 1px solid #ccc; cursor: pointer; }
.infobar { display: block; font-size: x-small; font-weight: bold; margin: 0; color: #888; }
.nowrap { white-space: nowrap; }
.leftbox { float: left; }
.leftbox50h { float: left; height: 50px; overflow: hidden; display: inline-block; }
.rightbox { float: right; }
.clear { clear: both; }
.inline-block { display: inline-block; }
.lrpad2px { padding: 0 2px 0 2px; }
.warning, .msg { font-weight: bold; background: #eee; border: 1px solid #ccc; color: #FA1D2F; padding:10px; }
.msg { margin-left: -10px; } .warning:hover, .msg:hover { color:#FA1D2F; }
img { display: inline-block; height: auto; max-width: 100%; }
.listtable { margin: 0; margin-left: -5px; padding: 0; }
.listtable .h2x, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0; font-size: medium; }
.contentz h2, .container h2 { font-weight: bold; margin: 0; font-size: large; margin-bottom: 5px; }
.listtable p { padding: 0; margin: 2px 0 2px 0; line-height: 1.2; font-size: small; }
.listtable .leftbox50h img { margin: 5px 10px 5px 2px; }
.pagination a:hover, .pagination .active a, .pagination .active a:hover { background: #333; }
.pagination .active a, .pagination .active a:hover { border-color: #333; }
.input-group-addon img { cursor: pointer; }
.capimg { width: 80px; }
.adbox { z-index: -1 !important; }
.vdivider { height: 40px; margin: 0 5px 0 5px; border-left: 1px solid #888; border-right: 1px solid #fff; }
.spacer5 { margin:0 2px 0 3px; padding:0; }
#typ { width: 75px; padding-left: 2px; padding-right: 2px; }
#big-modal .modal-dialog { width: 100%; }
#big-modal .modal-dialog .modal-content .modal-body {  overflow-y: auto; height: 90%; background: #fff; }
#cloudtags .label-info { background: #999; }
#cloudtags a:hover { text-decoration: none; }
#cloudtags .label-info:hover { background: #333; }
#subtitleinfo, #subtitleinfo h3, #subtitleinfo h4 { margin: 10px 2px 10px 0; padding: 0; }
#subtitleinfo h3, #subtitleinfo h4, #catlist div { font-size: large; font-weight: bold; }
@media (max-width: 767px) { .col-xs-12.text-right, .col-xs-12.text-left { text-align: center; } }
@media (max-width: 500px) { .navbar-inverse .navbar-brand { font-size: 5.5vw; } }