@import url(http://fonts.googleapis.com/css?family=Open Sans:300,400|Oswald:700);

body, input, select, textarea, button, .ui-btn, p {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-shadow: none;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  text-shadow: none;
}

h1 {
  font-size: 3.75em;
  font-weight: 300;
  margin-top: 67px;
  margin-bottom: 0.3em;
}

h2 {
  font-size: 2em;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0.3em;
  color: #fff;
}

@media all and (min-width: 80em) {
  h2 {
    font-size: 3em;
  }
}

h3 {
  font-size: 1.5em;
  font-weight: 400;
  margin: 10px 0;
  color: #3183bc;
}

h4 {
  /*color: white;*/
  font-size: 1.5em;
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: normal;
}

img {
  display: block;
}

img.inline {
  display: inline;
}

img.max, img.max-always {
  width: 100%;
  /*max-width: 25em;*/
}

.desktop {
  display: none;
}

.mobile {
  display: inherit;
}

@media all and (min-width: 60em) {
  .desktop {
    display: inherit;
  }

  .mobile {
    display: none;
  }
}

.edge {
  margin: 0 -1em;
}

.hide {
  display: none;
  visibility: hidden;
}

.center, .center.mobile {
  text-align: center;
}

img.center {
  margin: 0 auto;
  display: block;
}

.theme-border-top {
  border-top: 1px solid #b6b6b6;
}

.image-grid > div {
  padding: 0.8em;
}

.image-grid img {
  width: 100%;
}

.more-padding {
  padding: 3em 0 1em 0;
}

.more-margin {
  margin: 4em 0 0 0;
}

img.max, img.max-always {
  width: 100%;
}

.hide {
  display: none;
  visibility: hidden;
}

.center, .center.mobile {
  text-align: center;
}

.image-grid img {
  width: 100%;
}

@media all and (min-width: 60em) {
  img.max {
    width: auto;
  }

  img.max-always.strict {
    max-width: 30em;
  }

  .center.mobile {
    text-align: left;
  }

  .max-grid {
    margin: 0 auto;
    max-width: 80em;
  }
}
/* grid */
.ui-grid-a > .ui-block-a,
.ui-grid-a > .ui-block-b,
.ui-grid-b > .ui-block-a,
.ui-grid-b > .ui-block-b,
.ui-grid-b > .ui-block-c,
.ui-grid-c > .ui-block-a,
.ui-grid-c > .ui-block-b,
.ui-grid-c > .ui-block-c,
.ui-grid-c > .ui-block-d,
.ui-grid-d > .ui-block-a,
.ui-grid-d > .ui-block-b,
.ui-grid-d > .ui-block-c,
.ui-grid-d > .ui-block-d,
.ui-grid-d > .ui-block-e {
  width: 100%;
}

.ui-grid-e > .ui-block-a,
.ui-grid-e > .ui-block-b,
.ui-grid-e > .ui-block-c,
.ui-grid-e > .ui-block-d,
.ui-grid-e > .ui-block-e,
.ui-grid-e > .ui-block-f {
  width: 50%; 
}

.ui-grid-e {
  overflow: hidden;
}

.ui-block-f {
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media all and (min-width: 25em) {
  .ui-grid-c > .ui-block-a, .ui-grid-c > .ui-block-b, .ui-grid-c > .ui-block-c, .ui-grid-c > .ui-block-d {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  /* content */
  .ui-grid-a > .ui-block-a, .ui-grid-a > .ui-block-b {
    width: 50%;
  }

  .ui-grid-b > .ui-block-a, .ui-grid-b > .ui-block-b, .ui-grid-b > .ui-block-c {
    width: 33.33%;
  }

  .ui-grid-c > .ui-block-a, .ui-grid-c > .ui-block-b, .ui-grid-c > .ui-block-c, .ui-grid-c > .ui-block-d {
    width: 25%;
  }

  .ui-grid-d > .ui-block-a, .ui-grid-d > .ui-block-b, .ui-grid-d > .ui-block-c, .ui-grid-d > .ui-block-d, .ui-grid-d > .ui-block-e {
    width: 20%;
  }

  /* 1/6 */
  .ui-grid-e > .ui-block-a,
  .ui-grid-e > .ui-block-b,
  .ui-grid-e > .ui-block-c,
  .ui-grid-e > .ui-block-d,
  .ui-grid-e > .ui-block-e,
  .ui-grid-e > .ui-block-f {
    /* width: 16.65%; IE7 */
    width: 16.66%;
  }

  /* 1/3 */
  .ui-grid-a > .ui-block-a.one-third, .ui-grid-a > .ui-block-b.one-third {
    width: 33.33%;
  }

  /* 2/3 */
  .ui-grid-a > .ui-block-a.two-third, .ui-grid-a > .ui-block-b.two-third {
    width: 66.66%;
  }

  /* 1/4 | 3/4 */
  .ui-grid-a > .ui-block-a.one-quarter, .ui-grid-a > .ui-block-b.one-quarter {
    width: 25%;
  }

  /* 3/4 */
  .ui-grid-a > .ui-block-a.three-quarter, .ui-grid-a > .ui-block-b.three-quarter {
    width: 74.999%;
  }

  /* 1/6 | 5/6 */
  .ui-grid-a > .ui-block-a.one-sixth, .ui-grid-a > .ui-block-b.one-sixth {
    /* width: 16.65%; IE7 */
    width: 16.66%;
  }

  .ui-grid-a > .ui-block-a.five-sixth, .ui-grid-a > .ui-block-b.five-sixth {
    /* width: 16.65%; IE7 */
    width: 83.334%;
  }

  /* 1/2 | 1/4 | 1/4 */
  .ui-grid-b > .ui-block-a.half {
    width: 50%;
  }

  /* 1/4 | 1/2 | 1/4 */
  .ui-grid-b > .ui-block-b.half {
    width: 50%;
  }

  .ui-grid-b > .ui-block-b.quarter, .ui-grid-b > .ui-block-c.quarter {
    width: 25%;
  }

  /* 1/4 | 1/4 | 1/2 */
  .ui-grid-b > .ui-block-a.quarter, .ui-grid-b > .ui-block-b.quarter {
    width: 25%;
  }

  .ui-grid-b > .ui-block-c.half {
    width: 50%;
  }

  /* 1/6 | 1/2 | 1/3 */
  .ui-grid-b > .ui-block-a.half, .ui-grid-b > .ui-block-b.half, .ui-grid-b > .ui-block-c.half {
    /* width: 49.95%; IE7 */
    width: 50%;
  }

  .ui-grid-b > .ui-block-a.one-sixth, .ui-grid-b > .ui-block-b.one-sixth, .ui-grid-b > .ui-block-c.one-sixth {
    /* width: 16.65%; IE7 */
    width: 16.66%;
  }

  .ui-grid-b > .ui-block-a.one-third, .ui-grid-b > .ui-block-b.one-third, .ui-grid-b > .ui-block-c.one-third {
    /* width: 33.25%; IE7 */
    /* margin-right: -.5px; BB5 */
    width: 33.33%;
  }

  .ui-grid-b > .ui-block-a.two-third, .ui-grid-b > .ui-block-b.two-third, .ui-grid-b > .ui-block-c.two-third {
    /* width: 66.55%; IE7 */
    width: 66.66%;
  }

  /* 1/3 | 1/6 | 1/6 | 1/3 */
  .ui-grid-c > .ui-block-a.one-sixth, .ui-grid-c > .ui-block-b.one-sixth, .ui-grid-c > .ui-block-c.one-sixth, .ui-grid-c > .ui-block-d.one-sixth {
    /* width: 16.65%; IE7 */
    width: 16.66%;
  }

  .ui-grid-c > .ui-block-a.one-third, .ui-grid-c > .ui-block-b.one-third, .ui-grid-c > .ui-block-c.one-third, .ui-grid-c > .ui-block-d.one-third {
    /* width: 33.25%; IE7 */
    /* margin-right: -.5px; BB5 */
    width: 33.33%;
  }

  /* 1/3 | 1/6 | 1/6 | 1/6 | 1/6 */
  .ui-grid-d > .ui-block-a.one-sixth, .ui-grid-d > .ui-block-b.one-sixth, .ui-grid-d > .ui-block-c.one-sixth, .ui-grid-d > .ui-block-d.one-sixth, .ui-grid-d > .ui-block-e.one-sixth {
    /* width: 16.65%; IE7 */
    width: 16.66%;
  }

  .ui-grid-d > .ui-block-a.one-third, .ui-grid-d > .ui-block-b.one-third, .ui-grid-d > .ui-block-c.one-third, .ui-grid-d > .ui-block-d.one-third, .ui-grid-d > .ui-block-e.one-third {
    /* width: 33.25%; IE7 */
    /* margin-right: -.5px; BB5 */
    width: 33.33%;
  }
}
/* end grid */

/* ADD THEME CSS BELOW */

body{ 
 min-width: 320px;	
 font-family: Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6{
  text-transform: uppercase;
}

.headline-container {
  background: url(../images/banner.jpg); 
  padding: 6em 1em 0 1em;
  background: #333;
  min-height: 25em;
  border: 0;
  background-repeat: no-repeat;
  background-position: bottom center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  box-sizing: border-box;
}

@media all and (min-width: 40em) {
  .headline-container {
    padding: 10em 1em 0 1em;
    min-height: 30em;
  }
}
@media all and (min-width: 80em) {
  #index .headline-container {
    padding: 13em 1em 0 1em;
    min-height: 35em;
  }
}

.headline-container p {
  margin-bottom: 0;
}

.hrmenu {
  width: 100%;
  margin-top: 0em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin: 0 auto;
}

/* general ul style */
.hrmenu ul {
  display: block;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

/* first level ul style */
.hrmenu > ul,
.hrmenu .hrsub-inner {
  width: 90%;
  max-width: 70em;
  margin: 0 auto;
  padding: 0 1.875em;
}

.hrmenu > ul > li {
  display: inline-block;
}

.hrmenu > ul > li > a {
  font-weight: 800;
  padding: 1em 2em;
  color: #999;
  display: inline-block;
}

.hrmenu > ul > li > a:hover {
  color: #333;
}

.hrmenu > ul > li.hropen a,
.hrmenu > ul > li.hropen > a:hover {
  color: #fff;
  background: #333;
}

/* sub-menu */
.hrmenu .hrsub {
  display: none;
  position: absolute;
  background: #333;
  width: 100%;
  left: 0;
  z-index: 100;
}

.hropen .hrsub {
  display: block;
  padding-bottom: 3em;
}

.hrmenu .hrsub-inner > div {
  width: 33%;
  float: left;
  padding: 0 2em 0;
}

.hrmenu .hrsub-inner:before,
.hrmenu .hrsub-inner:after {
  content: " ";
  display: table;
}

.hrmenu .hrsub-inner:after {
  clear: both;
}

.hrmenu .hrsub-inner > div a {
  line-height: 2em;
}

.hrsub h4 {
  color: #dfdfdf;
  padding: 2em 0 0.6em;
  margin: 0;
  font-size: 160%;
  font-weight: 300;
}

/* Examples for media queries */
@media screen and (max-width: 52.75em) {
  .hrmenu {
    font-size: 80%;
  }
}
@media screen and (max-width: 43em) {
  .hrmenu {
    font-size: 120%;
    border: none;
  }

  .hrmenu > ul,
  .hrmenu .hrsub-inner {
    width: 100%;
    padding: 0;
  }

  .hrmenu .hrsub-inner {
    padding: 0 2em;
    font-size: 75%;
  }

  .hrmenu > ul > li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  }

  .hrmenu > ul > li > a {
    display: block;
    padding: 1em 3em;
  }

  .hrmenu .hrsub {
    position: relative;
  }

  .hrsub h4 {
    padding-top: 0.6em;
  }
}
@media screen and (max-width: 36em) {
  .hrmenu .hrsub-inner > div {
    width: 100%;
    float: none;
    padding: 0 2em;
  }
}
/* overwrite */
.hrmenu a {
  text-decoration: none;
  text-shadow: none;
}

.hrmenu h4 {
  text-shadow: none;
}

.hrmenu a.ui-link {
  color: #111;
}

.hrmenu a.ui-link:hover {
  color: #666;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
  background-color: white;
}

.grey {
  background: #fbfbfb;
  padding: 15px 0;
}

.grey h1 {
  color: #fff;
}

#slide-form {
  display: none;
  position: relative;
  z-index: 1;
}
#slide-form .form-descr {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 30px;
}
#slide-form form {
  margin-top: 46px;
}
#slide-form address {
  float: left;
}

address {
  font-style: normal;
}
address span {
  display: block;
}
address span > a.margin {
  display: block;
  margin-top: 14px;
  margin-bottom: 14px;
}
address span > a.mail {
  display: block;
}

form .form-group {
  margin-bottom: 21px;
}
form .form-group .ui-input-text {
  border-color: transparent;
  color: #747474;
  text-shadow: none;
}
form .form-group .ui-input-text .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 41px;
  padding-left: 20px;
  font-weight: 100;
}

figure {
  margin: 0;
  padding: 0;
}
figure img {
  max-width: 100%;
}

.orange-form {
  margin-top: 63px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #fcc309;
  background: -moz-linear-gradient(left, #fcc309 0%, #ffe100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc309), color-stop(100%, #ffe100));
  background: -webkit-linear-gradient(left, #fcc309 0%, #ffe100 100%);
  background: -o-linear-gradient(top, #fcc309 0%, #ffe100 100%);
  background: -ms-linear-gradient(top, #fcc309 0%, #ffe100 100%);
  background: linear-gradient(to bottom, #fcc309 0%, #ffe100 100%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}

.map {
  color: #fff;
  margin-top: 60px;
  padding-bottom: 20px;
  padding-top: 20px;
  /*background: url(../images/map-bg.jpg) no-repeat 0 0;*/
  background: url(/file/4113/map-background.jpg) no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.boxes {
  margin-top: 34px;
}

.boxes .ui-block-a,
.boxes .ui-block-b,
.boxes .ui-block-c {
  padding: 20px;
  background: #fbfbfb;
  border: 10px solid #fff;
  position: relative;
  
}

#index .boxes .ui-block-a,
#index .boxes .ui-block-b,
#index .boxes .ui-block-c {
  min-height: 450px;
}

.boxes h3 {
  color: #f5a623;
  margin-top: 20px;
  margin-bottom: 0px;
}

a.ui-link {
  color: #f5a623;
  text-shadow: none;
  font-weight: normal;
  text-decoration: none;
}

a.ui-link:hover, a.ui-link:visited {
  color: #f5a623;
}

.boxes a.ui-link.ui-btn {
  font-weight: 400;
  color: #fff !important;
  background-color: #333;
  border: none;
  text-shadow: none;
}


.boxes a.ui-link.ui-btn.ui-btn-b {
  background-color: #f5a623;
}


.testimonials {
  text-align: center;
  margin-top: 30px;
  padding-top: 33px;
  padding-bottom: 10px;
  /* prevent webkit font thinning */
  z-index: 1;
  position:relative;
}

.testimonials h2 {
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}

.testimonials .ui-btn {
  display: inline-block;
}

.social-list {
  display: block;
  list-style: none;
  float: right;
  margin: 0;
  padding: 0;
  margin-top: 7px;
  margin-right: 95px;
}
.social-list:before, .social-list:after {
  content: "";
  display: table;
}
.social-list:after {
  clear: both;
}
.social-list li {
  display: block;
  float: left;
  margin-left: 10px;
}
.social-list li a {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 0;
}
.social-list li a.twitter {
  background: url(../images/twitter.png) no-repeat 0 0;
}
.social-list li a.facebook {
  background: url(../images/facebook.png) no-repeat 0 0;
}
.social-list li a.pinterest {
  background: url(../images/pinterest.png) no-repeat 0 0;
}
.social-list li a.linkedin {
  background: url(../images/linkedin.png) no-repeat 0 0;
}
.social-list li a.google {
  background: url(../images/google.png) no-repeat 0 0;
}
.social-list li a.instagram {
  background: url(../images/instagram.png) no-repeat 0 0;
}

body #tabs ul.sidebar-list.list-unstyled.ui-tabs-nav {
  padding-left: 0;
}
body #tabs ul.sidebar-list.list-unstyled.ui-tabs-nav li {
  display: block;
  margin-bottom: 7px;
  width: 100% !important;
}
body #tabs ul.sidebar-list.list-unstyled.ui-tabs-nav li a {
  display: block;
  background: #fbfbfb;
  color: #747474;
  font-weight: 400;
  padding: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.5em;
  text-shadow: none;
  text-align: left;
  border: none;
}
body #tabs ul.sidebar-list.list-unstyled.ui-tabs-nav li a.active, body #tabs ul.sidebar-list.list-unstyled.ui-tabs-nav li a:hover, body #tabs ul.sidebar-list.list-unstyled.ui-tabs-nav li a.ui-btn-active {
  color: white;
  background: #f9ca34;
}

.plane-figure {
  position: relative;
  left: -40px;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
  text-shadow: none;
}

.orange-box h1,
.orange-box h2,
.orange-box h3,
.orange-box h4,
.orange-box h5,
.orange-box h6 {
  color: #fff;
}

.orange-form h3 {
  color: #fff;
  font-size: 3em;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 30px;
  text-align: center;
}

.orange-form .ui-btn {
  font-size: 1.5em !important;
  color: #575757;
  font-weight: 400 !important;
  text-shadow: none;
  padding: 0.5em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}


.orange-box p, .orange-box address, .orange-box address a {
  color: white;
  font-weight: 400;
}
.orange-box p:hover, .orange-box address:hover, .orange-box address a:hover {
  color: white;
}

p {
  font-size: 0.94em;
  text-decoration: none;
  color: #3183bc;
}

@media all and (min-width: 70em) {
  p {
    font-size: 1em;
  }
}

ul, ol {
  font-size: 0.94em;
  color: #3183bc;
}

@media all and (min-width: 70em) {
  ul, ol {
    font-size: 1em;
  }
}

ol {
  padding-left:1.8em;
}

p a.ui-link{ color: #f5a623; font-weight: normal; }
p a.ui-link:hover{ color: #f5a623; text-decoration: underline; }

.btn-orange.ui-btn {
  font-size: 2.25em;
  color: white !important;
  font-weight: 500;
  border: none;
  text-shadow: none !important;
  padding: 0.2em 1em;
  background: -webkit-linear-gradient(left, #ffdd01, #f86f21);
  background: -o-linear-gradient(right, #ffdd01, #f86f21);
  background: -moz-linear-gradient(right, #ffdd01, #f86f21);
  background: linear-gradient(to right, #ffdd01, #f86f21);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.btn-orange.ui-btn:hover {
  color: white;
  text-shadow: none;
}

.orange-form h1 {
  font-size: 3em;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 30px;
  color: white;
  text-align: center;
}

.testimonials .ui-btn {
  color: #333;
  font-weight: 400;
  font-size: 1.5em;
  padding: 0.4em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.testimonials .ui-btn:hover, .testimonials .ui-btn:visited {
  color: #333;
}

.footer h4 {
  color: #fff;
  font-weight: 400;
  font-size: 1.5em;
  margin-top: 67px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

.page-header.ui-header {
  background-color: white;
  position: relative;
  z-index: 1;
}
.page-header.ui-header .logo {
  float: left;
  display: block;
  position: relative;
  left: 30px;
  z-index: 0;
}
.page-header.ui-header .primary-nav {
  position: relative;
  z-index: 1;
  margin-top: 23px;
}
.page-header.ui-header .primary-nav ul {
  float: left;
  margin: 0;
  padding: 0;
}
.page-header.ui-header .primary-nav ul:before, .page-header.ui-header .primary-nav ul:after {
  content: "";
  display: table;
}
.page-header.ui-header .primary-nav ul:after {
  clear: both;
}
.page-header.ui-header .primary-nav ul li {
  display: block;
  float: left;
}
.page-header.ui-header .primary-nav ul li:first-child a {
  padding-left: 0;
}
.page-header.ui-header .primary-nav ul li:first-child a:before {
  display: none;
}
.page-header.ui-header .primary-nav ul li a {
  display: block;
  font-size: 1.25em;
  color: #747474;
  text-decoration: none;
  font-weight: 400;
  padding: 0 20px;
  position: relative;
}
.page-header.ui-header .primary-nav ul li a:before {
  content: "";
  display: block;
  height: 80%;
  width: 1px;
  background: #747474;
  position: absolute;
  left: 0;
  top: 10%;
}
.page-header.ui-header .primary-nav ul li a:hover {
  text-decoration: none;
}
.page-header.ui-header .contact-info {
  text-align: center;
}
.page-header.ui-header .contact-info .phone-number {
  font-size: 3em;
  color: #333;
  font-weight: 400;
}
.page-header.ui-header .contact-info .phone-number:hover {
  color: #333;
}
.page-header.ui-header .contact-info .btn-orange {
  display: block;
}

.hrmenu > ul, .hrmenu .hrsub-inner {
  width: 100%;
  padding: 0;
  max-width: 100%;
}

.hrmenu {
  border-bottom: none;
}

.hrmenu > ul > li:first-child a.ui-link {
  /*padding-left: 0;*/
}
.hrmenu > ul > li:first-child a.ui-link:before {
  display: none;
}
.hrmenu > ul > li.hropen + li a:before {
  display: none;
}
.hrmenu > ul > li > a.ui-link {
  padding: 0;
  color: #575757;
  font-size: 1.5em;
  font-weight: 400;
  width: 180px;
  height: 100px;
  display: table;
  text-align: center;
  padding: 0 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.hrmenu > ul > li > a.ui-link:before {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  background: lightgrey;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.hrmenu > ul > li > a.ui-link span {
  display: table-cell;
  vertical-align: middle;
}

.hrmenu > ul > li.hropen a, .hrmenu > ul > li.hropen > a:hover {
  background: #333;
  color: white;
}

.hrmenu .hrsub {
  background: #333;
}

.hrmenu h4 {
  font-size: 1.5em;
  color: white;
  font-weight: 800;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 28px;
}
.hrmenu .hrsub ul {
  text-align: left;
}
.hrmenu .hrsub ul li a {
  font-size: 1.5em;
  color: white;
  font-weight: 400;
}
.hrmenu .hrsub ul li a:hover {
  color: white;
}
.hrmenu .hrsub .ui-grid-b > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 80px;
}

.hrmenu > ul > li.hropen .btn-default {
  background: #f7f6fd !important;
  color: #747474;
  font-size: 1.5em;
  margin-top: 20px;
  padding: 0.2em 1.3em;
  display: inline-block;
}

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  /* prevent webkit font thinning */
  z-index: 1;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
}

.slideshow {
  text-align: center;
}
.slideshow img {
  width: 100%;
}
.slideshow .slider-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
.slideshow .slider-content h2 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-size: 7.8em;
  line-height: 170px;
  /*text-transform: uppercase;*/
  letter-spacing: 0.15em;
  line-height: 160px;
  color: white;
  font-weight: 700;
  margin-top: 1.3em;
}

.footer {
  background: #252525;
  text-shadow: none;
}
.footer .ui-grid-c ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  padding-left: 0;
}
.footer .ui-grid-c ul li {
  display: block;
  line-height: 18px;
}
.footer .ui-grid-c ul li a.ui-link {
  color: #cbcbcb;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1em;
  display: inline-block;
}
.footer .ui-grid-c ul li a:hover {
  color: #cbcbcb;
}
.footer .bottom-bar {
  background: #1c1c1c;
  margin-top: 65px;
}
.footer .bottom-bar p.copyright {
  font-size: 1em;
  color: #8d8d8d;
  text-shadow: none;
}

@media (max-width: 80em) {

  .page-header.ui-header {
    padding-top: 10px;
  }
  .page-header.ui-header .logo {
    left: 0;
    width: 35%;
  }
  .page-header.ui-header .logo img {
    max-width: 100%;
  }
  .page-header.ui-header .primary-nav ul {
    width: 65%;
  }
  .page-header.ui-header .primary-nav ul li a {
    font-size: 1.125em;
  }
  .page-header.ui-header .contact-info .phone-number {
    font-size: 2.5em;
  }
  .page-header.ui-header .btn-orange.ui-btn {
    font-size: 2em;
    padding: 0 10px;
  }

  .hrmenu {
    text-align: center;
  }
  .hrmenu > ul {
    margin: 0 auto;
    padding: 0;
    width: auto;
    display: inline-block;
  }
  .hrmenu > ul > li {
    margin: 0;
    padding: 0;
  }
  .hrmenu > ul > li > a.ui-link {
    padding: 0 10px;
    width: 140px;
    font-size: 1.375em;
  }

  .slideshow .slider-content h2 {
    font-size: 3.75em;
    line-height: 80px;
  }

  #sydney .form-descr > * {
    margin-right: 20px;
  }

  .map .ui-grid-a > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
  }

  .social-list {
    margin-right: 0;
  }
}
@media (max-width: 60em) {

  .page-header.ui-header {
    position: relative;
  }
  .page-header.ui-header .btn-orange.ui-btn {
    display: none;
  }
  .page-header.ui-header .primary-nav {
    text-align: center;
  }
  .page-header.ui-header .primary-nav:before, .page-header.ui-header .primary-nav:after {
    content: "";
    display: table;
  }
  .page-header.ui-header .primary-nav:after {
    clear: both;
  }
  .page-header.ui-header .primary-nav ul {
    float: none;
    width: auto;
    display: inline-block;
    margin: 0 auto;
  }
  .page-header.ui-header .primary-nav ul li {
    margin-bottom: 5px;
  }
  .page-header.ui-header .primary-nav ul li a {
    font-size: 0.8em;
    padding: 0 5px;
  }
  .page-header.ui-header .logo {
    width: 100%;
    text-align: center;
    float: none;
  }
  .page-header.ui-header .logo img {
    width: auto;
    max-width: 70%;
    margin: 0 auto;
  }
  .page-header.ui-header .contact-info {
    text-align: left;
    float: right;
    position: absolute;
    top: 10px;
    right: 15px;
  }
  .page-header.ui-header .contact-info:before, .page-header.ui-header .contact-info:after {
    content: "";
    display: table;
  }
  .page-header.ui-header .contact-info:after {
    clear: both;
  }
  .page-header.ui-header .contact-info .phone-number {
    font-size: 1.5em;
    float: left;
    margin-top: 7px;
  }
  .page-header.ui-header .contact-info #mobile-menu-button {
    float: right;
    margin-left: 30px;
  }
  .page-header.ui-header .contact-info #mobile-menu-button a {
    background-color: #333 !important;
  }

  .mobile-hrmenu {
    padding-left: 0;
    padding-right: 0;
  }

  .hrmenu {
    text-align: left;
    float: none;
    width: 100%;
  }
  .hrmenu > ul {
    display: block;
  }
  .hrmenu > ul > li:last-child {
    border-bottom: none;
  }
  .hrmenu > ul > li > a.ui-link {
    width: 100%;
    height: auto;
    font-size: 1em;
    text-align: left;
    padding: 1em !important;
  }
  .hrmenu > ul > li > a.ui-link:before {
    display: none;
  }

  .hrmenu .hrsub .ui-grid-b > div {
    padding-left: 40px;
  }

  .slideshow .swipe-wrap > div {
    position: relative;
  }
  .slideshow .swipe-wrap > div figure {
    height: 380px;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .slideshow .swipe-wrap > div img {
    height: 100%;
    width: auto;
    position: absolute;
    display: block;
    z-index: 1;
    max-width: none;
    left: 0;
    top: 0;
  }
  .slideshow .swipe-wrap > div .slider-content {
    z-index: 100;
    height: 100%;
    visibility: visible;
    z-index: 10;
  }

  .form-descr > * {
    margin-right: 0;
  }

  .large-heading {
    font-size: 3em;
    line-height: 60px;
    margin: 20px 0;
  }

  .map .ui-grid-a > div {
    padding-right: 0;
    padding-bottom: 20px;
  }

  .boxes .ui-grid-b > .ui-block-a, .boxes .ui-grid-b > .ui-block-b, .boxes .ui-grid-b > .ui-block-c, .boxes .ui-grid-b > .ui-block-d {
    width: 100%;
  }

  .social-list {
    float: none;
    margin-bottom: 10px;
  }

  .footer .ui-grid-c > div {
    clear: none;
  }
  
  /*.footer .ui-grid-c > div.ui-block-c {
    clear: left;
  }*/

  .slideshow .slider-content h2 {
    margin-right: 10px;
    margin-left: 10px;
  }

  .slideshow .slider-content h2 {
    font-size: 3em;
    line-height: 60px;
  }

  .hrmenu > ul > li.hropen .btn-default {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.2em 0.6em;
    font-size: 1em;
  }
}
@media (max-width: 25em) {
  .hrmenu > ul > li > a.ui-link {
    padding: 1em 3em !important;
  }
}

@media all and (min-width: 50em) {
  .testimonials .swipe-wrap h2 {
    font-size: 1.7em;
  }

  .testimonials nav {
    text-align: center;
    margin: -100px auto;
  }
}
.testimonials nav {
  text-align: center;
  margin: 0 auto;
}

.testimonials nav ul {
  padding-left: 0;
}

.testimonials nav ul li {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: #fff;
  box-shadow: inset 0 1px 5px #dfdfdf, 0 0 1px 1px #ddd;
  margin: 0 2px;
  cursor: pointer;
}

.testimonials nav ul li.on {
  box-shadow: inset 0 1px 3px -1px #222, 0 1px 2px rgba(0, 0, 0, 0.5);
  background: #ccc;
  box-shadow: inset 0 1px 5px #222, 0 0 1px 1px #ccc;
}

/* jQuery UI datepicker */
.ui-datepicker{z-index:100!important}.ui-datepicker .ui-corner-all{font-family:Helvetica,Arial,sans-serif;-moz-border-radius-topleft:.3em;-webkit-border-top-left-radius:.3em;border-top-left-radius:.3em;-moz-border-radius-topright:.3em;-webkit-border-top-right-radius:.3em;border-top-right-radius:.3em;-moz-border-radius-bottomleft:.3em;-webkit-border-bottom-left-radius:.3em;border-bottom-left-radius:.3em;-moz-border-radius-bottomright:.3em;-webkit-border-bottom-right-radius:.3em;border-bottom-right-radius:.3em}.ui-datepicker-calendar th span{color:#333;text-shadow:#fff 0 1px 0}.ui-datepicker-calendar{font-family:Helvetica,Arial,sans-serif;padding:10px;background:#f9f9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#eee));background-image:-webkit-linear-gradient(#f9f9f9,#eee);background-image:-moz-linear-gradient(#f9f9f9,#eee);background-image:-ms-linear-gradient(#f9f9f9,#eee);background-image:-o-linear-gradient(#f9f9f9,#eee);background-image:linear-gradient(#f9f9f9,#eee);-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px -moz-border-radius-bottomleft:.3em;-webkit-border-bottom-left-radius:.3em;border-bottom-left-radius:.3em;-moz-border-radius-bottomright:.3em;-webkit-border-bottom-right-radius:.3em;border-bottom-right-radius:.3em}.ui-datepicker-header{color:#fff;text-shadow:0 -1px 1px #000;padding:10px;background:#222;background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#222));background-image:-webkit-linear-gradient(#444,#222);background-image:-moz-linear-gradient(#444,#222);background-image:-ms-linear-gradient(#444,#222);background-image:-o-linear-gradient(#444,#222);background-image:linear-gradient(#444,#222);-moz-box-shadow:0 1px 4px rgba(0,0,0,.3);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px}.ui-datepicker-calendar a{text-decoration:none;font-weight:700;color:#666;text-shadow:#fff 0 1px 0}.ui-datepicker-calendar a.ui-state-active{color:#5393c5}.ui-datepicker-calendar a.ui-state-hover{color:#6facd5}.ui-datepicker-calendar td{text-align:center;height:25px;width:25px;padding:0}.ui-datepicker-next .ui-corner-all,.ui-datepicker-prev .ui-corner-all{border-radius:0}.ui-datepicker-next,.ui-datepicker-prev{cursor:hand;cursor:pointer}.ui-datepicker-next:hover,.ui-datepicker-prev:hover{background-color:#666;background-color:rgba(0,0,0,.4)}.ui-datepicker-next{float:right}.ui-datepicker-prev{float:left}.ui-datepicker-next span.ui-icon{background-image:none;background-color:transparent}.ui-datepicker-next span,.ui-datepicker-prev span{display:none}.ui-datepicker-next{width:18px;height:18px;background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%228px%22%20height%3D%2212px%22%20viewBox%3D%220%200%208%2012%22%20style%3D%22enable-background%3Anew%200%200%208%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%222%2C0%200%2C2%204%2C6%200%2C10%202%2C12%208%2C6%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:center center}.ui-datepicker-prev{width:18px;height:18px;background-image:url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%228px%22%20height%3D%2212px%22%20viewBox%3D%220%200%208%2012%22%20style%3D%22enable-background%3Anew%200%200%208%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%228%2C2%206%2C0%200%2C6%206%2C12%208%2C10%204%2C6%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position:center center}.ui-datepicker-prev span.ui-icon{background-image:none;background-color:transparent}.ui-datepicker-title{text-align:center}
/* End jQuery UI datepicker */




/* blog */


.blog-aside ul {
  margin:0;
  list-style-type: none;
  padding:0;
}

.blog-aside a, .blog-aside a:visited {
  font-weight: 100;
  font-size: 1em;
  color: #666;
}

.blog-aside a:hover {
  color: #000;
}

.blog-aside a small {
  color: #666;
}

@media all and (min-width: 60em) {

  .blog-aside {
    padding:0 10px;
  }

}


.blog-aside ul li {
  padding: 0 0 3px 0;
}

.blog-aside ul li a {
  display:block;
  padding: 10px;
  background-color: #f5a623;
  color: #fff;
  text-decoration: none;
}

.blog-aside h2 {
  background-color: #f5a623;
  color: #fff;
  text-transform: uppercase;
  margin:0 0 10px 0;
  padding: 10px;
  font-weight: 100;
  font-size:1.5em;
}

.blog-item {
  border-bottom: solid 1px #eee;
  padding: 20px 0;
}

@media all and (min-width: 60em) {

  .blog-item .ui-grid-a > .ui-block-a.one-sixth {
    width:10%;
  }

  .blog-item .ui-grid-a > .ui-block-b.five-sixth {
    width:90%;
  }

}

.blog-item h1 {
  font-size:2em;
}

.blog-item:first-child {
  padding: 0 0 20px 0;
}

.blog-item:first-child h1 {
  margin-top: 0;
}

.blog-item h2 {
  color: #000;
  /*font-size: 1.5em;*/
}

.blog-item a:hover h2 {
  color: #666;
  /*font-size: 1.5em;*/
}

@media all and (min-width: 60em) {

  .blog-item h1 {
    /*font-size: 2em;*/
  }

}

.blog-item img.max {
  width: 100%;
  max-width: 100%;
}

span.day, span.month {
  display: inline-block;
  font-size:1.5em;
  text-transform: uppercase;
  margin-right:10px;
  text-align:center;
}

@media all and (min-width: 60em) {
  span.day {
    display:block;
    font-size:2.5em;
  }

  span.month {
    display:block;
    font-size: 1.5em;
  }
}


/* stickup menu */
.stickup-nav {
  background-color:#fff;
  padding:0.3em 0;
  width: 100%;
  z-index: 3;
  display:none;
}

.stickup-nav.isStuck {
  margin-top:55px;
}

@media all and (min-width: 60em) {
  .stickup-nav {
    display:block;
  }

  .stickup-nav.isStuck {
    margin-top:75px;
  }
}

.stickup-nav ul {
  padding: 1em;
  margin: 0;
  list-style: none;
  text-transform:uppercase;
}

.stickup-nav ul li {
  display:inline;
}

.stickup-nav ul li a.active, .stickup-nav ul li a.active:visited{
  color: blue;
}

.stickup-nav ul li a, .stickup-nav ul li a:visited {
  color:#3183c3;
  font-size:1em;
  padding:0 0.35em;
  font-weight:100;
}

.stickup-nav ul li a:hover{ 
  color:#3183c3; 
}

.stickup-nav ul li:first-child a {
  padding-left: 0em;
}

.stickup-nav ul li:after {
  content: "|";
  color:#3183c3;
}

.stickup-nav ul li:last-child:after {
  content: "";
}


/* quick quote */

#quick-quote {
  width:100%;
  display: block;
  margin-top:-780px;
}

@media all and (min-width: 60em) {
  #quick-quote {
    margin-top:-500px;
    display: block;
  }
}

div.no-label label {
  display:none;
}

div.no-label .ui-controlgroup-label  {
  display: none;
}

div.no-label .ui-controlgroup-controls label {
  display: block;
}

/*Update css*/

img{ 
  vertical-align: top; 
}

.header{ 
  background-color: none;
  border-bottom: 1px solid #77c3fc;
  padding: 0;
  opacity: 1;
}

.header .logo{ 
  display:inline-block;
  margin: 7px 0 7px 15px; 
  vertical-align: top;
}

.top-menu {
  display: inline-block; 
  text-align: right; 
  padding: 25px 15px 0 0; 
  
}

.top-menu a{ 
  color: #3283bb !important;
  position: relative; 
  font-weight: 100 !important;
}

.top-menu a:hover{
  color: #f5a623 !important
}

.top-menu a:after{ 
  content: ""; 
  left: -16px; 
  position: absolute; 
  top: -25px; 
  width: 1px ;
  height: 80px; 
  background: #f0f8fe; 
}

.top-menu a.phone-link:after {
  left: -16px;
}

.top-menu a.quick-quote-button:after {
  left: -16px;
}

.top-menu a.products-link:after {
  left: -16px; 
}

.products-link{ 
  display: inline-block; 
  vertical-align:top; 
  height: 25px; 
  background: url(../images/icon-product.jpg) no-repeat 0 0; 
  padding-left: 45px; 
  margin: 0 30px 0 0; 
}

.products-link:hover{
  background: url(../images/icon-product-hover.jpg) no-repeat 0 0; 
}

a.products-link:after{ 
  display: none; 
}

.quick-quote-button{ 
  display: inline-block; 
  vertical-align:top; 
  height: 25px; 
  background: url(../images/icon-msg.jpg) no-repeat 0 0; 
  padding-left: 45px; 
  margin: 0 5px 0 0; 
}

.quick-quote-button:hover{
  background: url(../images/icon-msg-hover.jpg) no-repeat 0 0; 
}

.phone-link{ 
  display: inline-block;
  margin: 0 30px 0 30px;  
}

.menu-link{ 
  display: inline-block; 
  vertical-align:top;
  width: 35px; 
  height: 25px; 
  background: url(../images/toggle.jpg) no-repeat 0 0; 
  margin-left: 30px;
}

.menu-link:hover{
  background: url(../images/toggle-hover.jpg) no-repeat 0 0; 
}

.heading-box{ 
  background: #eeefef; 
}

.heading-box > .ui-block-a {
  padding: 1em;
}

@media all and (min-width: 60em) {
  .heading-box > .ui-block-a {
    padding: 0 2em 0 2em;
  }
}

@media all and (min-width: 70em) {
  .heading-box > .ui-block-a {
    padding: 0 2em 0 4em;
  }
}

@media all and (min-width: 80em) {
  .heading-box > .ui-block-a {
    padding: 0 2em 0 6em;
  }
}

.heading-box h3{ 
  margin: 60px 0 ; 
  text-transform: uppercase;  
}

textarea.ui-input-text.ui-textinput-autogrow{
  height: 60px;
}

.btn{ 
  display:inline-block; 
  border: 2px solid #fff !important ; 
  border-radius:0 !important;  
  text-shadow:none !important;  
  box-shadow: none !important; 
  background: none !important ; 
  color: #fff !important ;  
  font-weight: normal !important;  
  text-transform: uppercase;
}

.btn:hover , .btn.active { 
  background: #fff !important; 
  color: #3183c5 !important;  
}

.btn.blue{ 
  border: 2px solid #3183bc !important; 
  color: #3183bc !important 
}

.btn.blue:hover , .btn.blue.active{ 
  background: #3183bc !important; 
  color: #fff !important; 
}

.btn.yellow{ 
  border: 2px solid #f5a623 !important; 
  color: #f5a623 !important 
}

.btn.yellow:hover , .btn.yellow.active{ 
  background: #f5a623 !important; 
  color: #fff !important; 
}

.btn.blue{ 
  border: 2px solid #3183bc !important; 
  color: #3183bc !important 
}

.btn.blue:hover , .btn.blue.active{ 
  background: #3183bc !important; 
  color: #fff !important; 
}

.theme-border-top{ 
  border-top: 1px solid #3686be ;  
}

ul, .our-specification { 
  color: #3c96c8 ;
  padding: 0 0 0 1.2em;
}

ul a, .our-specification a{ 
  color: #3c96c8 ;
  font-weight: normal;
}

ul a:hover, .our-specification a:hover{ 
  color: #f5a623; 
}

.design-box{ 
  color: #fff;
  background: #2195ce; 
  padding:3em 0 1em 0;
}

.design-box .solid{ 
  border: 2px solid #fff; 
  border-radius:0 !important; 
  background: none !important; 
  text-shadow:none !important; 
  color: #fff !important; 
  box-shadow: none !important; 
  margin-left: 0.8em !important;  
}

.design-box .solid:hover{ 
  background: #fff !important; 
  color: #3183c5 !important; 
}

.design-box h3{ 
  color: #fff; 
  text-align: center; 
}

#quick-quote-content{ 
  background: #1d9ad3; 
  padding: 100px 0 64px 0; 
}

#quick-quote-content h2{ 
  text-transform: uppercase; 
}

#quick-quote-content p { 
  color: #fff;
}

.coll-1{ 
  padding: 0 30px; 
}

#products-nav-container {
  /*background-color: rgba(255,255,255,0.95);*/
  background-color: #1d9ad3;
  padding: 2em 1em;
}

#products-nav-container h4{ 
  color: #fff; 
}

#products-nav-container p { 
  font-size: 0.95em;
  letter-spacing: -0.05em;

}

#products-nav-container ul {
  padding: 0;
  display: block;
  /*margin: 0 auto;*/
  list-style-type: none;

}

#products-nav-container > .ui-grid-e > div {
	box-sizing: border-box;
}

#products-nav-container a {
  text-decoration: none;
  color: #fff;
}

#products-nav-container a:visited {
  color: #fff;
}

.ui-body-a, 
.ui-page-theme-a .ui-body-inherit, 
html .ui-bar-a .ui-body-inherit, 
html .ui-body-a .ui-body-inherit, 
html body .ui-group-theme-a .ui-body-inherit, 
html .ui-panel-page-container-a { 
  border: none; 
  background: none; 
  box-shadow:none !important; 
  border: 1px solid #fff; 
  border-radius: 0; 
  margin: 0 0 14px 0; 
}

.ui-input-text input, 
.ui-input-search input, 
textarea.ui-input-text , 
textarea.ui-input-text.ui-textinput-autogrow{ 
  padding: 0.6em 0.4em; 
  text-shadow: none; 
  color: #fff;  
}

.ui-page-theme-a .ui-btn, 
html .ui-bar-a .ui-btn, 
html .ui-body-a .ui-btn, 
html body .ui-group-theme-a .ui-btn, 
html head + body .ui-btn.ui-btn-a, 
.ui-page-theme-a .ui-btn:visited, 
html .ui-bar-a .ui-btn:visited, 
html .ui-body-a .ui-btn:visited, 
html body .ui-group-theme-a .ui-btn:visited, 
html head + body .ui-btn.ui-btn-a:visited{ 
  padding: 13px 60px; 
  color: #2393cc; 
  background: #fff; 
  margin: 0 0 0.5em 
}

.ui-field-contain{ 
  margin: 0; 
}

.ui-page-theme-b .ui-body-inherit, 
html .ui-bar-b .ui-body-inherit, 
html .ui-body-b .ui-body-inherit, 
html body .ui-group-theme-b .ui-body-inherit, 
html .ui-panel-page-container-b{ 
  background:none ; 
  border: 1px solid #fff; 
}

.ui-input-btn{ 
  display:inline-block; 
  background: #fff !important; 
  color:#3183bc !important; 
  text-align: center; 
  border-radius: 0 !important; 
  box-shadow: none !important; 
  /*border: none !important; */
  text-shadow: none !important; }

.ui-nodisc-icon.close-more-product-button.ui-link.ui-btn.ui-icon-delete.ui-btn-icon-notext.ui-shadow.ui-corner-all{
  padding: 0; 
  width:40px ; 
  height: 40px; 
  background: url(../image/Close.png) no-repeat 0 0; 
  border-radius: 0; 
  border: 1px solid #fff;
  float:right;
}

.footer{ 
background-color: #1a82f7; 
background-repeat: repeat-y; /* Safari 4-5, Chrome 1-9 */ 
background: -webkit-gradient(linear, left top, right top, from(#64c0e7), to(#3183bc)); /* Safari 5.1, Chrome 10+ */ 
background: -webkit-linear-gradient(left, #64c0e7, #3183bc); /* Firefox 3.6+ */ 
background: -moz-linear-gradient(left, #64c0e7, #3183bc); /* IE 10 */ 
background: -ms-linear-gradient(left, #64c0e7, #3183bc); /* Opera 11.10+ */ 
background: -o-linear-gradient(left, #64c0e7, #3183bc); }

.footer ul{ 
  color: #fff; 
}

.footer ul a{ 
  color: #fff ; 
  font-weight: normal; 
}

.footer ul a:hover{ 
  color: #fff;
  text-decoration: underline; 
}

.footer p , .footer p a.ui-link{ 
  color: #fff; 
  font-weight: normal; 
}

.footer p { 
  margin-right: 50px; 
}

.align-right{ 
  text-align: right 
}

#products-nav-container > .ui-grid-e {
  padding:0 0.8em;
}

.ui-page-header-fullscreen > .ui-content.detail-box, 
.ui-page-footer-fullscreen > .ui-content.detail-box{ 
  /*padding: 75px 0 ; */
}

/*side-bar*/

.ui-mobile-viewport .mm-menu{ 
  background: #fff ; 
  box-shadow: none; 
  box-shadow: none !important ;
  top: 74px ; 
  max-width: 322px;
}

.mm-list{ 
  padding-left: 30px !important; 
}

.mm-list > li{ 
  border-bottom: 1px solid #3183bc;  
}

.mm-list > li.last{ 
 border-bottom: none ;  
}

.mm-menu .mm-list > li:after , .mm-list a.mm-subopen:before{
  display: none !important;
}

.mm-list > li > a, 
.mm-list > li > span{ 
  padding-left: 0 !important; 
  color: #3183bc !important;  
  font-size: 1.3em;
  padding: 13px 10px 13px 20px !important;
}

li.icon-home a{ 
  background: url(../images/icon-1.png) no-repeat left center !important; 
  padding-left: 42px !important 
}

li.icon-process a{ 
  background: url(../images/icon-2.png) no-repeat left center !important; 
  padding-left: 42px !important 
}

li.icon-product a{ 
  background: url(../images/icon-3.png) no-repeat left center !important; 
  padding-left: 42px !important;
}

li.icon-gallary a{ 
  background: url(../images/icon-4.png) no-repeat left center !important; 
  padding-left: 42px !important 
}

li.icon-other a{ 
  background: url(../images/icon-5.png) no-repeat left center !important; 
  padding-left: 42px !important  
}

li.icon-partner a{ 
  background: url(../images/icon-6.png) no-repeat left center !important; 
  padding-left: 42px !important 
}

li.icon-contact a{ 
  background: url(../images/icon-7.png) no-repeat left center !important; 
  padding-left: 42px !important 
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span{
  background: transparent  ;
}

.mm-menu .mm-list > li > a.mm-subopen:after, 
.mm-menu .mm-list > li > a.mm-subclose:before{ 
  border-color: #3183bc !important 
}

.mm-list a.mm-subopen{ 
  width: 24px !important ; 
  height: 24px !important; 
  border: 2px solid #3183bc !important; 
  right: 30px !important; 
  top:9px !important; 
  padding: 0 !important; 
  background: none !important;  
}

.mm-list a.mm-subopen:after{ 
  right: 10px !important;  
}

.mm-menu .mm-list > li.mm-selected > span{ 
  background: #fff !important; 
}

.mm-menu .mm-list > li > a.mm-subclose{ 
  background: #fafafa !important; 
}

.mm-list a.mm-subclose:before{ 
  left: 10px !important; 
  bottom: 32px !important;
}

.mm-opened .menu-link.ui-link{
 background: url(../images/cross.jpg) no-repeat 0 0;
 background-size: 30px 30px;
 height: 30px;
 margin-top: -2px;
}

.mm-opened .menu-link.ui-link:hover{
  background: url(../images/cross-hover.jpg) no-repeat 0 0;
  background-size: 30px 30px;
}

::-moz-placeholder {
  color: #fff !important;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #fff !important;
}
::-webkit-input-placeholder {
  color: #fff !important;
}

.footer ul{ 
  padding:0 0 0 1.2em; 
}

.ui-content.gallery{
  padding-bottom: 65px ;
}

.gallery h3{
 margin: 55px 0; 
}

.coll-2  {
 padding:0 0.8em 20px;
}

.top-menu a{ 
  font-size: 1.3em; 
  line-height: 1.2;
}

.main-header .ui-block-a{ 
  width: 40% 
}

.main-header .ui-block-b{ 
  width: 60%; 
}

body #mm-blocker{
 background: #000; 
 opacity: 0.5;
 top: 76px;
}

.header .max-grid{ 
  max-width: none; 
}

.phone-link { 
  margin: -5px -3px 0 20px;
  font-size: 1.8em !important;
}

.products-nav-container a, .products-nav-container h4 {
  font-weight: normal !important;
}

.close-more-product-button{
  margin-right: 0.8em !important;
}

.products-link.active{ 
  color: #f5a623 !important ;
  background: url(../images/icon-product-hover.jpg) no-repeat 0 0 ;
}

.quick-quote-button.active{ 
  color: #f5a623 !important ; 
  background: url(../images/icon-msg-hover.jpg) no-repeat 0 0 ; 
}

/*responsive-css*/

@media screen and (max-width: 50em) {
	
.main-header .ui-block-a{ 
  width: 40% 
}

.main-header .ui-block-b{ 
  width: 60%; 
}	

.products-link{
  display: none;
}

.header .logo{ 
  margin: 12px;
}

.logo img{ 
  width: 115px; 
  height: 32px;
}

.quick-quote-button{ 
  margin: 0; 
  width: 26px; 
  height: 18px; 
  padding: 0; 
  text-indent: 50px; 
  overflow:hidden;  
  background-size: 100% 100% !important;
}

.phone-link{ 
  margin: 0; 
  font-size: 1em !important; 
  vertical-align: top;
  margin: 0 0 0 5px;
}

.menu-link{ 
  margin: 0 10px 0 10px ; 
  width: 26px; 
  height: 18px; 
  background-size: 100% 100% !important;
}

.top-menu{ 
  padding: 20px 0 0 0; 
}

h2{ 
  font-size: 1.5em;
  margin-top: 20px;
  margin-bottom: 20px;
}

h3{ 
  font-size: 1.2em;
}

.btn{
  margin: 0 !important; 
  padding: 5px 10px !important;
  font-size: 1em;
}

.hidden{ 
  display: none; 
}

.footer h4{ 
  margin-top: 20px; 
  font-size: 1.2em; 
}


.footer p{ 
  font-size: 0.8em; 
  margin: 0; 
}

.coll-2  {
 padding:0 0.8em 20px;
}

.theme-border-top{ 
  margin: 0 !important; 
}

.our-specification{ 
padding: 1em; 
}

.detail-box {
  padding: 20px 1em;
}

.fix-nav{
  display: none;
}

.heading-box h3{
  margin: 20px 0;
}

.gallery h3{
 margin: 25px 0; 
}

.ui-content.gallery{
  padding-bottom: 20px ;
}

.top-menu a:after{  
  display: none  
}

.ui-mobile-viewport .mm-menu{ 
 top: 56px;
  max-width: 235px;
}

.mm-opened .menu-link.ui-link{
 background: url(../images/cross.jpg) no-repeat 0 0;
 background-size: 100% 25px;
 height: 25px;
 width:25px
}

body #mm-blocker{
 top: 58px;
}


}


@media only screen and (min-width: 50em) and (max-width: 70em){

  .main-header .ui-block-a{ 
    width: 29% 
  }

  .main-header .ui-block-b{ 
    width: 71%; 
  }	

  .coll-2  {
    padding:0 0.8em 20px;
  }

  .menu-link{ 
    margin: 0 0 0 25px;
  }

  .quick-quote-button{
    margin: 0 20px;
    padding-left: 40px; 
  }

  .products-link{
    padding-left: 40px;
    margin:0 20px 0 0;
  }

  .phone-link{
    margin-top: -2px;
    padding-right: 1%; 
    font-size: 1.6em !important; 
  }

  .top-menu a:after{
   left: -25px;
  }

  .ui-mobile-viewport .mm-menu{ 
    max-width: 267px;
  }

}


@media screen and (max-width: 80em) {
	
  .footer > div { 
    padding:0 0.8em;
  }

  .max{ 
    max-width: 100%; 
  }

}

/* .swipebox */
html.swipebox{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}#swipebox-slider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none}#swipebox-slider .slide{background:url(../images/swipebox-loader.gif) center center no-repeat;height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-action,#swipebox-caption{position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-action{bottom:-50px}#swipebox-action.visible-bars{bottom:0}#swipebox-action.force-visible-bars{bottom:0!important}#swipebox-caption{top:-50px;text-align:center}#swipebox-caption.visible-bars{top:0}#swipebox-caption.force-visible-bars{top:0!important}#swipebox-action #swipebox-close,#swipebox-action #swipebox-next,#swipebox-action #swipebox-prev{background-image:url(../images/swipebox-icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;position:absolute;width:50px;height:50px;top:0}#swipebox-action #swipebox-close{background-position:15px 12px;left:40px}#swipebox-action #swipebox-prev{background-position:-32px 13px;right:100px}#swipebox-action #swipebox-next{background-position:-78px 13px;right:40px}#swipebox-action #swipebox-next.disabled,#swipebox-action #swipebox-prev.disabled{filter:alpha(Opacity=30);opacity:.3}#swipebox-slider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}#swipebox-slider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}@-moz-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-moz-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@-webkit-keyframes rightSpring{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}@-webkit-keyframes leftSpring{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}@media screen and (max-width:800px){#swipebox-action #swipebox-close{left:0}#swipebox-action #swipebox-prev{right:60px}#swipebox-action #swipebox-next{right:0}}#swipebox-overlay{background:#0d0d0d}#swipebox-action,#swipebox-caption{text-shadow:1px 1px 1px #000;background-color:#0d0d0d;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#0d0d0d),color-stop(100%,#000));background-image:-webkit-linear-gradient(#0d0d0d,#000);background-image:-moz-linear-gradient(#0d0d0d,#000);background-image:-o-linear-gradient(#0d0d0d,#000);background-image:linear-gradient(#0d0d0d,#000);filter:alpha(Opacity=95);opacity:.95}#swipebox-action{border-top:1px solid rgba(255,255,255,.2)}#swipebox-caption{border-bottom:1px solid rgba(255,255,255,.2);color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}
/* end swipebox */

@media all and (min-width: 60em) {

  .detail-box .ui-grid-a > .ui-block-a {
    padding: 0 1em 0 0;
  }

  .detail-box .ui-grid-a > .ui-block-b {
    padding: 0 0 0 1em; 
  }

}

.detail-box h2 {
  color: #3183bc;
}

.design-box .ui-grid-e, .design-box .ui-grid-a {
  padding-bottom: 1em;
}

.swipebox {
  position: relative;
  display: block;
}

.ih-item:hover .info {
  display: none;
}

.hover-overlay .info {
	display:block;
}

.info {
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: block;
    background: rgba(49, 131, 188, .5);
    text-align: center
}

.info h3 {
  margin-top: 40px;
  color: #fff;
  text-shadow: none;
  /*display:none;*/
}

@media all and (min-width: 40em) {
  .info h3 {
    margin-top: 80px;
  }
}

.max-header {
  background: #fff;
}

.max-header.ui-grid-a .ui-block-a {
  width: 35%;
}
.max-header.ui-grid-a .ui-block-b {
  width: 65%;
}

#widget-grid-container {
  padding: 3em 0; 
}

#widget-grid-container h3 {
  font-size: 1.9em;
}


.form-right .ui-btn.ui-input-btn,
.form-right .ui-input-text.ui-body-inherit {
    border: 1px solid #3183bc;
}

.form-right ::-moz-placeholder {
  color: #3183bc !important;
  opacity: 1;
}
.form-right :-ms-input-placeholder {
  color: #3183bc !important;
}
.form-right ::-webkit-input-placeholder {
  color: #3183bc !important;
}


.form-right .ui-input-text input, 
.form-right .ui-input-search input, 
.form-right textarea.ui-input-text ,
.form-right textarea.ui-input-text.ui-textinput-autogrow {
    color: #3183bc;
}

.form-right .ui-btn.ui-input-btn {
  color: #fff !important;
  background-color: #3183bc !important;
  border-color: #3183bc;
}

.form-right .ui-btn.ui-input-btn:hover {
  color: #fff !important;
  background-color: #f5a623 !important;
  border-color: #f5a623;
}

.form-right form h3 {
	margin:10px 0 25px 0;
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
    background-color: #fff;
    border-color: #fff;
    color: #333;
    text-shadow: none;
}

.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn,
html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b,
.ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited {
    background-color: #fff;
    border-color: #fff;
    text-shadow: none;
}

.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn,
html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b,
.ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited {
    background-color: #fff;
    border-color: #fff;
    text-shadow: none;
}

.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover,
html body .ui-group-theme-b .ui-btn:hover, html head+body .ui-btn.ui-btn-b:hover {
  background-color: #fff;
  border-color: #fff;
}

.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head+body .ui-btn.ui-btn-a:hover {
    background-color: #fff;
    border-color: #fff;
}

.ui-bar-b {
    background-color: transparent;
}

.ui-popup.ui-body-a {
  background-color: #fff;
}

.ui-popup.ui-body-a h2 {
  color: #3183bc;
}

.ui-popup .ui-btn.ui-btn-right.ui-icon-delete {
  padding:0;
}

.ui-popup .ui-btn.ui-btn-right.ui-icon-delete:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.ui-grid-a.max-grid.detail-box.grey iframe {
  margin-right:5px;
}

@media all and (min-width: 60em) {
  .ui-grid-a.max-grid.detail-box.grey > .ui-block-a {
    padding-right:0.5em;
  }
}

#quick-quote-content h3 {
  color: #fff;  
}


#products-nav-container h4 {
  font-size: 1.2em;
}

@media all and (min-width: 70em) {
  #products-nav-container h4 {
    font-size: 1.4em;
  }
}

@media all and (min-width: 80em) {
  #products-nav-container h4 {
    font-size: 1.5em;
  }
}

.ui-grid-a.detail-box {
  padding:0;
}

.ui-grid-a.detail-box > .ui-block-b {
  padding: 1em;
}

.ui-grid-a.heading-box h2 {
  color: #3183bc;
}

.ui-grid-a.detail-box > .ui-block-a {
  padding:0;
}

@media all and (min-width: 60em) {
  .ui-grid-a.heading-box > .ui-block-a {
    padding: 1.5em;
  }

  .ui-grid-a.detail-box > .ui-block-b {
    padding: 1.5em 0 1em 1.5em;
  }
}

@media all and (min-width: 70em) {
  .ui-grid-a.heading-box > .ui-block-a {
    padding: 2em;
  }

  .ui-grid-a.detail-box > .ui-block-b {
    padding: 2em 0 1em 2em;
  }
}

@media all and (min-width: 80em) {
  .ui-grid-a.heading-box > .ui-block-a {
    padding: 3em;
  }

  .ui-grid-a.detail-box > .ui-block-b {
    padding: 3em 0 1em 3em;
  }
}

.row.max-grid.detail-box {
  padding: 1.5em;
}

@media all and (min-width: 70em) {
  .row.max-grid.detail-box {
    padding: 2em 1em 1em 2em;
  }
}

@media all and (min-width: 80em) {
  .row.max-grid.detail-box {
    padding: 3em 1em 1em 3em;
  }
}

.design-box img {
  margin:0 auto;
}

.more-padding.more-product-grid {
  /*padding:0;*/
  padding:2em 0 0 0;
}

.right {
  float:right;
}

.show-more-product-button {
  margin-left:15px !important;
}

.footer {
  padding: 3em 0 3em 0;
}

.footer h2 {
  padding:0 0 0.5em 0;
}

.footer form h3 {
  color: #fff;
  margin:0 0 8px 0;
}

.footer .ui-block-a,
.footer .ui-block-b,
.footer .ui-block-c,
.footer .ui-block-d,
.footer .ui-block-e,
.footer .ui-block-f {
  padding: 0 5px 1em 5px;
}

@media all and (min-width: 60em) {
  .footer .ui-block-a,
  .footer .ui-block-b,
  .footer .ui-block-c,
  .footer .ui-block-d,
  .footer .ui-block-e,
  .footer .ui-block-f {
    /*padding: 0;*/
  }

  .footer form {
    margin: 0 12px;
  }
}


.footer .ui-block-a img,
.footer .ui-block-b img,
.footer .ui-block-c img,
.footer .ui-block-d img,
.footer .ui-block-e img,
.footer .ui-block-f img {
  /*max-width: 184px;*/
  width:100%;
  margin:0 auto;
}

.footer.door .ui-block-a img,
.footer.door .ui-block-b img,
.footer.door .ui-block-c img,
.footer.door .ui-block-d img,
.footer.door .ui-block-e img,
.footer.door .ui-block-f img {
  max-width: 184px;
}

.footer.height .ui-block-a img,
.footer.height .ui-block-b img,
.footer.height .ui-block-c img,
.footer.height .ui-block-d img,
.footer.height .ui-block-e img,
.footer.height .ui-block-f img {
  height: 267px;
  width:auto;
}


.footer.max-width .ui-block-a img,
.footer.max-width .ui-block-b img,
.footer.max-width .ui-block-c img,
.footer.max-width .ui-block-d img,
.footer.max-width .ui-block-e img,
.footer.max-width .ui-block-f img {
  max-width: 250px;
}


#classicdesigns.door .ui-block-a img,
#classicdesigns.door .ui-block-b img,
#classicdesigns.door .ui-block-c img,
#classicdesigns.door .ui-block-d img,
#classicdesigns.door .ui-block-e img,
#classicdesigns.door .ui-block-f img {
  width:auto;
  max-width: 100px;
}

#classicdesigns .ui-grid-c > div {
  width: 25%;
}

#classicdesigns .ui-grid-a > div {
  width: 100%;
}

@media all and (min-width: 60em) {
  #classicdesigns .ui-grid-a > div {
    width: 50%;
  }
}

.detail-box > div, .ui-grid-a.detail-box.form-right > div {
  padding: 1em 1em 2em 1em;
}

.row.grey > .ui-grid-a > div > div {
  padding: 1em; 
}



div.ui-block-c {
  clear: both;
}

div.ui-block-e {
  clear: both;
}

@media all and (min-width: 60em) {
  div.ui-block-c {
    clear: none;
  }

  div.ui-block-e {
    clear: none;
  }
}

.ui-grid-d > .ui-block-a.one-sixth,
.ui-grid-d > .ui-block-b.one-sixth,
.ui-grid-d > .ui-block-c.one-sixth,
.ui-grid-d > .ui-block-d.one-sixth {
  width:50%;
}

.ui-grid-d > .ui-block-e.one-third {
  width:100%;
}


.ui-grid-d > .ui-block-c.one-sixth {
  clear: both;
}

.footer .ui-grid-a > div > .ui-grid-c > .ui-block-c {
  clear: both;
}

.footer.door .ui-grid-a > div > .ui-grid-c > .ui-block-c {
  clear: none;
}


@media all and (min-width: 60em) {
  /* 1/3 | 1/6 | 1/6 | 1/6 | 1/6 */
  .ui-grid-d > .ui-block-a.one-sixth, .ui-grid-d > .ui-block-b.one-sixth, .ui-grid-d > .ui-block-c.one-sixth, .ui-grid-d > .ui-block-d.one-sixth {
    /* width: 16.65%; IE7 */
    width: 16.66%;
  }

  .ui-grid-d > .ui-block-e.one-third {
    width:33.33%;
  }  

  .ui-grid-d > .ui-block-c.one-sixth {
    clear: none;
  }

  .footer .ui-grid-a > div > .ui-grid-c > .ui-block-c {
    clear: none;
  }

}


.detail-box .ui-block-a,
.detail-box .ui-block-b {
  margin: 0 0 0em 0; 
}

.ui-grid-a > div > div.ui-grid-a > div {
  width: 50%;
}

.ui-grid-a > div > div.ui-grid-a > div img {
  margin:0 auto;
}

.footer .ui-block-c img.footer-logo {
  display: inline-block; 
  margin: 65px 50px 30px 0;
  width: 300px;
  max-width: 300px; 
}



@media all and (min-width: 60em) {
  .map-container .ui-block-a {
    padding-right: 5px;
  }

  .map-container .ui-block-b {
    padding-left: 5px;
  }
  
  /*.map-container .ui-block-a {
    padding-right: 0;
  }

  .map-container .ui-block-b {
    padding-left: 0;
  }*/
}

.social-grid {
  width:150px;
}

.social-grid > .ui-block-a,
.social-grid > .ui-block-b,
.social-grid > .ui-block-c {
  padding: 0 5px 0 0;
  width: 33%;
  max-width: 80px;
}

div.social-grid > .ui-block-c {
     clear: none; 
}


.image-grid img {
  width: 100%;
}