.greyBG {
  background: #666666;
}
.redBG {
  background: #cf0000;
}
.indent {
  text-indent: -9999px;
  overflow: hidden;
}
.reset-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.layuot {
  content: "";
  display: block;
  clear: both;
}
.img-resize {
  width: 100%;
  height: auto;
  display: block;
}
.content-center {
  max-width: 1000px;
  margin: 0 auto;
}
/* header styles */
#mainHeader {
  width: 100%;
}
#mainHeader:after {
  content: "";
  display: block;
  clear: both;
}
#mainHeader .header-holder {
  position: relative;
  z-index: 50;
  background-color: white;
}
#mainHeader .header-frame {
  max-width: 1000px;
  margin: 0 auto;
  padding: 7px 0 0;
}
#mainHeader .header-frame:after {
  content: "";
  display: block;
  clear: both;
}
#mainHeader .socials-list {
  float: left;
  margin: 16px 0 0;
}
#mainHeader .socials-list li {
  margin: 0 0 0 4px;
}
#mainHeader .hidden {
  display: none;
  visibility: hidden;
}
.header-fixed .header-holder {
  position: fixed !important;
  left: 0;
  right: 0;
  top: 0;
  background: #ffffff;
  opacity: 0.95;
}
.header-fixed #nav {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
/* search form styles */
#searchSiteForm {
  float: left;
  width: 21%;
  height: 30px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  margin: 13px 10px 0 0;
  padding: 0 30px 0 8px;
}
#searchSiteForm input[type=submit] {
  background-position: -154px 4px !important;
  width: 26px !important;
  height: 27px !important;
}
#searchSiteForm input[type=search] {
  padding: 5px 0 3px;
}
form[name=auth_form] {
  background: none;
  border: none;
}
/* page logo styles */
.logo {
  float: left;
  margin: 0 8px 7px -23px;
  width: 124px;
}
.logo img {
  display: block;
}
.header-list {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
  font-size: 12px;
  line-height: 14px;
}
.header-list li {
  float: left;
  margin: 0 0 0 15px;
}
.header-list li:first-child {
  margin: 0;
}
.header-list a {
  color: #737373;
  transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  -webkit-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
}
.header-list a:hover {
  text-decoration: none;
  color: #e73922;
}
.userInfosContainer {
  float: right;
  width: 40%;
  padding-right: 20px;
}
.nav-user.active li > a.user-name {
  color: #e73922 !important;
  border: 1px solid #d3d3d3;
  border-bottom: none;
  padding: 5px 5px 4px 8px;
  margin: 0 0 -1px;
  background: #ffffff;
}
.nav-user.active li > a.user-name:before {
  background-position: -178px -50px;
}
.nav-user {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0 -6px 0 10px;
  float: right;
  font-size: 12px;
  line-height: 14px;
  position: relative;
  z-index: 5;
  /*dropdown styles */
}
.nav-user li {
  float: right;
  margin: 0 0 0 10px;
  position: relative;
}
.nav-user li.log-out {
  /*display:none;*/
}
.nav-user li.log-out .user-name {
  border-style: none !important;
}
.nav-user li.hover > a.user-name {
  color: #e73922 !important;
  border: 1px solid #d3d3d3;
  border-bottom: none;
  /*padding:5px 5px 4px 8px;*/
  margin: 0 0 -1px;
  background: #ffffff;
}
.nav-user li.hover > a.user-name:before {
  background-position: -178px -50px;
}
.nav-user li.hover .dropdown {
  display: block;
  z-index: 50;
}
.nav-user a {
  position: relative;
  color: #e73922;
  display: block;
  z-index: 50;
  font-weight: bold;
  padding: 5px 5px 2px 8px;
  border: 1px solid transparent;
  text-decoration: none !important;
  transition: color 0.3s ease-out 0s;
  -moz-transition: color 0.3s ease-out 0s;
  -webkit-transition: color 0.3s ease-out 0s;
  -o-transition: color 0.3s ease-out 0s;
}
.nav-user a:hover {
  color: #54880b;
}
.nav-user a.user-name {
  color: #54880b;
}
.nav-user a.user-name:before {
  content: '';
  width: 14px;
  height: 16px;
  margin: 0 11px 0 0;
  display: inline-block;
  vertical-align: middle;
  background: url(../../media/images/sprite.png) no-repeat -182px 0;
}
.nav-user .dropdown {
  position: absolute;
  border: 1px solid #d3d3d3;
  background: #ffffff;
  width: 188px;
  z-index: 50;
  display: none;
}
.nav-user .dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 2px 0 0;
  font-size: 12px;
  line-height: 14px;
}
.nav-user .dropdown ul li {
  float: none;
  margin: 0 0 3px;
}
.nav-user .dropdown ul li.active a {
  background: #eee;
}
.nav-user .dropdown ul a {
  display: block;
  color: #333333;
  padding: 6px 10px;
  transition: background 0.3s ease-out 0s;
  -moz-transition: background 0.3s ease-out 0s;
  -mebkit-transition: background 0.3s ease-out 0s;
  -o-transition: background 0.3s ease-out 0s;
}
.nav-user .dropdown ul a:hover {
  background: #eee;
  text-decoration: none;
}
/* main navigation styles */
#nav {
  background: #e73922;
  padding: 0 9999px;
  margin: 0 -9999px;
  clear: both;
}
#nav .opener-title {
  right: 54px;
  top: 16px;
  left: auto;
}
.not-signed #nav {
  background: #fff2a6;
}
.not-signed .nav > li > .item > a {
  color: #333333;
}
.not-signed .nav > li > .item > a:hover {
  color: #ffffff;
}
.not-signed .nav > li.active > .item > a {
  color: #ffffff !important;
}
.not-signed .nav > li.home a:after {
  background-position: -165px -107px !important;
}
.not-signed .nav > li.home a:hover:after {
  background-position: -165px -79px !important;
}
.not-signed .header-holder .socials-list {
  display: none;
}
.not-signed .header-holder .log-out {
  display: block;
}
.not-signed .header-holder .log-out .user-name {
  display: block;
}
.not-signed .header-holder .user-name {
  display: none;
}
.nav {
  list-style: none;
  padding: 0;
  font-size: 20px;
  line-height: 24px;
  display: table;
  width: 100%;
  margin: 0;
  position: relative;
  /* main navigation dropdown */
}
.nav > li {
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
.nav > li.hover .nav-drop {
  display: block;
}
.nav > li.active a {
  background-color: #333333;
}
.nav > li.home {
  width: 44px;
  height: 44px;
}
.nav > li.home > .item > a {
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  width: 44px;
  height: 44px;
  position: relative;
}
.nav > li.home > .item > a:after {
  content: '';
  background: url(../../media/images/sprite.png) no-repeat -165px -79px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: 10px;
  -webkit-transform: translateZ(0);
}
.nav > li.home-connected {
  width: 44px;
  height: 44px;
}
.nav > li.home-connected > .item > a {
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
  width: 44px;
  height: 44px;
  position: relative;
}
.nav > li.home-connected > .item > a:after {
  content: '';
  background: url(../../media/images/sprite.png) no-repeat -165px -79px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: 10px;
  -webkit-transform: translateZ(0);
}
.nav > li > .item {
  display: block;
}
.nav > li > .item > a {
  display: block;
  padding: 10px;
  text-decoration: none;
  transition: background 0.3s ease-out 0s;
  -moz-transition: background 0.3s ease-out 0s;
  -webkit-transition: background 0.3s ease-out 0s;
  -o-transition: background 0.3s ease-out 0s;
  color: #ffffff;
}
.nav > li > .item > a:hover {
  background-color: #333333;
}
.nav .nav-drop {
  background: #333333;
  padding: 19px 18px 24px;
  position: absolute;
  left: 0;
  top: 43px;
  right: 0;
  z-index: 10;
  display: none;
  min-height: 385px;
}
.nav .nav-drop ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  width: 26%;
  float: left;
  padding: 0 18px 0 0;
}
.nav .nav-drop ul li {
  border-bottom: 1px solid #707070;
  padding: 0 0 9px;
  margin: 0 0 8px;
  display: block;
}
.nav .nav-drop ul a {
  background: none;
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease-out 0s;
  -moz-transition: color 0.3s ease-out 0s;
  -webkit-transition: color 0.3s ease-out 0s;
  -o-transition: color 0.3s ease-out 0s;
}
.nav .nav-drop ul a:hover {
  color: #e73922;
}
.nav .drop-visual {
  overflow: hidden;
}
.nav .drop-visual .frame {
  overflow: hidden;
  margin: 4px -20px 0 0;
}
.nav .drop-visual .col {
  float: left;
  width: 50%;
  padding: 0 20px 0 0;
  text-align: left;
}
.nav .drop-visual img {
  margin: 0 0 7px;
}
.nav .drop-visual .title {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  padding: 0 0 0 11px;
}
.nav .drop-visual a {
  display: block;
  text-decoration: none;
  text-align: center;
  transition: color 0.3s ease-out 0s;
  -moz-transition: color 0.3s ease-out 0s;
  -webkit-transition: color 0.3s ease-out 0s;
  -o-transition: color 0.3s ease-out 0s;
  color: #ffffff;
}
.nav .drop-visual a:hover {
  color: #e73922;
}
.nav .drop-slide-wrapper {
  width: 100% !important;
}
.opener-02,
.opener {
  float: right;
  width: 31px;
  height: 31px;
  background: #54880b;
  position: relative;
  border-radius: 3px;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 999;
  display: none;
  position: absolute;
  right: 15px;
  top: 0;
}
.opener-title {
  font-size: 14px;
  line-height: 18px;
  color: #54880b;
  font-weight: normal;
  position: absolute;
  left: 54px;
  top: 16px;
  display: none;
}
.opener-02 span,
.opener-02:after,
.opener-02:before {
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  top: 16px;
  left: 25%;
  right: 25%;
  height: 3px;
  margin-top: -2px;
  /* height/2 */
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.opener:before,
.opener:after,
.opener span {
  background: #ffffff;
  border-radius: 4px;
  position: absolute;
  top: 16px;
  left: 44%;
  right: 44%;
  height: 4px;
  margin-top: -3px;
  /* height/2 */
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.opener-02:after,
.opener-02:before,
.opener:before,
.opener:after {
  content: '';
  top: 10px;
}
.opener-02:after,
.opener:after {
  top: auto;
  bottom: 8px;
}
/* close button transition */
.header-slide.active .opener-02 span,
.nav-active .opener span {
  opacity: 0;
}
.header-slide.opener-02,
.opener:hover {
  opacity: .95;
}
.header-slide.active .opener-02:before,
.header-slide.active .opener-02:after,
.nav-active .opener:after,
.nav-active .opener:before {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  left: 15%;
  right: 15%;
}
.header-slide.active .opener-02:after,
.nav-active .opener:after {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* hero styles */
.hero {
  position: relative;
}
.hero img {
  width: 100%;
  height: auto;
  display: block;
}
.hero .holder {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.hero .frame {
  padding: 50px 0 0 11px;
  max-width: 1000px;
  margin: 0 auto;
}
.hero h1 {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 58px;
  line-height: 64px;
  color: #e73922;
  margin: 0 0 20px;
}
.hero .hero-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.hero .hero-box .hero-item {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 40px;
  line-height: 52px;
}
.saved-members {
  display: block;
  overflow: hidden;
  margin: 0 0 15px;
}
.saved-members .item {
  float: left;
  margin: 0 6px 0 0;
  font-size: 40px;
  line-height: 40px;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  color: #ffffff;
}
.saved-members .item span {
  float: left;
  margin: 0 0 0 1px;
  position: relative;
  padding: 9px 10px 12px;
  z-index: 2;
}
.saved-members .item span:first-child {
  margin: 0;
}
.saved-members .item span:before,
.saved-members .item span:after {
  content: '';
  height: 48%;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  border-radius: 4px 4px 0 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3MzczNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #373737 0%, #323232 29%, #1e1e1e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(29%, #323232), color-stop(100%, #1e1e1e));
  background: -webkit-linear-gradient(top, #373737 0%, #323232 29%, #1e1e1e 100%);
  background: -o-linear-gradient(top, #373737 0%, #323232 29%, #1e1e1e 100%);
  background: -ms-linear-gradient(top, #373737 0%, #323232 29%, #1e1e1e 100%);
  background: linear-gradient(to bottom, #373737 0%, #323232 29%, #1e1e1e 100%);
  background-color: #373737;
  z-index: -1;
}
.saved-members .item span:after {
  border-radius: 0 0 4px 4px;
  top: auto;
  bottom: 0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4MTgxOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzA2MDYwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #181818 0%, #060606 69%, #010101 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #181818), color-stop(69%, #060606), color-stop(100%, #010101));
  background: -webkit-linear-gradient(top, #181818 0%, #060606 69%, #010101 100%);
  background: -o-linear-gradient(top, #181818 0%, #060606 69%, #010101 100%);
  background: -ms-linear-gradient(top, #181818 0%, #060606 69%, #010101 100%);
  background: linear-gradient(to bottom, #181818 0%, #060606 69%, #010101 100%);
  background-color: #181818;
}
.saved-members .item span .line {
  position: absolute;
  left: 2px;
  right: 2px;
  top: 50%;
  height: 2px;
  background: #373737;
  z-index: 3;
  margin-top: -1px;
}
/* socials list styles */
.socials-list {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
.socials-list li {
  float: left;
  margin: 0 0 0 5px;
}
.socials-list li a {
  display: block;
  width: 27px;
  height: 28px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../../media/images/sprite.png) no-repeat 0 -1px;
  transition: opacity 0.3s ease-out 0s;
  -moz-transition: opacity 0.3s ease-out 0s;
  -webkit-transition: opacity 0.3s ease-out 0s;
  -o-transition: opacity 0.3s ease-out 0s;
}
.socials-list li a.pinterest {
  background-position: -31px -2px;
}
.socials-list li a.twitter {
  background-position: -61px -2px;
}
.socials-list li a.rss {
  background-position: -93px -1px;
}
.socials-list li a.youtube {
  background-position: -123px -2px;
}
.socials-list li a.instagram {
  background-position: -204px -2px;
}
.socials-list li a:hover {
  opacity: 0.7;
}
/* styles for tablet device */
@media only screen and (max-width: 1023px) {
  #mainHeader .header-frame {
    width: 100%;
    padding: 0 15px 10px;
    margin: 10px 0 0;
    position: relative;
  }
  .nav-user {
    /*margin:15px 0 0 10px;*/
  }
  .header-list {
    /*margin:21px 7px 12px 0;*/
  }
  .nav {
    margin: 0;
    font-size: 15px;
  }
  .nav .drop-visual .title {
    font-size: 14px;
    line-height: 18px;
  }
  .saved-members {
    margin: 0 0 7px;
  }
  .saved-members .item {
    font-size: 30px;
    line-height: 34px;
  }
  .saved-members .item span {
    padding: 8px 10px;
  }
}
/* styles for mobile device */
@media only screen and (max-width: 767px) {
  #mainHeader .socials-list {
    display: none;
  }
  #mainHeader.header-fixed {
    position: relative !important;
  }
  .nav-user .dropdown li.notMobile {
    display: none;
  }
  .header-slide .slide .slide-holder {
    padding: 10px;
    background: #ffffff;
  }
  .header-slide .slide .slide-holder .socials-list {
    display: block;
    float: none !important;
  }
  .header-slide .slide .slide-holder .userInfosContainer {
    float: none !important;
    width: 100%;
  }
  .header-slide .search-form {
    margin: 0;
    width: 67%;
  }
  .header-slide .search-form input[type=search] {
    text-overflow: ellipsis;
    font-size: 12px;
  }
  #searchSiteForm {
    float: none !important;
    width: 100%;
  }
  .header-list {
    float: none;
    letter-spacing: -4px;
    text-align: center;
    clear: both;
    padding: 10px 0 0;
    margin: 0;
  }
  .header-list li {
    margin: 0 0 0 20px;
    float: none;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
  }
  .nav-user {
    margin: 0 0 0 -10px;
    display: block;
    text-align: center;
    float: none;
    /*.user-name{
            border-style:none !important;
        }
        .dropdown{
            display:none !important;
            position: relative;
            display: block;
            width: 100%;
        }*/
  }
  .nav-user li {
    float: none;
  }
  #nav ul.nav {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .header-slide .opener-02,
  #nav .opener {
    display: block;
    margin: 10px 0 0;
  }
  .opener-title {
    display: block;
  }
  .header-slide .slide,
  .slide-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
  }
  .header-slide .slide-holder {
    border: 1px solid #000;
  }
  .item-slide {
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    max-height: 0;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
  }
  .header-slide.active .slide,
  .footer-columns .col.active .item-slide,
  .nav-active .slide-nav {
    max-height: 4000px;
  }
  .header-slide .slide-holder,
  .footer-columns .list-links,
  .footer-columns .slide-holder,
  .slide-drop ul,
  .nav {
    -webkit-transitioSn: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    border: 1px solid #000;
    display: block;
  }
  .header-slide.active .slide-holder,
  .footer-columns .col.active .slide-holder,
  .footer-columns .col.active .list-links,
  .nav-active .nav {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  #mainHeader .header-slide.active .slide {
    overflow: visible !important;
  }
  #mainHeader .header-slide.active .slide .slide-holder {
    overflow: visible !important;
  }
  .logo {
    float: none;
    margin: 10px auto;
    display: block;
    /*position: absolute;
        left: 40%;*/
  }
  .opener-02 {
    position: absolute;
    left: 15px;
    top: 0px;
  }
  .nav {
    background: #a0c963;
    display: block;
  }
  .nav > li {
    display: block;
    position: relative;
  }
  .nav > li.drop-active {
    z-index: 10;
  }
  .nav > li .item {
    position: relative;
  }
  .nav > li.home {
    width: auto;
    height: auto;
  }
  .nav > li.home > .item > a {
    padding: 10px;
    width: auto;
    height: auto;
    text-indent: 0;
  }
  .nav > li.home > .item > a:after {
    display: none;
  }
  .nav .nav-drop {
    position: relative;
    padding: 0 15px 10px;
  }
  .nav .nav-drop ul {
    width: 100%;
    float: none;
    text-align: center;
  }
  .nav .nav-drop ul a {
    display: block;
  }
  .nav .nav-drop .drop-visual {
    display: none;
  }
  .hero .hero-box .hero-item {
    font-size: 16px;
    line-height: 20px;
    padding: 18px 15px 2px;
  }
  .hero h1 {
    font-size: 38px;
    line-height: 28px;
  }
  .hero img {
    max-width: none;
    width: 140%;
    margin-left: -5%;
  }
  .saved-members .item {
    font-size: 16px;
    line-height: 20px;
  }
  .saved-members .item span {
    padding: 8px;
  }
}
@media only screen and (min-width: 1025px) {
  .tel-link {
    cursor: default;
    pointer-events: none;
  }
}
@media only screen and (min-width: 768px) {
  .header-slide .slide,
  #nav .slide-nav {
    position: static !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    height: auto;
  }
}
@media print {
  .header-list a {
    display: none;
  }
  .header-list a.tel-link {
    display: block;
  }
}
/*** connection pop-up ***/
.signUpLogIn .ui-dialog-titlebar,
.freeSubscriptionForm .ui-dialog-titlebar {
  border: none;
  background: none;
}
#logInDiv,
#signUpDiv {
  text-align: left;
}
#logInDiv h3,
#signUpDiv h3 {
  font-size: 27px;
  font-weight: normal;
  color: #588a0f;
  text-align: left;
  height: auto !important;
  line-height: 32px !important;
  margin-bottom: 15px;
}
#logInDiv .error,
#signUpDiv .error {
  color: #c00;
  font-weight: bold;
}
#logInDiv input[type=text],
#signUpDiv input[type=text],
#logInDiv input[type=password],
#signUpDiv input[type=password],
#logInDiv input[type=email],
#signUpDiv input[type=email],
#logInDiv select,
#signUpDiv select {
  width: 300px;
  max-width: 95%;
  border-radius: 10px;
  margin-bottom: 20px;
  height: 30px;
}
#logInDiv .greenButton,
#signUpDiv .greenButton {
  border-radius: 10px;
  padding-bottom: 0.01em;
  font-size: 24px;
  color: white;
  text-align: center;
  padding: 0.5em 1em;
  background: #a0c963;
}
#logInDiv .greenButton:hover,
#signUpDiv .greenButton:hover {
  background: #588a0f;
}
#logInDiv .redLink,
#signUpDiv .redLink {
  color: #cc0000 !important;
}
#logInDiv #newsletterLabel,
#signUpDiv #newsletterLabel,
#logInDiv #newsletterDiv,
#signUpDiv #newsletterDiv {
  font-size: 12px;
  font-style: italic;
}