/* -------------------------------- 

Mega Meny Primary style

-------------------------------- */

@media only screen and (max-width: 1169px) {
  body.mm-left.overflow-hidden {
    overflow: hidden;
  }
}


.mm-search input {
  font-family: sans-serif;
  font-size: 1.6rem;
}

.mm-search input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.lnav,
.snav,
.cnav,
.mm-content, .mm-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;

  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.mm-header.fixed-top{position:fixed;}

.mm-back{cursor:pointer;}
.mm-back a{pointer-events:none;}

@media only screen and (max-width: 1169px) {
	.mm-visible .lnav,
	.mm-visible .snav,
	.mm-visible .cnav,
	.mm-content.nav-is-visible, .mm-header.nav-is-visible {
		-webkit-transform: translateX(-260px);
		-moz-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		-o-transform: translateX(-260px);
		transform: translateX(-260px);
	}
	.mm-left.mm-visible .lnav,
	.mm-left.mm-visible .snav,
	.mm-left.mm-visible .cnav,
	.mm-left .mm-content.nav-is-visible, .mm-left .mm-header.nav-is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
	}
}

.mm-content {
  min-height: 100vh;
  z-index: 2;
}

.mm-header {
  height: 50px;
  z-index: 3;
}
.nav-is-fixed .mm-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}


.mm-buttons {
  position: relative;
  z-index:2;
  display: inline-block;
  top: 3px;
  padding:0;
}
.mm-buttons li {
  display: inline-block;
  float:left;
}
.mobile.portrait .mm-buttons{margin:0;padding:0;}
@media only screen and (max-width: 1169px) {
  .mm-left .mm-buttons {
	  position:absolute;
    right: auto;
    left:0;
  }
  .mm-left .mm-buttons li {}
}

@media only screen and (min-width: 1170px) {
  .mm-buttons {
    top: 18px;
    float:right;
  }
}

.mm-search-trigger, .mm-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  overflow:hidden;
  text-indent:-300px;
  z-index: 3;
}

.mm-search-trigger::before, .mm-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.mm-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid var(--color-dark);
}
.mm-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: var(--color-dark);
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mm-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.mm-search-trigger span::before, .mm-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: var(--color-dark);
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}
.mm-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mm-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mm-search-trigger.search-is-visible::before, .mm-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0;
}
.mm-search-trigger.search-is-visible span::before, .mm-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1;
}
.mm-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.mm-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mm-trigger span, .mm-trigger span::before, .mm-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: var(--color-dark);
}
.mm-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.mm-trigger span::before, .mm-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
}
.mm-trigger span::before {
  /* menu icon top line */
  top: -6px;
}
.mm-trigger span::after {
  /* menu icon bottom line */
  top: 6px;
}
.mm-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
}
.mm-trigger.nav-is-visible span::before, .mm-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: var(--color-dark);
}
.mm-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.mm-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
  .mm-trigger {
    display: none;
  }
}

.mm-primary, .mm-primary ul{padding:0;}
.mm-primary, .mm-primary ul {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 260px;
  background:var(--color-darker);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 3;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.mm-primary a, .mm-primary ul a, .mm-primary .dd {
	text-decoration:none;
  display: block;
  line-height: 50px;
  padding: 0 20px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #3a3f40;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.mm-primary a:hover, .mm-primary ul a:hover{color:#fff;}
.mm-primary a b{font-weight:normal;}
.mm-primary a.has-icon{line-height:16px;}
.mm-primary a.has-icon img{float:left;max-width:64px;margin-right:5px;}
.mm-primary a.has-icon span{font-size: 12px;display: block;}

.mm-primary.is-hidden, .mm-primary ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.mm-primary.moves-out > li > a, .mm-primary ul.moves-out > li > a, .mm-primary.moves-out > li .dd{
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

@media only screen and (max-width: 1169px) {
  .mm-left .mm-primary, .mm-left .mm-primary ul {
    right: auto;
    left: 0;
  }
}
.mm-primary .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: var(--color-first);
  text-decoration:none;
}
.mm-primary .mm-gallery .mm-item, .mm-primary .mm-icons .mm-item {
  /* items with picture (or icon) and title */
  line-height: 80px;
}
.mm-primary .mm-gallery .mm-item b, .mm-primary .mm-icons .mm-item b {
  overflow: hidden;
  text-overflow: ellipsis;
	display: block;
}
.mm-primary .mm-gallery .mm-item {
  padding-left: 80px;
  min-height: 52px;
}
.mm-primary .mm-gallery .mm-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top:5px;
}
.mm-primary .mm-icons .mm-item {
  padding-left: 75px;
}
.mm-primary .mm-icons .mm-item span {
  color: var(--color-dark);
  font-size: 1rem;
  /* hide description on small devices */
  display: none;
}
.mm-primary .mm-icons .mm-item::before,
.mm-primary .blogs .mm-icons .mm-item .img {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
}
.mm-primary .blogs .mm-icons .mm-item{min-height:120px;padding-left:130px;}
.mm-primary .blogs .mm-icons .mm-item .img{overflow:hidden;width: 120px;height:120px;left: 0px;margin-top: -60px;}
.mm-primary .blogs .mm-icons .mm-item .img img{width:100%;}

.mm-primary .mm-icons .mm-item.item-1::before {
  background-image: url("https://static1.101cdn.net/pro/skins/trendy/img/line-icon-1.svg");
}
.mm-primary .mm-icons .mm-item.item-2::before {
  background-image: url("https://static1.101cdn.net/pro/skins/trendy/img/line-icon-2.svg");
}
.mm-primary .mm-icons .mm-item.item-3::before {
  background-image: url("https://static1.101cdn.net/pro/skins/trendy/img/line-icon-3.svg");
}
.mm-primary .mm-icons .mm-item.item-4::before {
  background-image: url("https://static1.101cdn.net/pro/skins/trendy/img/line-icon-4.svg");
}
.mm-primary .mm-icons .mm-item.item-5::before {
  background-image: url("https://static1.101cdn.net/pro/skins/trendy/img/line-icon-5.svg");
}
.mm-primary .mm-icons .mm-item.item-6::before {
  background-image: url("https://static1.101cdn.net/pro/skins/trendy/img/line-icon-6.svg");
}
.mm-primary .mm-icons .mm-item.item-7::before {
  background-image: url("https://static1.101cdn.net/pro/skins/trendy/img/line-icon-7.svg");
}
.mm-primary .mm-icons .mm-item.item-8::before {
  background-image: url("https://static1.101cdn.net/pro/skins/trendy/img/line-icon-8.svg");
}
@media only screen and (max-width: 1169px) {
	/* by default .mm-primary is hidden - trick for iOS devices where you can see the navigation if you pull down */
    
	/*
  .mm-primary {
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
  }
  .mm-primary.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }
  */
	/*S.SH*/
	.mm-visible .lnav,
	.mm-visible .snav,
	.mm-visible .cnav,
	.mm-left .mm-primary{
		visibility: visible;
		-webkit-transform: translateX(-260px);
		-moz-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		-o-transform: translateX(-260px);
		transform: translateX(-260px);
		
		-webkit-transition: transform 0.3s;
		-moz-transition: transform 0.3s;
		transition: transform 0.3s;
	}
	.mm-visible .lnav,
	.mm-visible .snav,
	.mm-visible .cnav,
	.mm-left .mm-primary.nav-is-visible{
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);	
	}
  .mm-primary b{font-size: 1rem;line-height:20px;margin:0.2rem .2rem 0.2rem 0;}
}
/*
 .mm-primary{
	  -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
*/
@media only screen and (min-width: 1170px) {
  .mm-primary {
    position: static;
    padding: 0;
    height: auto;
    width: auto;
    /*float: right;*/
    overflow: visible;
    background: transparent;
	padding-left: 200px;
  }
  .mm-primary::after {
    clear: both;
    content: "";
    display: table;
  }
  .mm-primary.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .mm-primary ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3;
  }
  .mm-primary ul.is-hidden {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .mm-primary ul.moves-out > li > a {
    /* reset mobile style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  .mm-primary > li {
    float: left;
    margin-left:1em;
  }
  .mm-primary li.langs{position:relative;}

  .mm-primary > li > a,
  .mm-primary > li .dd > a {
    /* main navigation buttons style */
    position: relative;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    padding: 0 10px;
    color: var(--color-dark);
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s;
  }
  .mm-primary > li > a:hover {
    color: var(--color-first);
  }
  .mm-primary > li > a.selected {
    color: var(--color-first);
    box-shadow: inset 0 -2px 0 var(--color-first);
  }
  .mm-primary .mm-back, .mm-primary .see-all {
    display: none;
  }
  .mm-primary .mm-secondary, .mm-primary .mm-gallery, .mm-primary .mm-icons, .mm-primary .mm-langs{
    /* dropdown menu style */
    position: absolute;
    top: 80px;
	left:0;
	right:0;
    width: 100vw;
    background: #ffffff;
    padding: 48px 64px 130px;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .mm-primary .mm-langs{width:auto;min-width: 250px;left:50%;transform:translateX(-50%);padding:0;}
  .mm-primary .mm-secondary::after, .mm-primary .mm-gallery::after, .mm-primary .mm-icons::after, .mm-primary .mm-langs::after {
    clear: both;
    content: "";
    display: table;
  }
  
  .mm-primary .mm-secondary.is-hidden, .mm-primary .mm-gallery.is-hidden, .mm-primary .mm-icons.is-hidden, .mm-primary .mm-langs.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
  .mm-primary .mm-secondary > .see-all, .mm-primary .mm-gallery > .see-all, .mm-primary .mm-icons > .see-all {
    /* this is the BIG See all button at the bottom of the dropdown menu */
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    overflow: hidden;
    /* reset some inherited style */
    margin: 0;
    padding: 0;
  }
  .mm-primary .mm-secondary > .see-all a, .mm-primary .mm-gallery > .see-all a, .mm-primary .mm-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    border-top: 1px solid #e2e3df;
    /* reset some inherited style */
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s;
  }
  .mm-primary .mm-secondary > .see-all a:hover, .mm-primary .mm-gallery > .see-all a:hover, .mm-primary .mm-icons > .see-all a:hover {
    background:var(--color-first-80);
    border-color:var(--color-first);
    color: #ffffff;
  }
  .mm-primary .mm-secondary > li {
    /* change the height according to your needs - you can even set height: auto */
    height: 340px;
    /* here you set the number of columns - use width percentage */
    width: 23%;
    float: left;
    margin-right: 2.66%;
    border-right: 1px solid #e2e3df;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .mm-primary .mm-secondary > li:nth-child(4n+2) {
    /* +2 because we have 2 list items with display:none */
    margin-right: 0;
    border-right: none;
  }
  .mm-primary .mm-secondary > li > a {
    /* secondary nav title */
    color: var(--color-first);
    font-size: 1.6rem;
    margin-bottom: .6em;
  }
  .mm-primary .mm-secondary > li > a b{font-weight:bold;}
  .mm-primary .mm-secondary a,
  .mm-primary .mm-langs a {
    color:var(--color-dark);
    border-bottom: none;
    font-size: 1rem;
  }
	.mm-primary .mm-secondary a span{display: block;font-size: 1rem;line-height: 1.3rem;}
  .mm-primary .mm-langs a{line-height:34px;}
  .mm-primary .mm-secondary a{padding: 0 18% 0 0; height: 30px;line-height: 30px;}
  .mm-primary .mm-secondary a.has-icon{ height:auto;line-height:22px;}
  .mm-primary .mm-secondary a.has-icon:after{content:' ';clear:both;display:block;}
  .mm-primary .mm-secondary a.has-icon img{margin-right: 8px;max-width:120px;}
  .mm-primary .mm-secondary a:hover,
  .mm-primary .mm-langs a:hover {
    color: var(--color-first);
  }
  .mm-primary .mm-secondary ul {
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .mm-primary .mm-secondary ul ul {
    /* tertiary navigation */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .mm-primary .mm-secondary ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  .mm-primary .mm-secondary ul ul .mm-back {
    display: block;
  }
  .mm-primary .mm-secondary ul ul .mm-back a {
    color: transparent;
  }
  .mm-primary .mm-secondary ul ul .see-all {
    display: block;
  }
  
  .mm-primary .mm-secondary ul ul li:not(.mm-back):not(.see-all){padding-left:25px;}
  
  .mm-primary .mm-secondary .moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .mm-primary .mm-gallery li {
    /* set here number of columns - use width percentage */
    width: 22%;
    float: left;
    margin: 0 4% 40px 0;
  }
  .mm-primary .mm-gallery li:nth-child(4n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .mm-primary .mm-gallery .mm-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2;
  }
  .mm-primary .mm-gallery .mm-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: .6em;
  }
  .mm-primary .mm-gallery .mm-item b {
    color: var(--color-first);
    font-weight: bold;
    padding: 0;
  }
  .mm-primary .mm-icons li {
    /* set here number of columns - use width percentage */
    width: 32%;
    float: left;
    margin: 0 2% 20px 0;
  }
  .mm-primary .mm-icons li:nth-child(3n+2) {
    /* +2 because we have two additional list items with display:none */
    margin-right: 0;
  }
  .mm-primary .mm-icons .mm-item {
    border-bottom: none;
    line-height: 1.2;
    padding:4px 0 8px 85px;
    position: relative;
  }
  .mm-primary .mm-icons .mm-item:hover {
    background: #f6f6f5;
  }
  .mm-primary .mm-icons .mm-item b {
    color: var(--color-first);
    font-weight: bold;
  }
  .mm-primary .mm-icons .mm-item span {
    display: block;
  }
  .mm-primary .mm-icons .mm-item::before{

    left: 25px;
  }
  .mm-primary .blogs .mm-icons .mm-item .img  {left:0;}
}

.has-children > a, .mm-back a {
  position: relative;
}
.has-children > a::before, .has-children > a::after, .mm-back a::before, .mm-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  /*
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  */
}
.has-children > a::before, .mm-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.has-children > a::after, .mm-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after, .mm-back a::before, .mm-back a::after {
    background: var(--color-first);
  }
  .has-children > a:hover::before, .has-children > a:hover::after, .mm-back a:hover::before, .mm-back a:hover::after {
    background: var(--color-first);
  }
}

.has-children > a {
  padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.mm-primary .mm-back a {
  padding-left: 40px;
}
.mm-primary .mm-back a::before, .mm-primary .mm-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}

@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%;
  }

  .mm-primary > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important;
  }
  .mm-primary > .has-children > a::before, .mm-primary > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
  }
  .mm-primary > .has-children > a::before {
    right: 12px;
  }
  .mm-primary > .has-children > a::after {
    right: 7px;
  }
  .mm-primary > .has-children > a.selected::before, .mm-primary > .has-children > a.selected::after {
    width: 14px;
  }
  .mm-primary > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
  .mm-primary > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .mm-secondary > .has-children > a::before, .mm-secondary > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none;
  }

  .mm-primary .mm-back a {
    padding-left: 20px;
  }
  .mm-primary .mm-back a::before, .mm-primary .mm-back a::after {
    left: 1px;
  }
}
.mm-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.mm-search form {
  height: 100%;
  width: 100%;
}
.mm-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.mm-search input::-webkit-input-placeholder {
  color: #c9cbc4;
}
.mm-search input::-moz-placeholder {
  color: #c9cbc4;
}
.mm-search input:-moz-placeholder {
  color: #c9cbc4;
}
.mm-search input:-ms-input-placeholder {
  color: #c9cbc4;
}
.mm-search input:focus {
  outline: none;
}
.mm-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .mm-search {
  position: fixed;
}
@media only screen and (min-width: 1170px) {
  .mm-search {
    height: 120px;
    top: 80px;
  }
  .mm-search input {
    padding: 0 2em;
    font-size: 3.2rem;
    font-weight: 300;
  }
}

.mm-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: default;
  background-color:var(--bg-light-30);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.mm-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1169px) {
  .mm-overlay.is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
  }
  .mm-left .mm-overlay.is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .mm-overlay.is-visible.search-is-visible, .mm-left .mm-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .mm-primary {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.no-js .mm-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible;
}

@media only screen and (min-width: 1170px) {
  .no-js .mm-primary {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }

  .no-js .nav-is-fixed .mm-primary {
    position: fixed;
  }
}

.mm-langs .flag,.icon .flag{margin:4px 4px 0 0;}
.translated-title{padding:3px 10px;background:var(--color-dark);color:#fff;}
header .translated-title{padding:3px 10px;background:var(--bg-light);color:var(--color-dark);}

#langs{display:none;}

/*------------------------------------------------- 
Menu Types 
--------------------------------------------------*/

/*List*/
.lnav{position:relative;text-align: center;padding: 5px;box-shadow: 0 0 10px rgb(50 50 50 / 10%);}
ul.lm{display:inline-flex;text-align: initial;margin:0;}
ul.lm>li{display:inline-block;}
ul.lm>li>a{display:flex;align-items: flex-start;padding: 5px;text-decoration:none;margin:0 5px;color: var(--color-dark);}
ul.lm>li>a:hover{box-shadow:0 0 2px rgba(50,50,50,.5);background:#fff;}
ul.lm>li img{margin-right:5px;max-width:70px;}
ul.lm>li b{display:block;}
ul.lm>li span{flex: 1;}
ul.lm>li span span{font-size:12px;display:block;white-space:nowrap;font-weight:normal;}
ul.lm>li a:after{content:' ';display:block;clear:both;}
/*Simple*/
.snav{position:relative;text-align: center;padding:0;}
.desktop .snav{opacity:0;}
.desktop .snav.active{opacity:1;}
.snav ul{display:inline-flex;text-align: initial;margin:0;}
ul.sm,ul.sm ul,ul.sm li,ul.sm a { margin: 0; padding: 0; line-height: normal; list-style: none; position: relative; color: var(--color-dark);background:transparent;}
ul.sm ul{background:#fff;}
ul.sm{display:inline-flex;text-align: initial;margin:0;height:100%;}
ul.sm>li{height:100%;}
ul.sm li a b{font-weight:normal;}
ul.sm>li a b{text-transform: uppercase;font-weight:700;font-size:14px;color:#53585c;}
ul.sm>li:not(:last-child):after {content: "/";margin:0 4px;color: var(--color-grey-light);}
.rtl ul.sm>li:not(:last-child):after{margin-right:0;margin-left:7px;}
.mobile ul.sm>li:not(:last-child):after{content:'';display:none;}
ul.sm li ul li a b{max-width: 150px;display: block;white-space: normal;text-transform: initial;font-weight:normal;}
ul.sm li a{border-bottom: 2px solid transparent;}
ul.sm ul,ul.sm li,ul.sm a{display: block;}
ul.sm>li a{display:inline-block;line-height:65px;}
ul.sm ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }
ul.sm li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
ul.sm ul li:hover > ul { top: 0; left: 100%; }
ul.sm li { cursor: default; float: left; white-space: nowrap; }
ul.sm ul li { float: none; padding: 0 5px;line-height: 40px;}
ul.sm li.hidden{display:none;}
ul.sm li a span{display:none;}
/* sub width */
ul.sm ul { min-width: 12em; -webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.25); box-shadow: 0 8px 8px rgba(0,0,0,0.25);padding:0;margin:0 0 0 0;}
/* root */
ul.sm a {padding:0;font-weight: normal;line-height: 40px;text-decoration: none;}
/* root: active */
ul.sm > li > .nav-active { background-color: rgba(0,0,0,0.05); }
/* root: hover/persistence */
ul.sm a:hover,ul.sm a:focus,ul.sm li:hover a ,ul.sm li.active a {}
/* 2 */
ul.sm li li a,ul.sm li:hover li a {padding: 8px 10px;font-size: 16px;line-height: normal;border-bottom:none;}
/* 2: hover/persistence */
ul.sm li:hover li:hover{background:var(--bg-light);}
/* 3 */
ul.sm li:hover li:hover li:hover{background:var(--bg-light);}
/* 3: hover/persistence */
ul.sm li:hover li:hover li a:hover,ul.sm li:hover li:hover li a:focus,ul.sm li:hover li:hover li:hover a {background: #5a6673;}
/* 4 */
ul.sm li:hover li:hover li:hover li a {background: #5a6673;}
/* 4: hover */
ul.sm li:hover li:hover li:hover li a:hover,ul.sm li:hover li:hover li:hover li a:focus {background: #222;}
/* arrow */
/*
ul.sm .has-children > a{padding-right:15px;}
ul.sm .has-children > a::before{display:none;}
ul.sm .has-children > a::after{background:transparent;width: 0;height: 0;border-style: solid;border-width: 8px 5px 0 5px;border-color: #000000 transparent transparent transparent;transform:none;right:0;margin-top: -3px;}
ul.sm .has-children > a:hover::before,ul.sm .has-children > a:hover::after{background: #fff;}
*/
.mobile ul.sm .has-children{padding-right:5px;}
.mobile ul.sm .has-children > a::after{display:none;}
.mobile ul.sm .has-children > .arr{top:16px;right:0;}

.mobile.rtl ul.sm .has-children > .arr{right:auto;left:0;}

.mobile .snav{padding:0;}
.mobile .snav .arr{border-color:#000 transparent transparent transparent;transition:transform .4s;}
.mobile .snav .open .arr{transform:rotate(180deg);}

.mobile ul.sm{display:block;font-size: 18px;}
.mobile ul.sm, .mobile ul.sm ul,.mobile  ul.sm li, .mobile ul.sm a{color:var(--text-color-lighter);background:transparent;}
.mobile ul.sm > li{display:block;float:none;border-bottom:1px solid rgb(255 255 255 / 20%);}
.mobile ul.sm li a,.mobile ul.sm li li a,.mobile ul.sm li:hover li a{line-height:38px;}
.mobile ul.sm li li a,.mobile ul.sm li:hover li a{line-height:1;}

.mobile ul.sm a:hover,.mobile ul.sm a:focus,.mobile ul.sm li:hover a,.mobile ul.sm li.active a,.mobile ul.sm li a{border-bottom:none;}
.mobile ul.sm ul{position:relative;top:0;left:0;box-shadow:none;border-radius:0;background:transparent;opacity:1;display:none;}
.mobile ul.sm a img{width: 40px;height: 32px;float: left;margin-right: 5px;}
/*
html[lang="ru"] ul.sm li a,
html[lang="fr"] ul.sm li a,
html[lang="de"] ul.sm li a{font-size: 13px;}
html[lang="pl"] ul.sm li a{font-size: 14px;}

html[lang="es"] #sticky-primary ul.sm li a,
html[lang="pl"] #sticky-primary ul.sm li a,
html[lang="ru"] #sticky-primary ul.sm li a{padding: 0 5px;}
*/
ul.sm a img{width:100%;}
.snav .extend{position:absolute;z-index:1;right:-10px;padding-top:20px;top:50%;margin-top:-5px;cursor:pointer;}
.snav .arr{
	position:absolute;
	right:0;
	top:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #000000 transparent transparent transparent;
}
.extend .wrap{
	position:absolute;
	z-index:-999;
	right:0;
	top:0px;
	padding-top:20px;
	display:none;
		
}
.extend .list{
	position:relative;
	padding:10px;
	background:#fff;
	text-align: left;
	min-width: 15em;
    -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 25%);
    box-shadow: 0 0 8px rgb(0 0 0 / 25%);
    padding: 12px;
    border-radius: 5px;
	opacity:0;
   -webkit-transition: opacity .3s;
    transition: opacity .3s;

}
.extend .list a{display:block;white-space:nowrap;line-height:26px;padding:2px 5px;}
.extend .list a b{font-weight:normal;}
.extend:hover .wrap{display:block;}
.extend:hover .list{opacity:1;}

.extend .list ul{display:block;}
.extend .list ul ul{padding-left:20px;}
.extend .list ul ul li{margin-bottom:5px;}
.extend .list a{}
.extend .list a:hover{background:#f0f0f0;}
.extend .list a.has-icon{display:flex;}
.extend .list a img{display:none;}



/* vertical */
.nav-vertical { max-width: 220px; }
.nav-vertical ul { top: 0; left: -9999px; }
.nav-vertical li { width: 100%; float: none; }
.nav-vertical li:hover > ul { left: 100%; }

/*Columns*/
.cnav{position:relative;text-align: center;}
.cnav ul{display:inline-flex;text-align: initial;margin:0;}
ul.cm{display:inline-flex;text-align: initial;margin:0;}
ul.cm li{padding:0;min-width: 200px;}
ul.cm ul{display:block;padding: 0;}
ul.cm ul b{font-weight:normal;}

ul.cm li a b{font-size: 24px;font-weight:500;line-height: 24px;}
ul.cm li ul li a b{font-size:14px;font-weight:40;line-height:36px;}

.mobile.portrait ul.cm,
.mobile.portrait ul.cm li{display:block;}

/*RTL*/
.rtl .snav{direction:rtl;}
.rtl ul.sm li{}
.rtl ul.sm li:hover > ul{left:auto;right:0;}

/* Menu extend */

ul.sm li.more{}
ul.sm li.more ul{left:auto;right:-9999px;}
ul.sm li.more:hover > ul{right:0;}
ul.sm li.more li:hover > ul{right: 100%;left: auto;}
ul.sm li.more .ttl{display:block;}
ul.sm li.more .ttl:after{content:' ';display:inline-block;width: 0;height: 0;border-width:7px 3.5px 0 3.5px;border-color: #000000 transparent transparent transparent;border-style: solid;position:relative;top:-1px;margin:0 5px;}
ul.sm li.more:hover li:hover li a{background: #fff;}
ul.sm li.more:hover li:hover li:hover a{background: var(--bg-light);}