/**Header**/

.header{
   -webkit-box-shadow: 0px 0px 15px 2px rgb(0 0 0 / 15%);
   box-shadow: 0px 0px 15px 2px rgb(0 0 0 / 15%);
}

#masterLogoArea img{
    max-width: 200px;
}

.account-page-top-area .TextButton,
.account-page-top-area .TextButton:visited,
.account-page-top-area .TextButton:hover,
.account-page-top-area .TextButton:focus{
   background:#fff;
   border-color:#fff;
   color:#000!important;
}

.UtilityNavigation .account-menu > li > a{
   font-weight:400;
   color:#000;
}

.UtilityNavigation .account-menu > li > a:hover, 
.UtilityNavigation .account-menu > li > a:focus,
.UtilityNavigation .account-menu > li > a:active{
   color:var(--b2);
}

.account-menu .profile-picture-wrapper {
    width: 30px;
}

.account-menu .profile-picture-wrapper img {
    width: 25px;
}


.header-search .search-field{
   border:0;
   box-shadow:none;
   background-image:url(images/search.svg);
   background-size: 18px;
   background-position: left center;
   color:#000;
   font-size: 16px;
   border-radius: 0;
   width: 150px;
}

@media(min-width:768px) and (max-width:1000px){
   .RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink {
      font-size:12px;
      
   }

   .RadMenu.RadMenu_Toronto .rmText, .RadMenu.RadMenu_Toronto .rmHorizontal .rmText, .RadMenu.RadMenu_Toronto .rmSlide .rmText{
      padding: 15px 5px;
   }
}

@media(min-width:768px){
   .RadMenu.RadMenu ul.rmHorizontal {
       float: none;
       display: flex;
       justify-content: center;
   }

   .RadMenu.RadMenu_Toronto .rmHorizontal .rmText{
      position:relative;
   }
   
   .RadMenu.RadMenu_Toronto .rmHorizontal .rmText:after{
      display:block;
      content:'';
      height:2px;
      background:var(--b2);
      margin-top:3px;
      position:absolute;
      left:50%;
      right: 50%;
      margin:auto;
      -webkit-transition: all 0.3s 0s ease-in-out;
      -moz-transition: all 0.3s 0s ease-in-out;
      -o-transition: all 0.3s 0s ease-in-out;
      transition: all 0.3s 0s ease-in-out;
   }

   .RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded .rmText:after,
   .RadMenu.RadMenu_Toronto .rmRootLink:hover .rmText:after,
   .RadMenu.RadMenu_Toronto .rmRootLink.rmFocused .rmText:after{
     left:15px;
      right: 15px;
   }

   .RadMenu.RadMenu_Toronto .rmHorizontal .rmSlide .rmText:after{
      display:none;
   }

   .UtilityNavigation{
     display:flex;
     align-items: center;
   }
   
   .UtilityNavigation > .UtilitySection:before{
      content:'|';
   }

   .UtilityNavigation > .UtilitySection:first-child:before,
   .UtilityNavigation > .UtilitySection.UtilityAccountArea:before{
       display:none;
   }

   .UtilityNavigationToggle.UtilitySection:before{
      display:none;
   }
   
   .account-menu{
	   margin-right:7.5px;
   }

   #ste_container_ciMobiletoggle{
      display:none;
   }
}

@media(max-width:767px){
   .header-logo-container,
   .navbar-header{
      float: none;
      text-align:center;
   }

   #ctl01_ciUtilityNavigation_UtilityPlaceholder .UtilityNavigationToggle,
   #ctl01_ciUtilityNavigation_UtilityPlaceholder #ctl01_ciUtilityNavigation_search-collapse{
      display:none;
   }

   .RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded,
   .RadMenu.RadMenu_Toronto .rmRootLink:hover,
   .RadMenu.RadMenu_Toronto .rmRootLink.rmFocused {
     color: #000;
   }

   .RadMenu_Toronto .rmSlide .rmLink:hover, .RadMenu_Toronto .rmSlide .rmLink:focus, .RadMenu_Toronto .rmSlide .rmLink.rmFocused, .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
       background-color: transparent;
       color: #000;
   }

   .RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink {
       font-weight: 400;
   }

   .header-search .search-field{
      border:1px solid #ccc;
      width: 200px;
      background-position: 10px center;
      padding-left: 37px!important;
   }

   .header-search{
      padding:0;
   }

   .RadMenu.RadMenu_Toronto .rmSlide .rmGroup .rmItem .rmText{
     padding-left: 30px!important;
   }

   .RadMenu.RadMenu_Toronto .rmSlide ul.rmGroup.rmLevel2 {
     padding: 0px 0px 20px 30px;
     display: block!important;
   }
}


.HomePageFullWidthArea .panel-body, 
.HomePageFullWidthArea .PanelBody {
    padding: 0px;
}

.HomePageFullWidthArea .panel, 
.HomePageFullWidthArea .StandardPanel {
    border: 0px;
}

.HomePageFullWidthArea .col-sm-12,
.HomePageFullWidthArea .row{
   padding:0;
   margin:0;
}

/*Footer*/
.copyright{
    display:flex;
    justify-content: space-between;
}

.copyright ul{
    list-style:none;
    display:flex;
    margin: 0;
}

.copyright li:after{
    content:'|';
    margin:0px 5px;  
}

.copyright a,
.copyright a:visited{
   text-decoration:none;
}

.copyright a:hover,
.copyright a:focus{
    text-decoration:underline;
}

.copyright li:last-child:after{
    display:none;
}

@media(max-width:767px){


   .copyright{
       display:block;
       justify-content: space-between;
   }
   
   .copyright ul{
       list-style:none;
       display:block;
       margin: 10px 0px 0px 0px;
       padding: 0;
   }

   .copyright li:after{
       display:none;
   }
}


/*Rows*/

.rowWrapper.grey{
   background-color:var(--g1);
}

.rowWrapper.b1{
   background-color:var(--b1);
}

.rowWrapper.b2{
   background-color:var(--b2);
}

.rowWrapper.b3{
   background-color:var(--b3);
}

.rowWrapper.b4{
   background-color:var(--b4);
}

/*Global*/

.btn.WhiteButton,
.btn.WhiteButton:visited{
	background:#fff;
	color:var(--b3)!important;
   border-color:#fff!important;
}

.btn.WhiteButton:hover,
.btn.WhiteButton:focus,
.btn.WhiteButton:active{
	background:transparent;
	color:#fff;
	border-color:#fff;
}

a.readMore,
a.readMore:visited{
   text-decoration:none;
   -webkit-transition: all 0.2s 0s ease-in-out;
   -moz-transition: all 0.2s 0s ease-in-out;
   -o-transition: all 0.2s 0s ease-in-out;
   transition: all 0.2s 0s ease-in-out;
   color:#000;
}

a.readMore:after{
   content:'';
   display:inline-block;
   background-image:url(images/arrow-black.svg);
   margin-left:5px;
   width:18px;
   height:12px;
   background-repeat:no-repeat;
   -webkit-transition: all 0.2s 0s ease-in-out;
   -moz-transition: all 0.2s 0s ease-in-out;
   -o-transition: all 0.2s 0s ease-in-out;
   transition: all 0.2s 0s ease-in-out;
}

a.readMore:hover,
a.readMore:focus,
a.readMore:active{
   color:var(--b2);
}

a.readMore:hover:after,
a.readMore:focus:after,
a.readMore:active:after{
 margin-left:10px; 
 background-image:url(images/arrow-b2.svg);
}

/*CTAs*/

.sliderOverlap{
   margin-top:-40px!important;
}

.CTAs > div div{
   height:100%;
   display:block;
}

@media(min-width:768px) and (max-width:1000px){
   .CTAs  .col-sm-3 {
       padding: 0px 8px;
   }
}

.CTA a,
.CTA a:visited{
   display:block;
   color:#fff;
   text-decoration:none;
   background:var(--charcoal);
   padding: 15px 40px 40px 15px;
   position:relative;
   font-size: 20px;
   line-height: 1.3;
   height: 100%;
}

.CTA a:after{
   content:'';
   display:block;
   position:absolute;
   right: 15px;
   bottom: 15px;
   background-image:url(images/arrow-white.svg);
   background-repeat:no-repeat;
   background-size: 36px 26px;
   height:26px;
   width:36px;
   -webkit-transition: all 0.3s 0s ease;
   -moz-transition: all 0.3s 0s ease;
   -o-transition: all 0.3s 0s ease;
   transition: all 0.3s 0s ease;
}

.CTA a:hover,
.CTA a:focus,
.CTA a:active{
   background:#000;
}

.CTA a:hover:after,
.CTA a:focus:after,
.CTA a:active:after{
   right:8px;
}

.CTA.b1 a,
.CTA.b1 a:visited{
   background-color:var(--b1);
   color:#000;
}

.CTA.b1 a:after{
   background-image:url(images/arrow-black.svg);
}

.CTA.b1 a:hover,
.CTA.b1 a:focus,
.CTA.b1 a:active{
   background-color:var(--b2);
   color:#000;
}

.CTA.b2 a,
.CTA.b2 a:visited{
   background-color:var(--b2);
}

.CTA.b2 a:hover,
.CTA.b2 a:focus,
.CTA.b2 a:active{
   background-color:var(--b3);
}

.CTA.b3 a,
.CTA.b3 a:visited{
   background-color:var(--b3);
}

.CTA.b3 a:hover,
.CTA.b3 a:focus,
.CTA.b3 a:active{
   background-color:var(--b4);
}

.CTA.b4 a,
.CTA.b4 a:visited{
   background-color:var(--b4);
}

.CTA.b4 a:hover,
.CTA.b4 a:focus,
.CTA.b4 a:active{
   background-color:var(--b2);
}

@media(max-width:767px){
   .CTA a{
      max-width:300px;
      margin:0px auto 20px auto;
      min-height:100px;
   }
   
   .CTAs > div div{
      height:auto;
   }
}

/*Large CTAs*/

.ul-dash ul{
   list-style: none;
   margin: 0;
   padding: 0;
}

.ul-dash li:before{
   content:'\2014';
   margin-right:8px;
}

.imageOverlap{
   position:relative;
   margin: 60px auto 160px auto!important;
   padding: 0px 15px;
}


.imageOverlap .col-sm-9{
   min-height:450px;
}

.imageOverlap .col-sm-7{
   position:absolute;
   right:0;
   top:50%;
}

.imageOverlap.reverse{
   flex-direction: row-reverse;
}

.imageOverlap.reverse .col-sm-7{
   right:auto;
   left:0;
}

@media(min-width:768px) and (max-width:1050px){
   .imageOverlap .col-sm-7{
      width: 80%;
   }

   .imageOverlap .col-sm-9{
     width: 90%;
   }

}

@media(max-width:767px){
   .imageOverlap .col-sm-7,
   .imageOverlap.reverse .col-sm-7{
      position:relative;
      right:auto;
      top:auto;
      padding: 0;
   }

   .imageOverlap .col-sm-9{
      min-height:250px;
   }

   
   .imageOverlap{
      position:relative;
      margin: 0px!important;
      padding:0;
   }
}

.largeCTA{
   background-color:var(--charcoal);
   color:#fff;
   padding: 20px 20px 80px 20px;
   border-radius:3px;
   position:relative;
}

.largeCTA h1,
.largeCTA h2{
   color:#fff;
   line-height:1;
   margin-bottom:20px;
   font-family:Roboto Condensed;
   font-weight:bold;
}

.largeCTA .btn{
   position:absolute;
   right:20px;
   bottom:30px;
}

.largeCTA.b1{
   background-color:var(--b1);
   color:#000;
}

.largeCTA.b1 h1,
.largeCTA.b1 h2{
   color:#000;
}

.largeCTA.b1 .btn.WhiteButton,
.largeCTA.b1 .btn.WhiteButton:visited{
   color:#000!important;
}

.largeCTA.b1 .btn.WhiteButton:hover,
.largeCTA.b1 .btn.WhiteButton:focus,
.largeCTA.b1 .btn.WhiteButton:active{
   color:#000!important;
   border-color:#000!important;
}

.largeCTA.b2{
   background-color:var(--b2);
}

.largeCTA.b2 .btn.WhiteButton,
.largeCTA.b2 .btn.WhiteButton:visited{
   color:var(--b2)!important;
}

.largeCTA.b2 .btn.WhiteButton:hover,
.largeCTA.b2 .btn.WhiteButton:focus,
.largeCTA.b2 .btn.WhiteButton:active{
   color:#fff!important;
}

.largeCTA.b3{
   background-color:var(--b3);
}

.largeCTA.b3 .btn.WhiteButton,
.largeCTA.b3 .btn.WhiteButton:visited{
   color:var(--b3)!important;
}

.largeCTA.b3 .btn.WhiteButton:hover,
.largeCTA.b3 .btn.WhiteButton:focus,
.largeCTA.b3 .btn.WhiteButton:active{
   color:#fff!important;
}

.largeCTA.b4{
   background-color:var(--b4);
}

.largeCTA.b4 .btn.WhiteButton,
.largeCTA.b4 .btn.WhiteButton:visited{
   color:var(--b4)!important;
}

.largeCTA.b4 .btn.WhiteButton:hover,
.largeCTA.b4 .btn.WhiteButton:focus,
.largeCTA.b4 .btn.WhiteButton:active{
   color:#fff!important;
}

@media(max-width:767px){
   .largeCTA{
      border-radius:0;
   }

   .largeCTA .btn{
      left:20px;
      right:auto;
   }
}

/**Tagged  list**/

.twoFeatured .TaggedListPanel{
   display:flex;
   justify-content: space-between;
   margin-bottom: 80px;
   flex-basis: auto;
}

.twoFeatured .BlockTLItem{
   flex-basis: 48%;
   border:0;
   position: relative;
}

.twoFeatured .TaggedListPanel div:last-child{
   display:none;
}

.twoFeatured .content{
   background-color:#fff;
   display:block;
   padding:10px 20px;
   position: absolute;
   left: 25px;
   right: auto;
   width: 100%;
   margin-top: -25px;
   z-index: 1;
   border-top: 3.5px solid var(--b1); 
   -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.15); 
   box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.15);
}

.twoFeatured .newsImage{
   height:300px;
   margin: 0;
}

.twoFeatured h4 a{
   text-decoration:none;
   padding-bottom:30px;
   display:block;
}

.twoFeatured a{
   text-decoration:none;
   display: block;
}

.twoFeatured .content:hover a,
.twoFeatured .content:focus a,
.twoFeatured .content:active a{
   color:var(--b1);
   -webkit-transition: all 0.3s 0s ease-in-out;
   -moz-transition: all 0.3s 0s ease-in-out;
   -o-transition: all 0.3s 0s ease-in-out;
   transition: all 0.3s 0s ease-in-out;
}

.twoFeatured .content:hover:after{
   background-image:url(images/arrow-b1.svg);
   right:5px;
}

@media(max-width:767px){
   .twoFeatured .TaggedListPanel{
      display:flex;
      margin-bottom: 0px;
      flex-wrap:wrap;
   }

   .twoFeatured .BlockTLItem {
       flex-basis: 100%;
       border: 0;
       position: relative;
       max-width: 350px;
       margin: 0px auto 30px auto;
   }

   .twoFeatured .content{
      position:relative;
      left:0;
   }
}

/*Events*/

.homeEvents .pagination{
	display:none;
}

.homeEvents .QueryTemplateSet {
   justify-content: space-evenly;
   margin-bottom: 80px!important;
}

.homeEvents .col{
   padding:0;
   flex-basis: 22%;
   margin-bottom: 135px!important;
}

.homeEvents .card-body {
    padding: 0px;
}

.homeEvents .card{
   border:0;
   border-radius:0;
}

.homeEvents .image{
   width:100%;
   height: 260px;
   display:block;
   background-position: center;
   background-size: cover;
}

.homeEvents a{
   color:#000;
}

.homeEvents .content{
   background-color:#fff;
   display:block;
   padding:10px 20px;
   position: absolute;
   left: 25px;
   right: auto;
   width: 100%;
   margin-top: -25px;
   z-index: 1;
   border-top: 3.5px solid var(--g3); 
   -webkit-box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.15); 
   box-shadow: 3px 3px 8px 1px rgba(0,0,0,0.15);
}

.homeEvents .content:after{
   content:'';
   display:block;
   background-image:url(images/arrow-black.svg);
   width:36px;
   height:26px;
   background-size:36px 26px;
   background-repeat:no-repeat;
   position:absolute;
   right:15px;
   bottom:20px;
   -webkit-transition: all 0.3s 0s ease-in-out;
   -moz-transition: all 0.3s 0s ease-in-out;
   -o-transition: all 0.3s 0s ease-in-out;
   transition: all 0.3s 0s ease-in-out;
}

.homeEvents h4{
    text-decoration: none;
    padding-bottom: 30px;
    display: block;
}

.homeEvents a:hover .content:after{
   right:5px;
}

@media(min-width:768px) and (max-width:1000px){
   .homeEvents .col{
      padding:0;
      flex-basis: 48%;
      margin-bottom: 135px!important;
   }

   .homeEvents .QueryTemplateSet {
      justify-content: space-between;
      flex-wrap: wrap;
      margin-bottom: 80px!important;
      gap: 20px;
   }
}

@media(max-width:767px){
   .homeEvents .QueryTemplateSet {
      justify-content: space-between;
      margin-bottom: 0px!important;
   }
   
   .homeEvents .col{
      padding:0;
      flex-basis: 100%;
      max-width: 350px;
      margin: 0px auto 30px auto!important;
   }

   .homeEvents .content{
      position:relative;
      left:0;
   }
}

/*Slideshows*/

.carousel-caption {
   left: 10%;
   bottom:auto;
   top:50%;
   transform:translateY(-50%);
   text-align:left;
   color:#000;
   background-color:rgba(255,255,255,0.95);
   right: 45%;
   text-shadow:none;
   border-radius:3px;
   padding:30px 40px 30px 40px;
}

.captionRight .carousel-caption {
   left: 45%;
   right: 10%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next{
   display:none;
}

.carousel-control.left,
.carousel-control.right{
   background: none;
}

.carousel-indicators {
    bottom: 60px;
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px 25px;
}

.carousel-indicators li{
   flex-basis:auto;
   width: 100%;
   max-width:100px;
   height:8px;
   border:0;
   background-color:rgba(255,255,255,0.5);
   margin:0px 3px;
}

.carousel-indicators .active{
   width: 100%;
   height:8px;
   border:0;
   background-color:rgba(255,255,255,1);
   margin:0px 3px;
}

.carousel-inner > .item .carousel-link .carousel-caption{
   padding-bottom:60px;
}

.carousel-inner > .item .carousel-link .carousel-caption:after{
   background-image:url(images/arrow-black.svg);
   background-repeat:no-repeat;
   background-size:35px;
   content:'';
   display:block;
   position:absolute;
   right:30px;
   bottom: 15px;
   width:35px;
   height:35px;
   -webkit-transition: all 0.3s 0s ease-in-out;
   -moz-transition: all 0.3s 0s ease-in-out;
   -o-transition: all 0.3s 0s ease-in-out;
   transition: all 0.3s 0s ease-in-out;
}

.carousel-inner > .item .carousel-link:hover .carousel-caption:after{
   right:15px;
}


@media(min-width:768px) and (max-width:1000px){
   .carousel-caption,
   .captionRight .carousel-caption{
      right:30%;
   }
}

@media(max-width:767px){
   .carousel-caption,
   .captionRight .carousel-caption{
      left: 30px;
      top:20px;
      transform:none;
      right: 30px;
      padding:30px 40px 30px 40px;
   }
}

.navbar-toggle.on, 
.obo-toggle.on, 
.ste-toggle.on, 
.batch-toggle.on, 
.transaction-date-toggle.on, 
.page-statistics-toggle.on, .list-toggle.on {
    background-color: var(--b4);
}

.navbar-toggle.on:hover, 
.navbar-toggle.on:focus, 
.navbar-toggle.on:active, 
.obo-toggle.on:hover, 
.obo-toggle.on:focus, 
.obo-toggle.on:active, 
.ste-toggle.on:hover, 
.ste-toggle.on:focus, 
.ste-toggle.on:active, 
.batch-toggle.on:hover,
.batch-toggle.on:focus, 
.batch-toggle.on:active, 
.transaction-date-toggle.on:hover, 
.transaction-date-toggle.on:focus,
.transaction-date-toggle.on:active, 
.page-statistics-toggle.on:hover, 
.page-statistics-toggle.on:focus, 
.page-statistics-toggle.on:active, 
.list-toggle.on:hover, 
.list-toggle.on:focus, 
.list-toggle.on:active {
    background-color: var(--b2);
}

body .FormBuilder .Top.PanelField {
    padding-right: 1em !important;
    margin-top: 20px !important;
    position: relative;
}

.FormBuilder .btn{
   margin-top:40px;
}

.VACSS_Space.pb-5{
   display:none;
}

.hideQuery{
	display:none;
}


.hideBtn{
	display:none;
}


.listedDocs .RadGrid_MetroTouch .rgAltRow{
   background:#f5f5f5;
}

.listedDoc{
   color:red;
   display:block;
   padding:10px 20px;
}

.listedDoc:after{
   content:'PLEASE UPLOAD BELOW';
   display:inline-block;
   font-size:12px;
   color:#fff;
   background-color:red;
   padding: 3px 10px;
   border-radius:30px;
   margin-left:20px;
}


.uploaded{
	color:#3cc33c;
}

.listedDoc.uploaded:after{
   content:'UPLOADED';
   display:inline-block;
   font-size:12px;
   color:#fff;
   background-color:#3cc33c;
   padding: 3px 10px;
   border-radius:30px;
   margin-left:20px;
}

.uploadedDocs .RadGrid_MetroTouch .rgAltRow{
    background:#f5f5f5;
}

.uploadedDocs tr{
   padding:10px 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.RadMenu .rmRootGroup.rmHorizontal>.rmItem, .RadMenu .rmRootGroup.rmHorizontal>.rmRootScrollGroup>.rmItem {
    border-width: 0px!important;
}

.RadMenu .rmGroup:before, .RadMenu .rmMultiColumn:before, .RadMenu .rmScrollWrap>.rmHorizontal:before, .RadMenu .rmScrollWrap>.rmVertical:before {
    display: none!important;
}

.customer-logos{
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    margin: 40px 0px;
    padding: 0px 30px;
}