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

Primary style

-------------------------------- */
/**, *::after, *::before {
  box-sizing: border-box;
}*/
/* -------------------------------- 

 Header

-------------------------------- */
.cd-morph-dropdown::before {
  /* never visible - used in JS to check mq */
  content: 'mobile';
  display: none;
}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
  display: block;
}
.cd-morph-dropdown .dropdown-list > ul > li {
  margin-bottom: 3.3em;
}
.cd-morph-dropdown .content li::after {
  clear: both;
  content: "";
  display: block;
}
.cd-morph-dropdown .gallery .content a {
  display: block;
}
.cd-morph-dropdown .gallery .content a::before {
  /* icon on the left */
  content: '';
  display: inline-block;
  float: left;
  height: 56px;
  width: 50px;
  margin-left: 2em;
  margin-right: 1.6em;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.cd-morph-dropdown .gallery .content a span {
  display: block;
  line-height: 56px;
  color: #666;
}
.cd-morph-dropdown .gallery .content a span:hover {
  color: #3495ef;
}
.cd-morph-dropdown .gallery li:nth-of-type(1) a::before {
  background: url(../images/wj/wj5.png) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(2) a::before {
  background: url(../images/wj/wj4.png) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(3) a::before {
  background: url(../images/wj/wj2.png) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(4) a::before {
  background: url(../images/wj/wj3.png) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(1) a:hover::before {
  background: url(../images/wj/wj05.png) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(3) a:hover::before {
  background: url(../images/wj/wj04.png) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(3) a:hover::before {
  background: url(../images/wj/wj02.png) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(4) a:hover::before {
  background: url(../images/wj/wj03.png) no-repeat;
}
.cd-morph-dropdown {
  /*position: absolute;*/
  z-index: 9999;
  height: 46px;
  left: 0;
  /*top: 129px;*/
  width: 100%;
  padding: 0;
  text-align: center;
  background-color: transparent;
  position: relative;
}
.cd-morph-dropdown::before {
  content: 'desktop';
}
.cd-morph-dropdown .main-nav {
  display: inline-block;
  /*margin-left: 280px;
*/}
.cd-morph-dropdown .main-nav > ul > li {
  display: inline-block;
  float: left;
}
.cd-morph-dropdown .main-nav > ul > li > a {
  display: block;
  height: 46px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}
.cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {
  /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
  opacity: 1;
}
.cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
  opacity: 1;
  color: #f2631c;
}
.cd-morph-dropdown .morph-dropdown-wrapper {
  /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
  display: block;
  position:relative;
  z-index:9999;
  top: 4px;
  /* overwrite mobile style */
  width: auto;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  /* Force Hardware acceleration */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.cd-morph-dropdown .dropdown-list {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform, width, height;
  -webkit-transition: visibility .3s;
  transition: visibility .3s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}
.no-csstransitions .cd-morph-dropdown .dropdown-list {
  display: none;
}
.cd-morph-dropdown .dropdown-list::before {
  /* dropdown top triangle */
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #FFFFFF;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.cd-morph-dropdown .dropdown-list > ul {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.cd-morph-dropdown.is-dropdown-visible .dropdown-list {
  visibility: visible;
  -webkit-transition: width .3s, height .3s, -webkit-transform .3s;
  transition: width .3s, height .3s, -webkit-transform .3s;
  transition: transform .3s, width .3s, height .3s;
  transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;
}
.cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {
  opacity: 1;
}
.cd-morph-dropdown .dropdown {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  -webkit-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s;
}
.cd-morph-dropdown .dropdown.active {
  opacity: 1;
  visibility: visible;
}
.cd-morph-dropdown .dropdown.move-left .content {
  -webkit-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
          transform: translateX(-100px);
}
.cd-morph-dropdown .dropdown.move-right .content {
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
}
.cd-morph-dropdown .content {
  padding: 2.2em 1.4em;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  text-align: left;
  border-bottom:4px solid #333;
}
.cd-morph-dropdown .content > ul::after {
  clear: both;
  content: "";
  display: block;
}
.cd-morph-dropdown .content > ul > li {
  width: 48%;
  float: left;
  margin-right: 4%;
  margin-top: 0;
}
.cd-morph-dropdown .content > ul > li:nth-of-type(2n) {
  margin-right: 0;
}
.cd-morph-dropdown .gallery .content {
  /* you need to set a width for the .content elements because they have a position absolute */
  width: 460px;
  padding-bottom: .8em;
}
.cd-morph-dropdown .gallery .content li {
  margin-bottom: 1.2em;
}
.cd-morph-dropdown .bg-layer {
  /* morph dropdown background */
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 1px;
  background: #FFFFFF;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.cd-morph-dropdown.is-dropdown-visible .bg-layer {
  opacity: 1;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
}

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

Main site content

-------------------------------- */
.cd-morph-dropdown .gallery .content .links-list a::before {
  height: 44px;
  width: 40px;
}
.cd-morph-dropdown .gallery .content .links-list a span {
  line-height: 44px;
}
.cd-morph-dropdown .gallery .links-list li:nth-of-type(1) a::before {
  background: url(../images/tg/tg1.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list li:nth-of-type(2) a::before {
  background: url(../images/tg/tg2.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list li:nth-of-type(3) a::before {
  background: url(../images/tg/tg3.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list li:nth-of-type(4) a::before {
  background: url(../images/tg/tg4.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list li:nth-of-type(1) a:hover::before {
  background: url(../images/tg/tg01.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list li:nth-of-type(2) a:hover::before {
  background: url(../images/tg/tg02.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list li:nth-of-type(3) a:hover::before {
  background: url(../images/tg/tg03.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list li:nth-of-type(4) a:hover::before {
  background: url(../images/tg/tg04.png) no-repeat;
}


.cd-morph-dropdown .gallery .content .links-list2 a::before {
  height: 44px;
  width: 40px;
}
.cd-morph-dropdown .gallery .content .links-list2 a span {
  line-height: 44px;
}
.cd-morph-dropdown .gallery .links-list2 li:nth-of-type(1) a::before {
  background: url(../images/al/al1.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list2 li:nth-of-type(2) a::before {
  background: url(../images/al/al3.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list2 li:nth-of-type(3) a::before {
  background: url(../images/al/al4.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list2 li:nth-of-type(1) a:hover::before {
  background: url(../images/al/al01.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list2 li:nth-of-type(2) a:hover::before {
  background: url(../images/al/al03.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list2 li:nth-of-type(3) a:hover::before {
  background: url(../images/al/al04.png) no-repeat;
}


.cd-morph-dropdown .gallery .content .links-list3 a::before {
  height: 44px;
  width: 40px;
}
.cd-morph-dropdown .gallery .content .links-list3 a span {
  line-height: 44px;
}
.cd-morph-dropdown .gallery .links-list3 li:nth-of-type(1) a::before {
  background: url(../images/xw/xw1.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list3 li:nth-of-type(2) a::before {
  background: url(../images/xw/xw2.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list3 li:nth-of-type(1) a:hover::before {
  background: url(../images/xw/xw01.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list3 li:nth-of-type(2) a:hover::before {
  background: url(../images/xw/xw02.png) no-repeat;
}


.cd-morph-dropdown .gallery .content .links-list4 a::before {
  height: 44px;
  width: 40px;
}
.cd-morph-dropdown .gallery .content .links-list4 a span {
  line-height: 44px;
}
.cd-morph-dropdown .gallery .links-list4 li:nth-of-type(1) a::before {
  background: url(../images/gy/gy1.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list4 li:nth-of-type(2) a::before {
  background: url(../images/gy/gy2.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list4 li:nth-of-type(1) a:hover::before {
  background: url(../images/gy/gy01.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list4 li:nth-of-type(2) a:hover::before {
  background: url(../images/gy/gy02.png) no-repeat;
}

.cd-morph-dropdown .gallery .content .links-list5 a::before {
  height: 44px;
  width: 40px;
}
.cd-morph-dropdown .gallery .content .links-list5 a span {
  line-height: 44px;
}
.cd-morph-dropdown .gallery .links-list5 li:nth-of-type(1) a::before {
  background: url(../images/lx/lx1.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list5 li:nth-of-type(2) a::before {
  background: url(../images/lx/lx2.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list5 li:nth-of-type(1) a:hover::before {
  background: url(../images/lx/lx01.png) no-repeat;
}
.cd-morph-dropdown .gallery .links-list5 li:nth-of-type(2) a:hover::before {
  background: url(../images/lx/lx02.png) no-repeat;
}