@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


.html-main #MainBody {visibility:hidden;}
.html-main #MainBody.makeVisible {visibility:visible;}

html#MainHtml {
    overflow-x: hidden;
}

.iPartsDisplayInlineBlock .ContentItemContainer {
    display: block;
}

.SignIn {max-width:100%;
width: 380px;}

.signInBox {
    width: 100%;
    max-width: 500px;
    position: absolute;
    left: 50%;
    right: 0;
    transform: translatex(-50%);
    margin-top: 50px;
}


.cna-youtube-play:before {
    content: '\f030';
}

.signInBox .NoWrap {
    white-space: nowrap;
    display: block;
}
.signInBox a.NoWrap + span {
display:none;
}
.signInBox .CenterText.pb-2, .signInBox p {
    margin-bottom: 0;
    padding: 0!important;
}

.signInBox .PanelField label, .signInBox .PanelField .Label, .signInBox2 .PanelField label, .signInBox2 .PanelField .Label {
width: auto;}

.spanSpacer {display:block; width:100%; height:5px;}

.signInBox .panel-heading.Distinguish {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 15px;
}
.signInBox .CenterText.pb-2 {
    margin-bottom: 0;
    padding: 0!important;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    background-color: #020451 !important;
    border-color: #020451 !important;
    color: white;
    text-decoration: none !important;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: trade-gothic-next, sans-serif;
    color: #4F5266;
    font-size: 18px;
    line-height: 1.33;
	    letter-spacing: normal;
    font-weight: 300;
}
html, body, form {
    width: 100%;
    height: 100%;
    overflow: visible;
}
.rmToggle > span.rmIcon:after {
    content: '\f019';
    font-family: 'CNA';
    font-weight: 400;
    font-size: 12px;
    color: #0089a3;
    line-height: 8px;
}
#ft {
    font-size: 16px;
}

#ft a {text-decoration:none;}
#ft ul.NavigationUnorderedList a.NavigationLink {
    line-height: 27px;
    text-decoration: none;
    color: #001337;
}
#ft ul.NavigationUnorderedList a.NavigationLink:hover {text-decoration:underline;}

.footer-social {
    padding-top: 0;
}
.navbar-toggle, .obo-toggle, .ste-toggle, .batch-toggle, .transaction-date-toggle, .page-statistics-toggle, .list-toggle {text-indent:-10000px;}

.RefExample:before, .RefTOC, .RefIconList li, .RefPage code {
    background-color: #E6EEF3;
}

.RefExample, .RefExample:before, .RefCode, .RefTOC {
    border: 1px solid #E6EEF3;
}

.btn, .TextButton, .ruButton, .RadGrid input.TextButton,
.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton {
    background-color: transparent;
    border-color: #0889a3;
    color: #0889a3!important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px 20px;
    border-radius: 0;
}

.btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .ruButton:hover, .ruButton:focus, .ruButton:active, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #0889a3;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 12%), 0px 4px 14px rgb(0 0 0 / 10%);
}

.SuccessButton {
    background-color: #3dd8a3;
    border-color: #3dd8a3;
}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled, .TextButton.disabled, .TextButton[disabled], fieldset[disabled] .TextButton, .TextButton.aspNetDisabled, .RadUpload .ruButton.disabled, .RadUpload .ruButton[disabled], fieldset[disabled] .RadUpload .ruButton, .RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea .ruButton[disabled], fieldset[disabled] .RadUploadProgressArea .ruButton, .RadUploadProgressArea .ruButton.aspNetDisabled {
    background: #ddd!important;
    border-color: #ddd!important;
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active {
    color: #000;
    text-decoration: none;
    background-color: transparent;
    border-color: #0089a3;
}

.btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton:disabled, .TextButton:disabled:hover, .TextButton:disabled:focus, .TextButton:disabled:active, .TextButton.disabled, .TextButton.disabled:hover, .TextButton.disabled:focus, .TextButton.disabled:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .ruButton:disabled, .ruButton:disabled:hover, .ruButton:disabled:focus, .ruButton:disabled:active, .ruButton.disabled, .ruButton.disabled:hover, .ruButton.disabled:focus, .ruButton.disabled:active, .ruButton.aspNetDisabled, .ruButton.aspNetDisabled:hover, .ruButton.aspNetDisabled:focus, .ruButton.aspNetDisabled:active, .RadGrid input.TextButton:disabled, .RadGrid input.TextButton:disabled:hover, .RadGrid input.TextButton:disabled:focus, .RadGrid input.TextButton:disabled:active, .RadGrid input.TextButton.disabled, .RadGrid input.TextButton.disabled:hover, .RadGrid input.TextButton.disabled:focus, .RadGrid input.TextButton.disabled:active, .RadGrid input.TextButton.aspNetDisabled, .RadGrid input.TextButton.aspNetDisabled:hover, .RadGrid input.TextButton.aspNetDisabled:focus, .RadGrid input.TextButton.aspNetDisabled:active {
    color: #fff;
    background-color: #004a80;
    border-color: transparent;
    box-shadow: none;
}

ul li::marker {
    color: #3dd8a3;
}


.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #020451;
}


.CartCharges .GrandTotal .PanelField .Label {
    color: #020451;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {left:22px;}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    color: #fff;
background-color: #3dd8a3;}

#ft {
    background-color: #eff5f8;
    padding: 40px 0;
}
.footerRight {
    color: #001337;
}
body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: trade-gothic-next, sans-serif;
    color: #4F5266;
    font-size: 18px;
    line-height: 1.33;
    font-weight: 300;
}
h1, .h1,
h2, .h2,
.HLLandingControl .heading h2 {
    color: #020451;
    font-size: 44px;
    line-height: 1.14;
    font-weight: 300;
}
h2 a:hover,
h2 a:focus {
    text-decoration: underline;
}
h3, .h3,
.HLLandingControl h3 a,
.testimonial h5 {
    font-weight: 300;
    color: #020451;
    font-size: 18px;
    line-height: 1.33;
    text-decoration: none;
}
.HLLandingControl h3 a:hover,
.HLLandingControl h3 a:focus {
    text-decoration: underline;
}
.large-h3 h3 {
    font-size: 24px;
}
h4, .h4 {
    color: #4F5266;
    font-size: 14px;
    line-height: 1.43;
    text-transform: uppercase;
    letter-spacing: 2px;
}
a,
a:hover,
a:focus,
button,
button:hover,
button:focus,
input,
input:hover,
input:focus {
    transition: .3s;
}


.UtilitySection.UtilityTranslation {
    display: none;
}

.auxCenter, .auxRight {
    float: right;
}

.auxLeft {float:left;}

.InternalHeaderArea {
    display: none;
}

#hd {background-color:white;}


/************ footer ************/
#MPOuterFooter {
    background: #EFF5F8;
    padding: 40px 0;
}
#MPFooterLink {
    display: none;
}

/****** logo ******/
.footer-logo {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}
.footer-logo img {
    margin-left: auto;
    margin-right: auto;
    width: 65px;
}
.footer-logo .HtmlContent {
    background: #eff5f8;
    width: 125px;
	height:80px;
    position: relative;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
}
.footer-logo::before {
    width: 100%;
    content: '';
    height: 1px;
    background: rgba(7, 51, 117, 0.1);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    max-width: 1370px;
    margin: auto;
}


#ft ul.NavigationUnorderedList li {
    display: block;
}

/****** contact information ******/
.footer-contact {
    color: #001337;
    margin-bottom: 30px;
}

/****** social media links ******/

.footer-social .HtmlContent {
    display: flex;
    margin: 0 -4px;
}
.footer-social a {
    display: inline-block;
    margin: 0 4px;
    background: #3DD8A3;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}
.footer-social a:hover,
.footer-social a:focus {
    background: #0089A3;
}

/****** footer links ******/
.footer-links ul {
    padding-left: 0;
}
.footer-links ul li {
    list-style-type: none;
    margin-bottom: 6px;
}
.footer-links ul li:last-child {
    margin-bottom: 0;
}
.footer-links ul li a {
    color: #001337;
    text-decoration: none;
}
.footer-links ul li a:hover,
.footer-links ul li a:focus {
    text-decoration: underline;
    color: #0089A3;
}

/****** footer copyright ******/

.footer-bottom-row {
    
    max-width: 1400px;
    margin: auto;
    padding-bottom: 40px;
}
.footer-bottom-row > .col-md-4 {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
}
.footer-bottom-row > .col-md-4:last-child {
    display: flex;
    flex-direction: column;
}
.footer-copyright {
    margin-top: auto;
    font-size: 14px;
    line-height: 20px;
}


.container, .header-container, .SliderPage1 {
max-width: 1400px;}


.HtmlContent.footerLogo:before {
    content: '';
    height: 80px;
    width: 65px;
    background-image: url(/images/cna-template/2021/cna-logo-stacked.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    z-index: 100000;
    transform: translatex(50%);
}
a.backToTop {
    display: none;
}
.row.row-wide.clearfix.footer-top-row {
    padding-top: 40px;
    padding-bottom: 0;
}

.languageFR, .languageEN {
    background: #008a93;
    padding: 2px 0;
    font-size: 13px;
    font-weight: 300;
    position: relative;
    top: 4px;
}

.nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: transparent;
    text-decoration: none;
	color:#3DD8A3;
}

.auxBar a, .auxBar a:visited, .auxBar .Link {
    color: white;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    position: relative;
    top: 2px;
    letter-spacing: -.7px;
}

.auxBar {
    background: #020451;
    height: 34px;
    padding: 0 40px;
}


@media (min-width:768px) {
.CalloutPart2, .mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-small .mini-profile-picture-section,	
.mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-address-section {
    background-color: #EFF5F8;
}	
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    background-image: none;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem {

    position: relative;
}

.mini-profile-banner-large {
    text-align: left;
    text-align: left;
    margin-left: calc(50% - 50vw);
    width: 100vw;
    background: #EFF5F8;
}

.mini-profile-banner-large > .panel {
    max-width: 1370px;
    margin: auto;
}

#hd .nav-aux-button.nav-aux-cart a:before {
    padding-right: 10px;
    content: "\f07a";
    font-family: "fontawesome";
    font-size: 22px;
    vertical-align: middle;
    line-height: 14px;
}	
	
.auxCenter .NavigationUnorderedList {
    padding-left: 15px;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink:hover, .RadMenu_NaturalHeritageSites .rmSlide .rmLink:focus, 
.RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmFocused, .RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, 
.RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, 
.RadMenu_NaturalHeritageSites .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
    color: #020451;
    background-color: #eff5f8;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmOneLevel .rmItem .rmLink {
    white-space: nowrap;
    font-size: 14px;
    color: #004a80;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    margin: auto;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle .rmIcon {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    display: block;
    background-image: none;
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 15px;
    float: right;
}

.footer-bottom-row {
display: flex;}


#WTZone14_Page1 {display:flex;
flex-direction:column;
flex-grow:0;
flex-shrink:1;
flex-basis:auto;
height:100%;}

#ste_container_ciFooterContent2 {

margin-top:auto;	
	
}

.languageFR {
    padding-left: 14px;
}

.languageEN {
    padding-right: 14px;
}

.nav-aux-account {
    position: relative;
    top: 5px;
    padding-left: 7px;
}

.languageFR a, .languageEN a {
    font-weight: 300;
}
.languageFR.languageSelected a, .languageEN.languageSelected a {
    font-weight: 700;
}
.languageFR:after {
    content: '\\';
    color: white;
    padding-left: 5px;
}

ul.rmRootGroup.rmToggleHandles.rmHorizontal {
    position: relative;
    top: -30px;
}

.header-container {
    padding: 0 40px;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
    background-color: #e8ebf4;
    background-color: #fff;
    border: none;
    box-shadow: 0px 2px 8px rgb(0 0 0 / 4%), 0px 10px 30px rgb(0 0 0 / 6%);
    border-top: 2px solid #3DD8A3;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
}	

body:not(.Wrapper-HomePage) .header-top-container #masterLogoArea {
    top: 56px;
    padding-left: 25px;
    left: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    color: #020451;
    font-family: trade-gothic-next, sans-serif;
    font-size: 16px;
    letter-spacing: normal;
    line-height: 18px;
    font-weight: 300;
}
.header-top-container {
    height: 100px;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 4%), 0px 10px 30px rgb(0 0 0 / 6%);
}

.header-container {
    max-width: none;
}
.UtilitySection.UtilitySTEToggle.ste-section {
    position: absolute;
    left: 0;
}	
.nav-auxiliary .nav-aux-button .NavigationLink {
    background-color: inherit;
}
#masterHeaderImage {
    background-image: url(/images/cna-template/2021/cna-logo.svg);
    width: 170px;
    background-size: 170px;
    background-position: top left;
    height: 80px;
    position: relative;
    top: -55px;
    z-index: +1002;
}

#masterHeaderImage.siteFR {
    background-image: url(/images/cna-template/2021/NEW-CNA-Logo-FR.png);
    width: 270px;
    background-size: 270px;
    background-position: top left;
    height: 85px;
    position: relative;
    top: -55px;
    z-index: +1002;
}

.nav-auxiliary .nav-aux-button .NavigationLink {
    margin-left: inherit;
    padding: inherit;
    margin-top: inherit;
    margin-bottom: inherit;
    border: inherit;
    border-radius: inherit;
    background-color: inherit;
}


.RadMenu .rmHorizontal .rmRootLink .rmToggle {margin-left:-25px!important;}

body:not(.Wrapper-HomePage) #hd, body:not(.Wrapper-HomePage) .InternalHeaderArea {
    min-height: 134px;
    height: 134px;
    box-shadow: none;
    
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
background-color: #eff5f8;}


.auxBar a:hover, .auxBar .Link:hover {
    text-decoration: underline;
}


.auxBar .languageFR a, .auxBar .languageEN a {font-weight:300;}
.auxBar .languageFR.languageSelected a, .auxBar .languageEN.languageSelected a {font-weight:700;}	

.RadMenu.RadMenu_NaturalHeritageSites .rmText, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText, .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
    padding: 8px 25px 8px 15px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {background-color:transparent;}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded {background-color:#eff5f8;}



.rmVertical .rmLink > span.rmText:after {
    content: '\f026'; opacity:0;
    font-family: 'Cna';
    position: absolute;
    right: 4px;
    color: #3dd8a3;
	transition:.3s;
}
.rmVertical .rmLink:hover > span.rmText:after {
    content: '\f026'; opacity:1;
    font-family: 'Cna';
    position: absolute;
    right: 4px;
    color: #3dd8a3;
	transition:.3s;
}
.NavigationLink {
    padding-left: 0;
    padding-right: 0;
}

.auxLeft ul.NavigationUnorderedList > li:nth-last-child(-n+1), .auxLeft ul.NavigationUnorderedList > li:nth-last-child(-n+2) {
    margin-left: 20px;
}

.UtilitySTEToggle {margin-left:0;}
.auxRight .NavigationUnorderedList > .NavigationListItem:nth-child(-n+1) {
    padding-right: 15px;
}

}

@media(max-width:767px) {
	
	h1, .h1, h2, .h2, .HLLandingControl .heading h2 {
    color: #020451;
    font-size: 34px;
    line-height: 1.14;
    font-weight: 300;
}
.signInBox img {
    max-width: calc(100vw - 30px);
    margin: auto;
}	
	.auxBar a, .auxBar a:visited, .auxBar .Link {
    color: white;
    text-decoration: none;
    font-weight: 300;
    font-size: 10px;
    line-height: 18px;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    color: #020451;
    font-family: trade-gothic-next, Arial sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
	padding:0 15px;
    line-height: 18px;
}
#masterHeaderImage {
    background-image: url(/images/cna-template/2021/cna-logo.svg);
    width: 100px;
    background-size: 100px;
    background-position: top left;
    height: 47px;
    position: relative;
    z-index: +1002;
}
.RadMenu_NaturalHeritageSites .rmSlide .rmLink {
    color: #020451;
    font-family: trade-gothic-next,arial;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}
.RadMenu.RadMenu_NaturalHeritageSites {
    background-color: transparent;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected {
    color: #004a80;
    background-color: #EFF5F8;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmLink, .RadMenu.RadMenu_NaturalHeritageSites .rmOneLevel .rmItem .rmLink {
    padding: 0;
    font-size: 14px;
    line-height: 18px;     padding: 0 15px;
    letter-spacing: 0px;
}
ul.rmVertical.rmGroup.rmLevel1 {
    background: #E6EEF3;
}
.auxRight {
    position: relative;
    top: 10px;
    width: 100%;
    text-align: right;
}
.auxRight ul.NavigationUnorderedList {
    top: 3px;
    position: relative;
}
div#masterLogoArea {
    position: absolute;
}
.navbar-collapse {position:relative; top:30px;}
.auxBar {padding:0 15px;}
#hd {
min-height: 100px;}	

.nav-aux-cart {
    margin-right: 10px;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle .rmIcon {
    background: none;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
background-color: transparent;}
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded {
    background-color: #EFF5F8;
}
.RadMenu.RadMenu_NaturalHeritageSites .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {float:unset;}

#hd {

    box-shadow: 0px 2px 6px rgb(0 0 0 / 4%), 0px 10px 30px rgb(0 0 0 / 6%);
}

.header-container {padding-left:0; padding-right:0;}
div#masterLogoArea {
    position: absolute;
    left: 15px;
}
}


@media (max-width:991px) and (min-width:768px) {
	
.nav-aux-account > a > span.nav-text {
    text-indent: -10000px;
}	
	
}

h3, .h3, h4, .h4, .SectionLabel {
    color: #001337;
    font-weight: 300;
    font-size: 24px;
    line-height: 1.333;
}

.h4, h4 {text-transform:none;}