/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 09:00:06 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Reset*/

@media screen {

html { font-size: 100%; min-height: 101%; }
body {
	margin: 0; 
	font-family: open_sansregular, sans-serif;
}
#onpa-iframe { width: 100%; height: 1000px; border: 1px solid @tan@; }
* {
	position: relative;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
	padding: 0;
	max-width: 100%;
	-webkit-backface-visibility: hidden;
}

p {
	font-family: open_sansregular, sans-serif;
	margin: 0.4em 0 0.6em 0;
	line-height: 1.5em;
}

b, strong {
	font-family: open_sansbold, sans-serif;
	font-weight: normal;
}

i, em {
	font-family: open_sansitalic, sans-serif;
	font-style: normal;
}
i b, b i, em b, b em, strong i, i strong, em strong, strong em {
	font-family: open_sansbold_italic, sans-serif;
	font-style: normal;
	font-weight: normal;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}
li {
	padding-left: 0;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}

ol.numbers { list-style: decimal outside;}
ol.numbers li > ul { list-style: lower-latin outside; }
li > ul { padding-left: 2em; }
.main-nav li > ul { padding-left: 0; }
.bullets {
	list-style: disc outside;
}
.bullets li {
	padding-left: 1em;
	text-indent: -1em;
}
.two-column {
	width: 100%;
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
	list-style: circle outside;
}
.two-column li {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5;
}
.orange-arrow li {
	background: url('../pub/photo/orange-arrow.gif') no-repeat left 0.35em;
	padding-left: 2em;
	list-style: none;
}
ul.people {
	text-align: center;
}
ul.people li {
	display: inline-block;
	width: 23%;
	padding: 0.4em;
	vertical-align: top;
	font-size: 0.9em;
}
ul.people img {
	display: block;
	margin: 0 auto;
	height: 130px;
	width: auto;
}

h1 {
	font-family: open_sansbold, sans-serif;
	margin: 0.5em 0 1em 0;
	font-weight: normal;
	line-height: 1em;
	font-size: 2rem;
}

h2 {
	font-family: open_sanssemibold, sans-serif;
	font-weight: normal;
	margin: 1em 0 0.6em 0;
}

h3 {
	font-family: open_sanssemibold, sans-serif;
	margin: 1em 0 0.2em 0;
	font-weight: normal;
}
h4 {
	font-family: open_sansextrabold, sans-serif;
	font-weight: normal;
	margin: 0.2em 0;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

a {
	outline: none;
	color: inherit;
	text-decoration: none;
}
a img {
	outline: none;
}
#main a { color: #003E71; text-decoration: underline; }
#main a:hover { color: rgba(0,62,113,0.8); }

hr {
	border: 0;
	outline: 0;
	border-bottom: 1px dashed #014179;
	margin: 2em 0;
}

#signature { display: none; }

input { font-family: open_sansregular, sans-serif; }

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

}

/* CLEARFIX */

.cf:before,.cf:after { display: table; content: " "; }
.cf:after { clear: both; }
.cf { *zoom: 1; }



/*---------------------------------------------*/
/* Stylesheet: Layout*/

@media screen {
/* Body */

body {
	background:#fffff;
	padding: 0.5em;
}

.template {
	font-size: 100%;
	margin: 0 auto;
	max-width: 60em;
	padding-bottom: 2em;
}

/* Header */
#scrollUp {
	bottom: 10px;
	right: 10px;
	font-size: 50px;
	color: #996633;
}
#scrollUp:hover {
	color: #fab600;
}
.info {
	display: block;
	color: #014179;
	font-size: 0.9em;
	text-align: right;
	padding: 0;
}
.info li {
	display: inline-block;
	line-height: 26px;
	height: 26px;
	padding: 0;
	margin: 0;
}
.info a { padding: 0 0.5em; display: block; line-height: 26px;
}
li.no-border { border: 0; }
.info a:hover i { color: #fab600; }
#facebook-button { width: 80px; margin: 4px 4px -6px 0; vertical-align: baseline; }


.bg-header {
	background:#fff;
	border-radius:1em 1em 0 0;
	padding: 0 0.5em;
}

#header {
	background:#014179;
	border-radius: 0.5em;
	border-bottom: 3px solid #fab600;
	padding: 0 1em;
}


#logo {
	float: left;
	display: block;
	width: 300px;
	height: 132px;
	padding: 0;
	margin: 1em 0;
	background: url('../pub/photo/Logo-light-grey-state-white-words-V-1.4.png') no-repeat top left;
	background-size: 300px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='images/logo.gif',
		sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='images/logo.gif',
		sizingMethod='scale')";
}
#logo:hover { border-color: #fab600; }
#logo h1 { display: none; }


nav {
	position: absolute;
	bottom: -2px;
	right: 1em;
	overflow: visible;
	z-index: 3000;

}

.main-nav ul {
	display: block;
}
.main-nav > li {
	display: inline-block;
	position: relative;
	margin: 0 0 0 1em;
	text-align: center;
	min-width: 12em;
	zoom: 1;
	*display: inline;
}

.main-nav > li a {
	display: block;
	background: #fab600;
	color: black;
	padding: 0.5em 1em;
        border-radius: 0.5em 0.5em 0 0;
	margin: 0;
	z-index: 1000;
}
.main-nav > li a:hover { background: #996633; }
nav .dropdown.isCollapsed {
	height: 0;
}
nav .dropdown {
	width: 100%;
	top: 2.6em;
	position: absolute;
	overflow: hidden;
	background: #bfbfbf;
	z-index: 100;
}
nav .dropdown li { width: auto; display: block; }
nav .dropdown a {
	display: block;
	padding: 0.2em 0.4em 0.2em 1em;
	text-align: left;
	background: 0;
	margin: 0;
	width: auto;
	border-radius: 0;
	border-bottom: 1px solid #996633;
	text-indent: -0.6em;
}
nav .dropdown a:hover { background: #996633; }


/* Content */

.bg-layout {
	background: white !important;
	border-radius: 0 0 1em 1em;
	background: 0 0.5em;
	padding: 0.5em;
}

#sidebar-dropdown {
	float: left;
	text-align: center;
	width: 16em;
	background: #014179;
	color: white;
	padding: 0 0 1em 0;
	border-radius: 0.5em 0 0 0.5em;
	text-shadow: 0 1px 1px black;

}
#sidebar-dropdown a { color: #eee; }

#main {
	float: right;
	width: 75%;
}

/* Sidebar */

.tel-link {
	display: inline-block;
	width: auto;
	padding: 0.5em;
	border: 3px solid #19517F;
	border-radius: 0.5em;
	margin: 0 auto;
	font-family: open_sanslight, sans-serif;
	font-size: 1.3em;
	text-align: center;
}
.tel-link:hover, .tel-link:focus { background: #19517F; }

#sidebar {
	float: left;
	width: 25%;
}

#sidebar-dropdown {
	transition: all 0.2s;
	display: block;
	margin-bottom: 1em;
}
#sidebar-dropdown.isCollapsed {
	height: auto !important;
	transition: all 0.2s;
}
#sidebar-dropdown .nav {
	padding: 1em 0;
	line-height: 1.5;
	text-align: left;
	margin: 0;
	transition: all 0.2s;
}
#sidebar-dropdown .nav a { padding: 0.4em 2em 0.4em 1em; display: block; }
#sidebar-dropdown .nav a:hover { background: #19517F; }
#sidebar-dropdown .nav li { padding: 0; margin: 0; }
.toggle { background: #19517F; 	transition: all 0.2s; }
.toggle i {
	position: absolute;
	right: 0.6em;
	top: 0.7em;
	color: #014179;
}
.toggle.closed i { color: #19517F; }
.toggle > a:hover i {
	color: white;
}
.toggle.closed { background: transparent; }

.submenu a:hover:after, .direct a:hover:after {
	content: '\25b6';
	position: absolute;
	right: 0.4em;
	top: 0.4em;
	color: #fab600;
}
.submenu a:hover { background: #014179 !important; }

.submenu { display: block; background: #19517F; overflow: hidden; border-top: 3px solid #014179; border-left: 0; border-right: 0; max-height: 1000px; padding: 0; transition: all 0.3s; }
.submenu a { padding-left: 1.4em !important; margin: 0; border-bottom: 1px solid #014179; }
.closed .submenu { max-height: 0; transition: all 0.3s; }

.sidebar-buttons {
	text-align: left;
	float: left;
	clear: left; 
	display: block;
	padding: 0 1em;
}
.sidebar-button {
	display: block;
	padding: 0.2em 0.2em 0.2em 1.6em;
	margin: 0.2em 0;
	background: #dedede;
	border-radius: 4px;
}
.sidebar-button:hover {
	background: #333;
	color: white;
}
.sidebar-button i { position: absolute; left: 0; padding: 0.2em 0.4em; }


/* Home carousel */

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	max-height: 392px;
	overflow: hidden;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

.rslides .caption { position: absolute; display: block; width: 100%; top: 0; background: rgba(255,255,255,0.5);	text-shadow: 0 1px 1px rgba(255,255,255,0.4); text-align: right; font-size: 1.6em; color: black; padding: 0.4em 1em; text-decoration: none !important; font-family: open_sanssemibold, sans-serif; }
.caption .learn-more { display: block; font-size: 0.6em; font-family: open_sansregular, sans-serif; text-align: right; }

.rslides_nav {
	position: absolute;
	display: none;
	bottom: 0;
	padding: 0 8px;
	font-size: 36px;
	z-index: 50;
	color: #dedede !important;
	opacity: 0.7;
	transition: all 0.2s;
}
.rslides_nav.next { right: 0; }
.rslides_nav:hover { opacity: 1; color: white !important; transition: all 0.2s; }

.nozzl-box {
	margin: 0.5em 0 0 0.5em;
	padding: 0;
	background: #ccc;
	border-radius: 0 0 0.5em 0.5em;
        border-bottom: 5px solid #ccc;
}
.nozzl {
	width: 100%;
	margin-bottom: -4px;
	border-radius: 4px;
}
.home-half-width {
  float: left;
  width: 50%;
}
.home-text-box {
  width: 49%;
  padding: 10px;
  margin: 8px 0 0 1%;
  border: 4px solid #014179;
}

/* Article */

.date {
	display: block;
	width: 100%;
	line-height: 2em;
	background: #014179;
}

article, .directory-wrapper, .form-wrapper {
	padding: 1em 2em 3em;
	border: 3px solid #fffff;
}

.aside {
	width: 40%;
	border: 2px solid #fffff;
	padding: 0.6em 0.8em;
	margin: 0.8em;
	z-index: 1000;
}
.aside.right { float: right; clear: right; margin-right: 0; }
.aside.left  { float: left;  clear: left;  maring-left:  0; }

.multi-column { border: 1px solid #ccc; border-bottom: 0; border-collapse: collapse; }
.multi-column tr { border-bottom: 1px solid #ccc; }
thead { background: #ccc; padding: 4px 6px; }
th { font-family: open_sansbold, sans-serif; font-weight: normal; text-align: left; border: 0; padding: 0 4px; }
.multi-column td { padding: 0 4px; }
.multi-column td:first-child { text-align: ; }

.member-logo { float: right; margin: 0 0 10px 10px; }
#share-button { position: absolute;  z-index: 9999; right: 1em; top: 1em;}

.ui-form-table input[type="text"] { width: 200px; max-width: 100%; padding: 0.4em;}
.ui-form-table textarea { width: 400px; max-width: 100%; padding: 0.4em; }

.regionselect { width: 60%; text-align: center; margin: 0 auto; padding: 1em; background: #fab600; border: 2px solid #014179; }

/* Footer */

.footer { text-align: center; color: #014179; }
.footer ul { display: block; }
.footer li { display: inline-block; border-color: #014179; }
.footer li a { padding: 0 0.4em; }
.footer .info { text-align: center; }
.footer a:hover, .footer .info a:hover i { background: #014179; color: #fffff; }
.footer-links { margin: 1em 0; padding: 0; }
.footer-links li { border-left: 1px solid #014179; padding: 0; margin-top: 0.4em; margin-left: -4px; }
li.no-border { border: 0; }
.footer-links a { padding: 0 0.4em; }

}

/*---------------------------------------------*/
/* Stylesheet: Queries*/

/* MEDIA QUERIES */

@media screen and (min-width: 870px) {
#quicklinks-button { display: none; }
}

@media screen and (max-width: 870px) {
.bg-layout { padding: 0 1em;}
#share-button { display: none !important; }
#header { height: 150px;}
.main-nav { float: right; position: relative; right: 0; }
.main-nav > li { display: block; }
.main-nav > li a { border-radius: 0; text-align: right; background: none; }
.open { background: #fab600; }
nav .dropdown { right: 100%; float: left; top: 0;}
#sidebar { float: none; width: 100%; }
#sidebar-dropdown { width: 100%; max-width: 350px; max-height: 1000px; padding: 1em 2em; z-index: 99; top: -1em; right: 0 !important; overflow: hidden; position: absolute; border-radius: 0 0 0.5em 0.5em; opacity: 0.95; }
#sidebar-dropdown.isCollapsed { max-height: 0; padding: 0 2em; transition: all 0.2s; }
.sidebar-buttons { display: none; }
#main { width: 100%; }
article, .directory-wrapper, .form-wrapper {
	padding: 0 0 3em;
	border: 0;
}
.bg-layout { padding: 1em;}

.nozzl { height: 600px; }

}

@media screen and (max-width: 580px) {
.info { text-align: center; margin-bottom: 10px; }
.info li { display: block; height: auto; line-height: 1em;}
#header { height: auto; border: 0;}
.tel-link { display: none;}
#logo { margin: 1em auto; float: none; }
nav { position: relative; bottom: 0; right: 0; margin: 0 auto; text-align: center; display: block; }
.main-nav { float: none; text-align: left; }
.main-nav > li { margin: 0; display: block; width: 50%; min-width: 0; float: left; border-top: 4px solid @tan@; }
.main-nav > li a { width: auto; text-align: center; }
.dropdown { z-index: 9999; }
.main-nav .dropdown {
	right: 0;
	position: relative;
	float: none;
}
#sidebar-dropdown { padding: 0; }

.footer-links li { width: 100%; text-align: center; margin-bottom: 0.4em; border: 0;}
}

@media print {
#sidebar, #sidebar-dropdown { display: none; }
article, article *, .directory-wrapper, .form-wrapper {
	display: block;
	width: 100%;
} 
}

/*---------------------------------------------*/
/* Stylesheet: open_sansbold_italic*/

@font-face {
	font-family: 'open_sansbold_italic';
	src: url('../pub/doc/OpenSans-BoldItalic-webfont.eot');
	src: url('../pub/doc/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-BoldItalic-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------------------------------*/
/* Stylesheet: open_sansbold*/

@font-face {
	font-family: 'open_sansbold';
	src: url('../pub/doc/OpenSans-Bold-webfont.eot');
	src: url('../pub/doc/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-Bold-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-Bold-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------*/
/* Stylesheet: open_sansextrabold_italic*/

@font-face {
	font-family: 'open_sansextrabold_italic';
	src: url('../pub/doc/OpenSans-ExtraBoldItalic-webfont.eot');
	src: url('../pub/doc/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------*/
/* Stylesheet: open_sansextrabold*/

@font-face {
	font-family: 'open_sansextrabold';
	src: url('../pub/doc/OpenSans-ExtraBold-webfont.eot');
	src: url('../pub/doc/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-ExtraBold-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------*/
/* Stylesheet: open_sansitalic*/

@font-face {
	font-family: 'open_sansitalic';
	src: url('../pub/doc/OpenSans-Italic-webfont.eot');
	src: url('../pub/doc/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-Italic-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-Italic-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------*/
/* Stylesheet: open_sanslight_italic*/

@font-face {
	font-family: 'open_sanslight_italic';
	src: url('../pub/doc/OpenSans-LightItalic-webfont.eot');
	src: url('../pub/doc/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-LightItalic-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-LightItalic-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------*/
/* Stylesheet: open_sanslight*/

@font-face {
	font-family: 'open_sanslight';
	src: url('../pub/doc/OpenSans-Light-webfont.eot');
	src: url('../pub/doc/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-Light-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-Light-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------*/
/* Stylesheet: open_sansregular*/

@font-face {
	font-family: 'open_sansregular';
	src: url('../pub/doc/OpenSans-Regular-webfont.eot');
	src: url('../pub/doc/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-Regular-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-Regular-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------*/
/* Stylesheet: open_sanssemibold_italic*/

@font-face {
	font-family: 'open_sanssemibold_italic';
	src: url('../pub/doc/OpenSans-SemiboldItalic-webfont.eot');
	src: url('../pub/doc/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------*/
/* Stylesheet: open_sanssemibold*/

@font-face {
	font-family: 'open_sanssemibold';
	src: url('../pub/doc/OpenSans-Semibold-webfont.eot');
	src: url('../pub/doc/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../pub/doc/OpenSans-Semibold-webfont.woff') format('woff'),
		url('../pub/doc/OpenSans-Semibold-webfont.ttf') format('truetype'),
		url('../pub/doc/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------*/
/* Stylesheet: Grid for Editor AND Website*/

/* regular grid definition here - must be after above overrides */
/* grid definition 960px - bootstrap style */
*[class*="col-md-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-11-"] { float: left; margin: 0 2px; } /* 4px gutter */
.col-11-1 { width: calc(100% / 11 * 1 - 4px); } 

*[class*="col-7-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-7-1 { width: calc(100% / 7 * 1 - 20px); } 

*[class*="col-xs-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-xs-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-xs-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-xs-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-xs-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-xs-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-xs-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-xs-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-xs-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-xs-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-xs-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-xs-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-xs-12 { width: calc(100% / 12 * 12 - 20px); } 

.clearfix { margin: 0 !important;  clear: both; }
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0; clear: both;
}
/* margin fix when we don't want margins  */
.nomargin[class*="col-md-"] { margin: 0 ; }
.nomargin.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-md-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-xs-"] { margin: 0 ; }
.nomargin.col-xs-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-xs-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-xs-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-xs-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-xs-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-xs-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-xs-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-xs-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-xs-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-xs-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-xs-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-xs-12 { width: calc(100% / 12 * 12) ; }

/* responsiveness fold */
@media screen and (max-width: 768px) {
	.nomargin[class*="col-md-"] { float: none !important;  width: calc(100%) !important; margin: 0 !important;}
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	/* don't do anything to -xs- columns. They need to keep their sizes */
	*[class*="col-7-"] { float: none !important; width: calc(100% - 20px) !important; margin: 0 10px !important; } /* 20px gutter */
}


/*
Bootstrap:
Extra small devices
Phones (<768px)		- LVSYS xs: 640px
Small devices
Tablets (&ge;768px)	- LVSYS md > 640px
Medium devices
Desktops (&ge;992px)
Large devices
Desktops (&ge;1200px)

*/

/* mobile screens */
@media screen and (max-width: 768px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { display: none !important;} /* lvsys grid */
	*[class*="hidden-sm"] {}
	*[class*="hidden-md"] {} /* lvsys grid */
	*[class*="hidden-lg"] {}
}

/* large screens */
@media screen and (min-width: 768px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { } /* lvsys grid */
	*[class*="hidden-sm"] {display: none !important;}
	*[class*="hidden-md"] {display: none !important;} /* lvsys grid */
	*[class*="hidden-lg"] {display: none !important;}
}

/*---------------------------------------------*/
/* Stylesheet: Ramp Stylings*/

.ramp-home {font-family: 'Ubuntu', sans-serif; font-weight: 300;}
.ramp-home h1, .ramp-home h2, .ramp-home h3, .ramp-home h4 {font-family: 'Ubuntu', sans-serif; font-weight: bold;}
.ramp-home em {font-family: 'Ubuntu', sans-serif; font-style: italic;}

/* Slices */
.x-clear {clear: both;}

/* Columns */
.col-right {float: right;}

/* Header */
.ramp-home #header {border-bottom-color: #f36d24;}
.ramp-home #logo {background: url('../pub/photo/ramp-logo-white-new.png') no-repeat top left; background-size: 250px;}
.ramp-home #logo:hover {border-color: #f36d24;}
.ramp-home #toplogo {max-width: 300px; display: block; margin: 0 auto;}
.ramp-home .toplogo img {max-width: 300px; display: block; margin: 0 auto;}

.ramp-home .main-nav > li a {background: #f36d24;}
.ramp-home .main-nav > li a:hover {background: #fab600;}

.ramp-home .sharer-0 {width: auto;}

/* Home */
.ramp-home article, .ramp-home .directory-wrapper, .ramp-home .form-wrapper {border-color: #fdbe16; padding: 1em 1.5em 3em;}

.ramp-home .slogan-box {background: #95c93d; text-align: center; color: #fff; padding: 40px 20px; border-radius: 15px; margin-bottom: 20px; margin-top: 24px;}
.ramp-home .slogan-box h1 {color: #fff; margin: 0;}

.ramp-home .video-box {background: @tan@; text-align: center; color: #fff; padding: 80px 20px; border-radius: 15px; margin-bottom: 20px; margin-top: 24px; font-size: 2em; width: 80%; margin-left: auto; margin-right: auto; }

.ramp-home .ramp-home-body {}
.ramp-home .ramp-home-body ul {font-size: 1.75em; font-weight: bold; padding: 20px 0; text-align: center;}
.ramp-home .ramp-home-body ul li {display: inline-block; margin-left: 0;}
.ramp-home .ramp-home-body ul li:before {content: "•"; display: inline-block; padding-right: 5px;}
.ramp-home .ramp-home-body ul li:first-child:before {display: none;}
.ramp-home .ramp-home-body ul li.no-before:before {display: none;}
.ramp-home .ramp-home-body h3 {text-align: center;}

.ramp-home .center {text-align: center;}

.ramp-home #sidebar-dropdown {background: #06427a;}
.ramp-home #sidebar-dropdown .nav p {padding: 0 2em 0 1em;}
.ramp-home #sidebar-dropdown .nav .add-pad {padding: 0.4em 2em 0.4em 1em;}
.ramp-home .tel-link {border-color: #085eac; color: #06427a;}
.ramp-home .tel-link:hover { background: #085eac; color: #fff; text-shadow: 0 1px 1px black;}
.ramp-home .tel-link.small {font-size: 1.1em;}
.ramp-home .tel-link.small:hover {color: #fff;}

.ramp-home #sidebar-dropdown .nav a:hover {background: #085eac;}
.ramp-home .submenu a:hover:after, .ramp-home .direct a:hover:after {color: #f36d24;}

.ramp-home .side-script {padding-top: 24px;}
.ramp-home .side-script h2 {padding: 0 20px;}
.ramp-home .side-script ul {font-weight: bold; padding: 0 20px;}
.ramp-home .side-script li {margin-bottom: 15px;}

.ramp-home .sidebar-buttons {background: #fff;}
.ramp-home .btn {color: #fff !important; background: #06427a; text-align: center; display: inline-block; min-width: 200px; padding: 5px; border-radius: 8px; text-decoration: none !important;}
.ramp-home .btn:hover {background: #085eac;}

.ramp-home #scrollUp {color: #f36d24;}

@media screen and (max-width: 768px) {
	.ramp-home #toplogo {max-width: 200px; display: block; margin: 0 auto;}

	.ramp-home .side-script {padding-top: 0;}
	.ramp-home #quicklinks-button {width: 100%;}
	.ramp-home #sidebar-dropdown {right: 8px !important;}
	
	.ramp-home .video-box-container iframe {height: auto;}
}

@media screen and (max-width: 580px) {
	.ramp-home .main-nav > li {border-color: #fdbe16;}
}

/*---------------------------------------------*/
/* Stylesheet: Responsive*/

/* mobile screens */
@media screen and (max-width:768px) {

  .home-text-box {width: 100%;}
  .home-half-width {float: none;}

}