.top .primary-nav .meganav:before{
  content: '';
  position: absolute;
  left: 0;
  width: 131%;
  height: 37px;
  bottom: -30px;
}

.top .primary-nav .dropdown, .top .primary-nav .meganav{
  position: relative;
}

.top .primary-nav .dropdown:after, .top .primary-nav .meganav:after{
  content: "";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: rgba(var(--vsm-white), 1);
  margin-left: .313rem;
  position: relative;
  top: -2px;
}


.top .primary-nav .meganav:hover .mega-menu{
  display: block;
}

.top .primary-nav .meganav a{
  position: relative;
}


.top .primary-nav .mega-menu {
  background: rgba(var(--vsm-white), 1);
  padding: 2rem;
  min-height: 31.25rem;
  overflow: auto;
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  box-shadow: 0 1.875rem 1.875rem 0 rgba(0,0,0,.05);
  top: 123px;
}



.top .primary-nav .mega-menu > .container > .row > .col-md-6 {
  display: flex;
  flex-direction: row;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 h4,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .faux-title {
  color: rgba(var(--vsm-black), 1);
  margin-bottom: 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list {
  display: flex;
  flex-direction: column;
  flex: 0 0 50%;
  overflow: hidden;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list:hover h4:after,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list:hover .faux-title:after,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list:hover h4:after,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list:hover .faux-title:after {
  width: 100%;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list h4,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list div.faux-title,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list h4,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list div.faux-title {
  position: relative;
  font-weight: 600;
  margin-bottom: 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "proxima-nova", sans-serif;
  color: #000;
  text-align: start;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list h4:before,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list div.faux-title:before,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list h4:before,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list div.faux-title:before {
  content: "";
  background: rgba(var(--vsm-body-copy-colour), 0.2);
  width: 100%;
  height: 0.0625rem;
  display: block;
  margin-top: 0.625rem;
  position: absolute;
  bottom: 0.0625rem;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list h4:after,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list div.faux-title:after,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list h4:after,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list div.faux-title:after {
  content: "";
  background: rgba(var(--vsm-primary-colour), 1);
  width: 100%;
  height: 0.1875rem;
  display: block;
  position: relative;
  z-index: 1;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list h4 a,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list div.faux-title a,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list h4 a,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list div.faux-title a {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 0;
  color: #0e1024;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list nav {
  display: flex;
  flex-direction: column;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list nav a {
  padding: 0;
  margin-bottom: 0.625rem;
  font-weight: 400;
  color: #0e1024;
}

.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a .faux-title,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list nav a .faux-title{
  color: #0e1024;
}

.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a span{
  color: #0e1024;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list {
  max-width: calc(50% - 30px);
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.0625rem solid rgba(var(--vsm-white), 0.2);
  margin-bottom: 0;
  padding: 0.7125rem 0;
  align-items: center;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a:hover {
  background: none;
  color: rgba(var(--vsm-primary-colour), 1);
}
/* .top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a.active {
  color: rgba(var(--vsm-primary-colour), 1);
} */
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a.active::after {
  color: rgba(var(--vsm-primary-colour), 1);
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a.has-child:after {
  content: "\f0da";
  position: relative;
  display: inline-block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-left: .3rem;
  transition: all 200ms linear;
}

.top .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a.has-child:hover:after{
transform: translateX(4px);
}

.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list {
  margin-left: 1.875rem;
  display: none;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list nav a {
  margin-bottom: 0;
  padding: 0.3125rem 0;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list nav a:hover {
  background: none;
  text-decoration: none;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts h4,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts div.faux-title {
  position: relative;
  padding-right: 5rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "proxima-nova", sans-serif;
  padding: 0;
  display: flex;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts h4 a,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts div.faux-title a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: inherit;
  padding: 0;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts h4 a:hover,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts div.faux-title a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts h4:before,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts div.faux-title:before {
  content: "";
  background: rgba(var(--vsm-body-copy-colour), 0.2);
  width: 100%;
  height: 0.0625rem;
  display: block;
  margin-top: 0.625rem;
  position: absolute;
  bottom: 0.0625rem;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts h4:after {
  content: "";
  background: rgba(var(--vsm-primary-colour), 1);
  width: 9.375rem;
  height: 0.1875rem;
  display: block;
  margin-top: 0.625rem;
  transition: width 1s ease-in-out;
  position: relative;
  z-index: 1;
}

.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts div.faux-title:after{
    content: "";
    background: rgba(var(--vsm-primary-colour), 1);
    width: 9.375rem;
    transition: width 1s ease-in-out;
    z-index: 1;
    height: 0.1875rem;
    display: block;
    margin-top: 0.625rem;
    position: absolute;
    bottom: 0.0625rem;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .col {
  border: 0;
  flex: 1 0 50%;
  padding-right: 0;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    min-height: 18.75rem;
    background-position: center;
    padding: 1rem;
    background-repeat: no-repeat;
    text-align: left;
    background-size: cover;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert:hover h5:after,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert:hover div.faux-title:after {
  width: 100%;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert h5,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert div.faux-title {
  position: relative;
  color: rgba(var(--vsm-white), 1);
  font-weight: 600;
  margin-bottom: 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "proxima-nova", sans-serif;
  padding-right: 0;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert h5:before,
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert div.faux-title:before {
  content: "";
  background: rgba(var(--vsm-white), 0.2);
  width: 100%;
  height: 0.0625rem;
  display: block;
  margin-top: 0.625rem;
  position: absolute;
  bottom: 0.0625rem;
}

.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert div.faux-title:after {
  content: "";
  background: rgba(var(--vsm-primary-colour), 1);
  width: 100%;
  height: 0.1875rem;
  display: block;
  margin-top: 0.625rem;
  z-index: 1;
  bottom: 0;
  left: 0;
  position: absolute;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert .faux-link {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  color: rgba(var(--vsm-primary-colour), 1);
  position: relative;
  text-decoration: none;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert .faux-link:after {
  content: "\f30b";
  position: relative;
  display: inline-block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  left: 0.625rem;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert .faux-link:hover {
  color: rgba(var(--vsm-white), 1);
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert .faux-link:hover:after {
  left: 1.25rem;
  animation: forwardMovement 800ms infinite;
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0rem;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}
.top .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts:hover h4.div:after {
  width: 100%;
}

.meganav.expanded-items .mega-menu > .container > .row .col .title i{margin-left:10px; font-size: 14px;}


.meganav.expanded-items .mega-menu{}
.meganav.expanded-items .mega-menu .container .row .col{flex:1 0 auto; width: auto; min-width:33.33%; max-width:50%;}
.meganav.expanded-items .mega-menu >.container >.row .col .title a{color:rgba(var(--vsm-primary-colour), 1); margin:0; padding:0 0 20px 0; border-bottom:1px solid rgba(255, 255, 255, 0.5);}
.meganav.expanded-items .mega-menu >.container >.row .col .title strong{color:rgba(var(--vsm-primary-colour), 1); margin:0; padding:0 0 20px 0; display:block; border-bottom:1px solid rgba(255, 255, 255, 0.5); font-size: 1rem; font-weight: 600;}
.meganav.expanded-items .mega-menu >.container >.row .col .title a:hover{color:rgba(var(--vsm-primary-colour), 1); border-bottom:1px solid rgba(var(--vsm-primary-colour), 1);}
.meganav.expanded-items .mega-menu >.container >.row .col ul{display: block; position: relative; margin-bottom: 30px;}
.meganav.expanded-items .mega-menu >.container >.row .col ul li{}
.meganav.expanded-items .mega-menu >.container >.row .col ul li a{color:rgba(var(--vsm-primary-colour), 1); padding:0; margin:0 0 0px 0; font-weight: 300; font-size:0.875rem;}
.meganav.expanded-items .mega-menu >.container >.row .col ul li a:hover{color:rgba(var(--vsm-primary-colour), 1);}
.meganav.expanded-items .mega-menu >.container >.row .col .title a i{margin-left:10px; font-size: 14px;}