/* 7 areas to change theme colors
.logo
.navbar-toggle
.navbar-toggle.open
.section-color-area (with @media)
.breadcrumb (.active)
Navigation Mouseover (#navBar #pageNavigation)
*/

/* For creating responsive website, HTML combination <meta name="viewport" content="width=device-width, initial-scale=1"> with following tag: */
@-ms-viewport{width:device-width}

html,body{color:#404041;border:0;margin:0;line-height:1.125em;font-family:lato,sans-serif;background-color:#f2f2f2}
html{color:#404041;font:.875em/1.5em lato,sFans-serif;-webkit-text-size-adjust:100%;letter-spacing:0}
html,body{height:100%}
body{background:#fff;color:#404041}

p{font-family: segoe ui,lato,sans-serif; font-size:1.2rem;line-height:1.5em;margin:0 0 7px}
p small{font-size:85%}

body,html{background:transparent !important}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,applet,object,iframe,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,details,figure,figcaption,footer,header,aside,hgroup,menu,nav{display:block}
ol,ul{list-style:none}

*{padding:0;margin:0;box-sizing:border-box}

strong,b{font-weight:bold}
sup{position:relative;top:-0.5em;font-size:80%}

/* Overide Bootstrap */
.regular{font-style:normal}
.lead{font-family: segoe ui,lato,sans-serif; font-size:16px;font-size:1.286rem;font-style:normal;font-weight:normal;line-height:1.5em;margin:8px 0 0px}
.text-header{font-size:40px; line-height:1.5em; margin:8px 0 0px}
.text-muted{font-family: segoe ui,sans-serif; font-size:24px;color: #908989;line-height:1.5em;margin:8px 0 0px}
.text-muted-gray{font-family: segoe ui,sans-serif; font-size:24px;color: #cfc9c9;line-height:1.5em;margin:8px 0 0px}
.center{text-align:center}
.center-block{display:block;margin-left:auto;margin-right:auto}

.menu-text{font-family:lato,sans-serif;font-style:normal;font-size:12px;font-weight:bold;color:#0357ab}

.clearfix,.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}
.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}

*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#wrapper{margin-left:auto;margin-right:auto;background:#fff;position:relative;padding:0 10px 15px 10px;max-width:980px;min-width:320px}

.primary-bg{background-color:transparent !important}

.scrolling #wrapper,.scrolling #center{background-color:transparent}
.scrolling #wrapper{max-width:100%;padding:0 !important}

.row{margin-left:-15px;margin-right:-15px}

.container{padding-left:0;padding-right:0}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}

@media(min-width:768px){.container{width:750px}
}
@media(min-width:992px){.container{width:970px}
}
@media(min-width:1200px){.container{width:1170px}
}

.slide{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out}
.slide--reset{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.slide--up{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}

#navBar p,#mainFooter p,.contactModule p,.relatedContentModule p{line-height:1.35em}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:lato,sans-serif;font-style:normal;font-weight:lighter;color:inherit}
h1,.h1{font-size:38px;font-size:2.714rem;font-weight:normal;line-height:1.3em;margin:20px 0 10px}
h2,.h2{font-size:35px;font-size:2.5rem;line-height:1.3em;margin:20px 0 10px}
h3,.h3{font-size:28px;font-size:2.0rem;line-height:1.3em;margin:20px 0 10px}
h4,.h4{font-size:24px;font-size:1.716rem;line-height:1.5em;margin:10px 0 10px}
h5,.h5{font-size:20px;font-size:1.429rem;line-height:1.5em;margin:10px 0 10px}
h6,.h6{font-size:18px;font-size:1.286rem;line-height:1.5em;margin:10px 0 10px}
h7,.h7{font-size:12px;font-size:0.886rem;line-height:1.5em;margin:10px 0 10px}

.text-area h2:first-child,.text-area h3:first-child{margin-top:0}
small{font-size:85%}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-size:85%;display:block}
i{font-style:italic}
p em,li em,td em{font-style:italic}
ul,ol{margin:0 0 8px}
ul li,ol li{margin-bottom:8px}
ul{list-style-type:disc}
ul,ol{margin:0 0 8px}
ul li,ol li{margin-bottom:8px}
ol{list-style-type:decimal}
ol{list-style-type:decimal}

.center{text-align:center}
.text-lighter{color:#6d6e71}
.bullets ul li{font-family: segoe ui,lato,sans-serif; font-size:1.2rem; line-height:1.2em;}

@media(max-width:767px){html{font-size:.75em}
p,li,dt,dd{font-size:1.167rem}
}

a{font-style:normal}
.color-blue-light a{color#0099ff}
.color-blue-light a:hover,a:focus{color#2d69e6}
.color-blue a{color:#005ab4}
.color-blue a:hover,a:focus{color#2d69e6}
.color-green-light a{color#99cc33}
.color-green-light a:hover,a:focus{color#2d69e6}
.color-green a{color:#668D3C}
.color-green a:hover,a:focus{color:#404F24}
.color-dark-gray a{color:#cc5200}
.color-dark-gray a:hover,a:focus{color:#6d6e71}
.color-maroon a{color:#5f231e}
.color-maroon a:hover,a:focus{color:#b4230f}
.color-navy-blue a{color:#4E6172}
.color-navy-blue a:hover,a:focus{color:#83929F}
.color-orange a{color:#dc6900}
.color-orange a:hover,a:focus{color:#833c0c}
.color-purple a{color:#6d5790}
.color-purple a:hover,a:focus{color:#9075bb}
.color-olive a{color:#808000}
.color-olive a:hover,a:focus{color:#b3b300}
.color-yellow a{color:#e1c300}
.color-yellow a:hover,a:focus{color:#b3b300}
.color-red a{color:#b4230f}
.color-red a:hover,a:focus{color:#5f231e}
.color-army-green a{color:#c5c8a0}
.color-army-green a:hover,a:focus{color:#b4230f}
.color-white a{color:#ffffff}
.color-white a:hover,a:focus{color:#cecece}

.img-responsive{display:block;max-width:100%;height:auto}

.container h1:first-of-type,.container h2:first-of-type,.container h3:first-of-type{margin-top:0}
.container h1.xs-withMarginTop{margin-top:30px}

#topNavLeft{float:left;height:80px;background:#fff}
#topNavRight{float:right;background:#fff;position:absolute;right:0;top:0}

@media(min-width:1200px){#topNavRight{right:15px;position:relative}
}

/* Logo area and logo colors 
.color-blue, .color-dark-gray, .color-green, .color-maroon, .color-navy-blue, .color-orange, .color-purple, .color-olive, .color-yellow, .color-red, .color-army-green */

#logo-area{position:relative;top:47px}
#logo{text-indent:-9999em;display:inline-block;width:185px;height:47px; no-repeat #fff 0 0;position:relative;top:-20px;margin:0 10px 0 15px}
.color-purple #logo.logo {background:url('../../img/logo.sm.purple.png')}
.color-blue-light #logo.logo {background:url('../../img/logo.sm.blue.png')}
.color-blue #logo.logo {background:url('../../img/logo.sm.blue.png')}
.color-orange #logo.logo {background:url('../../img/logo.sm.orange.png')}
.color-maroon #logo.logo {background:url('../../img/logo.sm.maroon.png')}
.color-olive #logo.logo {background:url('../../img/logo.sm.olive.png')}
.color-yellow #logo.logo {background:url('../../img/logo.sm.yellow.png')}
.color-green #logo.logo {background:url('../../img/logo.sm.green.png')}
.color-gray #logo.logo {background:url('../../img/logo.sm.gray.png')}
.color-army-green #logo.logo {background:url('../../img/logo.sm.army.green.png')}
.color-navy-blue #logo.logo {background:url('../../img/logo.sm.navy.blue.png')}
.color-dark-gray #logo.logo {background:url('../../img/logo.sm.dark.gray.png')}
.color-red #logo.logo {background:url('../../img/logo.sm.red.png')}

/* nav line border with shadow - not open - border-bottom:1px solid #cccccc;*/
#menuBarArea{position:fixed;z-index:1000;width:100%;background:#ffffff;box-shadow:0 0 3px #CECECE}
/* auto hide top navbar when scrolling */
#menuBarArea.nav--prevent-hide{transform:translateY(0) !important}
#center ul li.slide{padding:0}
#menuBarArea.slide--up{box-shadow:none}

#menuBar a,#menuBar a:hover{text-decoration:none;font:16px lato,sans-serif;margin-left:15px}

/*Padding Here*/
#menuBar{width:100%;background:#fff;height:85px;border-bottom:0px solid #ffffff}

/*Padding Here*/
.center-area{padding-top:113px;min-height:100%}

.bottom{position:absolute;bottom:0;left:0;width:100%}

li.reset{top:0}

#navBar{overflow:auto;max-height:80vh}
#navBar{display:none;padding:10px 0 30px 0;color:#6e6d72}
#navBar ul{list-style-type:none}
#navBar li a{color:#000;font-family:lato,sans-serif;font-size:1.000rem;text-decoration:none}
#navBar li a:hover,#navBar li a.active{color:#0a3ea8}
.navbar li{list-style-type:none;margin-top:40px;margin-bottom:20px;float:left;padding:0 15px;width:12.5%}
.navbar li a{display:block;font:.929rem lato,sans-serif;padding:10px 0;text-decoration:none;color:#fff;border-top:4px solid #fff}
#navBar h3{margin:0 0 10px 0;font-size:1.143rem;font-weight:bold;color:#636363;border-top:1px solid #0a3ea8;padding:15px 0;margin-top:30px}

@media(max-width:768px){#navBar{padding:10px 0}
#navBar h3{margin-top:30px}
}

@media(max-width:991px){#navBar #relatedLinks .col-sm-4{float:none;width:100%}
#navBar #relatedLinks img{display:none}
}

@media(min-width:992px){#navBar #relatedLinks img{margin-bottom:15px;display:block}
#navBar #relatedLinks a{font-family:lato,sans-serif;font-size:.929rem}
}

@media(min-width:980px){.navbar-toggle{display:block}
}

.navbar-toggle .ham-icon+.ham-icon{margin:auto}
.navbar-toggle{margin:0}
.navbar-toggle{position:absolute;right:0;top:0;height:85px;width:85px;background-color:#ffffff;border:0;border-radius:0;cursor:pointer}

/* Menu background colors
.color-blue, .color-dark-gray, .color-green, .color-maroon, .color-navy-blue, .color-orange, .color-purple, .color-olive, .color-yellow, .color-red, .color-army-green */

.color-purple .navbar-toggle {background-image: url("../../img/menu-purple.png")}
.color-purple .navbar-toggle.open {background-image: url("../../img/menu-purple.png")}

.color-blue-light .navbar-toggle {background-image: url("../../img/menu-blue.png")}
.color-blue-light .navbar-toggle.open {background-image: url("../../img/menu-blue.png")}

.color-blue .navbar-toggle {background-image: url("../../img/menu-blue.png")}
.color-blue .navbar-toggle.open {background-image: url("../../img/menu-blue.png")}

.color-orange .navbar-toggle {background-image: url("../../img/menu-orange.png")}
.color-orange .navbar-toggle.open {background-image: url("../../img/menu-orange.png")}

.color-maroon .navbar-toggle {background-image: url("../../img/menu-maroon.png")}
.color-maroon .navbar-toggle.open {background-image: url("../../img/menu-maroon.png")}

.color-olive .navbar-toggle {background-image: url("../../img/menu-olive.png")}
.color-olive .navbar-toggle.open {background-image: url("../../img/menu-olive.png")}

.color-yellow .navbar-toggle {background-image: url("../../img/menu-yellow.png")}
.color-yellow .navbar-toggle.open {background-image: url("../../img/menu-yellow.png")}

.color-green .navbar-toggle {background-image: url("../../img/menu-green.png")}
.color-green .navbar-toggle.open {background-image: url("../../img/menu-green.png")}

.color-gray .navbar-toggle {background-image: url("../../img/menu-gray.png")}
.color-gray .navbar-toggle.open {background-image: url("../../img/menu-gray.png")}

.color-army-green .navbar-toggle {background-image: url("../../img/menu-army-green.png")}
.color-army-green .navbar-toggle.open {background-image: url("../../img/menu-army-green.png")}

.color-navy-blue .navbar-toggle {background-image: url("../../img/menu-navy-blue.png")}
.color-navy-blue .navbar-toggle.open {background-image: url("../../img/menu-navy-blue.png")}

.color-dark-gray .navbar-toggle {background-image: url("../../img/menu-dark-gray.png")}
.color-dark-gray .navbar-toggle.open {background-image: url("../../img/menu-dark-gray.png")}

.color-red .navbar-toggle {background-image: url("../../img/menu-red.png")}
.color-red .navbar-toggle.open {background-image: url("../../img/menu-red.png")}


.navbar-toggle:focus,.navbar-toggle:active{outline:0}
.navbar-toggle .ham-icon{display:block;position:absolute;opacity:1;width:30px;height:3px;left:28px;background-color:#3f3f40;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}
.navbar-toggle .ham-icon1{top:34px}
.navbar-toggle .ham-icon2{top:42px}
.navbar-toggle .ham-icon3{top:50px}
.navbar-toggle.open .ham-icon1{top:42px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.navbar-toggle.open .ham-icon2{opacity:0;left:45px;width:0}
.navbar-toggle.open .ham-icon3{top:42px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}

.text-area p>a,.text-area li>a,.section.text p>a,.section.text li>a,.section.table table a,.section.table tr a,.section.table td a,.section.table th a{border-bottom:1px solid #404041;color:#404041;font-size:inherit;text-decoration:none}
.text-area p>a:hover,.text-area li>a:hover,.text-area p>a:focus,.text-area li>a:focus,.section.text p>a:hover,.section.text li>a:hover,.section.table table a:hover,.section.table tr a:hover,.section.table td a:hover,.section.table th a:hover,.section.text p>a:focus,.section.text li>a:focus,.section.table table a:focus,.section.table tr a:focus,.section.table td a:focus,.section.table th a:focus{border-bottom:2px solid #004d99;color:#004d99;text-decoration:none}



.text .text-area ul,.text .text-area ol,.textimage .textimage-text ul,.textimage .textimage-text ol{display:block;padding-left:30px}
.text-area ul,.text-area ol{margin-bottom:10px}
.text-area ul li,.text-area ol li{line-height:1.5em}
.text-area p>a,.text-area td>a,.text-area li>a{border-bottom:1px solid #404041;color:#404041;font-size:inherit;text-decoration:none}
.text-area p>a:hover,.text-area td>a:hover,.text-area li>a:hover{border-bottom:2px solid #004d99;color:#404041;text-decoration:none}
.text-area ul li,.text-area ol li{line-height:1.3em;font-size:16px}
.text-area ul{list-style:disc}
.text-area ul ul{list-style:circle}
.text-area ul ul ul{list-style:square}
.text-area ol{list-style:decimal}
.text-area ol ol{list-style:lower-alpha}
.text-area ol ol ol{list-style:lower-roman}
.text-area ul,.text-area ol{padding-left:20px}
.text-area ul ul,.text-area ul ol,.text-area ol ul,.text-area ol ol{margin-top:8px}

#center .image_left ul li,#center .image_left ol li{text-indent:-19px\0/;list-style-position:inside\0/}
#center .text ol{margin-left:-17px}
#center .text.text_large{font-size:1.2rem}

.col-area{vertical-align:top;width:224px;display:inline-block}
.col-area{display:table;position:relative;width:100%;table-layout:fixed}
.col-area{width:76%;margin:0 auto}
.col-area .primary-col{display:table-cell}
.col-area .primary-col{padding-top:40px;padding-bottom:40px}


@media(max-width:768px){.col-area{width:100%}
.sectioncomponent section{background-size:inherit}
.col-area .primary-col{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px}
}

.hideme{opacity:0}
.showme{opacity:1}

/* no primary-col anywhere in site */

.primary-col div.image img{display:block;max-width:100%;height:auto}

@media screen and (min-width:0\0) and (min-resolution:+72dpi){.primary-col div.image img{max-width:100%}
}

@media(max-width:748px){.primary-col .pinnedcontent.hidden-mobile{display:none !important}
}

.textColumn img{margin-bottom:20px}


/* home page hero */
.hero-promo{border-bottom:6px solid;display:block;position:relative;overflow:hidden;padding:0 0 0 0}
.hero-promo .hero-image{position:absolute;top:15;left:0;width:100%}
.hero-promo .hero-image-top,.hero-promo{top:0;height:100%}

.hero-promo .img-responsive--stretch{display:block;height:100%;width:100%}
.hero-promo{margin-top:0;margin-bottom:0px;}

.hero-promo .hero-textpanel:visited .hero-textpanel{border:0px solid #fff;color:#fff;}
.hero-promo:hover .hero-textpanel,.hero-promo:focus .hero-textpanel{color:#404041}

.hero-promo.hero-component{border-color:#a32020}
.hero-promo.hero-component:hover, .hero-promo.hero-component:focus{background-color:rgba(255, 255, 255, 0.6); text-decoration:none;}
.hero-promo.hero-component:hover .hero-textpanel,.hero-promo.hero-component:focus .hero-textpanel{background-color:rgba(255, 255, 255, 0.6); text-decoration:none;}

.hero-area-home h1{color:#005ab4;margin:0 0 10px; font-weight:lighter}
.hero-area-home{background:inherit;margin:20px 0;padding:0;}
.hero-title-home{color:#0;position:relative;overflow:hidden}

/* header hero area */
.hero-title{color:#fff;position:relative;overflow:hidden}

/* default colors for hero area */
.section-area.section-area--white{background:#fff}
.section-area.section-color-area{background:#005ab4}

.hero-area{background:inherit;margin:30px 0;padding:0}
@media(max-width: 480px){
	.hero-area
	{
		margin-top: 30px;
	}
}
.hero-area h1{color:#fff;margin:0 0 30px; font-family:segoe ui; font-size: 46px; font-weight:bold}


/* -- top sections colors | text color
.color-blue, .color-dark-gray, .color-green, .color-maroon, .color-navy-blue, .color-orange, .color-purple, .color-olive, .color-yellow, .color-red, .color-army-green

.color-blue-light      = #0099ff
.color-blue      = #005ab4
.color-dark-gray = #404041
.color-green     = #668D3C	#668D3C
.color-maroon    = #5f231e
.color-navy-blue  = #4E6172
.color-orange    = #dc6900
.color-purple    = #6d5790
.color-olive     = #b3b300  #808000
.color-yellow    = #e1c300
.color-red       = #b4230f
.color-army-green = #afb28e
 */
 
 /* --- top section  */

.color-blue-light .text-area p>a:hover,.color-blue-light .text-area td>a:hover,.color-blue-light .text-area li>a:hover{border-bottom:2px solid #0099ff;color:#404041}
.color-blue-light .section-area.section-color-area{background:#0099ff}

.color-blue .text-area p>a:hover,.color-blue .text-area td>a:hover,.color-blue .text-area li>a:hover{border-bottom:2px solid #005ab4;color:#404041}
.color-blue .section-area.section-color-area{background:#005ab4}

.color-green .text-area p>a:hover,.color-green .text-area td>a:hover,.color-green .text-area li>a:hover{border-bottom:2px solid #668D3C;color:#404041}
.color-green .section-area.section-color-area{background:#668D3C}

.color-dark-gray .text-area p>a:hover,.color-dark-gray .text-area td>a:hover,.color-dark-gray .text-area li>a:hover{border-bottom:2px solid #404041;color:#333333}
.color-dark-gray .section-area.section-color-area{background:#404041}

.color-maroon .text-area p>a:hover,.color-maroon .text-area td>a:hover,.color-maroon .text-area li>a:hover{border-bottom:2px solid #5f231e;color:#404041}
.color-maroon .section-area.section-color-area{background:#5f231e}

.color-navy-blue .text-area p>a:hover,.color-navy .text-area td>a:hover,.color-navy .text-area li>a:hover{border-bottom:2px solid #4E6172;color:#404041}
.color-navy-blue .section-area.section-color-area{background:#4E6172}

.color-orange .text-area p>a:hover,.color-orange .text-area td>a:hover,.color-orange .text-area li>a:hover{border-bottom:2px solid #dc6900;color:#404041}
.color-orange .section-area.section-color-area{background:#dc6900}

.color-purple .text-area p>a:hover,.color-purple .text-area td>a:hover,.color-purple .text-area li>a:hover{border-bottom:2px solid #6d5790;color:#404041}
.color-purple .section-area.section-color-area{background:#6d5790}

.color-olive .text-area p>a:hover,.color-olive .text-area td>a:hover,.color-olive .text-area li>a:hover{border-bottom:2px solid #b3b300;color:#404041}
.color-olive .section-area.section-color-area{background:#b3b300}

.color-yellow .text-area p>a:hover,.color-yellow .text-area td>a:hover,.color-yellow .text-area li>a:hover{border-bottom:2px solid #e1c300;color:#404041}
.color-yellow .section-area.section-color-area{background:#e1c300}

.color-red .text-area p>a:hover,.color-red .text-area td>a:hover,.color-red .text-area li>a:hover{border-bottom:2px solid #b4230f;color:#404041}
.color-red .section-area.section-color-area{background:#b4230f}

.color-army-green .text-area p>a:hover,.color-army-green .text-area td>a:hover,.color-army-green .text-area li>a:hover{border-bottom:2px solid #afb28e;color:#404041}
.color-army-green .section-area.section-color-area{background:#afb28e}


/* Top section colors switches on smaller devices
.color-blue, .color-dark-gray, .color-green, .color-maroon, .color-navy-blue, .color-orange, .color-purple, .color-olive, .color-yellow, .color-red, .color-army-green */

@media(min-width:768px){
.color-blue-light .hero-section .hero-area h1{color:#0099ff}
.color-blue-light .hero-section .hero-area h4{color:#FFC000}
.color-blue .hero-section .hero-area h1{color:#005ab4}
.color-green .hero-section .hero-area h1{color:#668D3C}
.color-dark-gray .hero-section .hero-area h1{color:#404041}
.color-maroon .hero-section .hero-area h1{color:#5f231e}
.color-navy-blue .hero-section .hero-area h1{color:#4E6172}
.color-orange .hero-section .hero-area h1{color:#dc6900}
.color-purple .hero-section .hero-area h1{color:#6d5790}
.color-olive .hero-section .hero-area h1{color:#808000}
.color-yellow .hero-section .hero-area h1{color:#e1c300}
.color-red .hero-section .hero-area h1{color:#b4230f}
.color-army-green .hero-section .hero-area h1{color:#b4230f}
}



/* 
.color-blue .hero-title-home{background:#005ab4}
.hero-promo .hero-image{bottom:auto;top:0;-ms-transform:translate(0,0);-moz-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0,0)}
 */
@media(max-width:768px){
	.hero-area-home h1{color:#fff}
	.hero-promo.hero-component:hover,.hero-promo.hero-component:focus{background-color:rgba(255, 255, 255, 0); text-decoration:none;}
	.hero-promo.hero-component:hover .hero-textpanel,.hero-promo.hero-component:focus .hero-textpanel{background-color:rgba(255, 255, 255, 0); text-decoration:none;}
	.hero-textpanel:hover{text-decoration:none;}
	.hero-promo:hover .hero-textpanel,.hero-promo:focus .hero-textpanel{color:#fff}
	.hero-promo{background:#005ab4; background: url(../../img_stock/13949588-2x1.jpg)}
	.hero-image{display: none}
}
@media(max-width:1075px){
/* top bar controlling bar */	
/*	.hero-promo{padding-top:30%} */	
}
@media(max-width:880px){
/* top bar controlling bar */	
/*	.hero-promo{padding-top:24%} */	
}

/* header hero area - min-height - controlling image height with the div */
/* hero area - controling the size and padding */
@media(min-width:768px){
.hero-section .hero-title{background:transparent; min-height:35.715rem}
.hero-area{background-color:rgba(255, 255, 255, 0.8); color:#000;margin:170px 0;padding:30px 30px 20px}
.hero-area h1{color:#000}
.hero-area p{color:#404041}
.hero-section-home .hero-title-home{background:transparent}
.hero-area-home{background-color:rgba(255, 255, 255, 0.8); color:#000;padding:30px 30px 20px}
}
/* .hero-section .hero-area h1 h2{color:#005ab4}*/

/* controling the hero area */

section{table-layout:fixed}
section.fullwidth .primary.section-container{width:100%;padding:0}
section,.section-area{height:auto;margin:0 auto;width:100%;position:relative}

.scrolling .section-container,.scrolling #footer-wrapper{padding:0 15px}
.section-container{margin:0 auto}

@media(min-width:768px){.section-container{width:750px}
}
@media(min-width:992px){.section-container{width:970px}
}
@media(min-width:1200px){.section-container{width:1170px}
}

#wrapper section:before,#wrapper section:after{content:" ";display:table}
#wrapper section:after{clear:both}
#wrapper section{*zoom:1}
section.prlx,section.prlx-slow,section.prlx-fix{background:transparent}

.container{padding-left:15px;padding-right:15px}

body.global-nav-active{overflow:hidden}

@media(min-width:1024px){#navBar{height:100vh;max-height:100vh;padding-bottom:120px}
}

@media(min-width:768px){#pageNavigation{padding-right:30px}
}

#pageNavSec{padding-left:30px}

@media(min-width:768px){#navBar .container .row{display:table;width:100%}

#pageNavigation{border-right:0px solid #ccc}
.glb-related-item .glb-related-item__block{max-width:200px}
}

#navBar h3{border-top:0;margin-top:0;padding-top:0}

/*Padding Here*/
/*nav line border when open*/
#menuBarArea #navBar{border-top:1px solid #cccccc;padding-top:40px}

#navBar #pageNavigation li a,#navBar #pageNavSec li a{font-size:1.2rem;color:#6d6e71 !important;padding:5px 0;display:block}
#pageNavigation a{margin-right:-38px}
#navBar #pageNavigation li a:hover,#navBar #pageNavSec li a:hover{color:#000 !important;background:0}
#navBar #pageNavigation li a.selected,#navBar #pageNavSec li a.selected{color:#005ab4 !important;background:0}

@media(min-width:768px){#navBar #pageNavigation li a.selectedarrow{background:url("../../img/headernav-arrow.png") no-repeat right center}
}

#navBar #relatedLinks ul.row li{padding-bottom:20px}

@media(max-width:1024px){#navBar #pageNavigation,#navBar #pageNavSec{width:50%;display:inline-block;float:left}
#relatedLinks{display:block;margin-top:30px;width:100%;clear:left}
#relatedLinks .glb-related-item__block.glb-related-item__thumbnail{display:none}
#relatedLinks .glb-related-item__block.glb-related-item__text{padding-left:0;width:100%}
#navBar #relatedLinks .col-sm-4{width:33%;float:left}
}

/* no background image for moble devices reference javascript */
@media(max-width:767px){.no-background-mobile{background-image:none !important}
}

/* no background image for small screens */
@media(max-width:767px){#navBar #pageNavigation,#navBar #pageNavSec{width:100%}
#menuBarArea #navBar{border-top:0px solid #CECECE;padding:15px}
#navBar #pageNavigation li a{padding-bottom:10px;border-bottom:0px solid #ccc;background-image:none;width:100%}
#navBar #pageNavigation li a ul{padding-top:15px;margin-left:15px;margin-bottom:0;padding-bottom:0}
#navBar #pageNavigation li a ul li a{padding-bottom:5px;border:0}
#navBar .container{padding:0}
#topNavRight #menuAdditional{display:none}
#navBar #menuAdditional{display:inline-block;width:100%}

.langlink{padding:0 5px !important;line-height:1.5em}
}

/*Padding Here*/
#breadcrumb-area .breadcrumb{padding-top:2px;padding-bottom:0;color:#005ab4;font-weight:normal;margin-bottom:2px;font-size:.929rem;}
#breadcrumb-area .breadcrumb li{margin:0px 0px 5px 10px;}
#breadcrumb-area{background:#fff}

.breadcrumb{background:transparent;padding-top:40px;padding-bottom:10px}
.breadcrumb li{display:inline-block;font-size:1.000rem;padding-right:6px;vertical-align:top}
.breadcrumb li+li:after{content:">";padding-left:10px;font-weight:normal;vertical-align:top}
.breadcrumb li+li:before{content:none}
.breadcrumb li a{text-decoration:none}
.breadcrumb li ul{display:inline-block}
.breadcrumb ul li{display:block}
.breadcrumb li:last-child:after{content:none}
.breadcrumb-blank{background:transparent;margin-top:10px;padding-top:10px;padding-bottom:10px;}


/* --- Breadcrumb Active Section Colors
.color-blue, .color-dark-gray, .color-green, .color-maroon, .color-navy-blue, .color-orange, .color-purple, .color-olive, .color-yellow, .color-red, .color-army-green */

.color-blue-light .breadcrumb .active{color:#0099ff;font-weight:500}
.color-blue .breadcrumb .active{color:#005ab4;font-weight:500}
.color-dark-gray .breadcrumb .active{color:#404041;font-weight:500}
.color-green .breadcrumb .active{color:#668D3C;font-weight:500}
.color-maroon .breadcrumb .active{color:#5f231e;font-weight:500}
.color-navy-blue .breadcrumb .active{color:#4E6172;font-weight:500}
.color-orange .breadcrumb .active{color:#dc6900;font-weight:500}
.color-purple .breadcrumb .active{color:#6d5790;font-weight:500}
.color-olive .breadcrumb .active{color:#808000;font-weight:500}
.color-yellow .breadcrumb .active{color:#e1c300;font-weight:500}
.color-red .breadcrumb .active{color:#b4230f;font-weight:500}
.color-army-green .breadcrumb .active{color:#b4230f;font-weight:500}


ul.breadcrumb{overflow:hidden;transition:max-height .3s ease-in}
ul.breadcrumb.trimmed{padding-left:48px}
ul.breadcrumb.closed{white-space:nowrap}
ul.breadcrumb li{opacity:1;overflow:hidden;line-height:1.2em}
ul.breadcrumb li.breadcrumbVisible{opacity:1;transition:opacity .3s ease-in}
ul.breadcrumb li.breadcrumbHidden{margin:0;padding:0;width:0;height:0;opacity:0;transition:all .3s ease-in;transition:opacity .3s ease-in,max-height .3s ease-in}
ul.breadcrumb li.breadcrumbMenu{position:relative;float:left;margin:-8px 15px 0 -34px;width:36px;height:32px;background:transparent;border:1px solid #ccc;cursor:pointer;z-index:2;transition:all .2s ease-in}
ul.breadcrumb.closed li.breadcrumbMenu{background:transparent url("../../svg/bread-3dots.svg") no-repeat center center;background-size:50%}
ul.breadcrumb.open li.breadcrumbMenu{background:#f2f2f2 url("../../svg/bread-close.svg") no-repeat center center;background-size:35%;border:1px solid #f2f2f2;margin-bottom:20px}

#ul.breadcrumb li.preGradient{position:fixed;top:0;left:0;bottom:0;width:20%;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0));z-index:2}
#ul.breadcrumb li.afterGradient{position:fixed;top:0;right:0;bottom:0;width:20%;background:linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0));z-index:2}
#ul.breadcrumb.onLeft li.preGradient{visibility:hidden}
#ul.breadcrumb.onRight li.afterGradient{visibility:hidden}
#ul.breadcrumb{position:relative;overflow-x:scroll;white-space:nowrap;z-index:-1}
#ul.breadcrumb li{position:relative;display:inline-block;margin:0 !important;z-index:1}
#ul.breadcrumb li.gradient:before,#menuAdditional .menuFlyout ul.breadcrumb li:nth-child(2):before{display:none}

#breadcrumb-area ul.breadcrumb li a{color:#404041 !important}
#breadcrumb-area ul.breadcrumb li:last-child a{color:#6d6e71 !important}
#breadcrumb-area ul.breadcrumb li a:hover,#breadcrumb-area ul.breadcrumb li a:focus{text-decoration:underline}
.breadcrumb li+li:after{background:url("../../img/bread-arrow.png") 0 0 no-repeat;height:15px;content:" ";display:inline-block;margin:3px -7px 0 15px;color:#c7c8ca;padding:0;width:8px}

@media(max-width:768px){#breadcrumb-area ul.breadcrumb  li.firstOnLine:before{display:none}
}

/*Padding Here*/
@media(max-width:767px){
#breadcrumb-area{background:#fff;box-shadow:0 1px 0px rgba(0,0,0,0.1);position:relative}
#breadcrumb-area .breadcrumbMenu{display:none}
#breadcrumb-area .breadcrumb{color:#968c6d;font-weight:normal;margin-bottom:0;background:transparent;white-space:nowrap;padding-bottom: 6px;}
#breadcrumb-area .breadcrumb li{display:inline-block;font-size:13px;margin:0 0 12px;padding-right:10px;vertical-align:top;height:auto;opacity:1;width:auto}
#breadcrumb-area .breadcrumb li a{font-size:1rem;text-decoration:none}
#breadcrumb-area .breadcrumb li a:hover{text-decoration:underline}
#breadcrumb-area --dark-bg .breadcrumb li a{color:#fff}
#breadcrumb-area .breadcrumb li+li:before{background:url("../../img/bread-arrow.png") 0 0 no-repeat; height:13px; content:" "; display:inline-block; margin:4px 5px -4px 0px;color:#968c6d;padding:0;width:5px}
#breadcrumb-area .breadcrumb li+li:after{content:" ";display:none;}
#breadcrumb-area{padding-left:0;padding-right:0}
#breadcrumb-area .breadcrumb{margin-bottom:0;padding-top:2px;overflow:initial;padding-right:0;padding-left:0;}
#breadcrumb-area .breadcrumb-scroll-pane{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative}
#breadcrumb-area .breadcrumb-scroll-fade{bottom:0;position:absolute;top:0;width:15px;z-index:1000}
#breadcrumb-area .breadcrumb-scroll-fade-left{-webkit-box-shadow:inset 15px 0 15px 0 #fff;-moz-box-shadow:inset 15px 0 15px 0 #fff;box-shadow:inset 15px 0 15px 0 #fff;right:100%;-ms-transform:translate(100%,0);-moz-transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
#breadcrumb-area .simple-breadcrumb-hide-fade-l .breadcrumb-scroll-fade-left{display:none}
#breadcrumb-area .simple-breadcrumb .breadcrumb-scroll-fade--right{-webkit-box-shadow:inset -15px 0 15px 0 #6d6e73;-webkit-box-shadow:inset -15px 0 15px 0 #6d6e73;box-shadow:inset -15px 0 15px 0 #6d6e73;right:0}
#breadcrumb-area .simple-breadcrumb-hide-fade-r .breadcrumb-scroll-fade-right{display:none}
#breadcrumb-area .breadcrumb li{margin:0px 0px 5px 10px;padding-right:0}
#breadcrumb-area .breadcrumb li a{font-size:1.076rem;padding:5px}
}


/* top navigation bar */

#navBar{overflow:scroll !important}
#navBar span.sectiontitle{display:block;margin-bottom:20px;font-size:1.5rem;font-weight:bold;font-family:lato,sans-serif;color:#404041}
#navBar #pageNavigation ul li{margin:0}
#navBar #pageNavigation ul li a{padding:8px 0 8px 15px;margin-right:0;line-height:1.6rem}
#navBar #pageNavigation ul li a.selecteditem{color:#fff !important;background-color:#005ab4}
#navBar #pageNavSec{padding-left:0}
#navBar #pageNavSec ul li{margin:0}
#navBar #pageNavSec ul li a{padding:8px 0 8px 30px;line-height:1.6rem}
#navBar #pageSections h3{font-weight:normal}
#navBar #pageSections ul{margin-left:0}
#navBar #pageSections ul li{margin-bottom:20px}
#navBar #pageSections ul li a{font-size:1.3rem;color:#404041;font-weight:bold}

@media(max-width:767px){#navBar{max-height:75vh !important;overflow:scroll !important}
	#navBar span.sectiontitle{display:none}
}

@media(min-width:768px){
	#navBar #pageNavigation{padding-right:0}
}

@media(max-width:767px){#navBar #pageNavigation ul li ul li a{padding-left:30px}
	#navBar #pageNavigation{padding-bottom:20px}
}

#navBar #pageNavSec ul li a.selecteditem{color:#fff !important}
#navBar .sectiontitle a:hover,#navBar #pageNavigation ul li a:hover span,#navBar #pageNavSec ul li a:hover span,#navBar #pageSections a:hover span{text-decoration:none}
#navBar #pageNavigation ul li a.selecteditem:hover span{border-bottom:0 !important}


/* Navigation Mouseover and Active Section Colors
.color-blue, .color-dark-gray, .color-blue-light; .color-green, .color-maroon, .color-navy-blue, .color-orange, .color-purple, .color-olive, .color-yellow, .color-red, .color-army-green */

.color-blue-light #navBar #pageNavigation ul li a:hover span, .color-blue-light #navBar #pageNavSec ul li a:hover span, .color-blue-light #navBar #pageSections a:hover span{border-bottom:2px solid #005ab4}
.color-blue-light #navBar #pageNavSec ul li a.selecteditem, .color-blue-light #navBar #pageNavigation ul li a.selecteditem{background-color:#0099ff}

.color-blue #navBar #pageNavigation ul li a:hover span, .color-blue #navBar #pageNavSec ul li a:hover span, .color-blue #navBar #pageSections a:hover span{border-bottom:2px solid #005ab4}
.color-blue #navBar #pageNavSec ul li a.selecteditem, .color-blue #navBar #pageNavigation ul li a.selecteditem{background-color:#005ab4}

.color-dark-gray #navBar #pageNavigation ul li a:hover span, .color-dark-gray #navBar #pageNavSec ul li a:hover span, .color-dark-gray #navBar #pageSections a:hover span{border-bottom:2px solid #404041}
.color-dark-gray #navBar #pageNavSec ul li a.selecteditem, .color-dark-gray #navBar #pageNavigation ul li a.selecteditem{background-color:#404041}

.color-green #navBar #pageNavigation ul li a:hover span, .color-green #navBar #pageNavSec ul li a:hover span, .color-green #navBar #pageSections a:hover span{border-bottom:2px solid #668D3C}
.color-green #navBar #pageNavSec ul li a.selecteditem, .color-green #navBar #pageNavigation ul li a.selecteditem{background-color:#668D3C}

.color-maroon #navBar #pageNavigation ul li a:hover span, .color-maroon #navBar #pageNavSec ul li a:hover span, .color-maroon #navBar #pageSections a:hover span{border-bottom:2px solid #5f231e}
.color-maroon #navBar #pageNavSec ul li a.selecteditem, .color-maroon #navBar #pageNavigation ul li a.selecteditem{background-color:#5f231e}

.color-navy-blue #navBar #pageNavigation ul li a:hover span, .color-navy-blue #navBar #pageNavSec ul li a:hover span, .color-navy-blue #navBar #pageSections a:hover span{border-bottom:2px solid #4E6172}
.color-navy-blue #navBar #pageNavSec ul li a.selecteditem, .color-navy-blue #navBar #pageNavigation ul li a.selecteditem{background-color:#4E6172}

.color-orange #navBar #pageNavigation ul li a:hover span, .color-orange #navBar #pageNavSec ul li a:hover span, .color-orange #navBar #pageSections a:hover span{border-bottom:2px solid #dc6900}
.color-orange #navBar #pageNavSec ul li a.selecteditem, .color-orange #navBar #pageNavigation ul li a.selecteditem{background-color:#dc6900}

.color-purple #navBar #pageNavigation ul li a:hover span, .color-purple #navBar #pageNavSec ul li a:hover span, .color-purple #navBar #pageSections a:hover span{border-bottom:2px solid #6d5790}
.color-purple #navBar #pageNavSec ul li a.selecteditem, .color-purple #navBar #pageNavigation ul li a.selecteditem{background-color:#6d5790}

.color-olive #navBar #pageNavigation ul li a:hover span, .color-olive #navBar #pageNavSec ul li a:hover span, .color-olive #navBar #pageSections a:hover span{border-bottom:2px solid #b3b300}
.color-olive #navBar #pageNavSec ul li a.selecteditem, .color-olive #navBar #pageNavigation ul li a.selecteditem{background-color:#b3b300}

.color-yellow #navBar #pageNavigation ul li a:hover span, .color-yellow #navBar #pageNavSec ul li a:hover span, .color-yellow #navBar #pageSections a:hover span{border-bottom:2px solid #e1c300}
.color-yellow #navBar #pageNavSec ul li a.selecteditem, .color-yellow #navBar #pageNavigation ul li a.selecteditem{background-color:#e1c300}

.color-red #navBar #pageNavigation ul li a:hover span, .color-red #navBar #pageNavSec ul li a:hover span, .color-red #navBar #pageSections a:hover span{border-bottom:2px solid #b4230f}
.color-red #navBar #pageNavSec ul li a.selecteditem, .color-red #navBar #pageNavigation ul li a.selecteditem{background-color:#b4230f}

.color-army-green #navBar #pageNavigation ul li a:hover span, .color-army-green #navBar #pageNavSec ul li a:hover span, .color-army-green #navBar #pageSections a:hover span{border-bottom:2px solid #c5c8a0}
.color-army-green #navBar #pageNavSec ul li a.selecteditem, .color-army-green #navBar #pageNavigation ul li a.selecteditem{background-color:#c5c8a0}