@charset "UTF-8";
body.new-homepage,
.new-homepage div,
.new-homepage span,
.new-homepage h1,
.new-homepage h2,
.new-homepage h3,
.new-homepage h4,
.new-homepage h5,
.new-homepage h6,
.new-homepage p,
.new-homepage a,
.new-homepage em,
.new-homepage ul,
.new-homepage li,
.new-homepage form,
.new-homepage label,
.new-homepage table,
.new-homepage tbody,
.new-homepage tfoot,
.new-homepage thead,
.new-homepage tr,
.new-homepage th,
.new-homepage td,
.new-homepage article,
.new-homepage aside,
.new-homepage footer,
.new-homepage nav,
.header div,
.header span,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header p,
.header a,
.header em,
.header ul,
.header li,
.header form,
.header label,
.header table,
.header tbody,
.header tfoot,
.header thead,
.header tr,
.header th,
.header td,
.header article,
.header aside,
.header footer,
.header nav,
.footer div,
.footer span,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a,
.footer em,
.footer ul,
.footer li,
.footer form,
.footer label,
.footer table,
.footer tbody,
.footer tfoot,
.footer thead,
.footer tr,
.footer th,
.footer td,
.footer article,
.footer aside,
.footer footer,
.footer nav {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.new-homepage article,
.new-homepage aside,
.new-homepage details,
.new-homepage figcaption,
.new-homepage figure,
.new-homepage footer,
.new-homepage header,
.new-homepage hgroup,
.new-homepage menu,
.new-homepage nav,
.new-homepage section,
.header article,
.header aside,
.header details,
.header figcaption,
.header figure,
.header footer,
.header header,
.header hgroup,
.header menu,
.header nav,
.footer section,
.footer article,
.footer aside,
.footer details,
.footer figcaption,
.footer figure,
.footer footer,
.footer header,
.footer hgroup,
.footer menu,
.footer nav,
.footer section {
  display: block; }

.new-homepage input,
.header input,
.footer input {
  outline: none; }

body.new-homepage,
.new-homepage .ui-widget,
.new-homepage textarea,
.new-homepage .ui-widget input,
.new-homepage .ui-widget select,
.new-homepage .ui-widget textarea,
.new-homepage .ui-widget button,
.header,
.footer,
.header .ui-widget,
.header textarea,
.header .ui-widget input,
.header .ui-widget select,
.header .ui-widget textarea,
.header .ui-widget button {
  font-family: Lato;
  font-size: 1em; }

body,
html {
  font-size: 1em; }

.clearfix:after, .new-homepage .tab .landscape .pic p:after, .new-homepage .quick-register .scfCheckbox:after {
  content: "";
  display: table;
  clear: both; }

.clearfix:before, .new-homepage .tab .landscape .pic p:before, .new-homepage .quick-register .scfCheckbox:before {
  content: "";
  display: table;
  clear: both; }

.mediaQueryDetect {
  position: absolute;
  display: none;
  top: 2px;
  left: 2px;
  z-index: 1; }
  @media (max-width: 1260px) {
    .mediaQueryDetect {
      z-index: 2; } }
  @media (max-width: 1024px) {
    .mediaQueryDetect {
      z-index: 3; } }
  @media (max-width: 860px) {
    .mediaQueryDetect {
      z-index: 4; } }
  @media (max-width: 768px) {
    .mediaQueryDetect {
      z-index: 5; } }
  @media (max-width: 680px) {
    .mediaQueryDetect {
      z-index: 6; } }
  @media (max-width: 680px) {
    .mediaQueryDetect {
      z-index: 7; } }
  @media (max-width: 320px) {
    .mediaQueryDetect {
      z-index: 8; } }
  @media (max-width: 320px) {
    .mediaQueryDetect {
      z-index: 9; } }

body.new-homepage {
  border-bottom: 1px solid #55565a;
  background-color: #f1eff0; }

body,
body.new-homepage {
  padding-top: 119px; }
  body.no-scroll,
  body.new-homepage.no-scroll {
    overflow: hidden;
    background: black; }
    body.no-scroll .main,
    body.new-homepage.no-scroll .main {
      opacity: 0.3; }
  @media (max-width: 768px) {
    body,
    body.new-homepage {
      padding-top: 133px; } }
  @media (max-width: 680px) {
    body,
    body.new-homepage {
      padding-top: 129px; } }

.new-homepage h1 {
  font-size: 2em;
  font-weight: 300;
  color: #cd9700; }

.header,
.new-homepage .header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100000000; }
  .header .top-bar,
  .new-homepage .header .top-bar {
    background: #55565a; }
    .header .top-bar .container,
    .new-homepage .header .top-bar .container {
      width: 1240px;
      margin: auto; }
      @media (max-width: 1260px) {
        .header .top-bar .container,
        .new-homepage .header .top-bar .container {
          width: 100%; } }
    .header .top-bar .logo,
    .new-homepage .header .top-bar .logo {
      float: left;
      margin: 10px 0px; }
      .header .top-bar .logo a,
      .new-homepage .header .top-bar .logo a {
        text-indent: -9999px;
        display: block;
        width: 127px;
        height: 60px;
        background: url(images/logo-jacuzzi.png) no-repeat center; }
        @media (max-width: 768px) {
          .header .top-bar .logo a,
          .new-homepage .header .top-bar .logo a {
            width: 100%; } }
      @media (max-width: 1260px) {
        .header .top-bar .logo,
        .new-homepage .header .top-bar .logo {
          margin-left: 15px; } }
      @media (max-width: 768px) {
        .header .top-bar .logo,
        .new-homepage .header .top-bar .logo {
          float: none;
          padding: 10px;
          margin: 0; } }
    .header .top-bar .search-bar,
    .new-homepage .header .top-bar .search-bar {
      float: right;
      background: #6e6f74;
      position: relative;
      width: 305px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out; }
      @media (max-width: 1260px) {
        .header .top-bar .search-bar,
        .new-homepage .header .top-bar .search-bar {
          width: 20%; } }
      @media (max-width: 1024px) {
        .header .top-bar .search-bar,
        .new-homepage .header .top-bar .search-bar {
          width: 15%; }
          .header .top-bar .search-bar input::-webkit-input-placeholder,
          .new-homepage .header .top-bar .search-bar input::-webkit-input-placeholder {
            color: transparent !important; }
          .header .top-bar .search-bar input:-moz-placeholder,
          .new-homepage .header .top-bar .search-bar input:-moz-placeholder {
            color: transparent !important; }
          .header .top-bar .search-bar input::-moz-placeholder,
          .new-homepage .header .top-bar .search-bar input::-moz-placeholder {
            color: transparent !important; }
          .header .top-bar .search-bar input:-ms-input-placeholder,
          .new-homepage .header .top-bar .search-bar input:-ms-input-placeholder {
            color: transparent !important; } }
      @media (max-width: 768px) {
        .header .top-bar .search-bar,
        .new-homepage .header .top-bar .search-bar {
          display: none; } }
      @media (max-width: 768px) {
        .header .top-bar .search-bar.is-visible,
        .new-homepage .header .top-bar .search-bar.is-visible {
          width: -webkit-calc(100% - 280px);
          width: -moz-calc(100% - 280px);
          width: -ms-calc(100% - 280px);
          width: -o-calc(100% - 280px);
          width: calc(100% - 280px); } }
      .header .top-bar .search-bar.is-visible input,
      .new-homepage .header .top-bar .search-bar.is-visible input {
        display: block; }
      .header .top-bar .search-bar input,
      .new-homepage .header .top-bar .search-bar input {
        background: none;
        border: 0;
        padding: 0px 70px 0px 15px;
        color: white;
        height: 80px;
        line-height: 80px;
        width: 100%; }
        @media (max-width: 768px) {
          .header .top-bar .search-bar input,
          .new-homepage .header .top-bar .search-bar input {
            display: none; } }
      .header .top-bar .search-bar .magnifier,
      .new-homepage .header .top-bar .search-bar .magnifier {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        height: 80px;
        width: 50px;
        background: url(images/magnifier.png) no-repeat center center;
        z-index: 100; }
        @media (max-width: 1024px) {
          .header .top-bar .search-bar .magnifier,
          .new-homepage .header .top-bar .search-bar .magnifier {
            cursor: pointer;
            width: 80px; } }
    .header .top-bar .menu-container,
    .new-homepage .header .top-bar .menu-container {
      background: #131416;
      padding: 0 20px; }
  @media (max-width: 768px) {
    .header.nav-visible,
    .new-homepage .header.nav-visible {
      overflow-y: auto;
      top: 0;
      bottom: 0;
      margin-bottom: 0; } }

.top-nav,
.top-nav-mobile,
.new-homepage .top-nav,
.new-homepage .top-nav-mobile {
  float: right; }
  .top-nav a,
  .top-nav-mobile a,
  .new-homepage .top-nav a,
  .new-homepage .top-nav-mobile a {
    color: white;
    font-size: 1em;
    padding: 4px 20px 4px 10px;
    text-decoration: none;
    line-height: 80px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; }
    .top-nav a img,
    .top-nav-mobile a img,
    .new-homepage .top-nav a img,
    .new-homepage .top-nav-mobile a img {
      margin-right: 5px;
      position: relative;
      top: 5px; }
    .top-nav a:hover,
    .top-nav-mobile a:hover,
    .new-homepage .top-nav a:hover,
    .new-homepage .top-nav-mobile a:hover {
      opacity: 0.8; }
    @media (max-width: 1024px) {
      .top-nav a,
      .top-nav-mobile a,
      .new-homepage .top-nav a,
      .new-homepage .top-nav-mobile a {
        font-size: 0.8em; } }
  @media (max-width: 768px) {
    .top-nav,
    .top-nav-mobile,
    .new-homepage .top-nav,
    .new-homepage .top-nav-mobile {
      display: none; } }

.header .top-nav-mobile {
  position: relative;
  top: 11px; }
  .header .top-nav-mobile a {
    line-height: normal;
    font-weight: bold;
    padding-right: 30px;
    font-size: 1em; }
    @media (max-width: 480px) {
      .header .top-nav-mobile a {
        padding-right: 10px;
        font-size: 0.9em; } }
  @media (max-width: 768px) {
    .header .top-nav-mobile {
      display: block; } }

#ui-id-1 {
  z-index: 100000000 !important; }
  #ui-id-1 .ui-menu-item a {
    display: block !important;
    text-decoration: none !important;
    padding: 10px !important; }

#ui-id-1 .ui-state-active,
#ui-id-1 .ui-widget-header .ui-state-active,
#ui-id-1 a.ui-button:active,
#ui-id-1 .ui-button:active,
#ui-id-1 .ui-button.ui-state-active:hover {
  background: #55565a !important;
  border: 1px solid #55565a !important; }

#ui-id-1 li {
  font-size: 1em !important;
  padding: 0 !important; }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header .menu-container {
  margin: 0 auto;
  background: #131416; }
  .header .menu-container .top-nav a {
    line-height: 40px; }
  .header .menu-container .menu {
    width: 1240px;
    margin: auto; }
    @media (max-width: 1260px) {
      .header .menu-container .menu {
        width: 100%; } }

.header .menu-mobile {
  display: none;
  padding: 11px 20px;
  color: white; }

.header .menu-mobile:after {
  content: "\f0c9";
  font-family: "FontAwesome";
  font-size: 1.8rem;
  padding: 0;
  float: right;
  position: relative;
  top: 8px;
  right: 2px;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  color: white; }

.header .menu-mobile.close-mobile-menu:after {
  content: "\f00d"; }

/*.menu-dropdown-icon:before {
    content: "\f078";
    font-family: "FontAwesome";
    display: none;
    cursor: pointer;
    float: right;
    padding: 10px 2em;
    background: lighten($gray, 56%);
    color: $gray;
}*/
.header .menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box; }
  @media (max-width: 1024px) {
    .header .menu > ul {
      padding-left: 5px; } }

.header .menu > ul:before,
.header .menu > ul:after {
  content: "";
  display: table; }

.header .menu > ul:after {
  clear: both; }

.header .menu > ul > li {
  float: left;
  padding: 0;
  margin: 0; }

.header .menu > ul > li a {
  text-decoration: none;
  padding: 10px 20px;
  display: block;
  color: #a1a2a7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out; }
  @media (max-width: 1024px) {
    .header .menu > ul > li a {
      padding: 10px;
      font-size: 0.9em; } }

.header .menu > ul > li a:hover {
  color: white; }

.header .menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #f0f0f0;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box; }

.header .menu > ul > li > ul:before,
.header .menu > ul > li > ul:after {
  content: "";
  display: table; }

.header .menu > ul > li > ul:after {
  clear: both; }

.header .menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 16%;
  padding: 0 2%;
  background: none;
  float: left;
  border-right: 1px solid #c9c9cc; }
  .header .menu > ul > li > ul > li.pics {
    border: 0;
    float: right;
    width: 27%;
    overflow: hidden; }
    .header .menu > ul > li > ul > li.pics .pic a {
      position: relative;
      padding: 0;
      margin-bottom: 3px;
      display: block; }
      .header .menu > ul > li > ul > li.pics .pic a img {
        border: 0;
        display: block; }
      .header .menu > ul > li > ul > li.pics .pic a span {
        display: table;
        position: absolute;
        height: 85px;
        width: 160px;
        color: white;
        top: 0;
        left: 0;
        background-color: rgba(19, 20, 22, 0.6);
        background-image: url(images/arrow-right.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding: 0px 30px 0px 10px;
        font-weight: 300;
        font-size: 0.9em;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out; }
        .header .menu > ul > li > ul > li.pics .pic a span em {
          display: table-cell;
          vertical-align: middle;
          height: 100%; }
      .header .menu > ul > li > ul > li.pics .pic a:hover span {
        background-color: rgba(19, 20, 22, 0.9);
        width: 180px;
        padding-right: 50px; }

.header .menu > ul > li > ul > li a {
  color: #777;
  padding: 5px 0;
  width: 95%;
  display: block;
  font-weight: bold; }
  .header .menu > ul > li > ul > li a:hover {
    color: black; }

.header .menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  list-style: none;
  box-sizing: border-box; }
  .header .menu > ul > li > ul > li > ul:last-child {
    margin-bottom: 0; }

.header .menu > ul > li > ul > li > ul:before,
.header .menu > ul > li > ul > li > ul:after {
  content: "";
  display: table; }

.header .menu > ul > li > ul > li > ul:after {
  clear: both; }

.header .menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: .8em; }

.header .menu > ul > li > ul > li > ul > li a {
  font-weight: 400; }
  .header .menu > ul > li > ul > li > ul > li a:hover {
    color: black; }

.header .menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px; }

.header .menu > ul > li > ul.normal-sub > li {
  width: 100%; }

.header .menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 5px 0; }

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 768px) {
  .header .menu-container {
    width: 100%; }
    .header .menu-container .show-on-mobile {
      background: #e6e6e7; }
  .header .menu-mobile {
    display: inline-block; }
  .header .menu-dropdown-icon:before {
    display: block; }
  .header .menu > ul {
    display: none; }
  .header .menu > ul > li {
    width: 100%;
    float: none;
    display: block; }
  .header .menu > ul > li a {
    padding: 10px 1.5em;
    width: 100%;
    display: block;
    color: #131416; }
    .header .menu > ul > li a:hover {
      color: black; }
  .header .menu > ul > li > ul {
    position: relative;
    background: white; }
  .header .menu > ul > li > ul.normal-sub {
    width: 100%; }
  .header .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
    border: 0;
    padding-left: 50px; }
    .header .menu > ul > li > ul > li.pics {
      width: 100%; }
    .header .menu > ul > li > ul > li a {
      font-size: 1em; }
  .header .menu > ul > li > ul > li:first-child {
    margin: 0; }
  .header .menu > ul > li > ul > li > ul {
    position: relative; }
  .header .menu > ul > li > ul > li > ul > li {
    float: none; }
  .header .menu .show-on-mobile {
    display: block; } }

.new-homepage .main {
  width: 1240px;
  margin: auto; }
  @media (max-width: 1260px) {
    .new-homepage .main {
      width: 98%; } }

.new-homepage .slider {
  margin-top: 10px;
  overflow: hidden; }
  .new-homepage .slider .slider-container {
    width: 69%;
    float: left; }
    @media (max-width: 680px) {
      .new-homepage .slider .slider-container {
        width: 100%;
        float: none; } }
  .new-homepage .slider .featured .pic {
    overflow: hidden;
    position: relative; }
    .new-homepage .slider .featured .pic .title {
      position: absolute;
      left: 0;
      top: 0;
      width: 35%;
      padding: 0;
      background: url(images/dark-transparent-1.png) repeat;
      display: table;
      font-size: 2.8em;
      font-weight: 300;
      line-height: 1.1em;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out; }
      .new-homepage .slider .featured .pic .title a {
        color: white;
        text-decoration: none;
        padding: 0px 35px;
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        background-image: url(images/arrow-right.png);
        background-position: right bottom;
        background-repeat: no-repeat; }
        @media (max-width: 680px) {
          .new-homepage .slider .featured .pic .title a {
            background: none; } }
      .new-homepage .slider .featured .pic .title:hover {
        background: url(images/dark-transparent-2.png) repeat;
        width: 38%; }
      @media (max-width: 768px) {
        .new-homepage .slider .featured .pic .title {
          font-size: 2em; } }
  @media (max-width: 680px) {
    .new-homepage .slider .featured {
      margin: 0;
      margin-bottom: 10px; }
      .new-homepage .slider .featured .pic h2 {
        height: 200px;
        font-size: 1.3em; }
        .new-homepage .slider .featured .pic h2 a {
          padding: 15px;
          vertical-align: top; } }
  .new-homepage .slider .smalls {
    width: 30%;
    float: right; }
    .new-homepage .slider .smalls .pic {
      overflow: hidden;
      position: relative; }
      .new-homepage .slider .smalls .pic img {
        float: left; }
      .new-homepage .slider .smalls .pic:first-child {
        margin-bottom: 3.2%; }
      .new-homepage .slider .smalls .pic .title {
        position: absolute;
        left: 0;
        top: 0;
        width: 45%;
        padding: 0;
        background: url(images/dark-transparent-1.png) repeat;
        font-size: 1.2em;
        font-weight: 300;
        line-height: 1.1em;
        display: table;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out; }
        .new-homepage .slider .smalls .pic .title a {
          color: white;
          text-decoration: none;
          display: table-cell;
          padding: 15px;
          background-image: url(images/arrow-right.png);
          background-position: right bottom;
          background-repeat: no-repeat; }
          @media (max-width: 680px) {
            .new-homepage .slider .smalls .pic .title a {
              background: none; } }
        .new-homepage .slider .smalls .pic .title:hover {
          background: url(images/dark-transparent-2.png) repeat;
          width: 50%; }
        @media (max-width: 768px) {
          .new-homepage .slider .smalls .pic .title {
            font-size: 1em; } }
        @media (max-width: 680px) {
          .new-homepage .slider .smalls .pic .title {
            font-size: 0.9em; } }
    @media (max-width: 680px) {
      .new-homepage .slider .smalls {
        width: 100%;
        margin: 0;
        float: none; }
        .new-homepage .slider .smalls .pic {
          width: 49%;
          float: left;
          margin-bottom: 0 !important; }
          .new-homepage .slider .smalls .pic .title {
            width: 60%; }
          .new-homepage .slider .smalls .pic:nth-of-type(2) {
            float: right; } }
    @media (max-width: 320px) {
      .new-homepage .slider .smalls .pic .title {
        font-size: 0.8em; } }
  .new-homepage .slider .pic {
    position: relative; }
    .new-homepage .slider .pic img {
      width: 100%;
      height: auto; }
  .new-homepage .slider h2,
  .new-homepage .slider .title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    padding: 2%;
    color: white; }

.new-homepage .ui-tabs-vertical {
  width: 55em; }

.new-homepage .ui-tabs-vertical .ui-tabs-nav {
  padding: .2em .1em .2em .2em;
  float: left;
  width: 12em;
  position: relative;
  z-index: 100; }

.new-homepage .ui-tabs-vertical .ui-tabs-nav li {
  clear: left;
  width: 100%;
  border-bottom-width: 1px !important;
  border-right-width: 0 !important;
  margin: 0 -1px .2em 0; }

.new-homepage .ui-tabs-vertical .ui-tabs-nav li a {
  display: block; }

.new-homepage .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
  padding-right: .1em;
  border-right-width: 1px;
  margin-bottom: 8px; }

.new-homepage .ui-tabs-vertical .ui-tabs-panel {
  padding: 1em;
  float: right;
  width: 40em; }

.new-homepage .ui-tabs-vertical .ui-tabs-panel {
  width: 75%;
  padding: 0; }

.new-homepage .ui-tabs-vertical .ui-tabs-nav {
  width: 24%;
  padding: 0; }

.new-homepage .ui-corner-all,
.new-homepage .ui-corner-top,
.new-homepage .ui-corner-left,
.new-homepage .ui-corner-tl {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

@media (max-width: 680px) {
  .new-homepage .intro {
    display: none; } }

@media (max-width: 680px) {
  .new-homepage .video-container {
    margin-top: 20px; } }

@media (max-width: 680px) {
  .new-homepage .video-container iframe {
    height: 300px !important; } }

@media (max-width: 480px) {
  .new-homepage .video-container iframe {
    height: 200px !important; } }

@media (max-width: 320px) {
  .new-homepage .video-container iframe {
    height: 150px !important; } }

.new-homepage .home-tabs {
  width: 100%;
  border: 0 !important;
  padding: 0 !important;
  height: 420px;
  overflow: hidden; }
  @media (max-width: 680px) {
    .new-homepage .home-tabs {
      display: none !important; } }
  .new-homepage .home-tabs .tab .vertical {
    width: 30%;
    overflow: hidden; }
  .new-homepage .home-tabs .tab .landscape {
    width: 68.5%;
    overflow: hidden; }
  .new-homepage .home-tabs a:hover {
    text-decoration: none; }

.new-homepage .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active,
.new-homepage .ui-tabs-vertical .ui-tabs-nav li:hover {
  background: #cd9700;
  position: relative; }
  .new-homepage .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active:after,
  .new-homepage .ui-tabs-vertical .ui-tabs-nav li:hover:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #cd9700;
    position: absolute;
    right: -30px;
    top: 0; }

.new-homepage .ui-tabs-vertical .ui-tabs-nav li {
  background: #55565a;
  padding: 0;
  border: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  margin-bottom: 8px; }

.new-homepage .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  display: block;
  color: white;
  padding: 36px 30px;
  width: 100%;
  font-size: 1.3em;
  font-weight: 300;
  background-image: url(images/arrow-right.png);
  background-position: right center;
  background-repeat: no-repeat; }

.new-homepage .ui-widget-header {
  border: 0;
  background: none; }

.new-homepage .tab .pic {
  position: relative; }
  .new-homepage .tab .pic img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%; }
  .new-homepage .tab .pic p {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    color: white;
    font-size: 0.8em;
    padding: 20px 15px;
    color: white;
    display: block;
    background: url(images/dark-transparent-1.png) repeat;
    text-decoration: none; }
    .new-homepage .tab .pic p span.read-more {
      text-decoration: underline; }
  .new-homepage .tab .pic a:hover p {
    background: url(images/dark-transparent-2.png) repeat; }

.new-homepage .tab .vertical .pic {
  height: 420px;
  overflow: hidden; }
  .new-homepage .tab .vertical .pic p span.read-more {
    display: block;
    margin-top: 10px; }

.new-homepage .tab .landscape .pic {
  height: 203px;
  overflow: hidden; }
  .new-homepage .tab .landscape .pic:first-child {
    margin-bottom: 14px; }
  .new-homepage .tab .landscape .pic p span {
    float: left;
    width: 80%; }
    .new-homepage .tab .landscape .pic p span.read-more {
      float: right;
      text-decoration: underline;
      width: 20%;
      text-align: right; }

.align-left {
  float: left; }

.align-right {
  float: right; }

.new-homepage .home-cards {
  margin-top: 20px; }
  .new-homepage .home-cards a {
    width: 33%;
    display: block;
    float: left;
    margin-right: 0.5%;
    color: white;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; }
    .new-homepage .home-cards a span {
      display: block;
      background-image: url(images/arrow-right.png);
      background-position: right center;
      background-repeat: no-repeat;
      padding: 20px;
      padding-right: 80px; }
    .new-homepage .home-cards a.contact-dealer {
      background-color: #55565a;
      background-repeat: no-repeat;
      background-size: cover; }
      .new-homepage .home-cards a.contact-dealer:hover {
        background: #0a5775 !important; }
    .new-homepage .home-cards a.add-jacuzzi {
      background-color: #55565a;
      background-repeat: no-repeat;
      background-size: cover; }
      .new-homepage .home-cards a.add-jacuzzi:hover {
        background: #cd9700 !important; }
    .new-homepage .home-cards a.hot-tub {
      background-color: #55565a;
      background-repeat: no-repeat;
      background-size: cover; }
      .new-homepage .home-cards a.hot-tub:hover {
        background: #a4c8e2 !important; }
      @media (max-width: 768px) {
        .new-homepage .home-cards a.hot-tub {
          margin-bottom: 0; } }
    .new-homepage .home-cards a.hot-tub {
      margin-right: 0; }
    @media (max-width: 768px) {
      .new-homepage .home-cards a {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 15px;
        background-size: cover !important; } }

#content .main-part.main-part-dealer {
  width: auto;
  float: none; }

.new-homepage .footer {
  padding-top: 10px; }

.footer .bottom p {
  line-height: 1.5em;
  margin-top: 2px; }

.footer,
.new-homepage .footer {
  margin-top: 20px;
  background: #9a9fa0;
  padding-bottom: 0px !important; }
  .footer .top,
  .new-homepage .footer .top {
    width: 1240px;
    margin: auto; }
    @media (max-width: 1260px) {
      .footer .top,
      .new-homepage .footer .top {
        width: 98%; } }
  .footer .links,
  .new-homepage .footer .links {
    width: 78%;
    float: left;
    padding: 20px 0px; }
    .footer .links p,
    .new-homepage .footer .links p {
      color: white;
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 0.8em;
      text-align: justify;
      padding-right: 2%; }
      @media (max-width: 768px) {
        .footer .links p,
        .new-homepage .footer .links p {
          display: none; }
          .footer .links p.title,
          .new-homepage .footer .links p.title {
            display: block; } }
      @media (max-width: 480px) {
        .footer .links p,
        .new-homepage .footer .links p {
          display: block; } }
    @media (max-width: 768px) {
      .footer .links,
      .new-homepage .footer .links {
        width: 66%; } }
    @media (max-width: 480px) {
      .footer .links,
      .new-homepage .footer .links {
        width: 100%;
        padding: 0px 15px 15px; } }
  .footer .quick-register,
  .new-homepage .footer .quick-register {
    width: 22%;
    float: right;
    padding: 20px;
    color: white; }
    .footer .quick-register h1,
    .new-homepage .footer .quick-register h1 {
      margin-bottom: 20px;
      padding: 0;
      color: white;
      font-weight: bold;
      font-size: 16px; }
    .footer .quick-register label.scfEmailLabel,
    .footer .quick-register label.scfSingleLineTextLabel,
    .new-homepage .footer .quick-register label.scfEmailLabel,
    .new-homepage .footer .quick-register label.scfSingleLineTextLabel {
      display: none; }
    .footer .quick-register label a,
    .new-homepage .footer .quick-register label a {
      color: white; }
      .footer .quick-register label a:hover,
      .new-homepage .footer .quick-register label a:hover {
        text-decoration: none; }
    .footer .quick-register input[type=text],
    .new-homepage .footer .quick-register input[type=text] {
      width: 100%;
      background: #c9c9cc;
      padding: 6px 10px;
      margin-bottom: 8px;
      border: 0px; }
    .footer .quick-register input[type=submit],
    .new-homepage .footer .quick-register input[type=submit] {
      width: 100%;
      background-color: #131416;
      color: white;
      border: 0px;
      text-align: left;
      margin-top: 10px;
      padding: 8px 10px;
      background-image: url(images/arrow-right.png);
      background-position: right center;
      background-repeat: no-repeat;
      cursor: pointer; }
      .footer .quick-register input[type=submit]:hover,
      .new-homepage .footer .quick-register input[type=submit]:hover {
        background-color: black; }
    .footer .quick-register input::-webkit-input-placeholder,
    .new-homepage .footer .quick-register input::-webkit-input-placeholder {
      color: #131416; }
    .footer .quick-register input:-moz-placeholder,
    .new-homepage .footer .quick-register input:-moz-placeholder {
      /* Firefox 18- */
      color: #131416; }
    .footer .quick-register input::-moz-placeholder,
    .new-homepage .footer .quick-register input::-moz-placeholder {
      /* Firefox 19+ */
      color: #131416; }
    .footer .quick-register input:-ms-input-placeholder,
    .new-homepage .footer .quick-register input:-ms-input-placeholder {
      color: #131416; }
    .footer .quick-register .scfCheckbox,
    .new-homepage .footer .quick-register .scfCheckbox {
      display: block;
      font-size: 0.7em;
      margin-top: 8px; }
    @media (max-width: 768px) {
      .footer .quick-register,
      .new-homepage .footer .quick-register {
        width: 32%; } }
    @media (max-width: 480px) {
      .footer .quick-register,
      .new-homepage .footer .quick-register {
        display: none; } }
  .footer ul,
  .new-homepage .footer ul {
    list-style: none;
    width: 18%;
    margin-right: 2%;
    padding-right: 2%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, 0.7); }
    .footer ul li a,
    .new-homepage .footer ul li a {
      color: white;
      font-size: 0.8em; }
      .footer ul li a:hover,
      .new-homepage .footer ul li a:hover {
        text-decoration: none; }
    .footer ul .title,
    .new-homepage .footer ul .title {
      color: white;
      font-weight: bold;
      margin-bottom: 10px;
      margin-top: 0;
      font-size: 1em;
      text-align: left; }
      .footer ul .title a,
      .new-homepage .footer ul .title a {
        color: white;
        text-decoration: none; }
      @media (max-width: 768px) {
        .footer ul .title,
        .new-homepage .footer ul .title {
          margin-bottom: 0; }
          .footer ul .title a,
          .new-homepage .footer ul .title a {
            text-decoration: underline;
            font-weight: normal; }
            .footer ul .title a:hover,
            .new-homepage .footer ul .title a:hover {
              text-decoration: none; } }
      @media (max-width: 480px) {
        .footer ul .title,
        .new-homepage .footer ul .title {
          padding: 10px 0px; }
          .footer ul .title a,
          .new-homepage .footer ul .title a {
            text-decoration: none;
            display: block;
            background-image: url(images/arrow-right.png);
            background-position: right center;
            background-repeat: no-repeat; } }
    @media (max-width: 768px) {
      .footer ul,
      .new-homepage .footer ul {
        width: 49%;
        border: none; } }
    @media (max-width: 480px) {
      .footer ul,
      .new-homepage .footer ul {
        display: none; } }
  @media (max-width: 768px) {
    .footer .hide-mobile,
    .new-homepage .footer .hide-mobile {
      float: left;
      width: 49%; }
      .footer .hide-mobile ul,
      .new-homepage .footer .hide-mobile ul {
        border: none;
        float: none;
        width: 100%; }
        .footer .hide-mobile ul li,
        .new-homepage .footer .hide-mobile ul li {
          display: none; } }
  @media (max-width: 480px) {
    .footer .hide-mobile,
    .new-homepage .footer .hide-mobile {
      width: 100%; }
      .footer .hide-mobile ul,
      .new-homepage .footer .hide-mobile ul {
        display: block;
        width: 100%; } }
  .footer .bottom,
  .new-homepage .footer .bottom {
    background: #55565a;
    color: white; }
    .footer .bottom .container,
    .new-homepage .footer .bottom .container {
      padding: 20px 0px;
      width: 1240px;
      margin: auto; }
      @media (max-width: 1260px) {
        .footer .bottom .container,
        .new-homepage .footer .bottom .container {
          width: 98%; } }
      @media (max-width: 480px) {
        .footer .bottom .container,
        .new-homepage .footer .bottom .container {
          padding: 20px 15px; } }
    .footer .bottom p,
    .new-homepage .footer .bottom p {
      margin: 0;
      font-size: 0.8em;
      display: inline; }
    .footer .bottom .copy,
    .new-homepage .footer .bottom .copy {
      width: 58%;
      float: left;
      padding-left: 0; }
      .footer .bottom .copy .pipe,
      .new-homepage .footer .bottom .copy .pipe {
        display: inline-block;
        margin-right: 10px; }
      .footer .bottom .copy .language-selector,
      .new-homepage .footer .bottom .copy .language-selector {
        display: inline-block;
        position: relative;
        margin-right: 10px; }
        .footer .bottom .copy .language-selector span,
        .new-homepage .footer .bottom .copy .language-selector span {
          font-size: 0.8em;
          cursor: pointer;
          text-decoration: underline;
          position: relative;
          top: -1px; }
          .footer .bottom .copy .language-selector span i,
          .new-homepage .footer .bottom .copy .language-selector span i {
            position: relative;
            right: -3px;
            top: 1px; }
          .footer .bottom .copy .language-selector span:hover,
          .new-homepage .footer .bottom .copy .language-selector span:hover {
            color: #c9c9c9; }
        .footer .bottom .copy .language-selector .languages,
        .new-homepage .footer .bottom .copy .language-selector .languages {
          display: none;
          position: absolute;
          z-index: 100;
          padding: 0px;
          width: 200px;
          top: -255px;
          background: #55565a;
          -webkit-box-shadow: 0px -5px 8px 0px rgba(0, 0, 0, 0.51);
          -moz-box-shadow: 0px -5px 8px 0px rgba(0, 0, 0, 0.51);
          box-shadow: 0px -5px 8px 0px rgba(0, 0, 0, 0.51); }
          .footer .bottom .copy .language-selector .languages p,
          .new-homepage .footer .bottom .copy .language-selector .languages p {
            padding: 2px 15px;
            background: #404145;
            display: block; }
          .footer .bottom .copy .language-selector .languages ul,
          .new-homepage .footer .bottom .copy .language-selector .languages ul {
            width: 100%;
            border: 0;
            margin: 10px 0; }
            .footer .bottom .copy .language-selector .languages ul a,
            .new-homepage .footer .bottom .copy .language-selector .languages ul a {
              text-decoration: none;
              display: block;
              padding: 4px 15px; }
              .footer .bottom .copy .language-selector .languages ul a:hover,
              .new-homepage .footer .bottom .copy .language-selector .languages ul a:hover {
                background: #404145; }
            @media (max-width: 480px) {
              .footer .bottom .copy .language-selector .languages ul,
              .new-homepage .footer .bottom .copy .language-selector .languages ul {
                display: block; } }
      @media (max-width: 768px) {
        .footer .bottom .copy,
        .new-homepage .footer .bottom .copy {
          width: 100%;
          float: none;
          text-align: left; } }
    .footer .bottom .footer-nav,
    .new-homepage .footer .bottom .footer-nav {
      width: 40%;
      float: right;
      text-align: right; }
      .footer .bottom .footer-nav a,
      .new-homepage .footer .bottom .footer-nav a {
        color: white;
        text-decoration: none;
        font-size: 0.8em; }
        .footer .bottom .footer-nav a:hover,
        .new-homepage .footer .bottom .footer-nav a:hover {
          opacity: 0.7; }
      @media (max-width: 768px) {
        .footer .bottom .footer-nav,
        .new-homepage .footer .bottom .footer-nav {
          width: calc(100% - 30px);
          float: none;
          text-align: left; } }

.new-homepage .intro h1 {
  float: left;
  color: #cd9700;
  padding: 10px 30px; }
  @media (max-width: 1260px) {
    .new-homepage .intro h1 {
      width: 75%; } }
  @media (max-width: 768px) {
    .new-homepage .intro h1 {
      width: 60%; } }

.new-homepage .social-media {
  float: right;
  position: relative;
  top: 16px;
  margin-right: 10px; }
  .new-homepage .social-media a {
    display: inline-block;
    width: 29px;
    height: 28px;
    background: url(images/social-media-1.png) no-repeat 0 0;
    text-indent: -99999px; }
    .new-homepage .social-media a:hover {
      background-position: 0px -28px; }
    .new-homepage .social-media a.youtube {
      background-position: -29px 0; }
      .new-homepage .social-media a.youtube:hover {
        background-position: -29px -28px; }
    .new-homepage .social-media a.facebook {
      background-position: -59px 0; }
      .new-homepage .social-media a.facebook:hover {
        background-position: -59px -28px; }
    .new-homepage .social-media a.google-plus {
      background-position: -88px 0; }
      .new-homepage .social-media a.google-plus:hover {
        background-position: -88px -28px; }
    .new-homepage .social-media a.pinterest {
      background-position: -118px 0; }
      .new-homepage .social-media a.pinterest:hover {
        background-position: -118px -28px; }

.new-homepage .social-media-mobile {
  display: none;
  margin: auto;
  text-align: center; }
  .new-homepage .social-media-mobile a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 2px;
    background: url(images/social-media-2.png) no-repeat 0 0;
    text-indent: -99999px;
    margin-bottom: 20px; }
    .new-homepage .social-media-mobile a:hover {
      opacity: 0.7; }
    .new-homepage .social-media-mobile a.youtube {
      background-position: -35px 0; }
    .new-homepage .social-media-mobile a.facebook {
      background-position: -70px 0; }
    .new-homepage .social-media-mobile a.google-plus {
      background-position: -105px 0; }
    .new-homepage .social-media-mobile a.pinterest {
      background-position: -140px 0; }
  @media (max-width: 480px) {
    .new-homepage .social-media-mobile {
      display: block; } }

.new-homepage .quick-register .scfCheckbox {
  position: relative; }
  .new-homepage .quick-register .scfCheckbox:first-of-type {
    margin-bottom: 10px; }

.new-homepage .quick-register .scfCheckbox input[type=checkbox] {
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  outline: 0;
  position: absolute; }

.new-homepage .quick-register .scfCheckbox input[type=checkbox] + label {
  padding-left: 30px;
  display: inline-block;
  min-height: 21px;
  line-height: 18px;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
  width: auto;
  padding-top: 2px; }

.new-homepage .quick-register .scfCheckbox input[type=checkbox]:checked + label {
  background: transparent url(../images/csscheckbox-selected.png) no-repeat 0 0; }

.new-homepage .quick-register .scfCheckbox label {
  background: transparent url(../images/csscheckbox.png) no-repeat 0 0;
  position: relative;
  top: -2px;
  float: left; }

.new-homepage .quick-register .scfSingleLineGeneralPanel,
.new-homepage .quick-register .scfEmailGeneralPanel {
  width: 100% !important; }

.new-homepage .quick-register .scfRequired {
  display: none; }

.menu-for-desktop {
  display: block; }
  @media (max-width: 768px) {
    .menu-for-desktop {
      display: none; } }

.menu-for-mobile {
  display: none; }
  @media (max-width: 768px) {
    .menu-for-mobile {
      display: block; } }
  .menu-for-mobile .menu ul {
    padding-bottom: 30px; }
  .menu-for-mobile .menu > ul > li > a {
    padding: 6px 1.5em;
    padding-left: 50px;
    background: url(images/arrow-right-2.png) no-repeat right center; }
    .menu-for-mobile .menu > ul > li > a.home {
      background: url(images/home-icon.png) no-repeat left center;
      padding: 12px 1.5em;
      padding-left: 50px; }
    .menu-for-mobile .menu > ul > li > a.sep {
      margin-bottom: 30px; }
  .menu-for-mobile .menu > ul > li > ul > li {
    margin-top: 5px;
    font-size: 0.8em; }
  .menu-for-mobile .menu > ul > li.products a {
    background: none; }
    .menu-for-mobile .menu > ul > li.products a span {
      float: right;
      margin-left: 6px;
      background: url("images/arrow-down.png") no-repeat center center;
      display: inline-block;
      width: 10px;
      height: 8px;
      margin-right: -4px;
      margin-top: 5px; }
  .menu-for-mobile .menu > ul > li.products.open {
    padding: 10px 0px 20px;
    background: white;
    margin-bottom: 20px; }
    .menu-for-mobile .menu > ul > li.products.open a {
      background: none; }
    .menu-for-mobile .menu > ul > li.products.open span {
      float: none; }
    .menu-for-mobile .menu > ul > li.products.open ul {
      display: block; }
  .menu-for-mobile .menu > ul > li > ul {
    padding: 0px 30px; }
    .menu-for-mobile .menu > ul > li > ul li a:hover {
      text-decoration: underline; }

.new-homepage .bx-controls {
  left: 23%; }
  @media (max-width: 680px) {
    .new-homepage .bx-controls {
      display: none; } }

.new-homepage .ui-tabs-vertical .ui-tabs-nav.ui-widget-header {
  border: none;
  background: none; }

.header .top-bar .search-bar input::-webkit-input-placeholder {
  color: #a1a2a7 !important; }

.header .top-bar .search-bar input::-moz-placeholder {
  color: #a1a2a7 !important; }

.header .top-bar .search-bar input::-moz-placeholder {
  color: #a1a2a7 !important; }

.header .top-bar .search-bar input::-ms-input-placeholder {
  color: #a1a2a7 !important; }

.mobile-popup {
  display: none;
  padding: 10px 18px;
  background: #f1f0f0;
  color: #555555; }
  .mobile-popup .checkbox-field {
    display: inline-block;
    vertical-align: top;
    float: none;
    box-sizing: border-box;
    /*width: 30%;*/
    width: auto;
    min-width: 46%;
    margin-right: 3%;
    margin-bottom: 18px;
    position: relative;
    /*&:nth-child(3n){
		margin-right:0;
	  }*/ }
    .mobile-popup .checkbox-field input[type="checkbox"] {
      position: absolute;
      left: -99999px; }
    .mobile-popup .checkbox-field input[type="checkbox"] + label:before {
      content: "";
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      background: #fff;
      width: 20px;
      height: 20px;
      box-sizing: border-box;
      border: #b5b5b6 1px solid;
      border-radius: 3px;
      box-shadow: inset 1px 1px 3px #999; }
    .mobile-popup .checkbox-field input[type="checkbox"]:checked + label:before {
      background: #fff url(images/selected-blue.png) center center no-repeat;
      background-size: 80%; }
    .mobile-popup .checkbox-field label {
      font-size: 15px;
      color: #00667f;
      margin-left: 30px;
      margin-top: 0;
      float: none;
      line-height: 18px;
      max-width: none; }
      .mobile-popup .checkbox-field label span {
        display: none; }
    .mobile-popup .checkbox-field:hover label span {
      color: inherit; }
  .mobile-popup .location-field .field {
    background: #fff;
    width: 220px;
    height: 30px;
    box-sizing: border-box;
    border: #b5b5b6 1px solid;
    border-radius: 3px;
    box-shadow: inset 1px 1px 3px #999;
    margin-right: 12px;
    margin-bottom: 0 !important;
    padding: 3px 8px; }
  .mobile-popup .location-field .search-but {
    width: 100px;
    height: 30px;
    background: #c6a00c;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    box-sizing: border-box;
    border-radius: 3px; }

.light-theme {
  background: #f1f0f0;
  color: #555555; }
  .light-theme ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0.6; }
  .light-theme ::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0.6; }
  .light-theme :-ms-input-placeholder {
    /* IE 10+ */
    opacity: 0.6; }
  .light-theme #top-content {
    color: inherit; }
    .light-theme #top-content .text {
      color: inherit; }
  .light-theme #content {
    color: inherit; }

@keyframes cssload-spin {
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes cssload-spin {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes cssload-spin {
  .light-theme #content 100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes cssload-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes cssload-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }
    .light-theme #content a, .light-theme #content a:visited, .light-theme #content a:hover, .light-theme #content a:link, .light-theme #content a:active {
      color: inherit; }
    .light-theme #content #waitSignUp.disable {
      display: none; }
    .light-theme #content #waitSignUp.active {
      position: absolute;
      top: calc(50% - 40px);
      left: calc(50% - 40px);
      width: 81px;
      z-index: 9999;
      height: 81px;
      margin: 0 auto;
      border: 5px solid black;
      border-radius: 50%;
      border-left-color: transparent;
      border-right-color: transparent;
      animation: cssload-spin 1700ms infinite linear;
      -o-animation: cssload-spin 1700ms infinite linear;
      -ms-animation: cssload-spin 1700ms infinite linear;
      -webkit-animation: cssload-spin 1700ms infinite linear;
      -moz-animation: cssload-spin 1700ms infinite linear; }
    .light-theme #content .details_result {
      display: none; }
    .light-theme #content .right-part {
      background: none; }
      .light-theme #content .right-part .panels .panel {
        border-radius: 0;
        background: #fff;
        padding: 6px; }
        .light-theme #content .right-part .panels .panel .title {
          border-radius: 0;
          color: #00667f;
          padding: 10px;
          box-shadow: none;
          border: none; }
          .light-theme #content .right-part .panels .panel .title span {
            display: none; }
        .light-theme #content .right-part .panels .panel .image img {
          border-radius: 0; }
    .light-theme #content .main-part h2 {
      font-size: 26px;
      font-weight: bold !important;
      margin-bottom: 0 !important; }
      .light-theme #content .main-part h2.disable {
        display: none; }
    .light-theme #content .main-part.active {
      opacity: 0.6; }
    .light-theme #content .main-part .search {
      display: block; }
    .light-theme #content .main-part .search.mobile {
      display: none; }
    .light-theme #content .main-part .search_result {
      display: none; }
    .light-theme #content .main-part .clearfix.disable, .light-theme #content .main-part .new-homepage .tab .landscape .pic p.disable, .new-homepage .tab .landscape .pic .light-theme #content .main-part p.disable, .light-theme #content .main-part .new-homepage .quick-register .disable.scfCheckbox, .new-homepage .quick-register .light-theme #content .main-part .disable.scfCheckbox {
      display: none; }
    .light-theme #content .main-part .clearfix.active, .light-theme #content .main-part .new-homepage .tab .landscape .pic p.active, .new-homepage .tab .landscape .pic .light-theme #content .main-part p.active, .light-theme #content .main-part .new-homepage .quick-register .active.scfCheckbox, .new-homepage .quick-register .light-theme #content .main-part .active.scfCheckbox {
      display: block; }
    .light-theme #content .main-part .gmap {
      box-shadow: 1px 1px 3px #999; }
      .light-theme #content .main-part .gmap.disable {
        display: none; }
      .light-theme #content .main-part .gmap.active {
        display: block; }
    .light-theme #content .main-part .dealer-filter.disable {
      display: none; }
    .light-theme #content .main-part .dealer-filter.active {
      display: block; }
    .light-theme #content .main-part .dealer-filter.mobile {
      display: none; }
    .light-theme #content .main-part .dealer-filter .filter-header {
      color: #00667f;
      margin: 18px 0 12px; }
    .light-theme #content .main-part .dealer-filter .checkbox-field {
      display: inline-block;
      vertical-align: top;
      float: none;
      padding: 10px;
      background: #fff;
      box-shadow: 1px 1px 3px #999;
      box-sizing: border-box;
      width: 22.45%;
      min-height: 94px;
      margin-right: 3%;
      position: relative; }
      .light-theme #content .main-part .dealer-filter .checkbox-field .checkbox {
        position: absolute;
        left: 10px;
        top: 12px;
        background: #fff;
        width: 30px;
        height: 30px;
        box-sizing: border-box;
        border: #b5b5b6 1px solid;
        border-radius: 3px;
        box-shadow: inset 1px 1px 3px #999; }
        .light-theme #content .main-part .dealer-filter .checkbox-field .checkbox.checked {
          background: #fff url(images/selected-blue.png) center center no-repeat; }
      .light-theme #content .main-part .dealer-filter .checkbox-field label {
        font-size: 15px;
        color: #00667f;
        max-width: calc(100% - 40px);
        margin-left: 40px;
        margin-top: 0;
        float: none;
        line-height: 18px; }
        .light-theme #content .main-part .dealer-filter .checkbox-field label span {
          display: block;
          font-size: 12px;
          color: #555555; }
      .light-theme #content .main-part .dealer-filter .checkbox-field:nth-child(4n) {
        margin-right: 0; }
      .light-theme #content .main-part .dealer-filter .checkbox-field:hover {
        background: #00667f; }
        .light-theme #content .main-part .dealer-filter .checkbox-field:hover label {
          color: #fff; }
          .light-theme #content .main-part .dealer-filter .checkbox-field:hover label span {
            color: inherit; }
    .light-theme #content .main-part .dealer-filter .checkbox-field.hidden {
      display: none !important; }
    .light-theme #content .main-part .dealer-filter .location-field {
      float: none;
      padding: 16px 10px;
      background: #fff;
      box-shadow: 1px 1px 3px #999;
      box-sizing: border-box;
      position: relative; }
      .light-theme #content .main-part .dealer-filter .location-field .selectbox.country {
        margin-bottom: 0; }
      .light-theme #content .main-part .dealer-filter .location-field .field, .light-theme #content .main-part .dealer-filter .location-field .selectbox.country .display {
        background: #fff;
        width: 390px;
        height: 30px;
        box-sizing: border-box;
        border: #b5b5b6 1px solid;
        border-radius: 3px;
        box-shadow: inset 1px 1px 3px #999;
        margin-right: 12px;
        margin-bottom: 0 !important;
        padding: 3px 8px; }
        .light-theme #content .main-part .dealer-filter .location-field .field .arrow_btn, .light-theme #content .main-part .dealer-filter .location-field .selectbox.country .display .arrow_btn {
          height: 28px;
          background-color: #555;
          border-radius: 0 3px 3px 0; }
        .light-theme #content .main-part .dealer-filter .location-field .field .text, .light-theme #content .main-part .dealer-filter .location-field .selectbox.country .display .text {
          height: 25px;
          line-height: 25px; }
      .light-theme #content .main-part .dealer-filter .location-field .search-but {
        float: right;
        min-width: 160px;
        height: 30px;
        background: #c6a00c;
        color: #fff;
        text-align: center;
        padding: 5px 10px;
        box-sizing: border-box;
        border-radius: 3px; }
    .light-theme #content .main-part .founded, .light-theme #content .main-part .map-result {
      margin: 21px 0 16px; }
      .light-theme #content .main-part .founded .map-view, .light-theme #content .main-part .founded .search-again, .light-theme #content .main-part .map-result .map-view, .light-theme #content .main-part .map-result .search-again {
        float: right;
        min-width: 120px;
        height: 28px;
        line-height: 16px;
        border: #c6a00c 1px solid;
        background: #fff;
        color: #c6a00c;
        text-align: center;
        padding: 5px 10px;
        box-sizing: border-box;
        border-radius: 3px;
        cursor: pointer; }
      .light-theme #content .main-part .founded h3, .light-theme #content .main-part .map-result h3 {
        margin-top: 4px;
        font-size: 18px; }
    .light-theme #content .main-part .retail-list.mobile {
      display: none; }
    .light-theme #content .main-part .retail-list .retailer-one {
      padding: 16px 10px;
      margin-bottom: 12px;
      background: #fff;
      box-shadow: 1px 1px 3px #999;
      box-sizing: border-box;
      position: relative; }
      .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body {
        display: none; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body.open {
          display: block; }
      .light-theme #content .main-part .retail-list .retailer-one .gmap_pointer {
        width: 24px;
        height: 34px;
        background: url(images/map-point.png) center center no-repeat; }
      .light-theme #content .main-part .retail-list .retailer-one .name {
        font-size: 18px;
        color: #00667f; }
      .light-theme #content .main-part .retail-list .retailer-one .distance {
        font-size: 12px;
        color: #00667f;
        margin-bottom: 12px; }
      .light-theme #content .main-part .retail-list .retailer-one .buttons {
        display: inline-block;
        vertical-align: bottom;
        width: 176px;
        margin-right: 36px;
        font-size: 0; }
        .light-theme #content .main-part .retail-list .retailer-one .buttons * {
          text-decoration: none;
          font-size: 12px; }
        .light-theme #content .main-part .retail-list .retailer-one .buttons .get-price {
          min-height: 33px;
          line-height: 21px;
          background: #c6a00c;
          color: #fff;
          text-align: center;
          padding: 5px 10px;
          box-sizing: border-box;
          border-radius: 3px;
          display: block;
          margin-bottom: 8px; }
        .light-theme #content .main-part .retail-list .retailer-one .buttons .print-retailer {
          display: inline-block;
          min-height: 33px;
          line-height: 21px;
          border: #c6a00c 1px solid;
          background: #fff;
          color: #c6a00c;
          text-align: center;
          padding: 5px 10px;
          box-sizing: border-box;
          border-radius: 3px;
          cursor: pointer;
          width: 100%;
          /*margin-right:3px;*/
          margin-bottom: 8px;
          vertical-align: top; }
        .light-theme #content .main-part .retail-list .retailer-one .buttons .directions {
          display: inline-block;
          min-height: 33px;
          line-height: 21px;
          border: #c6a00c 1px solid;
          background: #fff;
          color: #c6a00c;
          text-align: center;
          padding: 5px 10px;
          box-sizing: border-box;
          border-radius: 3px;
          cursor: pointer;
          width: 100%;
          /*margin-left:4px;*/
          vertical-align: top; }
      .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body {
        width: auto;
        text-align: left;
        margin-left: -100px;
        margin-bottom: 12px;
        position: relative; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body h2 {
          display: none; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfSectionContent {
          float: none !important;
          width: 100% !important; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfDropListLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfEmailLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfMultipleLineTextLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfSingleLineTextLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfPasswordLabel,
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfNumberLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfDatePickerLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfDateLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfRadioButtonListLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCheckBoxListLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfListBoxLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfFileUploadLabel,
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfDateSelectorLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCreditCardLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfConfirmPasswordLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCaptchaLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfTelephoneLabel, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfSmsTelephoneLabel {
          width: 100px !important;
          display: inline-block !important;
          vertical-align: top;
          float: none !important;
          text-align: right !important;
          margin: 0 !important;
          padding-top: 10px;
          padding-right: 15px;
          box-sizing: border-box; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfValidatorRequired {
          margin-right: -12px !important; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body select.scfDropList {
          -webkit-appearance: none !important;
          display: none !important; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfDropList .text {
          padding-top: 2px; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfSingleLineGeneralPanel,
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfEmailGeneralPanel,
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfTelephoneGeneralPanel,
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfDropListGeneralPanel,
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfMultipleLineGeneralPanel {
          display: inline-block !important;
          vertical-align: top;
          float: none;
          width: 176px !important;
          margin-bottom: 8px !important;
          padding: 0 !important;
          margin: 0 !important; }
          .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfSingleLineGeneralPanel .scfCheckbox,
          .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfEmailGeneralPanel .scfCheckbox,
          .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfTelephoneGeneralPanel .scfCheckbox,
          .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfDropListGeneralPanel .scfCheckbox,
          .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfMultipleLineGeneralPanel .scfCheckbox {
            width: 100% !important; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCheckboxBorder {
          box-sizing: border-box; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCheckboxBorder .scfSingleLineGeneralPanel {
          width: 100% !important; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfIntroBorder, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfValidationSummary {
          padding: 0 !important;
          margin: 0 !important; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCheckboxBorder .scfSingleLineTextLabel {
          display: none !important; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCheckboxBorder .scfSingleLineGeneralPanel .scfCheckbox {
          padding: 0 !important; }
          .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCheckboxBorder .scfSingleLineGeneralPanel .scfCheckbox label {
            display: inline-block;
            width: calc(100% - 28px);
            vertical-align: top; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCheckboxBorder .scfCheckbox {
          padding: 0 !important; }
          .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfCheckboxBorder .scfCheckbox label {
            display: inline-block;
            width: calc(100% - 28px);
            vertical-align: top; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body input[type="text"], .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .selectbox .display, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body textarea {
          width: 100%;
          box-sizing: border-box;
          background: #fff;
          height: 30px;
          box-sizing: border-box;
          border: #b5b5b6 1px solid;
          border-radius: 3px;
          box-shadow: inset 1px 1px 3px #999;
          margin-right: 12px;
          margin-bottom: 0 !important;
          padding: 3px 8px;
          margin-top: 4px; }
          .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body input[type="text"] .arrow_btn, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .selectbox .display .arrow_btn, .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body textarea .arrow_btn {
            height: 28px;
            background-color: #555;
            border-radius: 0 3px 3px 0; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfDropList {
          width: 100% !important; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body textarea {
          height: 100px;
          resize: vertical;
          padding-top: 6px; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .scfRequired {
          margin-left: 4px; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .checkbox {
          background: #fff;
          box-shadow: inset 1px 1px 2px #999;
          border-radius: 3px;
          margin-right: 4px; }
          .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body .checkbox.checked {
            background: #fff url(images/selected-blue.png) center center no-repeat;
            background-size: 90%; }
        .light-theme #content .main-part .retail-list .retailer-one .expandable-panel-body input[type="submit"] {
          width: 100%;
          height: 30px;
          background: #c6a00c;
          color: #fff;
          text-align: center;
          padding: 5px 10px;
          box-sizing: border-box;
          border-radius: 3px;
          margin-top: 8px;
          border: none;
          margin-left: 0 !important; }
      .light-theme #content .main-part .retail-list .retailer-one .offers {
        margin: 12px 0 0 -10px;
        background: #e1e1e1;
        padding: 10px;
        font-weight: normal; }
        .light-theme #content .main-part .retail-list .retailer-one .offers span.margined {
          margin-left: 36px;
          font-weight: bold; }
  .light-theme .selectbox.country.items {
    z-index: 222222222; }

@media only screen and (max-width: 980px) {
  .mobile-popup input[type="button"], .mobile-popup input[type="submit"], .mobile-popup button {
    -webkit-appearance: none !important; }
  .light-theme select.country {
    -webkit-appearance: none !important;
    display: none !important; }
  .light-theme input[type="button"], .light-theme input[type="submit"], .light-theme button {
    -webkit-appearance: none !important; }
  .light-theme #wrapper {
    background: #f1f0f0;
    color: #555555; }
    .light-theme #wrapper #content .main-part .dealer-filter .checkbox-field {
      width: 100%;
      min-height: 1px;
      display: block;
      margin-right: 0px;
      margin-bottom: 10px; }
    .light-theme #wrapper #content .main-part .location-field .field, .light-theme #wrapper #content .main-part .location-field .selectbox.country, .light-theme #wrapper #content .main-part .location-field .selectbox.country .display, .light-theme #wrapper #content .main-part .location-field .search-but {
      width: 100% !important;
      margin-bottom: 10px !important; } }

@media only screen and (max-width: 768px) {
  .expandable-panel-body .result-body {
    margin: 0 12px;
    font-size: 15px; }
  .details_result a {
    color: #00667f !important;
    text-decoration: underline; }
  .details_result.disable {
    display: none !important; }
  .details_result.active {
    display: block !important; }
  #wrapper_popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 134px;
    z-index: 6; }
  .mobile-popup input[type="button"], .mobile-popup input[type="submit"], .mobile-popup button {
    -webkit-appearance: none !important; }
  .mobile-popup.active {
    display: block;
    padding: 20px 18px;
    box-sizing: border-box; }
  .light-theme select.country {
    -webkit-appearance: none !important;
    display: none !important; }
  .light-theme input[type="button"], .light-theme input[type="submit"], .light-theme button {
    -webkit-appearance: none !important; }
  .light-theme #wrapper .right-part {
    display: none; }
  .light-theme #wrapper .main-part .top-social {
    display: none; }
  .light-theme #wrapper .main-part .breadcrumbs {
    height: 0;
    overflow: hidden;
    margin: 0 0 12px; }
  .light-theme #wrapper .main-part #map_canvas {
    display: none !important; }
  .light-theme #wrapper .main-part .clearfix.map-result, .light-theme #wrapper .main-part .new-homepage .tab .landscape .pic p.map-result, .new-homepage .tab .landscape .pic .light-theme #wrapper .main-part p.map-result, .light-theme #wrapper .main-part .new-homepage .quick-register .map-result.scfCheckbox, .new-homepage .quick-register .light-theme #wrapper .main-part .map-result.scfCheckbox {
    display: none; }
  .light-theme #wrapper .main-part .clearfix.founded, .light-theme #wrapper .main-part .new-homepage .tab .landscape .pic p.founded, .new-homepage .tab .landscape .pic .light-theme #wrapper .main-part p.founded, .light-theme #wrapper .main-part .new-homepage .quick-register .founded.scfCheckbox, .new-homepage .quick-register .light-theme #wrapper .main-part .founded.scfCheckbox {
    display: none; }
  .light-theme #wrapper .main-part h2.disable {
    display: none; }
  .light-theme #wrapper .main-part h2.active {
    display: block; }
  .light-theme #wrapper .main-part .search_result a {
    color: #00667f; }
  .light-theme #wrapper .main-part .search_result.disable {
    display: none; }
  .light-theme #wrapper .main-part .search_result.active {
    display: block; }
  .light-theme #wrapper .main-part .search {
    display: none; }
    .light-theme #wrapper .main-part .search.mobile {
      display: block; }
      .light-theme #wrapper .main-part .search.mobile.disable {
        display: none; }
      .light-theme #wrapper .main-part .search.mobile.active {
        display: block; }
  .light-theme #wrapper .main-part .dealer-filter {
    display: none !important; }
    .light-theme #wrapper .main-part .dealer-filter.mobile {
      display: block !important;
      background: none;
      box-shadow: none;
      padding: 0; }
      .light-theme #wrapper .main-part .dealer-filter.mobile.disable {
        display: none !important; }
      .light-theme #wrapper .main-part .dealer-filter.mobile.active {
        display: block !important; }
      .light-theme #wrapper .main-part .dealer-filter.mobile h3 {
        margin-top: 0; }
      .light-theme #wrapper .main-part .dealer-filter.mobile .location-field {
        background: none;
        box-shadow: none;
        padding: 0; }
      .light-theme #wrapper .main-part .dealer-filter.mobile .checkbox-field {
        background: #e1e1e1;
        margin: 0 -8px 4px;
        border-radius: 0;
        box-shadow: none;
        width: calc(100% + 16px) !important; }
        .light-theme #wrapper .main-part .dealer-filter.mobile .checkbox-field .checkbox {
          left: 10px;
          top: 4px; }
        .light-theme #wrapper .main-part .dealer-filter.mobile .checkbox-field label {
          font-size: 16px;
          color: #555; }
          .light-theme #wrapper .main-part .dealer-filter.mobile .checkbox-field label span {
            font-size: 16px;
            color: #555; }
      .light-theme #wrapper .main-part .dealer-filter.mobile .serach-in {
        margin-bottom: 15px;
        display: block; }
        .light-theme #wrapper .main-part .dealer-filter.mobile .serach-in a {
          color: #00667f; }
        .light-theme #wrapper .main-part .dealer-filter.mobile .serach-in.disable {
          display: none; }
        .light-theme #wrapper .main-part .dealer-filter.mobile .serach-in .-change {
          color: #00667f;
          text-decoration: underline; }
  .light-theme #wrapper .main-part .retail-list {
    display: none; }
    .light-theme #wrapper .main-part .retail-list.mobile {
      display: block;
      box-shadow: none;
      margin: 0 -8px 8px; }
      .light-theme #wrapper .main-part .retail-list.mobile #map_mobile {
        display: none;
        height: 300px;
        margin: 5px 0 0; }
      .light-theme #wrapper .main-part .retail-list.mobile .direction {
        display: none;
        margin-bottom: 10px;
        padding: 5px 10px;
        color: #fff;
        background-color: #09677E; }
      .light-theme #wrapper .main-part .retail-list.mobile .retailer-one {
        padding: 8px 10px;
        margin-bottom: 8px;
        box-shadow: none; }
        .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .distance {
          font-size: 12.5px;
          margin-top: 2px;
          color: #555; }
        .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .address, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .phone, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .site, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .further-info {
          display: none; }
        .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .buttons {
          display: table;
          border-spacing: 12px 0;
          box-sizing: border-box;
          width: 100%;
          margin: 0 -12px; }
          .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .buttons * {
            line-height: 21px;
            height: 28px;
            width: auto;
            padding: 4px 10px;
            margin-right: 12px;
            border-radius: 3px;
            box-sizing: border-box;
            display: table-cell;
            vertical-align: top;
            margin-top: 0;
            margin-left: 0;
            text-align: center; }
          .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .buttons .callback, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .buttons .directions {
            background: #c6a00c;
            color: #fff; }
          .light-theme #wrapper .main-part .retail-list.mobile .retailer-one .buttons .details {
            background: #fff;
            color: #c6a00c;
            border: #c6a00c 1px solid; }
        .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full {
          background: none; }
          .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .name {
            font-size: 24px;
            font-weight: bold; }
          .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .address, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .site {
            margin-bottom: 18px; }
          .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .address, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .phone, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .site, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info {
            display: block; }
          .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .buttons {
            display: none; }
          .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .phone, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .site {
            background: #e1e1e1;
            padding: 6px 10px;
            overflow: hidden;
            margin: 0 -8px 8px;
            line-height: 28px; }
            .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .phone a, .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .site a {
              line-height: 21px;
              height: 28px;
              width: auto;
              padding: 4px 10px;
              border-radius: 3px;
              box-sizing: border-box;
              display: inline-block;
              vertical-align: top;
              background: #c6a00c;
              color: #fff;
              float: right;
              text-decoration: none;
              min-width: 85px;
              text-align: center; }
          .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info {
            margin: 0 -8px; }
            .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info h3 {
              font-weight: bold;
              margin: 0 10px 12px; }
            .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info .info {
              padding: 10px;
              font-weight: bold;
              text-decoration: none;
              background: #fff url(images/arrow-right-blue.png) right 10px center no-repeat;
              color: #00667f;
              cursor: pointer;
              margin-bottom: 8px; }
            .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info .expandable-panel-body {
              box-sizing: border-box;
              padding: 10px;
              margin-left: 0; }
              .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info .expandable-panel-body .scfSingleLineGeneralPanel,
              .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info .expandable-panel-body .scfEmailGeneralPanel,
              .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info .expandable-panel-body .scfTelephoneGeneralPanel,
              .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info .expandable-panel-body .scfDropListGeneralPanel,
              .light-theme #wrapper .main-part .retail-list.mobile .retailer-one.-full .further-info .expandable-panel-body .scfMultipleLineGeneralPanel {
                width: calc(100% - 102px) !important; } }

@media only screen and (max-width: 400px) {
  .mobile-popup {
    padding: 20px 0 20px 10px; }
    .mobile-popup .location-field .field {
      width: 60%; }
    .mobile-popup .location-field .search-but {
      width: 30%; } }

/*# sourceMappingURL=main.css.map */