/*================================
=============== Header
==================================*/

.header {}

.header .header-wrap {
   max-width: 1200px;
   margin: 0 auto;
}

.header .logo { 
   text-align: center;
   float: right;
   max-width: 350px;
   margin: 15px 10px 5px 10px;
}

.header .logo h2 {
   padding: 0px 0px 0px 0px;
   line-height: 30px;
}

.header .logo img {
   max-width: 100%;
   max-height: 250px;
   padding: 0px;
   margin: 0px;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 1200px) {

   .header .logo { 
      max-width: 350px;
   }

}

@media only screen and (max-width: 1100px) {

   .header .logo { 
      max-width: 289px;
   }

}

@media only screen and (max-width: 960px) {

   .header .logo { 
      text-align: center;
      float: none;
      display: block;
      max-width: 430px;
      margin: 0px auto;
      padding: 10px 10px 10px 10px;
   }

}

/*================================
=============== Menu
==================================*/

.website-menu {
   display: block;
   z-index: 2000;
   padding: 0px 0px 0px 0px;
   margin: 36px 0px 0px 0px;
   float: left;
}

.mobile-menu {
   display: none;
}

.website-menu ul {
   margin: 0px;
   padding: 0px;
}

.website-menu ul li {
   display: inline-block;
   list-style: none;
   color: #616161;
   position: relative;
   padding: 0px;
   margin: 0px;
}

.website-menu ul li::after {
   content: '|';
   color: #c1c1c1;
   font-size: 15px;
}

.website-menu ul li:last-child::after {
   content: '';
}

.website-menu ul li a {
   color: #616161;
   padding: 12px 23px 15px 23px;
   margin: 0px 0px 0px 0px;
}

.website-menu ul li a:hover {
   text-decoration: underline;
}

/*------ Dropdown Menu (Second Level) -------- */

.website-menu ul li ul li a.menu-has-children {
   background-image: url(../../images/menu-right-arrow.png);
   background-position: 10% 50%;
   background-repeat: no-repeat;
   padding-left: 27px;
}

.website-menu ul li ul {
   display: none;
   position: absolute;
   top: 30px;
   right: -50px;
   min-width: 150px;
   padding: 0px 30px 30px 30px;
   z-index: 2001;
}

.website-menu ul li ul li {
   position: relative;
   display: block;
   background: none;
}

.website-menu ul li ul li::after,
.website-menu ul li ul li:last-child::after {
   content: '';
}

.website-menu ul li ul li a {
   padding: 12px 22px 12px 10px;
   color: #616161;
   font-size: 16px;
   line-height: 16px;
   display: block;
   border-left: 1px solid #b2b2b2;
   border-right: 1px solid #b2b2b2;
   border-bottom: 1px solid #b2b2b2;
   background-color: #fff;
}

.website-menu ul li ul li:first-child a {
   border-top: 1px solid #b2b2b2;
}

.website-menu ul li ul li:hover > a {
   background-color: #f4f2f2;
   text-decoration: none;
}

/*------ Right Menu (Third Level) -------- */

.website-menu ul li ul li ul {
   display:none;
   position: absolute;
   top: -31px;
   right: 149px;
   min-width: 150px;
   padding: 30px 0px 30px 30px;
   z-index: 2002;   
}

.website-menu ul li ul li ul.opposite-side {
   right: -149px;
}

.website-menu ul li ul li ul li a {
   color: #616161;
   display: block;
   border-left: 1px solid #b2b2b2;
   border-right: 1px solid #b2b2b2;
   border-bottom: 1px solid #b2b2b2;
   background-color: #fff;
   text-decoration: none;
}

.website-menu ul li ul li ul li:first-child a {
   border-top: 1px solid #b2b2b2;
}

.website-menu ul li ul li ul li:hover > a {
   background-color: #f4f2f2;
   text-decoration: none;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 1200px) {

   .website-menu {
      margin: 30px 10px 0px 0px;
   }

   .website-menu ul li a {
      padding: 20px 16px 20px 16px;
   }

}

@media only screen and (max-width: 1100px) {

   .website-menu ul li a {
      padding: 20px 12px 20px 13px;
   }

}

@media only screen and (max-width: 960px) {

   .website-menu {
      float: none;
      position:relative;
      padding: 0px;
      margin: 0px;
      background: #414141;
      text-align: center;
   }

   a.mobile-menu {
      display: block;
      position: relative;
      font-size: 18px;
      color: #fff;
      font-weight: normal;
      font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
      padding: 14px 0px 13px 0px;      
   }

   a.mobile-menu:hover {
      color: #fff;
      text-decoration: none;
   }

   a.mobile-menu span.nav-text {
      display: inline-block;
      padding: 7px 15px 7px 15px;
      margin: 0px 0px 0px 6px;
      border: 1px solid #fff;
   }

   a.mobile-menu span.nav-icon {
      display: inline-block;
      width: 34px;
      height: 33px;
      background: url(../../images/menu-icon.png) no-repeat 50% 50%;
      margin: 0px 0px -10px 6px;
   }

   .website-menu ul {
      display: none;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 64px;
      border-top: 1px solid #fff;
      background: #5a5a5a;
      text-align: right;
   }

   .website-menu ul li ul, 
   .website-menu ul li ul li ul {
      position: relative;
      right: 0px;
      left: 0px;
   }

   .website-menu ul li { 
      background: none;
      display: block;
   }

   .website-menu ul li::after,
   .website-menu ul li:last-child::after {
      content: '';
   }

   .website-menu ul li a,
   .website-menu ul li:hover > a,
   .website-menu ul li ul li a,
   .website-menu ul li ul li ul li a {
      background-color: transparent;
      display: block;
      padding: 15px 25px 15px 25px;
      font-size: 16px;
      color: #fff;
      text-decoration: none;
      border: none;
      border-bottom: 1px solid #fff;
      line-height: 19px;
      position: relative;
   }

   /*------ Dropdown Menu (Second Level) -------- */

   .website-menu li ul li a:before {
      content: "- ";
   }

   .website-menu li ul li ul li a:before {
      content: "-- ";
   }

   .website-menu li ul li ul li ul li a:before {
      content: "--- ";
   }

   .website-menu ul li a.menu-has-children,
   .website-menu ul li ul li a.menu-has-children,
   .website-menu ul li ul li ul li a.menu-has-children {
      background-image: url(../../images/menu-bottom-arrow.png);
      background-position: 3% 50%;
      background-repeat: no-repeat;
   }

   .website-menu ul li ul li a,
   .website-menu ul li ul li ul li a,
   .website-menu ul li ul li:hover > a,
   .website-menu ul li ul li ul li:hover > a {
      background-color: #353535;
      text-decoration: none;
   }

   .website-menu ul li ul li ul li:first-child a, 
   .website-menu ul li ul li:first-child a {
      border-top: none;
   }

   .website-menu ul li ul {
      display: block;
      position: relative;
      top: 0px;
      left: 0px;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0px;
   }

   /*------ Right Menu (Third Level) -------- */  

   .website-menu ul li ul li ul,
   .website-menu ul li ul li:first-child ul,
   .website-menu ul li ul li ul.opposite-side {
      display:block;
      position: relative;
      top: 0px;
      left:0px;
      right: 0px;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0px;
   }

   .website-menu ul li ul li ul li a,
   .website-menu ul li ul li ul li:first-child a,
   .website-menu ul li:hover ul li ul li a {
      background-color: #212121;
   }

}