/*
Theme Name: RAM
Theme URI: http://www.reynoldsam.com/
Author: Luis Pizarro, Jeff Purdon, Jason Reese
Author URI: http://www.smooth-on.com/
Description: Custom theme for the RAM website.
Version: 0.2
License: Proprietary
License URI: http://www.smooth-on.com/
Tags: custom
Text Domain: ram
*/


/********
 *
 * boilerplate.css minified
 *
 ********/
@charset "utf-8";article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:25%;line-height:0;position:relative;vertical-align:baseline}sup{top:-1.75em}sub{bottom:-.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal;*overflow:visible}table button,table input{*overflow:auto}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input[type=checkbox],input[type=radio]{box-sizing:border-box}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-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}textarea{overflow:auto;vertical-align:top;resize:vertical}input:valid,textarea:valid{}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top;text-align:left;font-size:14px}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{zoom:1}@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{text-decoration:none}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}


/********
 *
 * REFERENCE INFORMATION
 *
 ********
 *
 * COLORS:
 *   Dark Blue: #034D81 / rgb(3,77,129)
 *   Light Blue: #4080AD / rgb(64,128,179)
 *   V.Light Blue: #EEEEFF / rgb(238,238,255)
 *   Black: #333333 / rgb()
 *   V.Dark Grey: #B6B6B6 / rgb(182,182,182)
 *   Dark Grey: #D7D7D7 / rgb(215,215,215)
 *   Light Grey: #E6E6E6 / rgb(230,230,230)
 *
 */

 
/********
 *
 * BASIC HTML STYLES
 *
 ********/
html{ /* Are these necessary? */
	overflow-y: scroll;
	margin: 0;
	padding: 0;
	border: 0;
}
body{
	margin: 0 auto;
	max-width:1920px;
	background-color: #D7D7D7;
	background: #D7D7D7 url(_images/topdotgradient2019.jpg) repeat-x;
	font-family: 'Roboto',Verdana, Geneva, sans-serif;
	font: 200 14px 'Roboto', Verdana, Geneva, sans-serif;
	color: #333;
	/* Do these need to be explicitly declared? */
	text-wrap: normal;
	text-align: left;
	font-variant-numeric: lining-nums;
    -moz-font-feature-settings:"lnum" 1; 
    -moz-font-feature-settings:"lnum=1"; 
    -ms-font-feature-settings:"lnum" 1; 
    -o-font-feature-settings:"lnum" 1; 
    -webkit-font-feature-settings:"lnum" 1; 
    font-feature-settings:"lnum" 1;
	text-rendering: optimizeLegibility; /* jrp: not working right in Chrome? */
}
ul{ /* Not sure that this should be universal styling on ULs */
	list-style: none inside;
}
p{
	/* Why are these declared using three different units? */
	font-size: 14px;
	font-size: 1em;
	font-size: 1rem;
	line-height: 17.5px;
	line-height: 1.4em;
	line-height: 1.4rem;
	/* Do these need to be explicitly declared? I think this is messing with how paragraphs are normally formatted */
	margin-top: auto;
	margin-bottom: auto;
}
a{
	outline: none; /* Why? */
	text-decoration: none;
	color: #034D81;
	font-weight: 500;
}
a:hover, a:active{
	text-decoration: underline;
}
a img{
	border: none; 
	vertical-align: baseline;
}
input[type='number']{
	width: 40px;
}
/* We might want to revisit these headers. The sizes seem off. Might be using the H tags un-semantically */
/* Also, why three different size units? */
h1{
	font-size: 17.5px;
	font-size: 1.25em; 
	font-size: 1.25rem; 
	font-weight:300;
	line-height: 17.5px; 
	line-height: 1.25em; 
	line-height: 1.25rem;
	vertical-align: center;
	margin-top: auto;
	margin-bottom: auto;
}
h3{
	font-size: 21px;
	font-size: 1.5em; 
	font-size: 1.5rem; 
	font-weight:300;
	margin-top: auto;
	margin-bottom: auto;
}
h5{
	font-size: 14px; 
	font-size: 1em; 
	font-size: 1rem; 
	font-weight:500;
	margin-top: auto;
	margin-bottom: auto;
}
h6{
	font-size: 14px; 
	font-size: 1em; 
	font-size: 1rem; 
	font-weight: 600;
	margin-top: auto;
	margin-bottom: auto;
}
img, object, embed, video{
	max-width: 100%; /* This is used for responsive elements */
}
.limitedwidth {
	max-width:1920px;
	margin: 0 auto;
	width: 100%;
}
.whtonblu :hover {
	color: #fff;
	background-color: #034d80;
}
/********
 *
 * HEADER
 *
 ********/
#mobile-to-top{
	display: none;
}
#mobile-to-top a{
	background: transparent url(_images/gototop.png);
}
#RAMlogospace{
	background: #D7D7D7 url(_images/logobg01.jpg) repeat;
	padding-top: -10px;
	position: absolute;
	border: 2px solid #025A9B;
	border-width: 0 2px 2px 0;
	border-bottom-right-radius: 15px;
	clear: none;
	margin-left: 0;
	width: 525px;
	max-height: 100px;
	box-shadow: 8px 8px 10px #000;
	z-index: 3;
}
#logogradient {
	position: absolute;
    clear: none;
    margin-left: -280px;
    width: 360px;
    z-index: 4;
    min-height: 102px;
    background-image: url(_images/logogradientblack.png);
    background-repeat-y: repeat;
}
#RAMlogo{
	position: absolute;
	margin: 10px 0 0 20px;
	max-width: 112px;
	max-height: 112px;
	box-shadow: none;
	z-index: 1001;
	background-color: transparent;
}
#Since1963{
	position: absolute;
	width: 100%;
	max-width:1920px;
	height: 118px;
	margin-top: -16px;
	clear: none;
	z-index: -1;
	text-align: right;
	display: none;
}
#Since1963 img{ /* Do these need to be explicitly declared? */
	width: 120px;
	height: 120px;
}
#topgridholder {
	clear: both;
	float: right;
	margin-left: 0;
	width: 50%;
	min-height: 104px;
}
#topgridholder a{ /* These weren't A tags in the original, so need to be more explicit about this. */
	color: #FFF;
	text-decoration: none;					   
}
#cartanduser{
	float: right;
	text-align: right;
	width: auto;
	max-width: 100%;
	height: 33px;
	line-height: 33px;
	margin-left: 0;
	padding-left: 0;
	margin-top: 5px;
}
#cartanduser span{
	display: inline-block;
	line-height: 25px;
	font-size: 14px;
	font-weight: 400;
	vertical-align: bottom;
}
	/* jrp: I created these IDs so that we could get rid of inline styling */
	#cart-link{
		border-right: 1px solid #FFF;
		padding-right: 8px;
	}
	#my-acct{
		padding: 0px 11px 0px 5px;
		margin-right: 40px;
	}
	.empty-cart, .full-cart, .acct-icon{
		display: inline-block;
		width: 26px;
		height: 36px;
	}
	.empty-cart{
		background: transparent url(_images/cart.png) no-repeat center bottom;
	}
	.full-cart{
		background: transparent url(_images/fullcart.png) no-repeat center center;
	}
	.acct-icon{
		background: transparent url(_images/accnt.png) no-repeat center 75%;
	}
	
#searchinputarea{
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 12px;
	width: 75%;
	height: 32px;
	line-height: 32px;
	display: block;
	background-color: #d7d7d7;
	vertical-align: bottom;
}
#searchinputarea input{
	width: 100%;
	width: calc(100% - 20px);
	padding: 0 0 0 10px;
	border: none;
	margin: 0px;
	height: 32px;
	background: #d7d7d7 url(_images/spy.png) no-repeat right;
	outline: none; /* Why? */
}
#beginsearch{
	clear: none;
	float: left;
	margin-left: 0;
	margin-top: 12px;
	width: 25%;
	height: 32px;
	line-height: 32px;
	display: block;
	background-color: #FFF;
	font-size: 18px;
	color: #004080;
	text-align: center;
}
#beginsearch :hover {
	color: #fff;
	background-color: #034d80;
} 
#beginsearch button{
	border: 0;
	background: transparent;
    width: 100%;
    height: 100%;
    display: block;				   
}
#gradientbox{
	background: transparent url(_images/graygradientrght.png) repeat-y;
	clear: none;
	float: left;
	margin-left: 0.75%;
	margin-top: 12px;
	width: 24.25%;
	height: 26px;
	display: none;
}


/********
 *
 * FOOTER
 *
 ********/
footer{
	position:absolute;
	width: 100%;
	left:0;
	margin: 48px 0 0 0;
	font-size: 90%;
	line-height:150%;
	color: #FFF;
	background: #D7D7D7 url(_images/topdotgradient2019.jpg) repeat-x 0 -20px;
}
footer ul{
	width: 25%;
    min-width: 160px;
	margin: 0 33px 4px 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
footer div{
	width: 25%;
	margin: 0 1% 4px 0;
	float: left;
}
footer img{
	max-width:177px;
}
#footer-nav{
	text-align: center;
	width:47%;
}
footer div.clearfix{
	float: none;
	margin: 0;
	width: auto;
}
footer li:first-child, footer h6{
	border-bottom: 1px solid #EEEEFF;
	margin-bottom: 10px;
	font-weight: 200;
	font-size: 18px;
}
div#copyright{
	font-size: 90%;
	font-weight: 500;
	margin-bottom: 6px;
	width: 100%;
				 
	float: none;
}
footer a, div#copyright a{
	color: #EEEEFF;
	font-weight: 400;
}
footer .center-text{
	text-align: center;
	width: 100%;
	float: none;
	margin: 0;
	margin-top: 4px;
}
.forfooter {
	float:inherit;
	padding: 24px 0 0 3%;
	width:97%;				   
}

/********
 *
 * MAIN NAVIGATION & SIDEBAR
 *
 ********/
#Mainnavigationbar {
	position: relative;
	width: 100%;
	clear: both;
	float: left;
	margin-left: 0;
	max-width: 1920px;

	display: block;
	z-index: 999;
}
#leftgradient {
	clear: none;
	float: left;
	margin-left: 0;
	width: 20%;
	min-width: 20%;
	height: 36px;
	background: transparent url(_images/graygradient.png) repeat-y right;
	display: none;
}
.nav{ /* Added this to deal with a lot of duplication of styles */
	position: relative;
	color: #FFF;
	clear: none;
	float: left;
	margin-left: 0;
	width: 25%;
	max-height: 36px;
	line-height: 36px;
	text-align: center;
	display: block;
	cursor: pointer;
	z-index: 900px;
}
.nav ul{
	margin: 0!important;
	padding: 0!important;
	text-align: left;
	position: absolute;
	width: 100%;
	box-shadow: 4px 12px 12px rgb(7 26 40 / 50%);
	display: none;
}
.nav li{
	background-color: #d7d7d7!important;
    transition: background-color 0.2s;
    border-left: solid 32px;
    padding: 8px;
    margin: 0;
    color: #333!important;
    font-size: .8rem;
    line-height: 1rem;
	font-family: 'Roboto Slab';							
	border-top: 1px solid #FFF;
	position: relative;
	z-index: 950;
}
.nav li:hover{
	background-color: #FFF!important;
	z-index: 951;
}
.nav li::before {
	content: "\203A";
	position: absolute;
	color: #FFF;
	left: -21px;
	top: 4px;
	font-size: 300%;
	opacity: .3;
	transition: all .1s ease-in;
}
.nav li:hover::before{
	opacity: 1;
}
.nav li a {
	color: #333!important;
}
.nav a{
	display: block;
	text-decoration: none;
}
.nav h3 a{
	font-size: 1.5rem;
	font-weight: 200;
}
.nav-select{
	clear: none;
	float: left;
	margin-left: 0;
	width: 25%;
	height: 36px;
	line-height: 36px;
	border: 0;
	display: none;
	color: #FFF;
	text-align: center!important;
	text-indent: 15px;
	font-weight: 300;
	font-size: 1.25rem;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
#Locations, #Locations ul,#Locations-select {
	background-color: #DA0000;
}
#Locations li{
	border-color: #DA0000;
}
#Products, #Products ul, #Products-select {
	background-color: #00AFDA;
}
#Products li{
	border-color: #00AFDA;
}
#Applications, #Applications ul, #Applications-select {
	background-color: #DA9A00;
}
#Applications li{
	border-color: #DA9A00;
}
#Seminars, #Seminars ul, #Seminars-select {
	background-color: #64C846;
}
#Seminars li{
	border-color: #64C846;
}
	#Products li:nth-child(1):hover{
		filter: hue-rotate(45deg);
	}
	
	#Products li:nth-child(2):hover{
		filter: hue-rotate(245deg);
	}

	#Products li:nth-child(3):hover{
		filter: hue-rotate(360deg) saturate(0.25);
	}

	#Products li:nth-child(4):hover{
		filter: hue-rotate(160deg) saturate(4);
	}

	#Products li:nth-child(5):hover{
		filter: hue-rotate(232deg) saturate(4);
	}

	#Products li:nth-child(6):hover{
		filter: hue-rotate(90deg);
	}

	#Products li:nth-child(7):hover{
		filter: hue-rotate(40deg) saturate(8);
	}

	#Products li:nth-child(8):hover{
		filter: hue-rotate(45deg) saturate(0);
	}

	#Products li:nth-child(9):hover{
		filter: hue-rotate(150deg);
	}

	#Products li:nth-child(10):hover{
		filter: hue-rotate(60deg) saturate(8);
	}

	#Products li:nth-child(11):hover{
		filter: hue-rotate(180deg) saturate(4);
	}

	#Products li:nth-child(12):hover{
		filter: hue-rotate(45deg) saturate(0);
	}
	
	#Products li:nth-child(13):hover{
		filter: hue-rotate(270deg);
	}
	
	#Products li:nth-child(14):hover{
		filter: hue-rotate(220deg) saturate(0.5);
	}

	#Products li:nth-child(15):hover{
		filter: hue-rotate(324deg) saturate(0.5);
	}

	#Products li:nth-child(16):hover{
		filter: hue-rotate(52deg) saturate(8);
	}

	#Products li:nth-child(17):hover{
		filter: hue-rotate(104deg);
	}

	#Products li:nth-child(18):hover{
		filter: hue-rotate(45deg);
	}

	#Products li:nth-child(19):hover{
		filter: hue-rotate(180deg);
	}

	#Products li:nth-child(20):hover{
		filter: hue-rotate(234deg);
	}

	#Products li:nth-child(21):hover{
		filter: hue-rotate(267deg) saturate(0.5);
	}

	#Products li:nth-child(22):hover{
		filter: hue-rotate(217deg) saturate(2);
	}

	#Products li:nth-child(23):hover{
		filter: hue-rotate(355deg);
	}

	#Products li:nth-child(24):hover{
		filter: hue-rotate(45deg);
	}
#sidebar{
	width: 30%;
	display: inline-block;
	vertical-align: top;
    margin-top: 20px;
}
#m-social{
	display: none;
}
#d-social{
	display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.social-sidebar{
	margin-bottom: 10px;
	text-align: right;
	background: transparent url(_images/whtgradientfull.png) repeat-y;
	background-size: 100%;
	background-position: -136px;
	white-space: nowrap;
	display:none;
}
.social-sidebar a{
	display: inline-block;
	max-width: 33px;
	height: 33px;
	vertical-align: bottom;
	width: 14%;
	margin-left:1px;
	background-position: center!important;
}
.social-sidebar span{
	color: #034D81;
	vertical-align: bottom;
	line-height: 33px;
	display: inline-block;
	font-weight: 600;
	padding: 0 3px;
	width: 33%;
	min-width: 94px;
}
.social-sidebar a[title='Facebook']{
	background: transparent url(_images/fb.png);
}
.social-sidebar a[title='Facebook']:hover{
	background: transparent url(_images/fbover.png);
}
.social-sidebar a[title='Facebook']:active{
	background: transparent url(_images/fbover.png);
}
.social-sidebar a[title='Twitter']{
	background: transparent url(_images/tw.png);
}
.social-sidebar a[title='Twitter']:hover{
	background: transparent url(_images/twover.png);
}
.social-sidebar a[title='Twitter']:active{
	background: transparent url(_images/twover.png);
}
.social-sidebar a[title='Instagram']{
	background: transparent url(_images/ig.png);
}
.social-sidebar a[title='Instagram']:hover{
	background: transparent url(_images/igover.png);
}
.social-sidebar a[title='Instagram']:active{
	background: transparent url(_images/igover.png);
}
.social-sidebar a[title='Google+']{
	background: transparent url(_images/gp.png);
}
.social-sidebar a[title='Google+']:hover{
	background: transparent url(_images/gpover.png);
}
.social-sidebar a[title='Google+']:active{
	background: transparent url(_images/gpover.png);
}
.social-sidebar a[title='YouTube']{
	background: transparent url(_images/yt.png);
}
.social-sidebar a[title='YouTube']:hover{
	background: transparent url(_images/ytover.png);
}
.social-sidebar a[title='YouTube']:active{
	background: transparent url(_images/ytover.png);
}
.social-footer{
	margin-bottom: 10px;
	text-align: left;
	display:contents;
}
.social-footer a{
	display: inline-block;
	max-width: 33px;
	height: 33px;
	vertical-align: bottom;
	width: 33px;
	margin-left:1px;
	background-position: center!important;
}
.social-footer span{
	color: #FFF;
	line-height: 33px;
	display: inline-block;
	font-weight: 200;
	padding: 0 3px;
	font-size: 150%;
}
.social-footer a[title='Facebook']{
	background: transparent url(_images/tr-fb.png);
}
.social-footer a[title='Facebook']:hover{
	background: transparent url(_images/fbover.png);
}
.social-footer a[title='Facebook']:active{
	background: transparent url(_images/fbover.png);
}
.social-footer a[title='Twitter']{
	background: transparent url(_images/tr-tw.png);
}
.social-footer a[title='Twitter']:hover{
	background: transparent url(_images/twover.png);
}
.social-footer a[title='Twitter']:active{
	background: transparent url(_images/twover.png);
}
.social-footer a[title='Instagram']{
	background: transparent url(_images/tr-ig.png);
}
.social-footer a[title='Instagram']:hover{
	background: transparent url(_images/igover.png);
}
.social-footer a[title='Instagram']:active{
	background: transparent url(_images/igover.png);
}
.social-footer a[title='Google+']{
	background: transparent url(_images/gp.png);
}
.social-footer a[title='Google+']:hover{
	background: transparent url(_images/gpover.png);
}
.social-footer a[title='Google+']:active{
	background: transparent url(_images/gpover.png);
}
.social-footer a[title='YouTube']{
	background: transparent url(_images/tr-yt.png);
}
.social-footer a[title='YouTube']:hover{
	background: transparent url(_images/ytover.png);
}
.social-footer a[title='YouTube']:active{
	background: transparent url(_images/ytover.png);
}			   
#calculator{
	padding-bottom: 0;
	cursor: pointer;
}
#calculator h3{
	margin-bottom: 0;
}
#calculator p{
	display: inline-block;
	width: 47%;
	vertical-align: middle;
	padding: 0.5em 0 0.5em 0.5em; 
}
#calculator img{
	display: inline-block;
	width: 47%;
	max-width: 213px;
	vertical-align: middle;
	max-width: 209px;
}
.sidebar-links{
	margin: 1px -8px -8px;
	padding: 0;
	background-color: #D7D7D7;
}
.sidebar-links li{
	border-top: 1px solid #034D81;
	color: #034D81;
	background: #fff;
    font-size: 1.25em;
    text-align: center;
}
.sidebar-links li:hover{
	border-top: 1px solid #fff;
}
.sidebar-links li a{
	display: block;
	padding: 6px 10px;
	font-weight: 200;
	line-height: 24px;
	color: #034D81;
	width: calc(100% - 20px);
	border: none;
}
.sidebar-links li a:hover{
	color: #fff;
	background: #054d81;
	font-weight: 400;
}				
.sidebar-links .goto-button{
	background-color: #FFF;
	color: #034D81!important;
}

/* jrp: We've changed the way we are handling email signups. All of this is basically obsolete. */
/*#email-sidebar .sidebar-links li{
	padding: 6px 10px;
}*/
#email-sidebar .sidebar-links input{
	width: 90%;
	padding: 3px;
}
#email-sidebar .sidebar-links input[type="submit"]{
	border: 0;
	background-color: #034D81;
	color: #FFF;
	font-weight: 500;
}
#email-thanks{
	position: fixed;
	width: 70%;
	left: 10%;
	top: 40%;
	background: #FFF;
	z-index: 999999;
	padding: 28px 5%;
	text-align: center;
}
#email-thanks.success{
	border: 2px solid #64C846;
}
#email-thanks.fail{
	border: 2px solid #DA0000;
}

/********
 *
 * UNIVERSAL CONTAINERS
 *
 ********/
.m-block{
	display: none;
}
.gridContainer{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}
/* jrp: I think these are supposed to be classes, not IDs. */
.halfwidthbox{
	clear: none;
	float: left;
	margin-left: 1.5%;
	width: 48.25%;
	display: block;
}
.fullwidthbox{
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.sidebar-box{
	background-color: #034D81;
	color: #FFF;
	border: 1px solid #034d80;
				
	margin-bottom: 24px;
	padding: 8px;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
}
.sidebar-box h2{
	margin-bottom: 8px;
	padding: 0 1.25em;
}
.sidebar-box h3{
	background-color: #FFF;
	color: #034D81;
	text-align: center;
	font-family: 'Roboto Slab';
	font-weight: 200;
	font-size: 1.75em;
	padding: 0.2em 0;
	margin: -8px -8px 12px -8px;
}
.sidebar-box a{
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	width: 100%;
	display: inline-block;
	border-bottom: solid 1px;
	border-color: #024d81;
}
.sidebar-box a:hover{
	border-color: #FFF;
}	
.sidebar-box a::before{
	content: "\203A";
	position: relative;
	color: #FFF;
	left: -20px;
	line-height: 1rem;
	top: 5px;
	font-size: 230%;
	opacity: .3;
	transition: all .1s ease-in;
	}		
.sidebar-box a:hover::before{
	opacity: 1;
}
.sidebar-box p{
	padding: 0 1em 0 2em;
}
#mothermold{
	clear: both;
	float: left;
	margin-left: 0;
	margin-top: 5px;
	width: 100%;
	display: block;
}
#main-content{
	margin-top: 137px;
}
#main-body{
	width: 69%;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;				  
}
#breadcrumbs{
	font-size: 0.9em;
}
a.goto-button{
	display: none!important;
	float: right;
	background-color: #034D81;
	color: #FFF!important;
	font-size: 14px!important;
	font-weight: 400!important;
	padding: 0.5em;
	/*margin: 0.5em;*/
}


/********
 *
 * HERO AREA
 *
 ********/
#hero-text{
	color: #fff;
	width: 40%;
	display: inline-block;
	vertical-align: middle;
}
#hero-text a{
	color: #fff;
	text-decoration: none;
}
#hero-text header{
	margin-bottom: 1em;
}
#hero-text h1{
	font-size: 3.5em;
	line-height: 1.0em;
	font-weight: 300;
	padding-bottom: 0;
}
#hero-text h2{
	padding-left: 1em;
	font-size: 1.5em;
	font-weight: 500;
	margin-top: 5px;
}
#main-description{
	padding: 12px;
	margin-left: -12px;
	line-height:150%;
	background: rgba(4, 31, 47, 0.35);
    border-top: 1px solid #fff;	
	/* In case text extends into gradient. It doesn't seem like this is necessary any longer but will keep the code here in case...
	background: rgba(0,0,0,0.1);
	box-shadow: 2px 2px 4px 3px rgba(0,0,0,.06), -2px -2px 4px 3px rgba(0,0,0,.06);
	*/
}
#hero-images{
	width: 59%;
	display: inline-block;
	vertical-align: middle;
}
#hero-images img{
	width: 100%;
	max-width: 450px;
	height: auto;
	vertical-align: bottom;
	position: relative;
	z-index: -1;
}
#hero-images img:first-child{
	margin-left: 20px;
}
#hero-images img:last-child{
	display: none;
}
.homehero {
	background-color: #d7d7d7;
	background-repeat: no-repeat;
	background-size: contain;
}


/********
 *
 * PRODUCT PAGES
 *
 ********/
#alerts-sidebar{
	background-color: #FFF;
	color: #333;
	font-weight: 500;
}
#alerts-sidebar h3{
	background-color: #DA0000;
	color: #FFF;
	border: 1px solid #333;
}
.product-alert{
	margin: 1em;
	border-bottom: 1px solid #333;
	padding-bottom: 0.5em;
}
.product-alert img{
	position: absolute;
	margin-top: -10px;
	margin-left: -25px;
}
.product-alert span{
	display: inline-block;
	padding-left: 25px;
}
.product-alert a{
	color: #4080AD;
}
.related-products{
	border-top: 1px solid #333;
	padding-top: 0.5em;
	margin-top: 0.5em;
}
.related-product{
	background-color: #4080AD;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 25px;
	font-weight: 500;
}
.related-product a{
	border: none;
	color: #FFF;
	display: block;
}
#tab-container h3{
	display: inline-block;
	text-align: center;
	padding: 0.7em 0.8em;
	font-size: 1.2em;
	font-size: 1.7vw;
	font-weight: 600;
	background-color: #FFF;
	border-radius: 5px 5px 0 0;
}
#tab-container h3 a{
	color: #034D81;
	display: block;
}
#tab-container h3.selected, #tab-container h3.mobile-deselect{
	background-color: #034D81;
	box-shadow: 0px -1px 10px 3px rgba(255,255,255,.8);
}
#tab-container h3.selected a, #tab-container h3.mobile-deselect a{
	color: #FFF;
}
#notifications-tab{
	background-image: url(_images/redalert16.png);
	background-position: 3px 12px;
	background-repeat: no-repeat;
	background-color: #DA0000!important;
	display: none!important;
	padding-left: 22px!important;
}
#tab-body #notify{
	background-color: #FFF;
	padding: 1px;
}
#tab-body .fallback{
	font-weight: 500;
	padding: 1em;
	color: #034D81;
}
#notifications-tab a{
	color: #FFF!important;
}
#tab-body{
	background-color: #D7D7D7;
	margin-bottom: 2em;
	padding: 0.5em;
	min-height: none;
}
#tab-body a[name]{
	display: block;
	height: 1px;
	width: 1px;
	margin-top: -70px;
	position: absolute;
}
#tab-body .relabel{
	display: none;
}
.inner-tab{
	display: none;
}
#purchase{
	display: block;
}
/* Ecomm Table Styles */
.ecomm-table .oneminvideo a{
	padding: 0 0 0 30px;
    line-height: 30px;
    background: url('_images/1minuteVideo.jpg') no-repeat;
	font-weight: 600;
}
.ecomm-table{
	border: 1px solid #034D81;
	border-left: 0; border-right: 0;
	width: 80%;
}
.ecomm-table .prodname{
	font-weight: 400;
	font-size: 1.5em;
	color: #034D81;
}
.ecomm-table .prodrow{
	border-top: 1px solid #034D81; 
	border-bottom: 0;
}
.ecomm-table td{
	padding: 0.1em 0.3em;
	border-top: 1px solid #D7D7D7;
}
.ecomm-table th{
	padding: 0.1em 0.3em;
	font-weight: 500;
}
.ecomm-table thead tr{
	margin-bottom: 0.2em;
	background-color: #034D81;
	color: #FFF;
}
.ecomm-table .product-name{
	background-color: #FFF;
}
.ecomm-table .price-column{
	background-color: #FFF;
}
.ecomm-table .qty-column{
	background-color: #FFF;
}
.ecomm-table .prodsize-cell, .ecomm-table .prodweight-cell{
	white-space: nowrap;
}
.ecomm-table .prodsize-cell img{
	max-width: none!important;
	/* jrp: believe it or not, this was causing issues with nowrap overflow on chrome :( */
}
.ecomm-table .prodname-cell{
	padding-bottom: 0.3em;
}
.nosku{
	padding: 5px;
	color: #034D81;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.25rem;
}
#subtotal{
	float: right;
	text-align: center;
	width: 18%;
	font-weight: 500;
}
#subtotal-txt{
	visibility: hidden;
}
#subtotal button{
	border: 2px solid #DA0000;
	background: #034D81;
	border-radius: 5px;
	color: #FFF;
	padding: 6px 8px;
	margin-bottom: 5px;
	box-shadow: 1px 2px 2px 1px rgba(0,0,0,0.6);
}
#subtotal img{
	width: 25%;
	max-width: 35px;
}
/* Tech Info styles */
.inner-tab#tech{
	padding: 1em;
	font-weight: 500;
	color: #034D81;
}
.inner-tab#tech h2{
	margin-top: 0;
	margin-bottom: 0;
	color: #FFF;
	background-color: #4080AD;
	font-weight: 300;
	padding: 6px;
}
.inner-tab#tech ul{
	padding-left: 0;
}
.inner-tab#tech ul li{
	border-bottom: 1px solid #B6B6B6;
	padding: 12px 0;
	padding-left: 6px;
}
.inner-tab#tech ul li span{
	display: inline-block;
	background: #FFF url(_images/docdl.jpg) no-repeat left bottom;
	padding: 6px 6px 6px 56px;
	box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.6);
	font-size: 21px;
	font-weight: 300;
	color: #4080AD;
	margin-right: 8px;
	line-height: 25px;
	margin-left: -7px;
}
.inner-tab .related-links-list a{
	padding-right: 20px;
	line-height: 32px;
}
.inner-tab .related-links-list a[href$=".pdf"],
.inner-tab .related-links-list a[href$=".PDF"]
{
	background: transparent url('_images/page_white_acrobat.png') no-repeat right top;
}
.inner-tab .related-links-list a[href$=".doc"],
.inner-tab .related-links-list a[href$=".DOC"],
.inner-tab .related-links-list a[href$=".docx"],
.inner-tab .related-links-list a[href$=".DOCX"]
{
	background: transparent url('_images/page_word.png') no-repeat right top;
}
.gde-text{
	font-size: 80%;
	text-align: right;
	padding-right: 5px;
	clear: right;
}
.techdoc{
	float: right;
	padding-bottom: 0;
	margin-left: 0.5em;
}
/* Related Product styles */
#related div{
	background: linear-gradient(90deg, #ffffff 50%, #d7d7d7);
	border: 1px solid #034D81;
	border-left: 0; border-right: 0;
	margin-bottom: -1px;
	width: 90%;
	padding: 6px 0px 6px 6px;
}
#related h4{
	margin: 0 0 6px 0;
	font-size: 1.5em;
	font-weight: 400;
	height: 32px;
	background: linear-gradient(89deg, #efefef, #d7d7d7);
	border-left: solid 32px;
	color:  #024d81;
	border-color: #024d81;
	padding: 0;
	line-height: 2rem;
	overflow: visible;
}
#related h4:hover{
	background: #024d81;
	color: #FFF;
}
#related a{
	color: inherit;
	display: block;
	top: 8px;
	position: relative;
	line-height: 16px;
	text-decoration: none;
}
#related a::before{
	content: "\203A";
	position: relative;
	color: #FFF;
	left: -20px;
	line-height: 0;
	top: 5px;
	font-size: 210%;
	opacity: .3;
	transition: all .1s ease-in;
}	
#related a:hover::before{
	opacity: 1;
}
#related p{
	padding-left: 0.25em;
}
/*
 * LOADING SPINNER via: http://tobiasahlin.com/spinkit/
 * Some styles for loading overlay screens.
 */
.spinner{
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-color: #034D81;
	margin-right: 5px;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes rotateplane{
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes rotateplane{
	0% { 
		transform: perspective(120px) rotateX(0deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
	} 50% { 
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
	} 100% { 
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	}
}
#cartval.upprice{
	-webkit-animation: greenlight 0.5s ease-in-out infinite;
	animation: greenlight 0.5s ease-in-out infinite;
}
#cartval.downprice{
	-webkit-animation: redlight 0.5s ease-in-out infinite;
	animation: redlight 0.5s ease-in-out infinite;
}
@keyframes greenlight
{
0%		{color: #333;}
50% 	{color: #64C846;}
100%	{color: #333;}
}
@-webkit-keyframes greenlight
{
0%		{color: #333;}
50%		{color: #64C846;}
100%	{color: #333;}
}
@keyframes redlight
{
0%		{color: #333;}
50% 	{color: #DA0000;}
100%	{color: #333;}
}
@-webkit-keyframes redlight
{
0%		{color: #333;}
50%		{color: #DA0000;}
100%	{color: #333;}
}
#page-overlay{
	z-index: 200000;
	position: fixed;
	top:0; bottom:0; left:0; right:0;
	background-color: rgba(21,21,21,0.0);
	display: none;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
}
#inner-overlay{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 85%;
	min-width: 252px;
	max-width: 350px;
	background-color: #4080AD;
	color: #FFF;
	font-weight: 600;
	border: 5px solid #D7D7D7;
	padding: 2em;
	margin: auto;
	text-align: center;
	transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	margin-top: 200px;
	overflow: hidden;
}
#overlay-text{
	display: inline-block;
	vertical-align: middle;
}
#overlay-text a{
	color: #FFF;
	vertical-align: bottom;
}
#overlay-text img{
	vertical-align: bottom;
}
#media{
	color: #034D81;
}
#media a{
	color: #034D81;
	position: relative;
}
#media h2{
	margin: 4px 0;
	font-weight: 400;
	font-size: 32px;
}
#media .owl-carousel{
	padding-bottom: 12px;
	border-bottom: 1px solid #034D81;
}
#media .owl-carousel img{
	width: 100%;
}
#media .owl-carousel div{
	margin-right: 2px;
}
#mosaic{
	max-width: 1016px;
	margin: 0 auto;
}
#mosaic .tile{
	margin-bottom: 5px;
	float: left;
	width: 244px;
	height: 137px;
}
#mosaic .w2{
	width: 498px;
}
#mosaic .h2{
	height: 279px;
}
#gallery-slider  img{
	z-index: 500;
	position: relative;
}

/********
 *
 * PRODUCT CATEGORY PAGES
 *
 ********/
.main-category{
	background-color: #D7D7D7;
	margin-bottom: 16px;
}
.wp-archive-product-category .clearfix{
	margin-bottom: 16px;
}
.main-category{
	border-top: 1px solid #034D81;
}
.main-category h1{
	width: 49%;
	font-size: 32px;
	line-height: 30px;
	background-color: #034D81;
	color: #FFF;
	font-weight: 300;
	padding: 13px 8px;
	border-radius: 0 0 5px 0;
}
.main-category p{
	color: #034D81;
	font-weight: 500;
	padding: 10px;
}
.main-category .col{
	float: left;
	width: 48%;
	margin: 0px;
	vertical-align: top;
	padding: 0px;
	position: relative;
	left: 100%;
}
.main-category .col h2{
	margin: 10px 20px 2px;
	vertical-align: text-bottom;
	background: linear-gradient(89deg, #efefef, #d7d7d7);
	border-left: solid 32px;
	color:  #024d81;
	border-color: #024d81;
	padding: 0;
	line-height: 2rem;
	overflow: visible;
}
.main-category .col h2:hover{
	background: #024d81;
	color: #FFF;
}
.main-category .col a{
	display: block;
	color: inherit;
	text-decoration: none;
	text-indent: -14px;
	padding-left: 10px;
}
.main-category .col a::before{
	content: "\203A";
	position: relative;
	color: #FFF;
	left: -20px;
	line-height: 1rem;
	top: 5px;
	font-size: 230%;
	opacity: .3;
	transition: all .1s ease-in;
}
.main-category .col a:hover::before{
	opacity: 1;
}
.main-category .col p{
	padding-top: 2px;
	padding-left: 40px;
}
#accessories a.goto-button{
	display: none;
}
#ccol1,#ccol2,#ccol3,#ccol4,#ccol5{
	float: left;
	position: relative;
	width: 100%;
}
#ccol1,#ccol3,#ccol5{
	background-color: #D7D7D7;
}
#ccol2,#ccol4{
	background-color: #FFF;
}
#ccol1{
	padding: 6px 0 10px;
	overflow: hidden;
	width: 100%;
}
#ccol2{
	right: 0;
}
#ccol3{
	right: 49%;
}
#ccol4{
	right: 3%;
}
#ccol5{
	right: 48%;
}
#midcol{
	float: left;
	position: relative;
	width: 3%;
	min-height: 1px;
}


/********
 *
 * HOMEPAGE SPECIFIC
 *
 ********/
#hero-line1{
	margin-top: 5px;
	display:none;
}
#hero-line2{
	margin-left: 7%;
	margin-top: -6px;
	display: none;
}
#hero-line3{
	margin-left: 14%;
	margin-top: -24px;
	display:none;
}
#hero-line4{
	color: #034d80;
	margin-top: 1.5vw;
	display: inline-block;
    text-shadow: #d7d7d7 1px 1px 10px;
}
#hero-line5{
	color: #034d80;
	display:inline-block;
	margin-top: -6px;
	margin-left: 9%;
	margin-bottom: 3vw;
	text-shadow: #d7d7d7 1px 1px 10px;
}
.hometext-1{
	font-weight: 300;
	font-size: 42px;
	text-shadow: 3px 3px 5px #000;
}
.hometext-2{
	font-weight: 800;
	font-size: 68px;
	text-shadow: 3px 3px 5px #000;
}
.hometext-3{
	font-weight: 300;
	font-size: 72px;
	text-shadow: 3px 3px 5px #000;
}
.hometext-4{
	font-weight: 200;
	font-size: 52px;
							   
}
.hometext-5{
	font-weight: 800;
	font-size: 56px;
	letter-spacing: 1px;
}
.wp-index #main-description{
	border-top: 1px solid #FFF;
    border-bottom: 1px solid #fff;
    padding: 20px 19px;
    font-size: 16px;
    width: 100%;
	max-width: 410px;
    margin: 0 0 0 auto;
    background-color: rgba(160, 160, 160, .9);
    color: #fff;
}
.wp-index #hero-text{
	position: relative;
    display: inline-table;
    margin-left: 50%;
    width: auto;
    max-width: 600px;
	height: 20vw;
    max-height: 390px;
    min-height: 260px;
    margin: 0 0 24px 50%;
	padding: 10px 0 0 0;
}
.wp-index.month01{
	background: #d7d7d7 url("_images/homepagehero01pri.png") no-repeat center -125px;
}
.wp-index.month02{
	background: #d7d7d7 url("_images/homepagehero02sec.png") no-repeat center -125px; 
}
.wp-index.month03{
	background: #d7d7d7 url("_images/homepagehero03pri.png") no-repeat center -125px; 
}
.wp-index.month04{
	background: #d7d7d7 url("_images/homepagehero04pri.png") no-repeat center -125px;
}
.wp-index.month05{
	background: #d7d7d7 url("_images/homepagehero05pri.png") no-repeat center -125px; 
}
.wp-index.month06{
	background: #d7d7d7 url("_images/homepagehero06pri.png") no-repeat center -125px;  
}
.wp-index.month07{
	background: #d7d7d7 url("_images/chepbracket.jpg") no-repeat;  
	background-size: contain;
}
.wp-index.month08{
	background: #d7d7d7 url("_images/homehero-Coldcasting.jpg") no-repeat;  
	background-size: contain;
}
.wp-index.month09{ 
	background: #d7d7d7 url("_images/homepagehero09pri.png") no-repeat center -125px;  
}
.wp-index.month10{
	background: #d7d7d7 url("_images/homepagehero10pri.png") no-repeat center -125px;  
}
.wp-index.month11{
	background: #d7d7d7 url("_images/homepagehero11pri.png") no-repeat center -125px; 
}
.wp-index.month12{
	background: #d7d7d7 url("_images/homepagehero12pri.png") no-repeat center -125px;
}
.wp-index #hero-images{
	display: block;
	width: 100%;
	min-height: 0;
}
.homepage-section{
	border-top: 1px solid #034D81;
	margin: 4px 4px 40px 0;
}
.homepage-section h2{
	width: 40%;
	background-color: #FFF;
	color: #034D81;
	font-family: 'Roboto Slab';
	font-size: 20px;
	line-height:30px;
	font-weight: 200;
	margin-top: 0;
	padding: 6px 0 8px 18px;
	border-radius: 0 0 18px 0;
}
.homepage-section #locmap-overlay{
	width: 48%!important;
	max-width: 325px;
	margin: -15px 20px -35px 0;
	position: relative;
	float: left;
	overflow: hidden;
}
.homepage-section #locmap-overlay img{
	margin-top: -44px;
}
.toppage-section{
	border-top: 1px solid #FFF;
	position: relative;
}
.toppage-section h2{
	background-color: rgba(255,255,255,0.9);
	color: #034D81;
	width: 33%;
	font-size: 18px;
	font-weight: 400;
	margin-top: 0;
	padding: 8px;
	border-radius: 0 0 5px 5px;
	z-index: 50;
	position: relative;
}
#home-slider{
	margin-top: 0;
	margin-bottom: 8px;
}
/*
.homepage-section div{
	display: inline-block;
	width: 48%;
	margin-left: 1%;
	vertical-align: top;
}
.homepage-section img{
	width: 100%;
}
*/
.wp-index #main-body, .wp-index #sidebar{
	margin-top: 0;
}
.posted-on{
	display: block;
	background-color: #4080AD;
	margin: 4px 6px;
	padding: 2px 6px;
}
.read-more{
	display: block;
	margin: 1px 6px;
	font-weight: 800;
	text-align: right;
}
a.more-link::before{
	content: none;
}
.slide-item{
	margin: 0 2px;
	text-align: center;
}
.slide-item h3{
	font-weight: 600;
	font-size: 18px;
}
.slide-item img{
	margin-bottom: -116px;
	width: 93%;
	max-width: 245px;
}
.slide-caption{
	padding: 111px 18px 0;
	background-color: #FFF;
	color: #034D81;
	max-width: 263px;
	text-align: left;
	margin: 0 auto;
	height: 85px;
	overflow: hidden;
}
.slide-more{
	border: 4px solid #FFF;
	max-width: 263px;
	margin: 0 auto;
}

.slide-more :hover{
	background:#034d80;
	color:#fff;
}	
.slide-more a{
	padding: 4px 1px;				  
	display: block;
}
.toppage-section .owl-pagination{
	display: none;
}
#prev-control, #next-control{
	position: relative;
	z-index: 70;
	top: 110px;
	margin-top: -50px;
	background-color: rgba(255,255,255,0.4);
	border-radius: 36px;
	transition: all 0.25s;
	width: 65px;
    display: inline-block;
}
#prev-control{
	left: -32px;
}
#next-control{
	right: -20px;
}
#prev-control a, #next-control a{
	display: block;
	width: auto;
	height: 65px;
	background: transparent no-repeat center;
}
#prev-control a{
	background-image: url(_images/scrollleftoption.png);
}
#next-control a{
	background-image: url(_images/scrollrightoption.png);
}
#prev-control:hover, #next-control:hover{
	background-color: rgba(3,77,129,0.4);
}
#news h2{
	font-size: 18px;
	margin-block-start: 2em;
}
#news hr{
	width: 90%;
	margin: 5px auto;
}
#aboutus-sidebar {
}
#aboutus-sidebar img{
	width: 100%;
    max-width: 350px !important;
    margin: -33px auto;
	display: block;
	margin-top: -60px;
	transition: filter .5s;
}
#aboutus-sidebar img:hover{
	filter: drop-shadow(6px 6px 12px black) invert(0%);
}
#aboutus-sidebar p{
	margin: 20px 0;
}
#aboutus-sidebar a{
	border: none;
}
#aboutus-sidebar a::before{
	content: none;
}
#availablenow {
	margin-top: -61px; 
	z-index: 1;
}
 .availablenow_large {
	display: inline-block;
}
 .availablenow_mobile {
	display: none;
}
.feature-event {
	margin-bottom: -5px!important;
    background-image: url(/wordpress/wp-content/themes/ram/_images/collegeZoomMiloShell.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
#collegezoom {
	width: 98%;
    margin-left: 2%;
    color: #024d81;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    align-content: space-evenly;
}
#collegezoom p{
	color: #024d81;
    margin: 2vw 0;
    padding: 0;
    font-size: 2.5em;
}
#collegezoom h3{
	font-weight: 800;
    font-size: 2.2vw;
    letter-spacing: 1px;
    margin: 0;
    font-style: initial;
    text-shadow: -1px 1px 2px #fff, 1px 1px 2px #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}	
#collegezoom a{
    display: inline-block;
    padding: 6px 10px;
    font-weight: 200;
    font-size: .5em;
    line-height: 24px;
    color: #034D81;
    background: white;
    border: solid 1px #034D81;
    margin: 0;
    text-decoration: none;
}
#collegezoom a:hover{
	color: #fff;
    background: #054d81;
    font-weight: 400;
}
/********
 *
 * SOCIAL CURATOR
 *
 ********/
 .crt-widget-carousel {
    min-height: 444px!important;
    position: relative;
	max-height: 444px;
 }
 .crt-widget {
    padding-bottom: 0!important;
 }
.crt-panel-prev{
	left: -30px!important;
	top: 200px!important;
}
.crt-panel-next{
	right: -30px!important;
	top: 200px!important;
}
.crt-social-icon {
    display: none!important;
}
.crt-post {
    min-height: 444px!important;
}
.crt-post-fullname {
    display: none!important;
}
.crt-post-content-text {
    line-height: 1.4em!important;
}
.crt-carousel-feed {
    margin-top: -12px!important;
}

/********
 *
 * LOCATIONS PAGE
 *
 ********/

.wp-archive-location .location-container{
	border-top: 1px solid #034D81;
	margin-bottom: 12px;
	min-height: 240px;
}
.wp-archive-location #main-body{
	background-color: #D7D7D7;
}
.wp-archive-location .location-container h2{
	background-color: #034D81;
	font-size: 24px;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: -1px;
	padding: 6px 1%;
	width: 30%;
}
.wp-archive-location h2 a{
	color: #FFF;
	display: block;
}
.wp-archive-location .location-block{
	display: inline-block;
	width: 32%;
	padding: 0 1%;
	vertical-align: top;
	margin: 1px auto;
}
.location-block.youtube-vid{
	padding: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
.location-block.youtube-vid img{
	width: 100%;
}
.location-block.details{
	margin-top: -30px;
}
.location-block.details .business-hours{
	font-size: 1rem;
	line-height: 1.5rem;
}
.location-block.google-map{
	padding: 0;
	margin-top: -30px;
}
.location-block.google-map img{
	width: 100%;
	border: 2px solid #FFF;
}
.location-block.google-map .goto-button{
	margin-top: 7px;
}
.business-hours b{
	font-size: 16px;
}
#locmap-overlay{
	width: 95%!important;
}
.wp-archive-location #hero-images img:last-child{
	display: none!important;
}
#hero-images #locmap-overlay img:last-child{
	display: inline!important;
}

/********
 *
 * SINGLE LOCATION PAGE
 *
 ********/

.wp-single-location #hero-text table{
	width: 100%;
}

.wp-single-location #hero-text table td{
	padding: 6px;
}
.wp-single-location #hero-text table td p{
	font-size: 14px!important;
}

.wp-single-location #main-body{
	background-color: #D7D7D7;
}
.wp-single-location .location-section{
	border-top: 1px solid #034D81;
	margin-bottom: 16px;
	color: #034D81;
	clear: both;
	padding-right: 4px;
}
.wp-single-location .location-section h2{
	width: 30%;
	background-color: #034D81;
	color: #FFF;
	font-size: 18px;
	font-weight: 400;
	margin-top: 0;
	padding: 8px 1%;
	border-radius: 0 0 5px 5px;
}
.wp-single-location .youtube-vid{
	display: inline-block;
	vertical-align: top;
	width: 32%;
	padding: 0;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 6px;
}
.wp-single-location .youtube-vid img{
	width: 100%;
}
.location-description{
	display: inline-block;
	vertical-align: top;
	width: 66%;
}
#social-checkin a{
	width: 19%;
	margin: 0 2%;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	font-size: 18px;
	display: inline;
}
#social-checkin a:before{
	display: none;
}
#social-checkin img{
	width: 25%;
	margin: 0 1%;
}
#holiday-schedule{
	position: absolute;
	margin-left: 50px;
	margin-top: -20px;
	display: none;
}
#holiday-schedule img{
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
}
#holiday-schedule table{
	border-top: 1px solid #FFF;
	margin-top: 4px;
}
.location-section#events table{
	width: 100%;
	color: #333;
	border: 1px solid #034D81;
}
.location-section#events table a{
	font-weight: 500;
	color: #034D81;
}
.location-section#events table td, .location-section#events table th{
	padding: 6px 8px;
	border: 1px solid #034D81;
	border-top: 0; border-bottom: 0;
	white-space: nowrap;
}
.location-section#events table tr{
	border-bottom: 1px solid #D7D7D7;
}
.location-section#events table tr:last-child{
	border-bottom: 0;
}
.location-section#events table td:first-child,
.location-section#events table td.wraps{
	white-space: normal;
}
.location-section#events table th{
	background-color: #B6B6B6;
	font-weight: 800;
	color: #034D81;
}
.location-section#events table td{
	background-color: #FFF;
}
#driving-directions img{
	width: 100%;
	position: relative;
	z-index: 20;
	display: block;
}
#driving-directions img:last-child{
	margin-top: -2px;
	z-index: 10;
}
#driving-directions a::before{
	content: none;
}
.blog-entry{
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #B6B6B6;
}
.blog-entry div{
	display: inline-block;
	width: 65%;
	margin-right: 1%;
	vertical-align: top;
}
.blog-entry img{
	display: inline-block;
	width: 33%;
	vertical-align: top;
}
.blog-entry p{
	color: #333;
}
.blog-entry h3{
	font-weight: 500;
	color: #034D81;
}
.blog-entry .posted-on{
	color: #FFF;
	margin: 0;
	padding: 2px;
}

/********
 *
 * APPLICATIONS PAGE,
 * PRODUCTS OVERVIEW PAGE
 *
 ********/
.wp-archive-application #main-body,
.wp-archive-product #main-body{
	background-color: #D7D7D7;
}
.wp-archive-application .single-application,
.wp-archive-product .single-product{
	border-top: 1px solid #034D81;
	margin-bottom: 12px;
}
.wp-archive-application .single-application h2,
.wp-archive-product .single-product h2{
	background-color: #034D81;
	margin-top: 0;
	margin-bottom: 3px;
	padding: 8px 1%;
	width: 48%;
	font-size: 32px;
	color: #FFF;
	border-radius: 0 0 5px 0;
	float: left;
}
.wp-archive-application .single-application h2 a,
.wp-archive-product .single-product h2 a{
	color: #FFF;
	font-weight: 300;
}
.wp-archive-application .single-application img,
.wp-archive-product .single-product img{
	float: right;
	width: 48%;

}
.wp-archive-application .single-application div,
.wp-archive-product .single-product div{
	width: 48%;
	float: left;
}
.wp-archive-application .single-application div.clearfix,
.wp-archive-product .single-product div.clearfix{
	float: none;
	width: 0;
}
.wp-archive-application .single-application p,
.wp-archive-product .single-product p{
	padding-top: 10px;
	padding-left: 20px;
	color: #034D81;
	font-weight: 500;
}
.wp-archive-application .single-application h3,
.wp-archive-product .single-product h3{
	font-weight: 800;
	font-size: 21px;
	margin-left: 20px;
	padding-left: 6px;
	background: linear-gradient(89deg, #efefef, #d7d7d7);
	border-left: solid 32px;
	color:  #024d81;
	border-color: #024d81;
	padding: 0;
	line-height: 2rem;
	overflow: visible;
}
.wp-archive-application .single-application h3:hover,
.wp-archive-product .single-product h3:hover {
	background: #024d81;
	color: #FFF;
}
.wp-archive-application .single-application h3 a,
.wp-archive-product .single-product h3 a{
	color: inherit;
    text-decoration: none;
	display: block;
}
.wp-archive-application .single-application h3 a:last-child,
.wp-archive-product .single-product h3 a:last-child{
	line-height: 32px;
}
.wp-archive-application .single-application h3 a::before,
.wp-archive-product .single-product h3 a::before{
	content: "\203A";
	position: relative;
	color: #FFF;
	left: -20px;
	line-height: 1rem;
	top: 5px;
	font-size: 230%;
	opacity: .3;
	transition: all .1s ease-in;
}
	
.wp-archive-application .single-application h3 a:hover::before,
.wp-archive-product .single-product h3 a:hover::before{
		opacity: 1;
}	
/********
 *
 * SINGLE APPLICATION PAGE
 *
 ********/
.wp-single-application #mosaic{
	margin-top: 6px;
}

/********
 *
 * SINGLE EVENT PAGE
 *
 ********/
.wp-single-event #main-body{
	background-color: #D7D7D7;
	color: #034D81;
	border-top: 1px solid #034D81;
}
.wp-single-event #main-body table{
	margin-left: 7px;
}
.wp-single-event #main-body table td{
	font-size: 24px;
	padding: 2px;
}
.wp-single-event  #main-body table td.includes{
	font-size: 14px;
}
.wp-single-event #main-body h2{
	background-color: #034D81;
	margin-top: 0;
	margin-bottom: 8px;
	padding: 8px 1%;
	width: 48%;
	color: #FFF;
	font-size: 32px;
	color: #FFF;
	font-weight: 300;
	border-radius: 0 0 5px 5px;
}
.wp-single-event .white-box{
	clear: both;
	background-color: #FFF;
	padding: 12px;
	font-weight: 500;
	font-size: 16px;
	color: #333;
	margin-top: -13px;
}
.wp-single-event .white-box .blue{
	color: #034D81;
}
.wp-single-event .white-box ul{
	list-style: disc inside none;
}
.wp-single-event .goto-button{
	margin: 12px 0;
	width: 70%;
	float: none;
	padding-right: 15%;
	color: gold!important;
	font-size: 17px!important;
	font-weight: 600!important;
}
.wp-single-event .sold-out{
	color: #FFFFFF;
	background-color: red;
	padding: 8px 0px 10px 20px;
	font-weight: 600;
	font-size: 23px;
	display: block;
	margin-bottom: 10px;
}
.wp-single-event img.reserve{
	width: 15%;
	min-width: 120px;
	max-width: 187px;
	margin-left: -13%;
	margin-top: -1.5%;
}
.wp-single-event .goto-button,
.wp-single-event img.reserve{
	display: inline-block;
	vertical-align: top;
}
#driving-directions table{
	width: 100%;
}
#driving-directions p{
	padding: 0;
	font-size: 14px;
}

/********
 *
 * EVENT SINGLE CATEGORY PAGE
 *
 ********/
.sidebar-box#testimonials p{
	margin-top: 12px;
	border-top: 1px solid #FFF;
	padding-top: 12px;
	padding-left: 36px;
	background: transparent url(_images/events/ldquo.png) no-repeat left 3px;
}


/********
 *
 * EVENT CATEGORIES PAGE
 *
 ********/
.wp-page-seminars #main-body{
	background-color: #D7D7D7;
}
.wp-page-seminars .seminar-category{
	border-top: 1px solid #034D81;
	margin-bottom: 12px;
}
.wp-page-seminars .seminar-category h2{
	background-color: #034D81;
	margin-top: 0;
	margin-bottom: 3px;
	padding: 8px 1%;
	width: 98%;
	color: #FFF;
	font-size: 32px;
	border-radius: 0 0 5px 5px;
}
.wp-page-seminars .seminar-category h2 a{
	color: #FFF;
	font-weight: 300;
}
.wp-page-seminars .seminar-category p{
	padding-left: 1%;
}
.wp-page-seminars .seminar-category .cat-image,
.wp-page-seminars .seminar-category .cat-desc{
	width: 47%;
	display: inline-block;
	vertical-align: middle;
}
.wp-page-seminars .seminar-category .cat-desc{
	margin-right: 2%;
}
.wp-page-seminars .seminar-category .cat-image{
	margin-left: 2%;
}
.wp-page-seminars .seminar-category .cat-image img{
	border: 8px solid #034D81;
	margin: 6px 0 6px -16px;
}


/********
 *
 * GENERIC BLOG POSTS
 *
 ********/
.wp-single #main-body{
	margin-top: 6px;
	background-color: #FFF;
	min-height: 550px;
}
.wp-single #main-body h1{
	background-color: #034D81;
	color: #FFF;
    font-weight: 300;
	font-size: 2.5em;
	line-height: 1em;
	padding: 12px;
}
.wp-single #main-body h2,
.wp-single #sidebar .sidebar-box h4
{
	background-color: #4080AD;
	color: #FFF;
	font-weight: 400;
	font-size: 1em;
	padding: 2px 12px;
	margin: 0;
}
.wp-single.wp-search #main-body h2{
	background-color: #FFF;
	font-weight: 500;
	font-size: 2em;
	padding: 2px 0;
	margin: 0;
}
.wp-single #main-body .thumb{
	background: transparent url(_images/articlebg.jpg) repeat-x;
}
.wp-single #main-body .thumb img{
	display: block;
	width: 100%!important;
	height: auto!important;
	max-width: 640px;
	margin: 0 auto;
}
.wp-single #main-body .main-content,
.wp-single #main-body #related{
	padding: 12px 12px 12px 36px;
}
.wp-single #main-body #related h6{
	font-size: 1.5rem;
	font-weight: 100;
	margin-bottom: .5rem;
	margin-top: 1rem;
}
.wp-single #sidebar{
	margin-top: 6px;
}
#addthis-content{
	display: block;
	position: absolute;
	width: 32px;
}
#addthis-below{
	display: none;
}
.addthis_default_style .addthis_separator,
.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300m,
.addthis_default_style .at300bs{
	float: none;
	padding: 0;
}

/********
 *
 * GENERIC BLOG POSTS
 *
 ********/
.wp-page-policies #main-body{
	margin-top: 6px;
	background-color: #FFF;
}
.wp-page-policies #main-body div{
	padding: 0 24px 24px;
}
.wp-page-policies #main-body h1{
	margin-top: 48px;
	margin-bottom: 0;
	font-size: 32px;
	font-weight: 400;
	line-height: 32px;
}
.wp-page-policies #main-body h2{
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 4px;
}
.wp-page-policies #main-body ul{
	list-style: disc;
	font-size: 16px;
	margin-top: 0;
}
.wp-page-policies #main-body ol{
	font-size: 16px;
	margin-top: 0;
}
.wp-page-policies #main-body a{
	color: #4080AD;
}
.wp-page-policies #sidebar{
	margin-top: 6px;
}
/* These are some classes used by the Wordpress's HTML editor */
img.alignleft{
	float: left;
	margin-right: 10px;
}
img.alignright{
	float: right;
	margin-left: 10px;
}
img.aligncenter{
	display: block;
	margin: 10px auto;
}

/********
 *
 * THANK-YOU PAGE, CONTACT PAGE, CATALOG REQUEST PAGE
 *
 ********/
.wp-page-policies.ty #ty-monitor{
	float: right;
	width: 41%;
	max-width: 400px;
	margin-right: 1%;
	margin-top: -1%;
	margin-left: 1%;
}
.wp-page-policies.ty h2,
.wp-contact #main-body h2{
	color: #FFF!important;
	background-color: #034D81!important;
	margin-top: 0!important;
	padding: 11px!important;
	margin-bottom: 12px!important;
}
.wp-page-policies.ty h3,
.wp-contact #main-body h3{
	background-color: #B6B6B6;
	color: #034D81;
	padding: 3px 12px;
	margin-bottom: 12px;
	font-weight: 500;
}
.wp-page-policies.ty #social-icons{
	text-align: center;
}
.wp-page-policies.ty #social-icons img{
	margin-right: 2%
}
.wp-page-policies.ty #social-icons img#fb{
	width: 27%; max-width: 236px;
}
.wp-page-policies.ty #social-icons img#tw{
	width: 11%; max-width: 102px;
}
.wp-page-policies.ty #social-icons img#gp{
	width: 8%; max-width: 81px;
}
.wp-contact #main-body img.alignright{
	width: 40%;
	max-width: 372px;
	margin-top: 1%;
	margin-bottom: 1%;
}
.wp-contact #main-body img.alignnone{
	display: block;
	margin: 0 auto 5px;
	width: 90%!important;
	max-width: 800px!important;
}
.wp-contact #csz{
	padding: 0!important;
}
.wp-contact #csz p{
	display: inline-block;
}
.wp-contact .csz-c{
	width: 53%;
	margin-right: 2%;
}
.wp-contact .csz-s{
	width: 18%;
}
.wp-contact .csz-z{
	width: 24%;
}
.wp-contact #nucaptcha-player{
	margin: 0!important;
}
.wpcf7-nucaptcha{
	padding: 0!important;
}
.wpcf7-form-control{
	width: 100%;
}
.wpcf7-submit{
	background-color: #034D81;
	border: 0;
	color: #FFF;
	font-weight: 500;
	padding: 6px;
}
.wp-contact div.wpcf7{
	width: 90%;
	margin: 0 auto;
	padding: 0!important;
	max-width: 420px;
}

/********
 *
 * METADATA
 *
 ********/
#metatable{
	width: 100%;
}
#metatable td{
	border: 1px solid #333;
	padding: 2px 6px;
}
.wp-page.meta #main-body{
	width: 100%;
}

/********
 *
 * CALCULATOR
 *
 ********/
#calc-overlay{
	z-index: 200000;
	position: fixed;
	top:0; bottom:0; left:0; right:0;
	background-color: rgba(21,21,21,0.7);
	display: none;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
}
#calc-closer{
	z-index: 200001;
	position: fixed;
	top:0; bottom:0; left:0; right:0;
	cursor: pointer;
}
#calc-close{
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	cursor: pointer;
}
#inner-calc{
	position: relative;
	z-index: 200002;
	width: 80%;
	max-width: 700px;
	margin: 1% auto;
	background-color: #FFF;
	text-align: center;
	padding: 16px;
	height: 91%;
	max-height: 600px;
	overflow: auto;
}
#inner-calc h1{
	font-size: 3.5em;
	font-weight: 300;
	text-align: left;
	margin-top: 6px;
	line-height: 0.9em;
}
#calc-tabs{
	margin-bottom: 0!important;
}
#calc-tabs a{
	display: inline-block;
	width: 45%;
	padding: 12px 0;
	margin: 0 2%;
	background-color: #FFF;
	color: #034D81;
	border-radius: 5px 5px 0 0;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #034D81;
	border-bottom: 0;
}
#calc-tabs a.selected{
	background-color: #034D81;
	color: #FFF;
}
#calc-mold, #calc-casting{
	background-color: #E6E6E6;
	padding: 12px;
	border:1px solid #034D81;
}
#inner-calc p{
	text-align: left;
	margin-bottom: 9px;
}
#inner-calc div{
	margin-bottom: 9px;
}
#inner-calc input{
	margin-right: 1px;
	font-weight: 500;
	color: #034D81;
}
#inner-calc input[type=submit]{
	background-color: #034D81;
	border: 1px solid #034D81;
	border-radius: 5px;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: 500;
	padding: 6px 16px;
}
#inner-calc input[type=reset]{
	background-color: transparent;
	border: 0;
	text-decoration: underline;
}
.calc-answer{
	background-color: #FFF;
	padding: 24px;
	font-weight: 500;
	margin: 6px 33px!important;
	border: 2px solid #333;
	display: none;
}
.calc-error{
	padding: 24px 24px 24px 54px;
	background: #FFE6E6 url('_images/red-alert.png') no-repeat 2px center;
	border: 2px solid #DA0000;
	text-align: left;
	display: none;
	margin: 6px 33px!important;
}
#calc-casting{
	display: none;
}
#calc-notice{
	margin-bottom: 0!important;
	margin-top: 28px;
	padding-top: 6px;
	border-top: 1px solid #E6E6E6;
	font-size: 90%;
	text-align: justify;
	padding-left: 54px;
	margin-left: -12px;
	background: transparent url('_images/yellow-alert.png') no-repeat left center;
}




/* SMO Galleries Page */
.smo-gallery-images{
	text-align: center;
	margin-top: 12px;
}
.gallery-caption{
	text-align: left;
}
.smo-fancybox{
	display: block;
}
.smo-gallery-image{
	width: 30%;
	max-width: 320px;
	min-width: 200px;
	display: inline-block;
	margin-right: 2%;
	vertical-align: top;
	margin-bottom: 12px;
	padding-top: 12px;
	border-top: 1px solid #034D81;
}
.smo-thumbnail{
	background-size: cover;
	margin: 0!important;
	position: absolute;
	left: 16.6%;
	top: 13.5%;
	width: 79.6%;
	padding-bottom: 43.6%; /* Interesting technique: http://inspectelement.com/tutorials/a-responsive-css-background-image-technique/ */
}
.smo-imagebox{
	text-align: left;
	position: relative;
	background-size: cover;
	background-position: center;
	height: 0;
	padding-bottom: 60%;
}
.wp-single #main-body h2 a{
	display: block;
	padding: 6px 0;
	color: #FFF;
	text-align: right;
}
.wp-single.wp-search #main-body h2 a{
	color: #333;
	text-align: left;
}








/* temporary style for my sanity */
#blogcontent{
	background: #fff;
	border: 2px solid #666;
	width: 85%;
	min-width: 180px;
	max-width: 800px;
	margin: 160px auto;
	padding: 5%;
	border-radius: 6px;
	box-shadow: 8px 8px 10px #333;
}
#mini-nav{
	font-size: 80%;
	border-bottom: 1px dotted #333;
	margin-bottom: 1em;
}
.gallery-image{
	border: 1px solid #999;
	padding: 0.25em;
	background-color: #FFF;
}
.error{
	border: 0.2em solid #F00;
	background: #FEE;
	padding: 1em;
	margin: 1.5em;
}
p, h1{
	padding-bottom: 0.5em;
}
h1, b{
	font-weight: 600;
}
#Mainnavigationbar a{
	color: #FFF;
}
pre{
	border: 5px double #333;
	background: #F1F1E1;
	color: #333;
	font-weight: bold;
	font-size: 80%;
	padding: 5px;
}





/* NOTIFICATION TOP BAR */
body.NOTICE, #Since1963.NOTICE, #NOTICE, #NOTICE-tab{
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out; /* Safari */
}
#NOTICE, #NOTICE-tab{
	display: none;
}
/* WARNING NOTIFICATION */
#NOTICE-tab.NOTICE{
	display: block;
	z-index: 99999;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 10%;
	left: 50%;
	background: #034C81 url('_images/chevrondown.png') no-repeat center center; /* holiday color 1/4 */
	background-size: 24px;
	height: 12px;
	padding: 5px;
	border: 2px solid red; /* holiday color 2/4 */
	border-top: 0;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
#NOTICE.NOTICE{
	display: block;
	color: darkblue;
	z-index: 99998;
	height: 0;
	width: calc(100% - 88px);
	max-height: 76px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #ECECEC; /* holiday color 3/4 */
	border-bottom: 2px solid red; /* holiday color 4/4 */
	overflow: hidden;
	text-align: center;
	padding: 0 44px;
	text-shadow: lightblue 1px 1px 1px;
	font-size: 16px;
	font-weight: 500;
}
/*END WARNING NOTIFICATION */
/* NEW YEARS NOTIFICATION */
#NOTICE-tab.NEWYEAR{
	display: block;
	z-index: 99999;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 10%;
	left: 50%;
	background: #E9DCAE url('_images/chevrondown.png') no-repeat center center; /* holiday color 1/4 */
	background-size: 24px;
	height: 12px;
	padding: 5px;
	border: 2px solid #F9ECCD; /* holiday color 2/4 */
	border-top: 0;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
#NOTICE.NEWYEAR{
	display: block;
	color: #EFDAA4;
	z-index: 99998;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #0E0F2A url('_images/holiday/newyears.png') no-repeat top left; /* holiday color 3/4 */
	border-bottom: 2px solid #EFDAA4; /* holiday color 4/4 */
	overflow: hidden;
	text-align: center;
	padding: 0 90px;
	text-shadow: #09060E 1px 1px 1px;
	font-size: 20px;
	font-weight: 600;
}
/*END NEW YEARS NOTIFICATION */
/* EASTER NOTIFICATION */
#NOTICE-tab.EASTER{
	display: block;
	z-index: 99999;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 10%;
	left: 50%;
	background: cyan url('_images/chevrondown.png') no-repeat center center; /* holiday color 1/4 */
	background-size: 24px;
	height: 12px;
	padding: 5px;
	border: 2px solid pink; /* holiday color 2/4 */
	border-top: 0;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
#NOTICE.EASTER{
	display: block;
	color: blueviolet;
	z-index: 99998;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: lightgoldenrodyellow url('_images/holiday/easter.png') no-repeat top left; /* holiday color 3/4 */
	border-bottom: 2px solid pink; /* holiday color 4/4 */
	overflow: hidden;
	text-align: center;
	padding: 0 90px;
	text-shadow: lightgoldenrodyellow 1px 1px 1px;
	font-size: 20px;
	font-weight: 600;
}
/* END EASTER NOTIFICATION*/
/* PRESIDENT DAY NOTIFICATION */
#NOTICE-tab.PRESIDENT{
	display: block;
	z-index: 99999;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 10%;
	left: 50%;
	background: #034C81 url('_images/chevrondown.png') no-repeat center center; /* holiday color 1/4 */ 
	background-size: 24px;
	height: 12px;
	padding: 5px;
	border: 2px solid red; /* holiday color 2/4 */
	border-top: 0;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
#NOTICE.PRESIDENT{
	display: block;
	color: darkblue;
	z-index: 99998;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: white url('_images/holiday/LaborDay.png') no-repeat top left; /* holiday color 3/4 */
	border-bottom: 2px solid red; /* holiday color 4/4 */ 
	overflow: hidden;
	text-align: center;
	padding: 0 90px;
	text-shadow: lightblue 1px 1px 1px;
	font-size: 20px;
	font-weight: 600;
}
/* END PRESIDENT DAY NOTIFICATION */
/* MEMORIAL NOTIFICATION */
#NOTICE-tab.MEMORIAL{
	display: block;
	z-index: 99999;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 10%;
	left: 50%;
	background: #034C81 url('_images/chevrondown.png') no-repeat center center; /* holiday color 1/4 */ 
	background-size: 24px;
	height: 12px;
	padding: 5px;
	border: 2px solid red; /* holiday color 2/4 */
	border-top: 0;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
#NOTICE.MEMORIAL{
	display: block;
	color: darkblue;
	z-index: 99998;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: white url('_images/holiday/LaborDay.png') no-repeat top left; /* holiday color 3/4 */
	border-bottom: 2px solid red; /* holiday color 4/4 */ 
	overflow: hidden;
	text-align: center;
	padding: 0 90px;
	text-shadow: lightblue 1px 1px 1px;
	font-size: 20px;
	font-weight: 600;
}
/* END MEMORIAL DAY NOTIFICATION */
/* INDEPENDENCE DAY NOTIFICATION */
#NOTICE-tab.FOURTH{
	display: block;
	z-index: 99999;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 10%;
	left: 50%;
	background: red url('_images/chevrondown.png') no-repeat center center; /* holiday color 1/4 */ 
	background-size: 24px;
	height: 12px;
	padding: 5px;
	border: 2px solid red; /* holiday color 2/4 */
	border-top: 0;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
#NOTICE.FOURTH{
	display: block;
	color: white;
	z-index: 99998;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: red url('_images/holiday/IndependenceDay.png') no-repeat top left; /* holiday color 3/4  */
	border-bottom: 2px solid red; /* holiday color 4/4  */
	overflow: hidden;
	text-align: center;
	padding: 0 90px;
	text-shadow: darkblue 1px 1px 1px;
	font-size: 20px;
	font-weight: 600;
}
/* END INDEPENDENCE DAY NOTIFICATION */
/* LABOR DAY NOTIFICATION */
#NOTICE-tab.LABOR{
	display: block;
	z-index: 99999;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 10%;
	left: 50%;
	background: #034C81 url('_images/chevrondown.png') no-repeat center center; /* holiday color 1/4 */ 
	background-size: 24px;
	height: 12px;
	padding: 5px;
	border: 2px solid red; /* holiday color 2/4 */
	border-top: 0;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
#NOTICE.LABOR{
	display: block;
	color: darkblue;
	z-index: 99998;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: white url('_images/holiday/LaborDay.png') no-repeat top left; /* holiday color 3/4 */
	border-bottom: 2px solid red; /* holiday color 4/4 */ 
	overflow: hidden;
	text-align: center;
	padding: 0 90px;
	text-shadow: lightblue 1px 1px 1px;
	font-size: 20px;
	font-weight: 600;
}
/* END LABOR DAY NOTIFICATION */
/* THANKSGIVING NOTIFICATION */
#NOTICE-tab.TURKEY{
	display: block;
	z-index: 99999;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 10%;
	left: 50%;
	background: #FEC96B url('_images/chevrondown.png') no-repeat center center; /* holiday color 1/4 */ 
	background-size: 24px;
	height: 12px;
	padding: 5px;
	border: 2px solid #F77800; /* holiday color 2/4  */
	border-top: 0;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
#NOTICE.TURKEY{
	display: block;
	color: #AB3800;
	z-index: 99998;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #FEC96B url('_images/holiday/Thanksgiving.png') no-repeat top left; /* holiday color 3/4  */
	border-bottom: 2px solid #F77800; /* holiday color 4/4  */
	overflow: hidden;
	text-align: center;
	padding: 0 90px;
	text-shadow: #FEC96B 1px 1px 1px;
	font-size: 20px;
	font-weight: 600;
}
/* END THANKSGIVING NOTIFICATION */
/* XMAS NOTIFICATION */
#NOTICE-tab.XMAS{
	display: block;
	z-index: 99999;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 10%;
	left: 50%;
	background: #64C846 url('_images/chevrondown.png') no-repeat center center; /* holiday color 1/4 */
	background-size: 24px;
	height: 12px;
	padding: 5px;
	border: 2px solid #BD1A04; /* holiday color 2/4 */
	border-top: 0;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
}
#NOTICE.XMAS{
	display: block;
	color: #D11207;
	z-index: 99998;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #EDEDED url('_images/holiday/xmas.png') no-repeat top left; /* holiday color 3/4 */
	border-bottom: 2px solid #BD1A04; /* holiday color 4/4 */
	overflow: hidden;
	text-align: center;
	padding: 0 90px;
	text-shadow: #FFF 1px 1px 1px;
	font-size: 20px;
	font-weight: 600;
}
/* END XMAS NOTIFICATION */
#NOTICE span{
	display: table-cell;
	vertical-align: middle;
}
/* OPEN NOTICE */
#Since1963.NOTICE.open{
	top: 76px!important;
}
body.open{
	margin-top: 76px!important;
	background-position: 0 76px!important;
}
#NOTICE.NOTICE.open{
	display: table;
	height: 76px;
	width: calc(100% - 88px);
	display: table;
}
#NOTICE-tab.NOTICE.open{
	top: 76px;
	/*background-color: red; */
	background-image: url('_images/chevronup.png');
}
#Since1963.XMAS.open{
	top: 76px!important;
}
body.XMAS.open{
	margin-top: 76px!important;
	background-position: 0 76px!important;
}
#NOTICE.XMAS.open{
	height: 76px;
}
#NOTICE-tab.XMAS.open{
	top: 76px;
	/*background-color: red; */
	background-image: url('_images/chevronup.png');
}
#Since1963.FOURTH.open{
	top: 76px!important;
}
body.FOURTH.open{
	margin-top: 76px!important;
	background-position: 0 76px!important;
}
#NOTICE.FOURTH.open{
	height: 76px;
}
#NOTICE-tab.FOURTH.open{
	top: 76px;
	/*background-color: red; */
	background-image: url('_images/chevronup.png');
}


/* Watermark... */
#fancybox-outer .watermark{
	background: transparent url('_images/ramwatermarklogo.png') no-repeat 20px 20px;
	background-size: 11.7%;
	position: absolute;
	z-index: 1500;
	top: 0; bottom: 0; left: 0; right: 0;
}
#fancybox-outer .watermark2{
	background: transparent url('_images/ramwatermarkcorner.png') no-repeat 0 0;
	color: #FFF;
	font-size: 9px;
	letter-spacing: 0.2px;
	position: absolute;
	padding-left: 9px;
	z-index: 1500;
	top: 0; bottom: 0; left: 0; right: 0;
}
#fancybox-left, #fancybox-right{
	z-index: 20000!important;
}
#fancybox-title{
	z-index: 20001!important;
}
/* Change the Fancybox skin... */
#fancybox-close,
#fancybox-loading div,
#fancybox-left-ico,
#fancybox-right-ico
{
	background-image: url('_images/fancybox.png')!important;
}

.wpcf7-validation-errors{
	background: #FFF url('_images/red-alert.png') no-repeat 5px center;
	border: 3px solid #DA0000!important;
	font-weight: 500;
	min-height: 38px;
	padding: 15px 3px 15px 60px!important;
	margin: 16px 0!important;
}
.wpcf7-mail-sent-ok{
	background: #FFF url('_images/okcheck.png') no-repeat 5px center;
	border: 3px solid #64C846!important;
	padding: 20px 3px 20px 60px!important;
	margin: 16px 0!important;
	font-weight: 500;
}

#ismob{
	display: none;
	width: 1px;
	height: 1px;
	position: fixed;
}

.generalbodytext{
	padding-left: 5px;
	padding-right: 5px;
	width:400px;
}

.rve{
	max-width: 600px !important;
	padding:0 !important;
	margin-left: auto;
	margin-right:auto;
	position: relative;
}
.yt-banner{
	display: none;
	position: absolute;
	height: 22px;
	bottom: 4px;
	left: 0;
	right: 0;
	background-color: rgba(200, 0, 0, 0.75);
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	font-weight: 600;
	overflow: hidden;
}
.yt-banner:before{
	content: "Click the play button to view video.";
}
.bigdot{
	font-size: 20px;
	line-height: 0;
}
@media screen and (max-width: 1920px){
	
	#social-checkin a{
		font-size: 1vw;
	}
}									  