/* nav */
  header nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.3);
    font-size: 1.125em;
    font-weight: 300;
    z-index: 10;
    background: rgba(255,255,255, 1);
    /*
    border-top: solid 0.5rem;
    border-color: #66ccff;
    */
  }
  header nav.hide-nav,
  header nav.hide-nav.collapsed{
    transform: translateY(-100%);
  }
  .navi {
    position: relative;
    max-width: 136.6rem;
    height: 100%;
    margin: 0 auto;
    text-align: center;
  }
    #cd-logo {
      float: left;
      height: 13rem;
      padding: .7rem 0 0 0;
    }
    #cd-logo a {
      float: left;
      display: block;
      background: #fff;
      border-radius: 50%;
      height: 110%;
      width: 115%;
      padding: 0 0.25rem 0.5rem 0;
    }
    #cd-logo h1 {
      font-size: 3rem;
      position: absolute;
      top: 4.75rem;
      color: rgba(0, 0, 0, 1);
      font-weight: 800;
      line-height: 0.75em;
      letter-spacing: 0.1em;
      padding: 0;
      text-align: left;
      display: inline-block;
    }
    #cd-logo h1 span {
      display: block;
      height: 100%;
      color: rgba(0, 0, 0, 1);
      font-size: 0.375em;
      letter-spacing: 0;
      font-weight: 600;
      padding-left: 1px;
    }
    #cd-logo h1 a {
      background: none;
      color: rgba(51, 153, 204, 1);
      border-radius: 0;
      height: 100%;
      width: 100%;
      min-width: 26rem;
      padding: 0;
    }
    #cd-logo img {
      height: 100%;
      width: auto;
      max-width: 30rem;
      filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
    }
    #cd-logo a {
      max-width: 48rem;
    }
    .cd-main-nav {
      position: absolute;
      right:0;
      bottom:0;
      margin: 0;
      text-align: left;
    }
    .cd-main-nav ul {
      position: static;
      width: auto;
    }
    .cd-main-nav li {
      display: table-cell;
      text-align: left;
      padding-left: 2.5rem;
    }
    .cd-main-nav li:first-of-type {
      padding-left: 0;
    }
    .cd-main-nav a {
      display: table-cell;
      height: 5rem;
      background: transparent;
      border-bottom: .8rem solid rgba(0, 0, 0, 0);
      color: #000;
      text-transform: uppercase;
      text-decoration: none;
      vertical-align: bottom;
      padding-bottom: 1.6rem;
      white-space: nowrap;
      -webkit-transition: background 0s;
      transition: background 0s;
      -webkit-transition: border 750ms ease, background 0s;
         -moz-transition: border 750ms ease, background 0s;
           -o-transition: border 750ms ease, background 0s;
              transition: border 750ms ease, background 0s;
    }
    .cd-main-nav .submenu {
      display: none;
      position: absolute;
      background: rgba(255,255,255, .9);
    }
    .cd-main-nav .submenu {
      font-size: 0.85em;
    }
    .cd-main-nav .submenu li {
      display: list-item;
      text-align: left;
      padding: 0;
      position: relative;
    }
    .cd-main-nav .submenu li a{
      min-width: 13rem;
      display: block;
      padding: 0 2rem;
      line-height: 5rem;
      text-transform: uppercase;
    }
    .cd-main-nav .submenu-l2 {
      border: 0.1rem solid rgba(51, 153, 204, 0);
      border-right: 0;
      border-top: 0;
      margin-left: 1rem;
      height: auto;
      max-height: 0;
      overflow: hidden;
    }
    .cd-main-nav .submenu-l2.open-submenu {
      max-height: 300px;
    }
    /* hover and active styles */
    .cd-main-nav ul li:hover > a,
    .cd-main-nav ul li.active > a,
    .cd-main-nav ul li > a:focus {
      border-bottom: .8rem solid rgba(51, 153, 204, 1);
    }
    .cd-main-nav ul li:hover .submenu a,
    .cd-main-nav ul li.active .submenu a {
      border-bottom: .8rem solid rgba(51, 153, 204, 0);
    }
    .cd-main-nav li:hover > .submenu {
      display: block;
      box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.3);
    }
    .submenu li:hover > a,
    .submenu li.active > a,
    .submenu li:focus > a {
      background: rgba(51, 153, 204, 1);
      color: #fff;
    }
    .submenu li.active .submenu-l2.open-submenu {
      border-color: rgba(51, 153, 204, 1);
    }
    /* /hover and active styles */

    /* submenu open/close styles */
    .btn-round {
      width: 40px;
      height: 40px;
      border-radius: 40px;
      background-color: rgba(51, 153, 204, 1);
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer;
    }

    .close {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      top: 10px;
      left: 10px;
      overflow: hidden;
    }
    .close::before, .close::after {
      content: "";
      position: absolute;
      height: 2px;
      width: 100%;
      top: 50%;
      left: 0;
      margin-top: -1px;
      background: #fff;
    }
    .close::before {
      transform: rotate(0deg);
    }
    .close::after {
      transform: rotate(90deg);
    }

    .btn-round.open .close {
      transform: rotate(135deg);
    }
    .btn-round.open {
      background-color: rgba(255, 155, 0, 1);
    }

    /* /submenu open/close styles */

    /* language */
      ul.lang{
        position: absolute;
        right: 3rem;
        top: .5rem;
      }
      ul.lang li{
        display: inline-block;
        padding-left: 1.5rem;
      }

      ul.lang a{
        background-position: 0 0;
        background-size: cover;
        background-repeat: no-repeat;
        width: 3rem;
        height: 3rem;
        border-radius: 1.5rem;
        display: block;
      }

      .en{
        background-image: url('../design/layout/en-strip.png');

      }
      .cs{
        background-image: url('../design/layout/cs-strip.png');

      }
      .sk{
        background-image: url('../design/layout/sk-strip.png');
      }
      ul.lang a:hover,
      ul.lang a.active{
        background-position: 0 100%;
        opacity: 1;
      }
      ul.lang:hover a.active{
        background-position: 0 0;
      }
      ul.lang:hover a:hover.active{
        background-position: 0 100%;
      }
    /* /language */

      /* Hammburger Icon */
      .nav-icon {
        display: none;
        width: 6rem;
        height: 4.5rem;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        z-index: -1;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
      }
      .nav-icon span {
        display: block;
        position: absolute;
        height: 0.9rem;
        width: 100%;
        background: #444;
        border-radius: 0.9rem;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
      }
      .nav-icon span:nth-child(1) {
        top: 0;
      }
      .nav-icon span:nth-child(2),.nav-icon span:nth-child(3) {
        top: 1.8rem;
      }
      .nav-icon span:nth-child(4) {
        top: 3.6rem;
      }
      .nav-icon.open span:nth-child(1) {
        top: 1.8rem;
        width: 0%;
        left: 50%;
      }
      .nav-icon.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      .nav-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
      }
      .nav-icon.open span:nth-child(4) {
        top: 1.8rem;
        width: 0%;
        left: 50%;
      }
      /* /Hammburger Icon */

    /* collapsed navigation */
    header nav.collapsed{
      height: 8rem;
      background: rgba(255,255,255, 1);
    }
    .collapsed #cd-logo {
      height: 8rem;
    }
    .collapsed #cd-logo img {
      /* this is really needed to update SVG width after resize */
      box-sizing: content-box;
      max-width: 21rem;
    }
    .collapsed #cd-logo a{
      max-width: 21rem;
      width: 100%;
      height: 100%;
    }
    .collapsed #cd-logo h1 {
      top: 2.3rem;
      font-size: 2.5rem;
    }
    .collapsed #cd-logo h1 a {
      margin: .5rem 0 0 .5rem;
    }
    .collapsed ul.lang{
      top: -6rem;
    }
    .collapsed .cd-main-nav ul {
      position: static;
      width: auto;
    }
    .collapsed .cd-main-nav a {
      height: 8rem;
      padding-bottom: 1.6rem;
    }
    .collapsed .cd-main-nav ul.submenu {
      position: absolute;
    }
    .collapsed .cd-main-nav .submenu a {
      height: 5rem;
      padding-bottom: 0;
    }
    .collapsed .eng, .collapsed .fra, .collapsed .rus{
      top: -6rem;
    }
  /* /nav */



  /* display tweaks */
    /* hlavni paddingy */
    .navi {
      padding: 0 3rem;
    }
    .cd-main-nav{
      right: 3rem;
    }
    /* /hlavni paddingy */
  /* /display tweaks */

/* responsive tweaks */
  /* max-width */
  @media only screen and (max-width: 120em) { /* 1920 */  }
  @media only screen and (max-width: 90em) { /* 1440 */  }
  @media only screen and (max-width: 85.3125em) { /* 1365 */
  }
  @media  only screen and (max-width: 79.9375em), /* 1279 */
           /* iPad mini in portrait & landscape */
          only screen
          and (min-device-width : 768px)
          and (max-device-width : 1024px)
          and (-webkit-min-device-pixel-ratio: 1) {
      header nav {
        font-size: 1em;
        height: 9rem;
      }
      #cd-logo {
        height: 9rem;
        padding: .5rem 0 0 0;
      }
      #cd-logo h1 {
        font-size: 2.75rem;
        top: 4rem;
      }
      #cd-logo img {
        max-width: 28rem;
      }
      #cd-logo a{
        max-width: 28rem;
      }
      header nav.collapsed {
        font-size: 1em;
      }
      .cd-main-nav li {
        padding-left: 2rem;
      }
      .cd-main-nav a {
        padding-bottom: 1.3rem;
      }
  }
  @media only screen and (max-width: 64em), /* 1024 */
          /* iPad mini in portrait & landscape */
          only screen
          and (min-device-width : 768px)
          and (max-device-width : 1024px)
          and (-webkit-min-device-pixel-ratio: 1) {

      /* hlavni paddingy */
      .navi {
        padding: 0 2rem;
      }
      .cd-main-nav{
        right: 2rem;
      }
  }
  @media  only screen and (max-width: 63.9375em), /* 1023 */
          /* iPad mini in portrait & landscape */
          only screen
          and (min-device-width : 768px)
          and (max-device-width : 1024px)
          and (orientation : portrait)
          and (-webkit-min-device-pixel-ratio: 1),
          /* iPhone X in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 812px)
          and (-webkit-device-pixel-ratio : 3),
          /* iPhone 6, 7, & 8 in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 667px),
          /* iPhone 6, 7, & 8 Plus in portrait & landscape */
          only screen
          and (min-device-width : 414px)
          and (max-device-width : 736px),
          /* iPhone 5 & 5S in portrait & landscape */
          only screen
          and (min-device-width : 320px)
          and (max-device-width : 568px)
          and (-webkit-device-pixel-ratio: 2) {
    /* collapsed hamburger menu */
    /* hlavni paddingy */
    header nav,
    header nav.collapsed{
      background: rgba(255,255,255, 1);
      font-size: 1.125em;
      height: 6rem;
    }
    header .navi {
      padding: 0 2rem 0 1rem;
    }
    .collapsed #cd-logo{
      height: 6.5rem;
      padding: 0;
    }
    .collapsed #cd-logo h1 {
      top: 1.2rem;
      font-size: 2.1rem;
    }
    .collapsed #cd-logo img{
      z-index: 1;
      position: relative;
    }
    .collapsed #cd-logo a{
      background: none;
    }
    .collapsed .navi h1 {
      font-size: 2.2rem;
      margin: .4rem 0 0 0;
    }
    ul.lang a {
      width: 3rem;
      height: 3rem;
      border-radius: 1.5rem;
    }
    .cd-main-nav a {
      color: #333;
    }
    .cd-main-nav,
    .collapsed .cd-main-nav {
      position: absolute;
      bottom: 0.75rem;
      right: 0;
      width: 6rem;
      height: 100%;
      cursor: pointer;
      margin-right: 0;
    }
    .collapsed ul.lang {
      right: 8rem;
      top: 1.5rem;
    }
    .collapsed ul.lang li {
      padding-left: 1rem;
    }
    .collapsed ul.lang li:first-of-type {
      padding-left: 0;
    }
    .cd-main-nav ul,
    .collapsed .cd-main-nav ul {
      position: fixed;
      top: 6rem;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 0;
      background: rgba(255,255,255,1);
      overflow: hidden;
    }
    .cd-main-nav.is-visible > ul,
    .collapsed .cd-main-nav.is-visible > ul {
      padding-bottom: 0;
      height: auto;
      overflow: auto;
      box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.3);
      cursor: auto;
      border-top: 1px solid rgba(51, 153, 204, .2);
      border-bottom: 1px solid rgba(51, 153, 204, .2);
    }
    .cd-main-nav li,
    .collapsed .cd-main-nav li {
      display: block;
      padding: 0;
      border-top: 1px solid rgba(51, 153, 204, .2);
    }
    .collapsed .cd-main-nav .submenu li {
      border-top: 1px solid rgba(51, 153, 204, .05);
    }
    .cd-main-nav > ul > li:first-of-type,
    .collapsed .cd-main-nav > ul > li:first-of-type {
      border-top: 0;
    }
    .collapsed .cd-main-nav li > a {
      display: block;
      height: auto;
      background: #fdfdfd;
      border: 0;
      border-left: 0rem solid rgba(51, 153, 204, .5);
      line-height: 5rem;
      padding: 0 0 0 4.5rem;
      -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .collapsed .nav-icon {
      display: block;
    }
    .collapsed .cd-main-nav ul.submenu,
    .collapsed .cd-main-nav ul.submenu-l2 {
      display: block;
      position: static;
      padding-left: 2rem;
      height: auto;
      background: rgba(255,255,255, 1);
      -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
      transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .collapsed .cd-main-nav ul.submenu-l2 {
      padding-left: 0;
    }
    .collapsed .submenu li {
      display: list-item;
      text-align: left;
      border-top-color: rgba(0, 0, 0, .05);
    }

    /* hover and active styles */
    .collapsed .cd-main-nav > ul > li:hover > a,
    .collapsed .cd-main-nav > ul > li.active > a,
    .collapsed .cd-main-nav > ul > li > a:focus {
      padding: 0 0 0 2rem;
      border-bottom: 0;
      border-left: 4.5rem solid rgba(51, 153, 204, 1);
    }
    .collapsed .cd-main-nav ul li.active > a {
      background: rgba(51, 153, 204, 1);
      color: #fff;
    }
    .collapsed .cd-main-nav ul li:hover > .submenu,
    .collapsed .cd-main-nav ul li:focus > .submenu,
    .collapsed .cd-main-nav ul li.active > .submenu {
      padding: 0 0 0 4.5rem;
      display: block;
      box-shadow: none;
    }
    .collapsed .cd-main-nav ul li:hover .submenu a,
    .collapsed .cd-main-nav ul li:focus .submenu a,
    .collapsed .cd-main-nav ul li.active .submenu a {
      border: 0;
    }
    .collapsed .submenu li:hover > a,
    .collapsed .submenu li.active > a,
    .collapsed .submenu li:focus > a {
      background: rgba(51, 153, 204, 1);
      color: #fff;
    }
    .collapsed .submenu li.active .submenu-l2.open-submenu {
      border: 0;
      border-left: 1px solid rgba(51, 153, 204, 1);
      border-bottom: 1px solid rgba(51, 153, 204, 1);
    }
    .collapsed .cd-main-nav ul li:hover .submenu-l2 a,
    .collapsed .cd-main-nav ul li:focus .submenu-l2 a,
    .collapsed .cd-main-nav ul li.active .submenu-l2 a{

    }
    /* /hover and active styles */

    /* /collapsed hamburger menu */
  }
  @media only screen and (max-width: 61.1875em) { /* 979 */
  }
  @media  only screen and (max-width: 56.1875em), /* 899 */
          /* iPhone X in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 812px)
          and (-webkit-device-pixel-ratio : 3),
          /* iPhone 6, 7, & 8 in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 667px),
          /* iPhone 6, 7, & 8 Plus in portrait & landscape */
          only screen
          and (min-device-width : 414px)
          and (max-device-width : 736px),
          /* iPhone 5 & 5S in portrait & landscape */
          only screen
          and (min-device-width : 320px)
          and (max-device-width : 568px)
          and (-webkit-device-pixel-ratio: 2) {
  }
  @media  only screen and (max-width: 48em), /* 768 */
          /* iPhone X in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 812px)
          and (orientation : portrait)
          and (-webkit-device-pixel-ratio : 3),
          /* iPhone 6, 7, & 8 in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 667px),
          /* iPhone 6, 7, & 8 Plus in portrait & landscape */
          only screen
          and (min-device-width : 414px)
          and (max-device-width : 736px),
          /* iPhone 5 & 5S in portrait & landscape */
          only screen
          and (min-device-width : 320px)
          and (max-device-width : 568px)
          and (-webkit-device-pixel-ratio: 2) {
  }
  @media  only screen and (max-width: 47.9375em), /* 767 */
          /* iPhone X in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 812px)
          and (orientation : portrait)
          and (-webkit-device-pixel-ratio : 3),
          /* iPhone 6, 7, & 8 in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 667px),
          /* iPhone 6, 7, & 8 Plus in portrait & landscape */
          only screen
          and (min-device-width : 414px)
          and (max-device-width : 736px),
          /* iPhone 5 & 5S in portrait & landscape */
          only screen
          and (min-device-width : 320px)
          and (max-device-width : 568px)
          and (-webkit-device-pixel-ratio: 2) {
  }
  @media  only screen and (max-width: 37.5em), /* 600 */
          /* iPhone X in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 812px)
          and (orientation : portrait)
          and (-webkit-device-pixel-ratio : 3),
          /* iPhone 6, 7, & 8 in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 667px)
          and (orientation : portrait),
          /* iPhone 6, 7, & 8 Plus in portrait & landscape */
          only screen
          and (min-device-width : 414px)
          and (max-device-width : 736px)
          and (orientation : portrait),
          /* iPhone 5 & 5S in portrait & landscape */
          only screen
          and (min-device-width : 320px)
          and (max-device-width : 568px)
          and (-webkit-device-pixel-ratio: 2) {
  }
  @media  only screen and (max-width: 37.4375em), /* 599 */
          /* iPhone X in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 812px)
          and (orientation : portrait)
          and (-webkit-device-pixel-ratio : 3),
          /* iPhone 6, 7, & 8 in portrait & landscape */
          only screen
          and (min-device-width : 375px)
          and (max-device-width : 667px)
          and (orientation : portrait),
          /* iPhone 6, 7, & 8 Plus in portrait & landscape */
          only screen
          and (min-device-width : 414px)
          and (max-device-width : 736px)
          and (orientation : portrait),
          /* iPhone 5 & 5S in portrait & landscape */
          only screen
          and (min-device-width : 320px)
          and (max-device-width : 568px)
          and (-webkit-device-pixel-ratio: 2) {
    .collapsed #cd-logo{
      float: left;
    }
    .collapsed ul.lang {
      right: 6.5rem;
    }
  }
  @media  only screen and (max-width: 25.8125em), /* 413 */
          /* iPhone X in portrait & landscape */
          only screen
          and (max-width: 413px)
          and (-webkit-device-pixel-ratio : 3),
          only screen
          and (max-width: 413px)
          and (-webkit-device-pixel-ratio: 2) {
    .collapsed ul.lang {
      right: 1.5rem;
      top: -7rem;
    }
    .collapsed ul.lang.is-visible {
      top: 7rem;
    }
  }
  @media  only screen and (max-width: 22.5em),  /* 360 */
          only screen and (max-width: 22.5em) and (-webkit-device-pixel-ratio: 1)
          only screen
          and (min-device-width : 320px)
          and (max-device-width : 568px)
          and (orientation : portrait) {
  }
  @media only screen and (max-width: 19.9375em) { /* 319 */
  }


/* min-width */
  @media only screen and (min-width: 56.25em) { /* 900 */
  }
  @media only screen and (min-width: 90em) { /* 1440 */
    header .navi {
      padding-left: 0;
      padding-right: 0;
    }
    .cd-main-nav,
    ul.lang{
      right: 0;
    }
  }
/* responsive tweaks */

/* transitions */
nav.collapsed{
  -webkit-transition: transform 100ms ease;
     -moz-transition: transform 100ms ease;
       -o-transition: transform 100ms ease;
          transition: transform 100ms ease;
}
nav h1{
  -webkit-transition: margin 300ms ease;
     -moz-transition: margin 300ms ease;
       -o-transition: margin 300ms ease;
          transition: margin 300ms ease;
}
nav.hide-nav.collapsed{
  -webkit-transition: transform 300ms ease;
     -moz-transition: transform 300ms ease;
       -o-transition: transform 300ms ease;
          transition: transform 300ms ease;
}
.collapsed .cd-main-nav ul{
  -webkit-transition: height 300ms ease;
     -moz-transition: height 300ms ease;
       -o-transition: height 300ms ease;
          transition: height 300ms ease;
}
#cd-logo,
.cd-main-nav li {
  -webkit-transition: padding 300ms ease;
     -moz-transition: padding 300ms ease;
       -o-transition: padding 300ms ease;
          transition: padding 300ms ease;
    }
#cd-logo img{
  -webkit-transition: max-width 300ms ease,width 300ms ease,height 300ms ease;
     -moz-transition: max-width 300ms ease,width 300ms ease,height 300ms ease;
       -o-transition: max-width 300ms ease,width 300ms ease,height 300ms ease;
          transition: max-width 300ms ease,width 300ms ease,height 300ms ease;
}
.eng, .fra, .rus,
.eng:hover, .fra:hover, .rus:hover {
  -webkit-transition: background-position 150ms ease, opacity 50ms, top 300ms ease;
     -moz-transition: background-position 150ms ease, opacity 50ms, top 300ms ease;
       -o-transition: background-position 150ms ease, opacity 50ms, top 300ms ease;
          transition: background-position 150ms ease, opacity 50ms, top 300ms ease;
}
.collapsed .eng, .collapsed .fra, .collapsed .rus {
  -webkit-transition: top 100ms ease;
     -moz-transition: top 100ms ease;
       -o-transition: top 100ms ease;
          transition: 100ms ease;
}
.eng:hover, .fra:hover, .rus:hover {
  -webkit-transition: background-position 150ms ease, opacity 500ms;
     -moz-transition: background-position 150ms ease, opacity 500ms;
       -o-transition: background-position 150ms ease, opacity 500ms;
          transition: background-position 150ms ease, opacity 500ms;
}
.submenu-l2 {
  -webkit-transition: max-height 1000ms ease, border-color 1000ms ease;
     -moz-transition: max-height 1000ms ease, border-color 1000ms ease;
       -o-transition: max-height 1000ms ease, border-color 1000ms ease;
          transition: max-height 1000ms ease, border-color 1000ms ease;
}
.btn-round {
  -webkit-transition: background-color 300ms ease;
     -moz-transition: background-color 300ms ease;
       -o-transition: background-color 300ms ease;
          transition: background-color 300ms ease;
}

.btn-round .close {
  -webkit-transition: transform 300ms ease;
     -moz-transition: transform 300ms ease;
       -o-transition: transform 300ms ease;
          transition: transform 300ms ease;
}
/* /layout */