/*------------
Links
------------*/

a {position: relative;/*display: inline-block;*/}

a:before, a:after {content: ''; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%; z-index: 0; transition: 0.3s ease-out;}

a:after {max-width: 0; background: #00B388;}
a:hover {color: #ecf5fe;}
a:hover:after {max-width: 100%;}

ul {list-style: none; margin-bottom: 1em;}

/*  Main Menu */

.la-menu-main ul {list-style: none; max-height: 0;transition: 0.3s ease-out;overflow: hidden;margin-bottom: 0;}
.la-menu-main ul ul {background: #ecf5fe;background: rgba(0, 0, 0, 0.5); padding: 0 10px; margin-bottom: 0; margin-top: 0;border-left: 3px solid #ecf5fe;}
.la-menu-main ul ul.open {max-height: 500px;padding: 8px 16px;}
.la-menu-main ul ul a {color: #00B388; margin-bottom: 0;}
.la-menu-main ul ul a:after {background: #ffffff;}
.la-menu-main a:after {bottom: -3px;}
.la-menu-main ul li {color: #ecf5fe;}
.la-menu-main__parent > a:before {display: none;width: 0;height: 0;border-style: solid;  border-width: 7px 9px 0 9px; border-color: #ecf5fe transparent transparent transparent;background: none;margin-left: -9px; left: 50%; bottom: -14px;}
.la-menu-main__parent li {padding: 8px;}

.la-menu-main--check {display: none;}

.la-menu-main--check:checked + label .header_nav-inner {transition-delay: .14s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);}
.la-menu-main--check:checked + label .header_nav-inner:before {top: 0;transition: top .1s ease-out,opacity .1s .14s ease-out;opacity: 0;}
.la-menu-main--check:checked + label .header_nav-inner:after {bottom: 0;
  transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);}
.la-menu-main--check:checked ~ ul {max-height: 600px;}

.la-menu-main--trigger {cursor: pointer; margin-top: 16px;}
.la-menu-main--trigger span {font-size: 26px; color: #00B388; line-height: 1.8;position: relative;top: -7px;font-weight: 300;}
.la-menu-main--trigger .header_nav, .la-menu-main--trigger span {
  display: inline-block;cursor: pointer;transition-timing-function: linear;transition-duration: .15s;transition-property: opacity,-webkit-filter;transition-property: opacity,filter;transition-property: opacity,filter,-webkit-filter;}
.la-menu-main--trigger:hover span {color: #00B388;}
.la-menu-main--trigger:hover .header_nav-inner, .la-menu-main--trigger:hover .header_nav-inner:before, .la-menu-main--trigger:hover .header_nav-inner:after {background-color: #ecf5fe;}

.header_nav-box {color: #00B388; position: relative;display: inline-block;width: 40px;height: 24px;}

.header_nav-inner {transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: .3s;top: 50%;display: block;margin-top: -2px;}
.header_nav-inner:before {transition: top .1s .34s ease-in,opacity .1s ease-in;top: -10px;}
.header_nav-inner:after {
  transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);bottom: -10px;}
.header_nav-inner:after, .header_nav-inner:before {display: block;content: '';}

.header_nav-inner, .header_nav-inner:after, .header_nav-inner:before {
  position: absolute; width: 2.5rem; height: 4px; transition-timing-function: ease;transition-duration: .15s;transition-property: -webkit-transform;transition-property: transform;transition-property: transform,-webkit-transform;border-radius: 4px;background-color: #ecf5fe;}

.la-menu-main {font-size: 1.2rem; text-transform: uppercase;font-weight: 400;}

.la-menu-main a {color: #00B388; font-size: 2.4rem; line-height: 1.6; margin-bottom: 1.2rem; padding-left: 0.5rem; padding-right: 0.5rem;}

.la-menu-main__parent ul a { padding-left: 0; padding-right: 0;}