/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
	box-sizing: border-box;
  }
  
  html {
	font-size: 62.5%;
  }
  
  body {
	font-size: 1.6rem;
	font-family:'W_yekan';
	color: #4c4d4f;
	background-color: #ffffff;
  }
  @media only screen and (max-width: 768px) {
	body.nav-on-left.overflow-hidden {
	  overflow: hidden;
	}
  }
  
  a {
	color: #cc593a;
	text-decoration: none;
  }
  
  img {
	/* make images responsive */
	max-width: 100%;
	vertical-align: middle;
  }
  
  input {
	font-family:'W_yekan';
	font-size: 1.6rem;
  }
  
  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 
  
  -------------------------------- */
   .cd-main-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;
  }
  
  .cd-main-content, .cd-main-header {
	position: relative;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
  }
  @media only screen and (max-width: 768px) {
	.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
	  -webkit-transform: translateX(-260px);
	  -moz-transform: translateX(-260px);
	  -ms-transform: translateX(-260px);
	  -o-transform: translateX(-260px);
	  transform: translateX(-260px);
	}
	.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
	  -webkit-transform: translateX(260px);
	  -moz-transform: translateX(260px);
	  -ms-transform: translateX(260px);
	  -o-transform: translateX(260px);
	  transform: translateX(260px);
	}
  }
  
  .cd-main-content {
   /* background: #e2e3df;*/
   /* min-height: 100vh;*/
	
  }
  
  /*.cd-main-header {
	height: 50px;
	background: #ffffff;
	z-index: 3;
  }*/
  .nav-is-fixed .cd-main-header {
	/* add .nav-is-fixed class to body if you want a fixed navigation on > 769px */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
  }
  /*@media only screen and (min-width: 769px) {
	.cd-main-header {
	  height: 80px;
	}
	.cd-main-header::after {
	  clear: both;
	  content: "";
	  display: table;
	}
  }*/
  
  .cd-logo {
	position: absolute;
	top: 12px;
	left: 5%;
  }
  .cd-logo img {
	display: block;
  }
  @media only screen and (max-width: 768px) {
	.nav-on-left .cd-logo {
	  left: auto;
	  right: 5%;
	}
  }
  @media only screen and (min-width: 769px) {
	.cd-logo {
	  top: 26px;
	  left: 4em;
	}
  }
  
  .cd-header-buttons {
	position: absolute;
	display: inline-block;
	top: 3px;
	right: 5%;
	  right: 0
  }
  .cd-header-buttons li {
	display: inline-block;
  }
  @media only screen and (max-width: 768px) {
	.nav-on-left .cd-header-buttons {
	  right: auto;
	  left: 5%;
	}
	.nav-on-left .cd-header-buttons li {
	  float: right;
	}
  }
  @media only screen and (min-width: 769px) {
	.cd-header-buttons {
	  top: 18px;
	  right: 4em;
	}
  }
  
  .cd-search-trigger, .cd-nav-trigger {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	white-space: nowrap;
	/* hide text */
	color: transparent;
	z-index: 3;
   /* margin-top:20px*/
  }
  
  .cd-search-trigger::before, .cd-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;
  }
  .cd-search-trigger::before {
	/* lens */
	top: 11px;
	left: 11px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 3px solid #4c4d4f;
  }
  .cd-search-trigger::after {
	/* handle */
	height: 3px;
	width: 8px;
	background: #4c4d4f;
	bottom: 14px;
	right: 11px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .cd-search-trigger span {
	/* container for the X icon */
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
  }
  .cd-search-trigger span::before, .cd-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: #4c4d4f;
	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;
  }
  .cd-search-trigger span::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .cd-search-trigger span::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }
  .cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
	/* hide search icon */
	opacity: 0;
  }
  .cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
	/* show close icon */
	opacity: 1;
  }
  .cd-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);
  }
  .cd-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);
  }
  
  .cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
	/* hamburger icon in CSS */
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 24px;
	background: #000;
  }
  .cd-nav-trigger span {
	/* line in the center */
	position: absolute;
	top: 46%;
	right: 20px;
	margin-top: -2px;
	-webkit-transition: background 0.3s 0.3s;
	-moz-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
  }
  .cd-nav-trigger span::before, .cd-nav-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;
  }
  .cd-nav-trigger span::before {
	/* menu icon top line */
	top: -6px;
  }
  .cd-nav-trigger span::after {
	/* menu icon bottom line */
	top: 6px;
  }
  .cd-nav-trigger.nav-is-visible span {
	/* hide line in the center */
	background: rgba(46, 50, 51, 0);
  }
  .cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
	/* keep visible other 2 lines */
	background: #000;
  }
  .cd-nav-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);
  }
  .cd-nav-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: 769px) {
	.cd-nav-trigger {
	  display: none;
	}
  }
  
  .cd-primary-nav, .cd-primary-nav ul {
	position: fixed;
	top: 0;
	right: 15px;
	  right: 0;
	height: 100%;
	width: 260px;
	background: #2b2b2b;
	  
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index:99999;
	/* 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;
  }
  .cd-primary-nav a, .cd-primary-nav ul a {
	display: block;
  /*  height: 50px;*/
  text-align: right;
	line-height: 56px;
	padding: 0 10px;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	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;
  }
  .cd-primary-nav.is-hidden, .cd-primary-nav 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%);
  }
  .cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
	/* 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: 768px) {
	.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
	  right: auto;
	  left: 0;
	}
	  .cd-primary-nav, .cd-primary-nav ul{
		  box-shadow: 0 0 10px 0 rgba(0,0,0,.27);
	  }
  }
  .cd-primary-nav .see-all a {
	/* different style for the See all button on mobile and tablet */
	color: #cc593a;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
	/* items with picture (or icon) and title */
	height: 80px;
	line-height: 80px;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
	overflow: hidden;
	text-overflow: ellipsis;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
	padding-left: 90px;
  }
  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
	position: absolute;
	display: block;
	height: 40px;
	width: auto;
	left: 20px;
	top: 50%;
	margin-top: -20px;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
	padding-left: 75px;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
	color: #4c4d4f;
	font-size: 1.3rem;
	/* hide description on small devices */
	display: none;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
	/* 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;
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
	background-image: url("../img/line-icon-1.svg");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
	background-image: url("../img/line-icon-2.svg");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
	background-image: url("../img/line-icon-3.svg");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
	background-image: url("../img/line-icon-4.svg");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
	background-image: url("../img/line-icon-5.svg");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
	background-image: url("../img/line-icon-6.svg");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
	background-image: url("../img/line-icon-7.svg");
  }
  .cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
	background-image: url("../img/line-icon-8.svg");
  }
  @media only screen and (max-width: 768px) {
	.cd-primary-nav {
	  /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
	  visibility: hidden;
	  -webkit-transition: visibility 0s 0.3s;
	  -moz-transition: visibility 0s 0.3s;
	  transition: visibility 0s 0.3s;
	}
	.cd-primary-nav.nav-is-visible {
	  visibility: visible;
	  -webkit-transition: visibility 0s 0s;
	  -moz-transition: visibility 0s 0s;
	  transition: visibility 0s 0s;
	  margin-top: 0px;
	}
  }
  
  @media only screen and (min-width: 769px) {
	.cd-primary-nav {
	  position: static;
	  padding:0;
	  height: auto;
	  width: auto;
	  float: right;
	  overflow: visible;
	  background: transparent;
	}
	.cd-primary-nav::after {
	  clear: both;
	  content: "";
	  display: table;
	}
	.cd-primary-nav.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;
	}
	.cd-primary-nav ul {
	  position: static;
	  height: auto;
	  width: auto;
	  background: transparent;
	  overflow: visible;
	  z-index: 3;
	}
	.cd-primary-nav 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);
	}
	.cd-primary-nav 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;
	}
	.cd-primary-nav > li {
	   float: right;
	   margin: 0 10px;
	}
	.cd-primary-nav > li > a {
	  /* main navigation buttons style */
	  position: relative;
	  display: inline-block;
	  height: 45px;
	  line-height: 45px;
	  padding: 0 9px;
	  color: #fff;
	  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;
	  font-size: 15px;
	}
	
	.cd-primary-nav > li > a.selected {
	  color: #ffa500;
  /*    box-shadow: inset 0 -2px 0 #cc593a;*/
	}
	.cd-primary-nav .go-back, .cd-primary-nav .see-all {
	  display: none;
	}
	.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
	  /* dropdown menu style */
	  position: absolute;
	  top: 45px;
	  width:620px;
	  min-height:285px;
	  background: #ffffff;
	  padding:10px 5px 52px;
	  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;
	}
	.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
	  clear: both;
	  content: "";
	  display: table;
	}
	.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.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;
	}
	.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-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: 50px;
	  width: 100%;
	  overflow: hidden;
	  /* reset some inherited style */
	  margin: 0;
	  padding: 0;
	}
	.cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-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: 50px;
	  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;
	}
	.cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
	  background: #4c4d4f;
	  border-color: #4c4d4f;
	  color: #ffffff;
	}
	.cd-primary-nav .cd-secondary-nav > li {
  /*    height: 30px;*/
	  width:25%;
	  float: right;
	  margin-left:5px;
  /*    border-left: 1px solid #e2e3df;*/
	  overflow: hidden;
	  overflow-x: hidden;
	  overflow-y: hidden;
	  -webkit-overflow-scrolling: touch;text-align: right; cursor:pointer
	}
  /*  .has-children.fakeScroll {
	  height: 100px !important;
  }*/
	.cd-primary-nav .cd-secondary-nav > li:nth-child(3n) {
	  /* +2 because we have 2 list items with display:none */
	  margin-left: 0;
	  border-left: none;
	}
	.cd-primary-nav .cd-secondary-nav > li > a {
	  /* secondary nav title */
	  color: #cc593a;
	  /*font-weight: bold;*/
	  font-size: 1.4rem;
	  /*margin-bottom: .6em;*/
	}
	.cd-primary-nav .cd-secondary-nav a {
	  height: 37px;
	  line-height: 37px;
	  padding: 0 2% ;
	  color: #4c4d4f !important;
	  border-bottom: none;
	  font-size: 1.4rem;
	}
	.cd-primary-nav .cd-secondary-nav a:hover {
	  color: #ffffff/*ce6043*/ !important;
	  background-color: #f7ae45 !important;
	}
	.cd-primary-nav .cd-secondary-nav 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);
	}
	.cd-primary-nav .cd-secondary-nav ul ul {
	  /* tertiary navigation */
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
	  width: 100%;
	}
	.cd-primary-nav .cd-secondary-nav ul.is-hidden {
	  -webkit-transform: translateX(100%);
	  -moz-transform: translateX(100%);
	  -ms-transform: translateX(100%);
	  -o-transform: translateX(100%);
	  transform: translateX(100%);
	}
	
  /*.cd-nav ul li ul li ul{ display:none }*/
	
	.cd-primary-nav .cd-secondary-nav ul ul .go-back {
	  display: block;
	}
	.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
	  color: transparent;
	}
	.cd-primary-nav .cd-secondary-nav ul ul .see-all {
	  display: block;
	}
	.cd-primary-nav .cd-secondary-nav .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%);
	}
	.cd-primary-nav .cd-nav-gallery li {
	  /* set here number of columns - use width percentage */
	  width: 22%;
	  float: left;
	  margin: 0 4% 40px 0;
	}
	.cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
	  /* +2 because we have two additional list items with display:none */
	  margin-right: 0;
	}
	.cd-primary-nav .cd-nav-gallery .cd-nav-item {
	  border-bottom: none;
	  padding: 0;
	  height: auto;
	  line-height: 1.2;
	}
	.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
	  position: static;
	  margin-top: 0;
	  height: auto;
	  width: 100%;
	  margin-bottom: .6em;
	}
	.cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
	  color: #cc593a;
	  font-weight: bold;
	  padding: 0 .4em;
	}
	.cd-primary-nav .cd-nav-icons li {
	  /* set here number of columns - use width percentage */
	  width: 32%;
	  float: left;
	  margin: 0 2% 20px 0;
	}
	.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
	  /* +2 because we have two additional list items with display:none */
	  margin-right: 0;
	}
	.cd-primary-nav .cd-nav-icons .cd-nav-item {
	  border-bottom: none;
	  height: 80px;
	  line-height: 1.2;
	  padding: 24px 0 0 85px;
	  position: relative;
	}
	.cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
	  background: #f6f6f5;
	}
	.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
	  color: #cc593a;
	  font-weight: bold;
	}
	.cd-primary-nav .cd-nav-icons .cd-nav-item p {
	  display: block;
	}
	.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
	  left: 25px;
	}
  }
  .has-children > a, .go-back a {
	position: relative;
  }
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-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: #64635E;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  }
  .has-children > a::before, .go-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, .go-back a::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }
  @media screen and (min-width:769px) and (max-width:990px) {
	.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
	  /* dropdown menu style */
	  position: absolute;
	  top: 45px;
	  width:400px;
	  background: #ffffff;
	  padding:5px 5px 50px;
	  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;
	}
	.cd-primary-nav .cd-secondary-nav > li {
	  height: 30px;
	  width:49%;
	  float: right;
	  margin-left: 5px;
	 /* border-left: 1px solid #e2e3df;*/
	  overflow: hidden;
	  overflow-x: hidden;
	  overflow-y: hidden;
	  -webkit-overflow-scrolling: touch;
	  text-align: right;
  }
	.cd-primary-nav .cd-secondary-nav > li:nth-child(n) {
	  /* +2 because we have 2 list items with display:none */
	  margin-left: 0;
	  border-left: none;
	}
  
  }
  
  
  
  @media only screen and (min-width: 769px) {
	.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
	  background: #64635E
	}
	.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
	  background: #64635E
	}
  }
  
  .has-children > a {
	padding-right:10px;
  }
  .has-children > a::before, .has-children > a::after {
	/* arrow goes on the right side - children navigation */
	left: 20px;
	-webkit-transform-origin:10% 1px;
	-moz-transform-origin:10% 1px;
	-ms-transform-origin: 10% 1px;
	-o-transform-origin:10% 1px;
	transform-origin: 10% 1px;
	
	
  }
  
  .cd-primary-nav .go-back a {
	padding-left: 40px;
  }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
	/* arrow goes on the left side - go back button */
	left: 0px;
	-webkit-transform-origin:  9px 50%;
	-moz-transform-origin:  9px 50%;
	-ms-transform-origin:  9px 50%;
	-o-transform-origin:  9px 50%;
	transform-origin:  9px 50%;
  }
  
  @media only screen and (min-width: 769px) {
	.has-children > a::before, .has-children > a::after {
	  left: 15%;
	}
  
	.cd-primary-nav > .has-children > a {
	  /* main navigation arrows on larger devices */
	  padding-left: 22px !important;
	}
	.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .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: #a1a1a1;
	  -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;
	}
	.cd-primary-nav > .has-children > a::before {
	  left: 1px;
	}
	.cd-primary-nav > .has-children > a::after {
	  left: 7px;
	}
	.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
	  width: 14px;
	}
	.cd-primary-nav > .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);
	}
	.cd-primary-nav > .has-children > a.selected::after {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
  
	.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
	  /* remove arrows on secondary nav titles */
	  display: none;
	}
  
	.cd-primary-nav .go-back a {
	  padding-left: 20px;
	}
  /*  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
	 left: 30px;
	}*/
  }
  .cd-search {
	position: absolute;
	height: 50px;
	width: 100%;
	top: 50px;
	left: 0;
	z-index: 3;
	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;
  }
  .cd-search form {
	height: 100%;
	width: 100%;
  }
  .cd-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;
  }
  .cd-search input::-webkit-input-placeholder {
	color: #c9cbc4;
  }
  .cd-search input::-moz-placeholder {
	color: #c9cbc4;
  }
  .cd-search input:-moz-placeholder {
	color: #c9cbc4;
  }
  .cd-search input:-ms-input-placeholder {
	color: #c9cbc4;
  }
  .cd-search input:focus {
	outline: none;
  }
  .cd-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 .cd-search {
	position: fixed;
  }
  @media only screen and (min-width: 769px) {
	.cd-search {
	  height: 120px;
	  top: 80px;
	}
	.cd-search input {
	  padding: 0 2em;
	  font-size: 3.2rem;
	  font-weight: 300;
	}
  }
  
  .cd-overlay {
	/* shadow layer visible when navigation is active */
	position: fixed;
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: rgba(105, 170, 111, 0.8);
	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;
  }
  .cd-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: 768px) {
	.cd-overlay.is-visible {
	  -webkit-transform: translateX(-260px);
	  -moz-transform: translateX(-260px);
	  -ms-transform: translateX(-260px);
	  -o-transform: translateX(-260px);
	  transform: translateX(-260px);
	}
	.nav-on-left .cd-overlay.is-visible {
	  -webkit-transform: translateX(260px);
	  -moz-transform: translateX(260px);
	  -ms-transform: translateX(260px);
	  -o-transform: translateX(260px);
	  transform: translateX(260px);
	}
	.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-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 .cd-primary-nav {
	position: relative;
	height: auto;
	width: 100%;
	overflow: visible;
	visibility: visible;
	z-index: 2;
  }
  
  .no-js .cd-search {
	position: relative;
	top: 0;
	opacity: 1;
	visibility: visible;
  }
  
  @media only screen and (min-width: 769px) {
	.no-js .cd-primary-nav {
	  position: absolute;
	  z-index: 3;
	  display: inline-block;
	  width: auto;
	  top: 0;
	  right: 0;
	  padding: 0;
	}
  
	.no-js .nav-is-fixed .cd-primary-nav {
	  position: fixed;
	}
  }
  .is-hidden{ display:none;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ------------------- */
  #menuLogo-resize {
	  width: 100%;
	  height: auto;
	  position: relative;
	  z-index: 9999;
  }
  
  
  #menuLogo {
	 /* width: 1200px;*/
	  position: relative;
	  background: #221405;
	  padding: 0px 20px;
	  min-height: 60px;
  }
  #login, #menuLogo {
	  height: auto;
	  margin: 0 auto;
  }
  
  .menu-logo {
	  float: left;
	  padding-top: 5px;
  }
  
  .login-Show {
	  width: auto;
	  float: right;
	  padding: 0px 10px;
	  background: #ffa500;
	  border-radius: 50px;
	  margin-top: 14px;
	  height: 32px;
	  line-height: 32px;
  }
  .login-Show, .text {
	  text-align: right;
	  direction: rtl;
  }
  
  .phone {
	  width: auto;
	  float: right;
	  padding: 0px 10px;
	  background: #fff;
	  border-radius: 50px;
	  margin-top: 14px;
	  margin-right: 7px;
	  height: 32px;
	  line-height: 32px;
	  max-width: 140px;
  }
  .icon {
	  padding-left: 5px;
  }
  .icon, .text {
	  display: block;
	  float: right;
  }
  
  
  
  
     @media (min-width: 1024px) {
      .cd-secondary-nav  .has-children {
            position: relative ;
        }
         /* .cd-secondary-nav  .has-children >a{
            z-index: 1;
         }
          .cd-secondary-nav  .has-children >a:hover{
            z-index: 0 !important;
          } */
              .cd-secondary-nav  .has-children > a::before,
               .cd-secondary-nav  .has-children > a::after{
                    display: none !important;
                }
                .cd-secondary-nav li .has-children:has(ul.is-hidden)::after{
                    display: block !important;
                }
                .cd-secondary-nav li .has-children::after{
                    display: none ;
                }
                .cd-secondary-nav li .has-children:has(ul.is-hidden){
                    position: relative !important;
                }
                .cd-secondary-nav li .has-children{
                    position: unset;
                }
       .cd-secondary-nav .has-children::after{
           content: '';
        background-image: url(../images/arrow-ft.svg);
        position: absolute;
        left: 13px;
        top: 7px;
        transform: scale(0.85);
        width: 24px;
        /* display: none; */
        /* z-index: 0; */
        height: 24px;
        transition: all 0.4s ease-in-out;
        background-repeat: no-repeat;
        background-position: center;
        }
        .cd-secondary-nav .has-children:has(ul:not(.is-hidden))::after{
            transform: scale(0.85) rotate(180deg);
        }
         
     }


