* { margin: 0; outline: 0 none; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; -webkit-text-size-adjust: none; }

/* =============================================================================
   HTML5 element display
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section  { display: block; }
audio[controls], canvas, video  { display: inline-block; *display: inline; *zoom: 1; }

html, body { height: 100%; }

h1 { color: #588188; font: 700 48px/140% "proxima-nova", arial, sans-serif; text-rendering: optimizeLegibility; text-transform: uppercase; }
h2 { color: #588188; font: italic 32px/140% georgia, serif;  text-rendering: optimizeLegibility; }
h3 { color: #588188; font: italic 25px/140% georgia, serif;  text-rendering: optimizeLegibility; }
h4 { color: #588188; font: italic 18px/140% georgia, serif;  text-rendering: optimizeLegibility; }
h5 { color: #588188; font: italic 16px/140% georgia, serif;  text-rendering: optimizeLegibility; }
h6 { color: #588188; font: italic 14px/140% georgia, serif;  text-rendering: optimizeLegibility; }

/* transitions */
a{
	-webkit-transition: all .25s ease;
	-ie-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
a { outline: none; color: #588188; text-decoration: none; }
a img{ border: 0; }
a:hover { text-decoration: underline; }
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none; }
p { padding: 0 0 10px 0; margin: 0; }
ol, ul, dd { margin: 0 0 10px 20px; padding: 0; }


hr { border: 0; border-bottom: 1px solid #d9e3ff; height: 0px; margin: 12px 0; padding: 0; width: 100%; }
pre, code, blockquote { padding: 20px; }
input, textarea { -webkit-appearance: none; border-radius: 0; }
input, select, textarea {  }
input[type=text], input[type=password], textarea {
	border: none;
	padding: 8px;
	margin: 0 0 25px 0;
	width: 100%;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
textarea  { height: 6em; }

.rtecontent img { margin: 5px 20px 10px; }
.rtecontent table { margin: 0 0 15px 0; }
.rtecontent table td { padding: 0 10px 0 0; vertical-align: top; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after { clear: both; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix { *zoom: 1; }
.cleaner{ clear: both; }

div.messages  {
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	background: #eee;
	font-size: 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 1px 0 1px rgba(255, 255, 255, 0.4), -1px 0 1px rgba(255, 255, 255, 0.4), 0 -1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.07) inset;
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 1px 0 1px rgba(255, 255, 255, 0.4), -1px 0 1px rgba(255, 255, 255, 0.4), 0 -1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.07) inset;
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 1px 0 1px rgba(255, 255, 255, 0.4), -1px 0 1px rgba(255, 255, 255, 0.4), 0 -1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(255, 255, 255, 1), 0 1px 1px rgba(0, 0, 0, 0.07) inset;
}
div.messages b  { text-shadow: 0 1px 0 rgba(255, 255, 255, .65); }
div.messages.error  { border-color: rgba(204, 128, 128, 0.32) rgba(204, 128, 128, 0.24) rgba(204, 128, 128, 0.16); background: #fcc; }
div.messages.success  { border-color: rgba(128, 204, 128, 0.32) rgba(128, 204, 128, 0.24) rgba(128, 204, 128, 0.16); background: #cfc; }
div.messages.warning  { border-color: rgba(204, 204, 128, 0.32) rgba(204, 204, 128, 0.24) rgba(204, 204, 128, 0.16); background: #ffc; }

div.messages.error b  { color: #a00; }
div.messages.success b  { color: #080; }
div.messages.warning b  { color: #880; }

.col50{ width: 48%; }
.block{ display: block !important; }
.inline{ display: inline !important; }
.line_block{ display: inline-block !important; }

.lowlite { color: #aaa; } /*used for js placeholder fix for ie*/

.bold_it  { font-weight: bold !important; }
.italic_it { font-weight: italics !important; }

.no_bold  { font-weight: normal !important; }
.no_bullets *  { list-style-type: none !important; }
.no_float  { float: none !important; }
.no_padding { padding: 0 !important; }
.no_margin { margin: 0 !important; }
.no_borders { border: 0 none !important; }
.hidden, .no_display { display: none !important; }
.hm-cream { color:#dadbcb; }
.hm-olive { color: #babb55; }
.hm-blue { color: #598288; }
.push-r { margin-right: 23px; }

.float_left  { float: left; }
.float_right  { float: right; }

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_justify { text-align: justify; }

.social-btn {
	display:block;
	width: 30px;
	height: 30px;
	background: url("../img/hmj-sprite.png") 0 0 no-repeat;
	background-size: 556px 250px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none; }

.social-btn.fb { background-position: -458px 4px; }
.social-btn.tw { background-position: -493px 4px; }
.social-btn.in { background-position: -531px 4px; }

.social-btn.fb:hover { background-position: -458px -29px; }
.social-btn.tw:hover { background-position: -493px -29px; }
.social-btn.in:hover { background-position: -531px -29px; }

.social-btn:hover .social-overlay { opacity: 0; filter:alpha(opacity=0); }

video { width: 100% !important; height: auto !important; }

/*MOBILE NAVIGATION*/
.sidr{
	display:none;
	position:absolute;
	position:fixed;
	top:0;
	height:100%;
	z-index:999999;
	width:260px;
	overflow-x:none;
	overflow-y:auto;
	font-family: "proxima-nova", arial, sans-serif;
	font-weight: 700;
	font-size:18px;
	background:#4a4a3e;
	color:#f8f8ec;
	line-height: 140%;
	text-transform: uppercase;
	-webkit-box-shadow: inset 5px 0px 3px 0px rgba(0, 0, 0, .20);
    box-shadow: inset 5px 0px 3px 0px rgba(0, 0, 0, .20); }
.sidr .sidr-inner{
	padding:0 0 15px; }
.sidr .sidr-inner>p{ margin-left:15px; margin-right:15px; }
.sidr.right{ left:auto; right:-260px; }
.sidr.left{ left:-260px; right:auto; }
.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6 {
	font-size:11px;
	font-weight:normal;
	padding:0 15px;
	margin:0 0 5px;
	color:#f8f8ec;
	line-height:24px; }

.sidr ul{
	display:block;
	margin:15px 0;
	padding:0; }
.sidr ul li {
	display:block;
	margin:0;
	line-height:140%; }
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active { border-top:none; }
.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span { color: #BABB55;}
.sidr ul li a,
.sidr ul li span{
	padding: 5px 13px 5px 25px;
	display:block;
	text-decoration:none;
	color:#f8f8ec; }
.sidr ul li ul{ border-bottom:none; margin:0; }
.sidr ul li ul li{ line-height:40px; font-size:13px; }
.sidr ul li ul li:last-child{ border-bottom:none; }
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active{ border-top:none; line-height:41px; }
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span{}
.sidr ul li ul li a,.sidr ul li ul li span{ color:#f8f8ec; padding-left:30px; }


/*SELECT BOXES*/
.selectify {
    position: relative;
    color:#555;
    width: 100% !important;
    margin: 0 0 25px;
    font-family: "proxima-nova", arial, sans-serif;
	font-weight: 400; }
.selectify .options {
    position:absolute;
    z-index:2;
    max-height:250px;
    overflow-y:auto;
     width: 100% !important; }
.selectify .header { background: #fff;  cursor:pointer; }
.selectify .header .icon {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #4a4a3e transparent transparent;
    border-image: none;
    border-right: 7px solid transparent;
    border-style: solid;
    border-width: 7px;
    content: " ";
    height: 0;
    margin-left: -7px;
    position: absolute;
    width: 0;
    right: 0.5em;
    margin-top: -3px;
    position: absolute;
    top: 50%; }
.selectify .header .selected {
    color:#4a4a3e;
    font-size: 14px;
    padding: 7px 15px 6px; }
.selectify .header.hover .selected { color:#36362b; }
.selectify .header.hover .icon { border-color: #36362b transparent transparent; }
.selectify .option {
    border-top: 1px solid #BBB;
    cursor:pointer;
    color:#4a4a3e;
    padding: 5px 15px;
    background:#FFF; }
.selectify .option.hover { background:#f8f8ec; color: #36362b; }
.selectify .option.active { background:#588188; color:#FFF; }