/* Import Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


/* Display Roboto font */
section .lg-orange,
section .sm-orange,
section .lg-light-teal,	
section .sm-light-teal {
    font-family: 'Roboto', sans-serif!important;
    font-weight: 700!important;
}


html {scroll-padding-top: 65px;} 	
	

.cookie-message, 
.mobile-canvas,
.navigation-bar-extended,
.header,
.header-utility,
.footer-dividing-line,
.footer
	{display: none!important}	


#monetate_selectorHTML_f92ed8b4_0 {display: none!important}	


.underline {text-decoration: underline;}

.sm-screen-footer_2945 a,
.do-not-break {
    white-space: nowrap;
}


/* Transition */  
button.hover-rise {    
	transition: transform, box-shadow;
	transition-timing-function: ease-in-out;
}

button.hover-rise:hover {
	transform: translate(0, -3px)!important; 
	box-shadow: 0 6px 8px 0 rgba(0, 0, 0, .05), 0 6px 40px 0 rgba(0, 0, 0, .075);
	cursor: pointer;
	transition-duration: .2s;    
}

/* Full width container */        
#hero_2945 {
    position: relative; /* or absolute */        
    left: 50%;
    width: 100vw;
    /* bring your own prefixes */
    transform: translate(-50%, 0);
}   

/* Inner container */            
.hero-wrapper_2945{
    position: relative; /* or absolute */                
    max-width: 1180px;
    right: 0;
    lef: 0;
    margin-right: auto;
    margin-left: auto;        
} 

.hero-logo_2945 {
    position: absolute;
    top: 20px;
    left: 30px;
}


.text-box-wrapper_2945 {
    position: absolute;
    top: calc(50% - 35px);
    transform: translateY(-50%);
    right: 0;
    background: #f1f1f1;
}

.title-bar_2945 {
    padding-left: 20px;
}

.title-bar_2945 p{
    height: 44px;
    display: table-cell;
    vertical-align: middle;
}

.text-block_2945 {padding: 0 20px 10px;}

.thumbnails-wrapper_2945 {
    margin-top: -50px;
    display: flex;
    justify-content: center;
}

.thumbnail_2945 {
    display: flex;
    align-items: center;
    min-height: 75px;
    border: 1px solid black;
    border-left-width: 0;
    background: #fff; 
}

.thumbnail_2945:first-of-type {border-left-width: 1px;}

.thumbnail_2945.active_2945 {
    outline: 4px solid black;
    outline-offset: -4px;    
}

.clickable_2945:hover img { /* Just change this */
    opacity: .5;
    cursor: pointer;
}




footer {margin: 40px 0 0 0;}

/* Full width container */        
.full-screen_2945 {
    position: relative; /* or absolute */
    left: 50%;
    width: 100vw;
    /* bring your own prefixes */
    transform: translate(-50%, 0);
    padding: 20px 0 10px 0px;;
}   

/* Inner container */            
.full-screen-inner_2945 {
    max-width: 940px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;        
} 

/* Footer color */        
.footer-grey_2945 {background-color:#F5F5F5}


/* Logo */        
.logo-footer_2945 {
    width:224px;
    align-self:flex-start /* set align to keeps from vertically distorting to match the other elements */ 
}    


/* Specialized description */        
.specialized_2945 {
    color: #999;
    font-size: 12px;
    line-height: 16px;
}      


/* Specialized links */        
a.specialized_2945 {color: #999;}        


/* Quick links */        
.quick-links_2945 p {
    color: #666;
    font-size: 15px;
    font-weight: 700;
    margin: 0!important;
}         

.quick-links_2945 a {
    display: block;
    color: #666;
    font-size: 15px;
    margin: 9px 0 0 0!important;
}       


.sub-footer_2945 {
    margin: -15px 0 0 0!important;
}      


/* Transition */  
.hover-rise_2945 {transition-duration: .2s;}
.hover-rise_2945:hover {transform: translate(0, -2px);}
.sm-screen-footer_2945 {display:none; padding: 0 20px;}


/* ------------------------------- */    
/* Screen adjustments  */
/* ------------------------------- */       

/* Borderless hero 940 and below */          
@media (max-width: 940px) {
    .lg-screen-footer_2945 {padding: 0 20px;}
}


/* Borderless 940 and below with reponsive fonts */          
@media (max-width: 880px) {
    .hc-menu-container {width: 100vw;margin-left: -10px;}
    a.specialized_2945, .sub-footer_2945 p {font-size: 1.25vw}
}    



@media screen and (min-width: 600px ) and (max-width: 768px) {
    .quick-links-container_2945 {width:48%;}
}       


/* Hide lg screen footer at 700 */          
@media (max-width: 700px) {
    .lg-screen-footer_2945 {display:none}
    .sm-screen-footer_2945 {display:block}
    a.specialized_2945, .sub-footer_2945 p {font-size: 12px}
}