#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1.5; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#cssmenu #menu-button { display: none; }
#cssmenu { float: right !important; display: inline-block; }
#cssmenu > ul { float: right !important; width: 100%; display: inline-block; }
#cssmenu > ul > li { float: left; display: inline-block; line-height: 50px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#cssmenu > ul > li:last-child a { padding-right: 0px; }
#cssmenu > ul > li > a { text-decoration: none; font-size: 16px; font-weight: 600; color: #2b2f30; text-transform: capitalize; padding: 38px 18px 28px 18px; }
html[lang=ru] #cssmenu > ul > li > a { font-size: 16.5px; padding: 35px 17px 36px 17px; }
html[lang=ru] #cssmenu > ul > li:last-child a { font-size: 16.5px; padding-right: 0px; }
html[lang=es] #cssmenu > ul > li > a { font-size: 18px; padding: 35px 19px 36px 19px; }
html[lang=es] #cssmenu > ul > li:last-child a { font-size: 18px; padding-right: 0px; }
#cssmenu > ul > li:hover > a { color: #ed1c24; }
#cssmenu > ul > li.active > a { color: #ed1c24; }
#cssmenu > ul ul li:hover  > a, #cssmenu > ul ul li > a:hover, #cssmenu > ul ul li.active > a { color: #fff; text-shadow: none; }

/*#cssmenu > ul ul li:nth-child(3n+1):hover  > a,

#cssmenu > ul ul li:nth-child(3n+1) > a:hover,

#cssmenu > ul ul li:nth-child(3n+1).active > a {



}

#cssmenu > ul ul li:nth-child(3n+2):hover  > a,

#cssmenu > ul ul li:nth-child(3n+2) > a:hover,

#cssmenu > ul ul li:nth-child(3n+2).active > a {



}

#cssmenu > ul ul li:nth-child(3n+3):hover  > a,

#cssmenu > ul ul li:nth-child(3n+3) > a:hover,

#cssmenu > ul ul li:nth-child(3n+3).active > a {



}

#cssmenu > ul li ul

{

}*/
#cssmenu > ul > li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 3px 3px 0px 3px; border-color: #000 transparent transparent; right: 5%; top: 53%; }
#cssmenu > ul > li.has-sub.active > a::after, #cssmenu > ul > li.has-sub:hover > a::after { border-color: #ed1c24 transparent transparent; border-width: 3px 3px 0px 3px; }
#cssmenu ul ul { position: absolute; left: -9999px; top: 0; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in; }
#cssmenu > ul > li > ul { top: 78px; padding-top: 0px; }
#cssmenu > ul > li:hover > ul { left: 0; opacity: 1; }
#cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0; }
#cssmenu ul ul ul { padding-top: 0px; margin-left: 75px; }
#cssmenu > ul ul > li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; right: 45%; top: 60px; display: block; }
#cssmenu.align-right ul ul ul { padding-right: 6px; }
#cssmenu ul ul > li:hover > ul { left: 180px; top: 0; opacity: 1; }
#cssmenu.align-right ul ul > li:hover > ul { left: auto; right: 100%; opacity: 1; }
#cssmenu ul ul li a { text-decoration: none; font-weight: 400; padding: 8px 15px; width: 255px; color: #c3c3c3; font-size: 13px; text-align: left; background-color: #2b2f30; border-bottom: 1px solid #393b3b; text-transform: capitalize; }
#cssmenu ul ul ul li:last-child { border-bottom: 0px solid #02787E !important; }
#cssmenu ul ul li a:hover { text-shadow: 0px 0px #02787E; }
#cssmenu ul ul li:last-child a { border-bottom: 0px solid #012d4e; }
#cssmenu ul ul:hover, #cssmenu ul ul:active { }

/*#cssmenu > ul ul ul li:nth-child(3n+1):hover  > a,

#cssmenu > ul ul ul li:nth-child(3n+1) > a:hover,

#cssmenu > ul ul ul li:nth-child(3n+1).active > a {

  background: #004C6C;

  color: #FFF;

  text-shadow:0px 0px #fff !important;



}

#cssmenu > ul ul ul li:nth-child(3n+2):hover  > a,

#cssmenu > ul ul ul li:nth-child(3n+2) > a:hover,

#cssmenu > ul ul ul li:nth-child(3n+2).active > a {

  background: #004C6C;

  color: #FFF;

  text-shadow:0px 0px #fff !important;



}

#cssmenu > ul ul ul li:nth-child(3n+3):hover  > a,

#cssmenu > ul ul ul li:nth-child(3n+3) > a:hover,

#cssmenu > ul ul ul li:nth-child(3n+3).active > a {

  background: #004C6C;

  color: #FFF;

  text-shadow:0px 0px #fff !important;

}*/
#cssmenu ul ul li:first-child > a { border-top-left-radius: 0; border-top-right-radius: 0; }
#cssmenu ul ul li:last-child > a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#cssmenu > ul > li > ul::after { position: absolute; display: block; }
#cssmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 3px solid transparent; border-left-color: #636363; right: 17px; top: 18px; }
#cssmenu.align-right ul ul li.has-sub > a::after { border-left-color: transparent; border-right-color: #fff; right: auto; left: 17px; }
#cssmenu ul ul li.has-sub.active > a::after, #cssmenu ul ul li.has-sub:hover > a::after { border-left-color: #474747; }
#cssmenu.align-right ul ul li.has-sub.active > a::after, #cssmenu.align-right ul ul li.has-sub:hover > a::after { border-right-color: #fff; border-left-color: transparent; }
@media all and (max-width:800px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px) {
  #cssmenu { position: relative !important; display: block; width: 100%; float: right; z-index: 1; margin-top: 0px; }
  html[lang=ru] #cssmenu > ul > li > a { font-size: 18px; padding: 0; }
  html[lang=ru] #cssmenu > ul > li:last-child a { font-size: 18px; padding-right: 0px; }
  html[lang=es] #cssmenu > ul > li > a { font-size: 18px; padding: 0; }
  html[lang=es] #cssmenu > ul > li:last-child a { font-size: 18px; padding-right: 0px; }
  #cssmenu > ul li ul { border-top: 0px solid #FFF; }
  li.has-sub:hover { background: none !important }
  #cssmenu > ul { display: none; }
  #cssmenu > ul ul { border-bottom: none; }
  #cssmenu > ul.open { display: block; position: relative; width: 100%; float: right; margin-top: 26px; margin-bottom: 15px; }
  #cssmenu > ul.open:nth-child(1) { background: #FFF; }
  #cssmenu > ul li ul { display: none; position: relative; }
  #cssmenu > ul li ul.open { display: block; position: relative; }
  #cssmenu.align-right > ul { float: none; }
  #cssmenu.align-center > ul { text-align: left; }
  #cssmenu > ul > li, #cssmenu > ul > li { float: none; padding: 10px 0 10px 0; border-bottom: 1px solid #CCC; display: block; background: none; }
  #cssmenu > ul > li:last-child { border-bottom: 0px; }
  #cssmenu > ul > li > a { padding: 0px; text-align: center; }
  #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { padding-bottom: 0px; border: none; text-align: center; }
  #cssmenu #menu-button { display: block; text-decoration: none; font-size: 11px; font-weight: 600; color: #004071; padding: 18px 25px 18px 25px; text-transform: uppercase; letter-spacing: 0px; cursor: pointer; position: relative; margin-top: -57px; z-index: 1; }
  #cssmenu ul ul li a { padding: 7px 0px; }
  #cssmenu ul ul, #cssmenu ul li:hover > ul, #cssmenu > ul > li > ul, #cssmenu ul ul ul, #cssmenu ul ul li:hover > ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul li:hover > ul, #cssmenu.align-right > ul > li > ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul ul li:hover > ul { left: 0; right: auto; top: auto; opacity: 1; width: 100%; position: relative; text-align: center; }
  #cssmenu ul ul ul { padding-top: 0; margin-left: 0px; }
  #cssmenu ul ul li { width: 100%; }
  #cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 0; text-align: center; background-color: #FFF; color: #000; text-shadow: none; border-bottom: 0px solid #ccc; font-weight: 400; font-size: 14px; }
  #cssmenu ul ul ul li a { color: #02787E; font-size: 13px; }
  #cssmenu ul ul ul li:hover >a

  #cssmenu ul ul ul li a:hover

  #cssmenu ul ul ul li.active a { color: #ed1c24; }
  #cssmenu ul ul li a:hover { color: #ed1c24; background-color: #fff; border-bottom: 0px; }
  #cssmenu ul ul ul li a { padding-left: 0; }
  #cssmenu ul ul > li:hover > ul { border-top: 0px }
  #cssmenu #menu-button::after { display: block; content: ''; position: absolute; height: 3px; width: 25px; border-top: 2px solid #000; border-bottom: 2px solid #000; right: -10px; top: 28px; }
  #cssmenu #menu-button::before { display: block; content: ''; position: absolute; height: 3px; width: 25px; border-top: 2px solid #000; right: -10px; top: 38px; }
  #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after {    /*display: none;*/

  right: 10%; top: 48%; }
}

/*accordion*/
#cssmenux, #cssmenux ul, #cssmenux ul li, #cssmenux ul li a { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-shadow: none !important; font-weight: 400; }
#cssmenux { width: 90%; color: #ffffff; margin: auto; padding: 6%; box-sizing: border-box; }
#cssmenux ul ul { display: none; }
.align-right { float: right; }
#cssmenux > ul > li { background-color: transparent; }
#cssmenux > ul > li:last-child { background-color: transparent; border-bottom: none; }
#cssmenux > ul > li > a { padding: 9px 0; text-align: left; cursor: pointer; z-index: 2; font-size: 14px; line-height: 17px; color: #fff; font-weight: 400; text-decoration: none; }
#cssmenux > ul > li:before { }
#cssmenux > ul > li.product:hover:before, #cssmenux > ul > li.product:before { height: 55px; width: 12px; position: absolute; content: "\00a0 "; margin-top: -13px; left: -10px; }
#cssmenux > ul > li.open:before { display: none; }
#cssmenux > ul > li > a:hover, #cssmenux > ul > li.active > a, #cssmenux > ul > li.open > a { color: #fff; text-decoration: underline;  /*background:url(../theme/marker-right.png) 100% 11px no-repeat transparent ;*/ }
#cssmenux > ul >li.has-sub li> a:hover, #cssmenux > ul > li.has-sub li.active > a { background:/*url(../theme/marker-right.png) 100% 11px no-repeat*/ transparent; }
#cssmenux > ul >li.has-sub li> a { background:/**url(../theme/marker-right.png) 5px 14px no-repeat*/ transparent; padding: 5px 0 5px 5px; }
#cssmenux > ul >li> a:hover, #cssmenux > ul >li.active > a {  /*background:url(../theme/marker-right.png) 100% 11px no-repeat transparent  ;*/ }
#cssmenux > ul > li> a { /* background:url(../theme/marker-right.png) 100% -19px no-repeat transparent ;*/ }
.category_menu #cssmenux > ul > li > a:hover, .category_menu #cssmenux > ul > li.active > a, .category_menu #cssmenux > ul > li.open > a { color: #12a19a; background: none; }
.category_menu #cssmenux > ul >li.has-sub li> a:hover, .category_menu #cssmenux > ul > li.has-sub li.active > a { color: #02787E;  /*background:url(../theme/marker-right.png) 12px 16px no-repeat transparent ;*/ }
.category_menu #cssmenux > ul >li.has-sub li> a { /* background:url(../theme/marker-right.png) 10px 16px no-repeat transparent ;*/ }
.category_menu #cssmenux > ul > li> a { background: none; }
#cssmenux > ul > li.open > a { }
#cssmenux > ul > li { border-bottom: 1px solid #444650; }
#cssmenux > ul > li:last-child { }
#cssmenux > ul > li.active > a >.holder::after { border-top: 2px solid #02787E; border-left: 2px solid #02787E; }

/*.holder {

  width: 0;

  height: 0;

  position: absolute;

  top: -3px;

  right: 0;

}

.holder::after,

.holder::before {

  display: block;

  position: absolute;

  content: "";

  width: 6px;

  height: 6px;

  right: 20px;

  z-index: 10;

  -webkit-transform: rotate(-135deg);

  -moz-transform: rotate(-135deg);

  -ms-transform: rotate(-135deg);

  -o-transform: rotate(-135deg);

  transform: rotate(-135deg);

  background: none;

}

.holder::after {

  top: 17px;

  border-top: 2px solid #333;

  border-left: 2px solid #333;

}

#cssmenux > ul > li > a:hover > span::after,

#cssmenux > ul > li.active > a > span::after,

#cssmenux > ul > li.open > a > span::after {

}

.holder::before {

  top: 18px;

  border-top: 2px solid;

  border-left: 2px solid;

  border-top-color: inherit;

  border-left-color: inherit;

}*/
#cssmenux ul ul li { border-bottom: 1px solid #3291da; }
#cssmenux ul ul li:last-child { border-bottom: 0px solid; }
#cssmenux ul ul li a { padding: 9px 20px; text-align: left; cursor: pointer; z-index: 1; font-size: 14px; line-height: 17px; color: #fff; font-weight: 400; text-decoration: none; }
#cssmenux ul ul li:hover > a, #cssmenux ul ul li.open > a, #cssmenux ul ul li.active > a { color: #094A7D; padding: 5px 0 5px 5px }
#cssmenux ul ul li:first-child > a { box-shadow: none; }
#cssmenux ul ul ul li:first-child > a { }
#cssmenux ul ul ul li a { padding-left: 30px; }
#cssmenux > ul > li > ul > li:last-child > a, #cssmenux > ul > li > ul > li.last > a { border-bottom: 0; padding: 5px 0 5px 5px }
#cssmenux > ul > li > ul > li.open:last-child > a, #cssmenux > ul > li > ul > li.last.open > a { }
#cssmenux > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0; }
#cssmenux ul ul li.has-sub > a::after { display: block; position: absolute; content: ""; width: 5px; height: 5px; right: 20px; z-index: 10; top: 11.5px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
#cssmenux ul ul li.active > a::after, #cssmenux ul ul li.open > a::after, #cssmenux ul ul li > a:hover::after { border-color: #ffffff; }
#cssmenux .collaps_btn { display: none; }
@media all and (max-width:800px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px) {
  #cssmenux .collaps_btn { display: none; }
  #cssmenux > ul > li > a:hover, #cssmenux > ul > li.active > a, #cssmenux > ul > li.open > a {/*background:url(../theme/marker-bottom.png) 100% 11px no-repeat transparent ;*/ }
  #cssmenux > ul >li.has-sub li> a:hover, #cssmenux > ul > li.has-sub li.active > a { background:/*url(../theme/marker-bottom.png) 100% 11px no-repeat*/ transparent; }
  #cssmenux > ul >li.has-sub li> a { background:/**url(../theme/marker-bottom.png) 5px 14px no-repeat*/ transparent; padding: 5px 0 5px 5px; }
  #cssmenux > ul >li> a:hover, #cssmenux > ul >li.active > a { /* background:url(../theme/marker-bottom.png) 100% 11px no-repeat transparent  ;*/ }
  #cssmenux > ul > li> a { /* background:url(../theme/marker-bottom.png) 100% -19px no-repeat transparent ;*/ }
}