body {
    padding-top: 0;
	position:relative;
}
body.navScrollMobile {
    position: fixed;
    overflow: hidden;
}
.navScrollMobile {
	-webkit-overflow-scrolling:touch!important;
	overflow:hidden!important;
	height:100%!important;
}
div#mobile-contact {
    margin-right: 10px;
}
.mainNavigation {
  background: #111f2c;
  position: relative;
/*   z-index: 5; */
/* tc */
	z-index: 1000;
/* 	tc */
}
.mainNavigation * {
  box-sizing: border-box;
/*   font-family: minion-pro, serif; */
}
.mainNavigation .inner {
  display: flex;
  flex-direction: row;
  /* align-items: stretch; */
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  z-index: 5;
}

span.nav-mobile-menu.active {
    display: none;
}

div#mobile-contact.contactHideShow.active {
    display: none;
	transition: .5s;
}

/* tc - additions */

.faq-item h3.toggle-off:before {
	z-index: 0 !important;
}

.navCom-articles .nav-category-item a:hover {
	text-decoration: underline;
}

.navCom-subList > p {
	padding: 10px 20px !important;
}

/* |||||||||||||||||| end tc |||||||||||||||||||||\*/


/* york - additions */
.mainNavigation {
  --hamburger-w: 25px;
  --hamburger-h: 4px;
  --hamburger-color: white;
  --hamburger-space: 7px;
  --mobile-transition: 0.3s;
}

.mainNavigation h3 {
  letter-spacing: 0.04em;
  margin: 0 0 10px 0;
  font-weight: 400;
	font-family: minion-pro, serif;
}

.mainNavigation p {
  padding-left: 0;
  padding-right: 0;
  margin: 0 0 10px 0;
}

.nav-btn {
  background: #111f2c;
  border-radius:10px;
  padding: 15px 20px;
  color: #fff;
  line-height: 1em;
  text-transform: uppercase;
  /*border: 1px solid transparent;*/
  box-shadow: none;
  font-size: 16px;
  display: block;
  text-align: center;
  margin: 15px 0;
  transition: .3s;
  max-width: fit-content;

}

.nav-btn:hover {
  /*border-color: #111f2c; */
  /*background: white !important;*/
  background:#1e364d;
  /*color: #111f2c;*/
	color:#ffffff;

}

#mobile-nav {
  display: flex;
  height: 25px;
  align-items: center;
}

.nav-mobile-menu {
  width: var(--hamburger-w);
  height: var(--hamburger-h);
  background: var(--hamburger-color);
  position: relative;
  transition: var(--mobile-transition);
}

.nav-mobile-menu::before,
.nav-mobile-menu::after,
.nav-search-btn.close span::after,
.nav-search-btn.close span::before {
  content: "" !important;
  width: var(--hamburger-w);
  height: var(--hamburger-h);
  background: var(--hamburger-color);
  position: absolute;
  transition: var(--mobile-transition);
}

.nav-mobile-menu::before {
  bottom: var(--hamburger-space);
}

.nav-mobile-menu::after {
  top: var(--hamburger-space);
}

#mobile-nav.close .nav-mobile-menu {
  background: transparent;
}

#mobile-nav.close .nav-mobile-menu::before,
.nav-search-btn.close span::before {
  transform: rotate(45deg);
  bottom: 0;
}

#mobile-nav.close .nav-mobile-menu::after,
.nav-search-btn.close span::after {
  transform: rotate(-45deg);
  top: 0;
}

.mobile-menu {
  display: flex;
  align-items: center;
}

#searchToggle {
  z-index: 5;
  height: 3rem;
  /* position: absolute; */
  top: 0;
  right: 6rem;
  transition: 0.2s ease all;
  background: transparent;
  display: flex;
  align-items: center;
  border: none;
}

#searchToggle.active .search-open {
  transition-delay: 0.3s;
  display: block;
  line-height: 0;
}

#searchToggle:not(.active) .search-open {
  display: none;
}

#searchToggle.active .search-close {
  display: none;
  line-height: 0;
}

#searchToggle:not(.active) .search-close {
  padding-top: 5px;
}

.nav-search .search-form {
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: 0.3s ease opacity, 0.3s ease z-index;
  transition-delay: 0.3s;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 20px;
  padding-right: 0;
}

.nav-search .search-form.active {
  opacity: 1;
  z-index: 4;
  display: block;
  transition: 0.3s ease opacity, 0.3s ease z-index;
  transition-delay: 0s;
}

.nav-search .search-form .input-group {
  height: 100%;
  width: calc(100vw - 40px - 110px);
  display: flex;
}

.nav-search .search-form .input-group .search-field {
  /* height: 100%; */
  width: 100%;
  padding: 10px;
}

.nav-search .search-form .input-group .input-group-btn {
  display: flex;
  padding-top: 5px;
}

.nav-search .search-form .input-group .input-group-btn .search-submit {
  background: transparent;
  border: none;
}

.icon-mail img {
  width: 44px;
  margin-right: 5px;
  margin-top: 3px;
}

.mobile-subnav-btn {
  padding: 10px 20px;
  background: #375a65;
  border: none;
  color: white;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid white;
  height: 51px;
}

.mobile-subnav-btn h3 {
  position: relative;
  margin: 0 !important;
}



/* sublist Component */
.navCom-subList > h3 {
  padding: 0 20px;
  display: none;
}

.navCom-subList > p {
/*   padding: 0 20px; */
  padding: 10px 20px;
  margin-bottom: 0;;
}

.navCom-subList .subList-ul {
  list-style: none;
  padding-left: 0;
}

.navCom-subList .subList-ul > li {
  padding: 10px 20px;
  border-bottom: 1px solid white;
}

.navCom-subList .subList-ul > li > a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

/* vpp snack Component */
.navCom-vpp-snack {
  padding: 15px 20px;
  border-bottom: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.navCom-vpp-snack .vppImage {
  margin-bottom: 15px;
}

/* brand callout Component */
.navCom-brandCallout {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid white;
}

.navCom-brandCallout .brandCallout {
  padding: 15px 20px;
  border-bottom: 1px solid white;
}

.navCom-brandCallout .brandCallout .brandLogo img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.navCom-brandCallout .brandCallout .brandContent p {
  /* margin: 0 0 10px 0; */
  text-align: center;
  color: #fff;
  font-size: 18px;
}

/* vpp full component */
.navCom-vpp-full {
  padding: 10px 20px;
}

.navCom-vpp-full > h3 {
  display: none;
}

.navCom-vpp-full .navCom-vpp-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 15px;
}

.navCom-vpp-full .navCom-vpp-gallery img {
  padding: 5px;
  width: 50%;
  /* height: calc((100vw - 130px) / 2); */
}

/* Text/Image/Link (misc) Component */
.navCom-misc {
  padding: 20px;
  border-bottom: 1px solid white;
}

.navCom-misc p {
  padding: 0 !important;
}

.navCom-misc img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Articles Component */
.navCom-articles .nav-btn {
  background: none;
  text-align: left;
  border-bottom: 1px solid white;
  padding: 10px 20px;
  margin: 0;
}

.navCom-articles .nav-category-item {
  padding: 10px 20px;
  border-bottom: 1px solid white;
  color: white;
}

.navCom-articles .nav-category-item a {
  color: white;
  text-transform: uppercase;
}

/* |||||||||||||||||| end york |||||||||||||||||||||\*/

.mainNavigation .navLeft.logo {
  /* flex-basis: 300px; */
  max-width: 300px;
  /* padding-left: 20px;
    padding-right: 20px; */
  box-sizing: border-box;
  /* padding-bottom: 20px; */
  position: relative;
  /* by */
}

.mainNavigation .navLeft.logo img {
  display: block;
  width: 100%;
  max-width: 160px;
  margin: 0 auto;
  /* height: auto; */
  height: 45px;
  /* by */
}
.mainNavigation .navRight nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  overflow: hidden;
  transition: 0.3s;
  max-height: 0;
}
.mainNavigation .navRight nav.open {
  max-height: 100%;
  overflow: visible;
  position: fixed;
  top: 85px;
  left: 0;
}
.mainNavigation .navRight nav > ul {
  padding: 0;
  display: block;
  margin: 0 0;
  background: #111f2c;
height: 100vh; 
	/*height: 100%;*/
}
.mainNavigation .navRight nav > ul > li {
  /* display: inline-block; */
  width: auto;
  max-width: 100px;
  height: 50px;
  background: #111f2c;
  /* border-right: 1px solid white; */
}

.mainNavigation .navRight nav > ul > li.sidebar-active {
  background: #375a65;
  /* border-color: #375a65; */
}
.mainNavigation .navRight nav ul li span.nav-title {
  color: #fff;
  display: none;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  /* padding: 10px 25px 10px 15px; */
  text-transform: uppercase;
  transition: 0.3s ease all;
}

.mainNavigation .navRight nav ul li .mobile-nav-icon {
  display: block;
  text-align: center;
}

.mainNavigation .navRight nav ul li .mobile-nav-icon img {
  max-height: 50px;
}

.mainNavigation .navRight nav ul li:hover {
/*   cursor: pointer; */
}

.mainNavigation .navRight nav ul li span.nav-title {
	border-bottom:10px solid transparent;
}

.mainNavigation .navRight nav ul li:hover span {
  /*background: #375a65;*/
  border-bottom:10px solid #375a65;	
}
.mainNavigation .navRight nav ul li:hover span:after {
  transform: translate(-5px, calc(-50% - 2px)) rotate(225deg);
}
.mainNavigation .navRight nav ul li.nav-item .subMenu {
  position: absolute;
  top: 0;
  background: #111f2c;
  box-sizing: border-box;
  color: #fff;
  padding: 0;
  z-index: -1;
  transition: 0.3s;
  left: -100%;
  right: 100%;
}
.mainNavigation .navRight nav ul li.nav-item.sidebar-active .subMenu {
  right: 0;
  left: 100px;
  z-index: 0;
  border-left: 1px solid white;
/* overflow-y: scroll; */
  /* height: calc(100vh - 10rem); */
/* 	height: 100% */
}

.mainNavigation .navRight nav ul li:hover .subMenu {
  /* display: flex; */
}
.mainNavigation .navRight nav ul li .subMenu.active {
  /* display: flex; */
}
.mainNavigation .navRight nav ul li .subMenu .subList {
  display: block;
  padding: 20px 0;
  margin: 0 0 15px 0;
  /* border-top: 1px solid #fff;
    border-bottom: 1px solid #fff; */
}
.mainNavigation .navRight nav ul li .subMenu .subList li {
  margin-bottom: 5px;
  display: block;
  width: 100%;
  font-size: 16px;
  padding: 0 20px;
}
.mainNavigation .navRight nav ul li .subMenu .subList li:last-of-type {
  margin-bottom: 0;
}
.mainNavigation .navRight nav ul li .subMenu .subList li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.mainNavigation .navRight nav ul li.noSub span {
  padding: 10px 15px;
}
.mainNavigation .navRight nav ul li.noSub span:after {
  display: none;
}
.mainNavigation .navIcon {
  display: none;
  width: auto;
  height: 35px;
  margin-bottom: 10px;
}
/* .mainNavigation .subList {
} */
.mainNavigation .vppNavBlock {
  display: flex;
  /* flex-direction: row; */
  align-items: center;
  justify-content: flex-start;
}
.mainNavigation .vppNavBlock .vppImage {
  margin-bottom: 15px;
}
.mainNavigation .vppNavBlock .vppImage img {
  display: block;
  width: 100%;
  height: auto;
}
.mainNavigation .vppNavBlock .content {
  /* flex-basis: calc(100% - 120px);
    max-width: calc(100% - 120px); */
  color: #fff;
  /* padding-left: 10px; */
}
.mainNavigation .brandCallout:last-of-type {
  margin-bottom: 0;
}
.mainNavigation .vppFull,
.mainNavigation .calloutBlock {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 20px 0;
  margin-top: 45px;
}
.mainNavigation .vppFull .vppGallery {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 25px;
}
.mainNavigation .vppFull .vppGallery img {
  flex-basis: calc(25% - 10px);
  max-width: calc(25% - 10px);
  margin-right: 10px;
  height: auto;
  display: block;
}

.mainNavigation .vppFull button:hover {
  cursor: pointer;
}

.mainNavigation .articlesButton {
  background: #111f2c;
  padding: 5px 20px;
  color: #fff;
  line-height: 1em;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  font-size: 16px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 6px;
  margin-bottom: 13px;
}
.mainNavigation .column3 {
  padding-top: 45px;
}


/* Nav Collapse */

.nav-collapse {
  cursor: pointer;
}

.mobile-subnav-btn h3::after {
  content: "";
  color: #fff;
  display: block;
  top: 40%;
  transform: translate(-5px, calc(-50% + 2px)) rotate(45deg);
  right: 0;
  position: absolute;
  height: 10px;
  width: 10px;
  text-align: center;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  border-right: 2px solid rgba(255, 255, 255, 0);
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  transition: 0.3s ease all;
}

.mobile-subnav-btn.active h3::after {
  top: 20%;
  transform: translate(-5px, calc(-50% + 2px)) rotate(225deg);
}

.nav-collapse-target {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
	background-color: #797e80;
}

/* extra */

.featureheader_wrapper.notice {
  margin-top: 0 !important;
}

.nav-open-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  z-index: 5;
}




/**** york additions - breakpoints ****/
/* small breakpoint just for mobile components */
/* @media (min-width: 450px) {
  .mainNavigation .vppNavBlock,
  .navCom-brandCallout .brandCallout {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .mainNavigation .vppNavBlock .vppImage,
  .navCom-brandCallout .brandLogo {
    max-width: 160px;
    padding-right: 20px;
    margin-bottom: 0;
  }
} */

/**** york additions - breakpoints ****/
/* small breakpoint just for mobile components */

@media (min-width: 992px) {
	.mobile-nav-title {
		display: none;
	}
	#searchToggle {
		visibility: hidden;
	}
  .mainNavigation .vppNavBlock,
  .navCom-brandCallout .brandCallout {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .mainNavigation .vppNavBlock .vppImage,
  .navCom-brandCallout .brandLogo {
    max-width: 160px;
    padding-right: 20px;
    margin-bottom: 0;
  }
}

/**** york additions - breakpoints ****/
/* small breakpoint just for mobile components */
@media (max-width: 992px) {
	.mainNavigation .navRight nav > ul > li {
  /* display: inline-block; */
  width: auto;
  max-width: 100px;
  height: auto;
  background: #111f2c;
  /* border-right: 1px solid white; */
  padding: 9px 5px;
}

	.mobile-nav-title {
	display: block;
	font-size: 14px;
    color: #ffffff;
    text-align: center;
    font-weight: 100 !important;
    padding: 0px 5px;
	}
  .mainNavigation .vppNavBlock,
  .navCom-brandCallout .brandCallout {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mainNavigation .vppNavBlock .vppImage,
  .navCom-brandCallout .brandLogo {
    /*max-width: 160px;*/
	width:100%;
    padding-right: 20px;
    margin-bottom: 10px;
  }
	.mainNavigation .vppNavBlock .vppImage img {
		max-width:160px;
	}
}

@media (min-width: 576px) {


}

@media (min-width: 768px) {
	
	.nav-collapse-target {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
	background-color: transparent;
}
  .mobile-menu > div {
    padding: 0 15px;
  }

  .nav-search .search-form .input-group {
    width: calc(100vw - 40px - 200px);
  }

  .mainNavigation .navRight nav ul li.nav-item .subMenu {
    background: #375a65;
    display: flex;
    flex-wrap: nowrap;
  }

  .mainNavigation .navLeft.logo:after {
    content: "";
    height: calc(100% - 250px);
    width: 1px;
    background: #375a65;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, calc(-50% - 10px));
  }

  .mainNavigation .subMenu .columns-2,
  .mainNavigation .subMenu .columns-1 {
    padding: 0 20px;
    padding-bottom: 50px;
/*     height: 100vh; */
	height: auto;
  }

  .mainNavigation .subMenu .columns-2 {
    width: 50%;
  }

  .mainNavigation .nav-collapse-target {
    max-height: unset;
  }

  .mainNavigation .nav-collapse-target > div:last-child {
    border: none;
  }

  .mainNavigation .mobile-subnav-btn,
  .navCom-subList .subList-ul > li,
  .mainNavigation .vppNavBlock,
  .navCom-brandCallout .brandCallout,
  .navCom-misc,
  .navCom-vpp-full, {
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-subnav-btn {
    padding-top: 20px;
    padding-bottom: 20px;
	  padding-left:0!important;
    height: unset;
	  cursor: default;
  }
	
  .navCom-vpp-full, .navCom-misc {
	  padding-left:0;
	}

  .mainNavigation .mobile-subnav-btn h3:after {
    content: none;
  }

  .navCom-brandCallout .brandCallout {
    border-bottom: none;
  }

  .navCom-brandCallout .brandLogo {
    padding-right: 0;
    flex: 0 0 35%;
  }

  .navCom-brandCallout .brandLogo img {
    /* border-right: 1px solid white; */
    padding-right: 20px;
  }

/*   .navCom-brandCallout .brandContent {
    padding-left: 10px;
    border-left: 1px solid white;
  } */

  .navCom-brandCallout .brandCallout .brandContent p {
    text-align: left;
  }

  .navCom-articles .nav-btn {
    background: #111f2c;
    border-bottom: none;
    margin-top: 10px;
    width: fit-content;
    width: -moz-fit-content;
  }
  
  .navCom-articles .nav-category-wrap {
    display: flex;
    flex-wrap: wrap;
    /* border-top: 1px solid white;
    border-bottom: 1px solid white; */
    margin: 10px 0;
  }

  .navCom-articles .nav-category-item {
    width: 50%;
    border-bottom: none;
    padding-left: 0;
  }
	
	.navCom-articles .nav-btn:hover {
		background: #1e364d;
	}
}

/* tc */

@media (max-width: 767px) {
	.navCom-articles .nav-btn {
		border-radius: 0px !important;
		padding: 15px 20px;
		line-height: 1em;
	}
	
	.navCom-articles .nav-btn:hover {
		text-decoration: underline;
	}
	
	.mainNavigation .navRight nav ul li.nav-item.sidebar-active .subMenu {
  right: 0;
  left: 100px;
  z-index: 0;
  border-left: 1px solid white;
overflow-y: scroll;
  height: calc(100vh - 10rem);
/* 	height: 100% */
}
	
	div#mobile-contact {
    margin-right: 15px;
}

}

@media (max-width: 992px) {
	
	a.hiddenContact {
		display: none !important;
	}

	.nav-btn {
		max-width: unset;
	}
	
	.mainNavigation .navRight nav ul li.nav-item.sidebar-active .subMenu {
		border-bottom: 1px solid #ffffff;
	}
	
	.navCom-articles .nav-btn {
		border-radius: 10px;
		padding: 15px 20px;
		line-height: 1em;
	}
}


@media (min-width: 992px) {
	  .navCom-brandCallout .brandContent {
		padding-left: 20px;
		border-left: 1px solid white;
	  }

	.subMenu::before {
		content:'';
		display: block;
		background: #111f2c;
		position: absolute;
		left: -100%;
		height: 100%;
		width: 100%;
	}

	.navCom-articles .nav-btn {
		border-radius: 10px;
		padding: 10px 20px;
		line-height: 1em;
	}
	.navCom-articles .nav-btn {
		padding: 15px 20px;
	}
	
	.navCom-subList > p {
		padding: 10px 0px !important;
	}

/* 	tc */
	
  .mainNavigation .inner {
    padding: 0;
}


  .mainNavigation .navLeft.logo {
    flex-basis: 300px;
    padding: 10px 20px;
    margin: 10px 0;
/*  border-right: 1px solid #375a65; */
  }

  .mainNavigation .navRight {
    width: 100%;
    padding: 20px 0 0;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
  }

  .mainNavigation .navRight nav > ul {
    height: auto;
  }

  .mainNavigation .navRight .mobile-menu {
    width: 100%;
    max-width: 350px;
    padding-right: 20px;	  
	flex-flow:column;
  }

  .mainNavigation .navRight nav ul li .subMenu {
    display: none;
  }
	.navCom-subList .subList-ul > li {
		padding: 10px 0px;
	}

  /* nav goes from side style to dropdown */
  #mobile-nav,
  #mobile-contact,
  .nav-search #searchToggle,
  .mainNavigation .navRight nav ul li .mobile-nav-icon {
    max-height: 0;
	overflow: hidden;
	  transition: .5s ease max-height;
  }

  .mobile-menu .nav-search {
    padding: 0 0 20px 0;
    width: 100%;
  }

  .mobile-menu .nav-search .search-form {
    position: unset;
    padding: 0;
    z-index: unset;
    opacity: 1;
  }

  .nav-search .search-form .input-group {
    width: 100%;
    position: relative;
  }

  .nav-search .search-form .input-group .search-field {
    padding: 0px 10px;
    background: #B4B8BC;
    border: none;
  }

  .nav-search .search-form .input-group .search-field::placeholder {
    color: #111f2c;
  }

  .nav-search .search-form .input-group .input-group-btn {
    position: absolute;
    padding: 0;
    right: -4px;
    top: -1px;
  }

  .nav-search .search-form .input-group .input-group-btn svg {
    fill: #111f2c;
  }

  .mainNavigation .navRight nav {
    position: relative;
    max-height: unset;
    width: 100%;
    overflow: visible;
  }

  .mainNavigation .navRight nav > ul {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
  }

  .mainNavigation .navRight nav ul li {
    border: none;
    max-width: unset;
    width: auto;
    height: unset;
  }

  .mainNavigation .navRight nav > ul > li.sidebar-active {
    background: unset;
  }

  .mainNavigation .navRight nav ul li span.nav-title {
    display: block;
  }

  .nav-title a {
    color: white;
    display: block;
    padding: 10px 19px 10px 5px;
    font-size: 15px;
  }

  .navCom-subList .subList-ul > li > a:hover {
    text-decoration: underline;
	cursor: pointer;
  }

  .mainNavigation .navRight nav ul li span.nav-title:not(.has-submenu) a {
/*     padding-right: 0; */
	  padding-right: 10px;
	  padding-left: 10px;
  }

  .mainNavigation .navRight nav ul li span.has-submenu a:after {
    content: "";
    color: #fff;
    display: block;
    top: 50%;
    transform: translate(-5px, calc(-50% + 2px)) rotate(45deg);
    right: 7px;
    position: absolute;
    height: 6px;
    width: 6px;
    text-align: center;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    border-right: 2px solid rgba(255, 255, 255, 0);
    border-bottom: 2px solid rgba(255, 255, 255, 0);
    transition: 0.3s ease all;
  }

  .mainNavigation .navIcon {
    display: block;
  }

  .mainNavigation .navRight nav ul li .subMenu .subList li {
    margin-bottom: 5px;
    display: block;
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 16px;
  }

  .mainNavigation .navRight nav ul li.nav-item .subMenu {
    display: flex;
    left: 0 !important;
    right: 0;
    top: 100%;
    max-height: 0;
    overflow: hidden;
    transition: .3s;
    border-left: 0 !important;
  }

  .mainNavigation .navRight nav ul li.nav-opened .subMenu {
/*     max-height: 66vh; */
	max-height: 760px;
    padding-top: 30px;
  }

  .mainNavigation .navRight nav ul li.nav-opened .nav-title {
    background: #375a65;
  }

  .mainNavigation .navRight nav ul li.nav-opened .mobile-nav-icon {
    display: block;
/*     background: #375a65; */
    margin-bottom: -40px;
    position: relative;
    z-index: 10;
	cursor: default;
  }

  .mainNavigation .navRight nav ul li.nav-opened span a:after {
    transform: translate(-5px, calc(-50% - 2px)) rotate(225deg);
  }

  .navCom-vpp-full .navCom-vpp-gallery img {
    width: 25%;
  }

  .navCom-articles .nav-category-item {
    width: 33%;
  }


}

@media (min-width: 1070px) {
  .mainNavigation .navRight nav ul li span.nav-title a {
    font-size: 16px;
    padding: 10px 40px 10px 20px;
  }
}

@media (min-width: 1200px) {

}
/* end breakpoints */