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

html {-webkit-font-smoothing: antialiased;}

body, input, select, textarea, button, .ui-btn, strong {
    font-family: "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-shadow: 0px 0px 0px #333;
    font-weight: 300;
}

p, ul, ol {
  font-size: 1rem;
  line-height: 1.25em;
}


img {
  display:block;
}

img.inline {
  display:inline;
}

.desktop {
  display:none;
}

.mobile {
  display:inherit;
}

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

  .desktop {
    display:inherit;
  }

  .mobile {
    display:none;
  }

}

.edge {
  margin:0 -16px;
}

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

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

a.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%;
}

.row.more-padding, .more-padding {
  padding:3em 0;
}

.right {
  text-align:right;
}

.ui-block-a > div > p:first-child,
.ui-block-b > div > p:first-child,
.ui-block-c > div > p:first-child,
.ui-block-d > div > p:first-child,
.ui-block-e > div > p:first-child {
  padding-top:0;
  margin-top:0;
}

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

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

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

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

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

/* theme content */

.image-grid p, a {
  text-decoration:none;
  font-size:1em;
}

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

.row.more-padding, .more-padding {
  padding:3em 1.5em;
}

@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: 68em;
    }

    .search-list-container {
      margin:0 auto;
      max-width: 68em;
    }

}


/* 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,
.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: 100%;
}

/*@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) {

  .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%;
  }

  .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;
  }
}

/* end grid */

/* ADD THEME CSS BELOW */

.ui-breadcrumb {
  margin: 1em 0 0 1.2em;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9em;
  text-overflow: ellipsis;
  padding:3px;
  background-color: #fefefe;
}

.ui-breadcrumb a {
  cursor: pointer;
  text-decoration: none;
}

.ui-breadcrumb a.ui-link {
  font-weight: normal;
}

.ui-breadcrumb a:after {
  content: " / ";
  cursor: pointer;
  text-decoration: none;
  opacity: 0.5;
  margin: 0em 0.15em 0em;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.3);
}

.ui-breadcrumb .section {
  display: inline-block;
  margin: 0em;
  padding: 0em;
}

.ui-breadcrumb .active {
  font-weight: normal;
}

.ui-breadcrumb .active:after {
  content: none;
}

/*#slide-out {
  background-color:#9ec54d;
  color:#fff;
  padding:10px;
}*/

@media all and (min-width: 60em) {
  #slide-out {
    padding:30px;
  }
}

#slide-out h1, #slide-out h2, #slide-out h4 {
  color: #fff;
  font-size: 1.5em;
}

.quote-phone-email a {
  text-decoration:none;
  color:#fff;
  text-shadow:text-shadow: 0px 0px 0px #000;
}

.quote-phone-email img {
  vertical-align:middle;
  display:inline;
  height:25px;
}

#phone-container {
  text-align:right;
  margin-top:0px;
}

#phone-container img {
  vertical-align:text-bottom;
  margin-bottom:-3px;
}

#phone-container a {
  font-weight:100 !important;
  font-size:1.5em;
  line-height:1em;
  color:#8dbced;
  text-decoration:none;
}

@media all and (min-width: 60em) {
  #phone-container {
    margin-top:-72px;
  }
}

#phone-container > div {
  margin-top:20px;
  margin-right:80px;
}

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

  #phone-container > div {
    margin-top:20px;
    margin-right:300px;
  }

}

#white-border {
  width:100%;
  height:67px;
  margin-top:-70px;
  position:relative;
  background-color: #eee;
  background-repeat:repeat-x;
}

#quick-quote .ui-input-text input,#quick-quote .ui-input-search input, #quick-quote textarea.ui-input-text {
  background: #fff;
}

/* multi menu */

#desktop-nav {
   height:55px;
   background-color:#f1f1f1;
}

@media all and (min-width: 60em) {
  #desktop-nav {
     height: 120px;
  }
}

#desktop-nav div.mobile.contact-container {
  float:left;
  padding:16px 0 0 20px;
}

#desktop-nav div.mobile.menu-link-container {
  float:right;
}

#desktop-nav div.mobile.menu-link-container a.menu-link img {
  width:25px;
}

#desktop-nav div.mobile.contact-container a {
  font-size:1em;
  color:#8dbced;
}

#desktop-nav div.mobile.contact-container span {
  color:#ddd;
}

/* mobile menu link */

a.menu-link, a.search-link {
  display: inline;
  background-color: #8dbced;
  padding:10px;
  margin:5px 15px 5px 0;
  float:right;
}

a.menu-link:hover, a.search-link:hover {
  background-color: #666;
}

.menu, .menu ul, .menu li, .menu a { 
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.menu {
  clear: both;
  float: none;
  padding:0;
  z-index: 999;
  position:relative;
}

.menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu ul li a {
  padding: 10px; /* first level menu item height */
}

.menu ul ul {
  display: inherit;
  position: relative;
  left: auto; 
  top:auto;
  box-shadow: none;
  border: none;
}

.menu, .menu > ul ul {
  overflow: hidden;
  max-height: 0;
}

.menu li a {
  display: block;
  position: relative;
  border-bottom: 1px solid #111;
}

.menu li.has-submenu > a:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  font-size: 1.5em;  /* for '+' */
  padding: 5px; /* for '+' */
}

.menu ul ul ul {
  display: inherit;
  position: relative;
  left: auto; top:auto;
  box-shadow: none; 
  border:none;
}

/* active */

.menu.active {
  max-height: 55em;
}

.menu > ul ul.active {
  max-height: 55em;
}

.menu li.has-submenu > a.active:after {
  content: "-";
}

/* end active */

/* accent */

.menu ul li a {
  color: #fff;
  display: block;
  text-decoration: none;
  font-weight: 300;
  text-shadow: 0 1px 0 rgba(0,0,0,0.1);
  /*font-size: 0.9em;*/
  background-color: #333; /* menu background */
  opacity: 0.98;
}

.menu ul li a:visited {
  color: #fff;
}

.menu ul li a:hover, .menu ul li a.active {
  color: #ddd;
}

.menu, .menu > ul ul {
  background-color: #8dbced; /* mobile submenu background */
}

.menu ul ul > li a {
  background-color: #8dbced; /* submenu background */
  padding: 5px 5px 5px 30px;
  opacity: 0.98;
}

/* end accent */


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

  .menu { 
    /*float: left;*/
    /*padding:10px;*/
    /*padding:0;
    margin:0;*/
  }

  .menu ul {
    display: block;
    position: relative; /* important */
  }

  .menu li a {
    border-bottom: none; /* counter border-bottom: 1px solid #ddd;*/
  }

  .menu, .menu > ul ul {
    overflow: visible;  /* counter overflow: hidden;*/
    max-height: 10em; /* counter max-height: 0;*/
    filter: Alpha(Opacity=98);
    opacity: .98;
  }

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

  .menu ul li:hover > ul {
    display: block; /* !important */
  }

  .menu ul ul { 
    display: none; 
    position: absolute; 
    top:100%;
    min-width: 12em; /* desktop menu item min width */
  }

  .menu ul ul > li {
    position: relative; /* !important */
  }

  .menu ul ul > li a {
    padding: 5px 10px;
    height: auto;
  }

  .menu ul ul ul {
    display: none;
    box-shadow: none; 
    position: absolute;
    left: 100%; /* submenu submenu gap */ 
    top: 5px; /* submenu submenu top !important */
    border: 1px solid rgba(255,255,255,0.1);  /* desktop sub menu item min width */
  }

  .menu li.has-submenu > a:after {
    content: none;
    position: relative;
    display: none;
  }

  /* accent */

  .menu, .menu > ul ul {
    background-color: transparent; /* mobile submenu background */
  }

  .menu > ul > li {
    height: 120px;
    width: 16%;
    border-right: 1px solid #e2e2e2;
    text-align: center;
    vertical-align:text-bottom;
    padding-top:60px;
  }

  .menu > ul > li:last-child {
    border-right: none;
  }

  .menu ul li a {
    color: #666; /* link color !important */
  }

  .menu ul > li > a {
    text-shadow: none;
    padding:0;
    background-color: transparent;
  }

  .menu > ul > li > a, .menu > ul > li > a:visited {
    color: #8dbced; /* first level menu link color !important*/
  }

  .menu > ul > li > a:hover {
    /*border-bottom: 3px solid #8dbced;*/
    color: #666; /* first level menu link hover color !important*/
  }

  .menu ul > li.has-submenu > a:hover {
    border-bottom: none; /* remove underline from menu items with submenu */
  }

  .menu ul ul li {
    border-bottom: 1px solid #111;
  }

  .menu ul ul li:last-child {
    border-bottom: none;
  }

  .menu ul ul > li a {
    text-align: left;
    color: #fff; /* desktop submenu link color !important */
  }

  /* end accent */
}

/*.pull {
  background-color: #9ec54d;
  position:absolute;
  z-index:9999;
  top:0;
  right: 1em;
  padding: 25px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  color: #fff;
  text-shadow: none;
}*/

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

/* slider */

.swipe-wrap > div {
  min-height: 200px;
}

@media all and (min-width: 60em) {
  .swipe-wrap > div {
    min-height: 500px;
  }

  .testimonials-slider .swipe-wrap > div {
    min-height: 200px;
  }
}

.swipe-wrap .slider-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

@media all and (min-width: 60em) {
  .swipe-wrap .slider-content {
    padding-top:150px;
  }
}

.swipe-wrap .slider-content blockquote,.swipe-wrap .slider-content h1,.swipe-wrap .slider-content h2,.swipe-wrap .slider-content h3 {
  font-weight: 700;
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.8em;
  padding: 0 20px;
}

@media all and (min-width: 60em) {
  .swipe-wrap .slider-content blockquote,.swipe-wrap .slider-content h1,.swipe-wrap .slider-content h2,.swipe-wrap .slider-content h3 {
    font-size: 3.5em;
    padding: 0 20px;
  }
}


.swipe-wrap .slider-content h4,.swipe-wrap .slider-content h5, .swipe-wrap .slider-content .h5 {
  font-weight: 700;
  font-family: "Open Sans", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  padding: 0 20px 0 20px;
}

@media all and (min-width: 60em) {
  .swipe-wrap .slider-content h4,.swipe-wrap .slider-content h5, .swipe-wrap .slider-content .h5 {
    font-size: 2em;
    padding: 0 20px 0 20px;
  }
}

.swipe-wrap .slider-content h6, .swipe-wrap .slider-content .h6 {
  padding: 0 20px 0 20px;  
}


.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  margin-right: -1px; /* fix 1px bug in Safari */
  margin-bottom: -1px; /* fix 1px bug in Safari */
  z-index: 1;
}

.ui-grid-a .swipe {
  margin-top:0;
}

@media all and (min-width: 50em) {
  .swipe {
    margin-top: 0;
  }
}

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

}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  background-position:center;
}

.ui-grid-a .swipe-wrap > div {
  min-height:0;
}

@media all and (min-width: 40em) {
  .ui-grid-a .swipe-wrap > div {
    min-height:0;
  }
}

.swipe-wrap > div img {
  width:100%;
  opacity: 0;
  position:relative;
}





























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

}

/*.testimonials {
  border-top:solid 2px #ff6600;  
}*/

.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 {
  background-color: #f86f21;
  box-shadow: inset 0 1px 3px #f86f21, 0 0 1px 1px rgba(255,255,255,0.3);
}

.row.overlay.white {
  background-color: rgba(255,255,255,0.95);
  border-radius: 1em;
  padding:1em 1em;
  display:inline-block;
  max-width: 400px;
  margin: 1em;
  font-size:1em; 
}

blockquote {
  margin:0;
  padding:0;
  font-style: italic; 
}


/* box-sizing: content-box is the default, 
   putting it back in case of global overwrites */
.fr-window, .fr-window [class^="fr-"],
.fr-overlay, .fr-overlay [class^="fr-"],
.fr-loading, .fr-loading [class^="fr-"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* Overlay */
.fr-overlay {
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  zoom: 1;
  overflow: hidden;
}
.fr-overlay-background {
  background: #000;
  filter: alpha(opacity=90);
  opacity: .9;
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Window */
.fr-window,
.fr-window-fixed-measure {
  z-index: 100000;
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-height: 100%;
}

/* mobile touch has position:absolute to allow zooming */
.fr-mobile-touch-enabled,
.fr-overlay-mobile-touch-enabled {
  position: absolute;
  overflow: visible;
}

/* z-index */
.fr-ui-outside .fr-info { z-index: 100001; }

/* Loading icon */
.fr-loading {
  z-index: 100001;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
  margin-left: -26px;
  overflow: visible;
}
.fr-loading-offset {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.fr-loading-background, .fr-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-loading-background {
  background: #0d0d0d url('/images/loading.gif') 50% 50% no-repeat;
  opacity: .8;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  float: left;
  border: 1px solid rgba(80,80,80,.2);
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.fr-loading-icon { display: none; }


/* Bubble (holds everything) */
.fr-bubble {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Fonts */
.fr-ui,
.fr-info { 
  font: normal 13px/21px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
}

/* Frames / UI */
.fr-frames {
  height: 100%;
  width: 100%;
  position: absolute;
  display:inline;
  top: 0;
  left: 0;
  overflow: hidden;
}
.fr-frames-move {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.fr-frame, .fr-ui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.fr-frame-touch {
  position: relative;
  float: left;
  top: auto;
  left: auto;
  width: 100%;
}

.fr-window *:not(.fr-caption)::selection,
.fr-window *:not(.fr-caption)::-moz-selection,
.fr-window *:not(.fr-caption)::-webkit-selection {
  background: transparent;
}

.fr-mobile-touch-enabled .fr-frame .fr-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-frame-touch .fr-box {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-mobile-touch-enabled .fr-ui,
.fr-mobile-touch-enabled .fr-ui-spacer,
.fr-mobile-touch-enabled .fr-ui-wrapper,
.fr-mobile-touch-enabled .fr-ui-padder,
.fr-mobile-touch-enabled .fr-ui-toggle,
.fr-mobile-touch-enabled .fr-ui-outer-border,
.fr-mobile-touch-enabled .fr-side { pointer-events: none; }


/* Content */
.fr-box { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.fr-box-has-ui-outside { overflow: hidden; }
.fr-box-spacer, .fr-ui-spacer {
  position: absolute; 
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fr-box-wrapper, .fr-ui-wrapper {
  position: relative;
  background: url('/images/blank.gif');
  overflow: hidden;
}

.fr-box-padder, .fr-ui-padder {
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  background: url('/images/blank.gif');
}

.fr-box-padder, .fr-ui-padder {
  position: absolute;
  top: 0;
  left: 0;
}
.fr-ui-padder { zoom: 1; }

.fr-box-wrapper, .fr-ui-wrapper, .fr-ui-toggle {
  position: relative;
  float: left;
  display: inline;
  zoom: 1;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fr-box-wrapper { background: #101010; }

.fr-ui-wrapper-outside {
  float: left;
  height: 100%;
  width: 100%;
}

/* outer-border */
.fr-box-outer-border,
.fr-ui-outer-border {
  position: relative;
  float: left;
  display: inline;
  height: 100%;
  width: 100%;
  zoom: 1;
}
/* IE < 8 has a bug where dimensions are ignored without a border */
.fr-ltIE9 .fr-box-outer-border,
.fr-ltIE9 .fr-ui-outer-border { border: 0px solid transparent; }  

.fr-content {
  height: 100%;
  width: 100%;
  zoom:1;
  *display:inline;
  margin: 0;
  padding: 0;
}

.fr-content-image {
  position: absolute;
  top: 0;
  left: 0;
  image-rendering: optimizeQuality;
  max-width: none;
}

.fr-content-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-download-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-user-drag: element;
  user-drag: element;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: auto;
}

/* onClick inside ui-outside */
.fr-onclick-side {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  background: url('/images/blank.gif');
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.fr-onclick-side img { cursor: pointer; }
.fr-onclick-previous { left: 0; }
.fr-onclick-next { right: 0;}

/* onClick: 'next' has full width */
.fr-frame-onclick-next .fr-onclick-next { width: 100%; }

.fr-side {
  position: absolute;
  top: 0;
  height: 100%;
  cursor: pointer;
  overflow: hidden;
  background: url('/images/blank.gif') 0 0 repeat;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  zoom: 1;
}
.fr-side-disabled { cursor: default; }

.fr-side-button {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 72px;
  margin: 0 9px;
  margin-top: -36px;
  pointer-events: auto;
}
.fr-side-button-icon {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
}

.fr-side-previous { left: 0; width: 50%; }
.fr-side-next { right: 0; width: 50%;}

.fr-side-previous .fr-side-button { left: 0; }
.fr-side-next .fr-side-button { right: 0; }


/* sides (UI outside), smaller area */
.fr-ui-outside .fr-side {
  width: 72px;
  height: 72px;
  top: 50%;
  margin-top: -36px;
}
.fr-ui-outside .fr-side-button { margin-top: 0; top: 0; }
 
 
/*
 * Info 
 */
.fr-info {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  color: #efefef;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  pointer-events: auto;
}
.fr-info-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  line-height: 1%;
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1;
  background: #000;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.fr-info-outside .fr-info-background { background: #0d0d0d; filter: none; opacity: 1; }


.fr-info-padder {
  padding: 12px;
  display: block;
  filter: alpha(opacity=99);
  overflow: hidden;
  width: auto;
  position: relative;
}
.fr-caption {
  position: relative;
  filter: alpha(opacity=99);
  opacity: .99;
  width: auto;
  word-wrap: no-wrap;
}
.fr-position-text { position: relative; }

/* UI inside */
.fr-has-position .fr-info-inside .fr-caption { margin-right: 75px; }
.fr-info-inside .fr-position {
  filter: alpha(opacity=99);
  opacity: .99;
  position: relative;
  text-align: right;
  word-wrap: no-wrap;
  line-height: 21px;
  color: #b3b3b3;
  float: right;
  width: 75px;
}
.fr-no-caption .fr-info-inside .fr-position {
  width: auto;
  margin: 0 1px 1px 0;
  color: #b9b9b9;
  filter: alpha(opacity=99);
}

.fr-info-inside .fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-no-caption .fr-info-inside .fr-position-background {
  border-radius: 12px;
  background: #101010;
  filter: alpha(opacity=80);
  opacity: .8;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-info-inside .fr-position-text { position: relative; }
.fr-no-caption .fr-info-inside .fr-position-text {
  float: left;
  height: 13px;
  line-height: 13px;
  padding: 6px 10px;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

/* hide the position on small screens */
@media all and (max-width: 568px) and (max-height: 320px),
       all and (max-width: 320px) and (max-height: 568px) {
  .fr-has-position .fr-info-inside .fr-caption { margin-right: 0; }
  .fr-position { display: none !important; }

  /* smaller side buttons */
  .fr-ui-outside .fr-side {
    width: 54px;
    height: 50px;
    margin-top: -25px;
  }
  .fr-side-button {
    width: 40px;
    height: 50px;
    margin: 0 6px;
    margin-top: -25px;
  }

}


/* UI outside/touch position */
.fr-ui-outside .fr-position {
  position: absolute;
  bottom: 15px;
  right: 15px;
  display: inline;
  width: auto;
  margin: 0 1px 1px 0;
  color: #b9b9b9;
}
.fr-ui-outside .fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  filter: alpha(opacity=80);
  opacity: .8;
  background: #1e1e1e;
  border: 1px solid rgba(180,180,180,.2);
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.fr-ui-outside .fr-position-text {
  position: relative;
  float: left;
  width: auto;
  text-align: right;
  word-wrap: no-wrap;
  color: #b3b3b3;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  word-wrap: no-wrap;
  padding: 6px 10px;
  height: 13px;
  line-height: 13px;
}

.fr-ui-outside .fr-position-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Info without caption */
.fr-no-caption .fr-info-outside { display: none; } 
.fr-no-caption .fr-info-padder { pointer-events: none; }
.fr-no-caption .fr-info-background { pointer-events: none; opacity: 0; filter: none; display: none;}


/* 1/5 */
.fr-no-caption .fr-position-text,
.fr-ui-outside .fr-position-text {
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

/* outside position */
.fr-ui-outside .fr-position {
  float: none;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 15px;
}


/* IE 7 */
.fr-ltIE8 .fr-info * { zoom: 1;  filter: alpha(opacity=99);   }
.fr-ltIE8 .fr-box * { zoom: 1; filter: alpha(opacity=99); }

/* Info (UI outside) */
.fr-info-outside { bottom: auto; }
.fr-no-caption .fr-info-outside .fr-info-padder { padding: 10px 5px; }
.fr-ui-outside .fr-no-caption .fr-position { margin: 0; }

/* X */
.fr-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 47px;
  height: 47px;
  cursor: pointer;
  pointer-events: auto;
}

.fr-close-background,
.fr-close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 23px;
  width: 23px;
}

.fr-close-background {
  filter: alpha(opacity=80);
  opacity: .8;
  -moz-transition: background-color .2s ease-in;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  background-color: #282828;
  cursor: pointer;
}
.fr-close:hover .fr-close-background { background-color: #333; }

.fr-ui-outside .fr-close-background { background-color: #363636; }
.fr-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }


/*
 * Thumbnails
 */ 
.fr-thumbnails {
  position: absolute;
  width: 100%;
  height: 9%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  zoom: 1;
  overflow: hidden;
}
.fr-thumbnails-horizontal {
  left: 0;
  bottom: 0;
  min-height: 40px;
  max-height: 120px;
  padding: 20px 0;
}
.fr-thumbnails-vertical {
  left: 0;
  top: 0;
  min-width: 40px;
  max-width: 120px;
  padding: 0 20px;
}

.fr-thumbnails,
.fr-thumbnails * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fr-thumbnails-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
}
.fr-thumbnails-vertical .fr-thumbnails-wrapper {
  top: 50%;
  left: 0;
}

.fr-thumbnails-slider {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  zoom: 1;
}

.fr-thumbnails-slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.fr-thumbnails-thumbs {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}
.fr-thumbnails-slide {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.fr-thumbnail-frame {
  position: absolute;
  zoom: 1;
  overflow: hidden;
}

.fr-thumbnail {
  position: absolute;
  width: 30px;
  height: 100%;
  left: 50%;
  top: 50%;
  zoom: 1;
  cursor: pointer;
  margin: 0 10px;
}
.fr-ltIE9 .fr-thumbnail * {
  overflow: hidden; /* IE6 */
  z-index: 1;
  zoom: 1;
}

.fr-thumbnail-wrapper {
  position: relative;
  background: #161616;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  display: inline; /* IE6 */
  z-index: 0; /* IE8 */
}

.fr-thumbnail-overlay { cursor: pointer; }
.fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }
.fr-thumbnail-overlay,
.fr-thumbnail-overlay-background,
.fr-thumbnail-overlay-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-thumbnail-overlay-border {
  border-width: 0;
  overflow: hidden;
  border-style: solid;
  border-color: transparent;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.fr-thumbnail img {
  position: absolute;
  filter: alpha(opacity=85);
  opacity: .85;
  max-width: none;
}
.fr-thumbnail:hover img,
.fr-thumbnail-active:hover img {
  filter: alpha(opacity=99);
  opacity: .99;
}
.fr-thumbnail-active img,
.fr-thumbnail-active:hover img  {
  filter: alpha(opacity=35);
  opacity: .35;
}
.fr-thumbnail-active { cursor: default;  }

/* Thumbnails loading */
.fr-thumbnail-loading,
.fr-thumbnail-loading-background,
.fr-thumbnail-loading-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fr-thumbnail-loading-background {
  background-color: #101010;
  background-image: url('/images/loading.gif');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: .8;
  position: relative;
  float: left;
}
/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon { display: none; }


/* Thumbnail < > */
.fr-thumbnails-side {
  float: left;
  height: 100%;
  width: 28px;
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}
.fr-thumbnails-side-previous { margin-left: 20px; }
.fr-thumbnails-side-next { margin-right: 20px; }

.fr-thumbnails-side-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -14px; 
  margin-left: -14px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.fr-thumbnails-side-button-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: alpha(opacity=80);
  opacity: .8;
  -moz-transition: background-color .2s ease-in;
  -webkit-transition: background-color .2s ease-in;
  transition: background-color .2s ease-in;
  background-color: #333;
  cursor: pointer;
  border-radius: 4px;
}
.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }

.fr-thumbnails-side-button-disabled * { cursor: default; }
.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }

.fr-thumbnails-side-button-icon {
  height: 42px;
  width: 42px;
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
}

/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side,
.fr-thumbnails-vertical .fr-thumbnails-thumbs,
.fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; }


/* Touch UI */
.fr-frames-has-touch-ui { top: 43px; }

.fr-touch-menu {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 43px;
}
.fr-touch-menu-wrapper {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

.fr-touch-caption {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  margin-top: -43px;
}
.fr-touch-menu-wrapper,
.fr-touch-caption-wrapper {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.fr-touch-caption-overflow-scroll { /* TODO */
  overflow-x: hidden;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.fr-touch-menu-background,
.fr-touch-caption-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: #000;
  line-height: 1%;
  filter: alpha(opacity=80);
  opacity: .8;
  zoom: 1;
  background: #000;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.fr-touch-caption-info {
  float: left;
  position: relative;
  clear: both;
  padding-right: 38px;
  color: #efefef;
}
.fr-touch-caption-info-padder {
  float: left;
  padding: 11px;
  display: block;
  filter: alpha(opacity=99);
  overflow: hidden;
  width: auto;
  position: relative;
}
.fr-touch-caption-text-wrapper {
  float: left;
  clear: both;
  font-weight: normal;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 21px;
  height: 21px; /* same as line-height */
  width: 100%;
  overflow: hidden;
}
.fr-touch-caption-text {
  float: left;
}

.fr-touch-caption-overflow .fr-touch-caption-text-wrapper {
  overflow: visible;
  height: auto;
}


/* buttons */
.fr-touch-button {
  padding: 10px 4px;
  width: 23px;
  height: 23px;
  position: relative;
  cursor: pointer;
}
.fr-touch-button .fr-touch-button-background {
  position: absolute;
  top: 10px;
  left: 4px;
  height: 23px;
  width: 23px; 
}
.fr-touch-button .fr-touch-button-background { background-color: #303030; }
.fr-touch-button:hover .fr-touch-button-background { background-color: #404040; }

.fr-touch-button-icon {
  float: left;
  position: relative;
  width: 23px;
  height: 23px;
}
/* x */
.fr-touch-close {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 11px;
}

/* ... */
.fr-touch-caption-more {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 11px;
  display: none;
}
.fr-touch-caption-padded .fr-touch-caption-more {
  display: block;
}


/* we can improve things on browsers that support media queries */
@media all and (min-height: 0px) {
  .fr-thumbnails { padding: 10px 0; }
  .fr-thumbnail,
  .fr-thumbnails-side { margin: 0 4px; }
  .fr-thumbnails-side-previous { margin-left: 8px; }
  .fr-thumbnails-side-next { margin-right: 8px; }
  .fr-thumbnail-loading-background { background-image: url('/images/loading-small.gif'); }
}
@media all and (min-height: 200px) {
  .fr-thumbnails { padding: 12px 0; }
  .fr-thumbnail,
  .fr-thumbnails-side { margin: 0 6px; }
  .fr-thumbnails-side-previous { margin-left: 12px; }
  .fr-thumbnails-side-next { margin-right: 12px; }
}

@media all and (min-height: 350px) {
  .fr-thumbnail-loading-background { background-image: url('/images/loading-medium.gif'); }
}

@media all and (min-height: 500px) {
  .fr-thumbnails { padding: 14px 0; }
  .fr-thumbnail,
  .fr-thumbnails-side { margin: 0 7px; }
  .fr-thumbnails-side-previous { margin-left: 14px; }
  .fr-thumbnails-side-next { margin-right: 14px; }
}

@media all and (min-height: 700px) {
  .fr-thumbnails { padding: 20px 0; }
  .fr-thumbnail,
  .fr-thumbnails-side { margin: 0 10px; }
  .fr-thumbnails-side-previous { margin-left: 20px; }
  .fr-thumbnails-side-next { margin-right: 20px; }
  .fr-thumbnail-loading-background { background-image: url('/images/loading.gif'); }
}

/* IE specific resets */
.fr-ltIE8 * { zoom: 1; z-index: 1;}
.fr-ltIE9 .fr-content-image-overlay,
.fr-ltIE9 .fr-has-caption .fr-info-outside .fr-info-background { border: 0; }



/*
 * ===== Skin: Fresco ===== 
 */
/* Sprite */
.fr-window-fresco .fr-side-button-icon,
.fr-window-fresco .fr-close-icon,
.fr-window-fresco .fr-touch-close .fr-touch-button-icon,
.fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon,
.fr-window-fresco .fr-thumbnails-side-button-icon {
  background-image: url('/images/fresco/sprite.png');
}
/* High-res sprite */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
  .fr-window-fresco .fr-side-button-icon,
  .fr-window-fresco .fr-close-icon,
  .fr-window-fresco .fr-touch-close .fr-touch-button-icon,
  .fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon,
  .fr-window-fresco .fr-side-button-icon {
    background-image: url('/images/fresco/sprite@x2.png');
    background-size: 500px 500px; /* downscaled 50%, size of original sprite */
  }
}

.fr-window-fresco .fr-box-outer-border { box-shadow: 0 0 5px rgba(0,0,0,.4); }
/* outer-border instead of inner-border example (box and ui px should be the same) */ 
/*
.fr-window-fresco .fr-box-outer-border { border: 10px solid #fff; }
.fr-window-fresco .fr-ui-outer-border { padding: 10px; }
.fr-window-fresco .fr-content-image-overlay { border-width: 0; }
*/

.fr-window-fresco .fr-box-wrapper {
  background: #101010;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.fr-window-fresco .fr-content-image-overlay { 
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, .08);
}
/* remove bottom border if the image has a caption, or add it when it has a caption */
.fr-window-fresco .fr-has-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 0px; }
.fr-window-fresco .fr-no-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 1px; }

.fr-window-fresco .fr-ui-outside .fr-position-text {
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
.fr-window-fresco .fr-no-caption .fr-info-inside .fr-position-background {
  border: 1px solid rgba(180,180,180,.15);
}
.fr-window-fresco .fr-has-caption .fr-info-inside .fr-info-background {
  border: 1px solid rgba(68,68,68,.1);
  border-top-width: 0;
}
.fr-window-fresco .fr-has-caption .fr-info-outside .fr-info-background {
  border: 1px solid rgba(80,80,80,.25);
  border-top-width: 0;
}

.fr-window-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1);  }


/* < > */
.fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -14px; }
.fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -14px; }

.fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }

/* disabled state (IE < 9) */
.fr-window-fresco .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
.fr-window-fresco .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -13px -214px; }
.fr-window-fresco .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
.fr-window-fresco .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -93px -214px; }

/* < > transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-side .fr-side-button .fr-side-button-icon {
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .5;
}
.fr-window-fresco .fr-side:hover .fr-side-button .fr-side-button-icon,
.fr-window-fresco .fr-frame .fr-side .fr-side-button-active .fr-side-button-icon { 
  opacity: 1;
}
/* < > transition (IE < 9) */
.fr-ltIE9 .fr-frame .fr-side-previous .fr-side-button-active .fr-side-button-icon { background-position: -13px -114px; }
.fr-ltIE9 .fr-frame .fr-side-next .fr-side-button-active .fr-side-button-icon { background-position: -93px -114px; }


/* disabled side */
.fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled .fr-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled:hover .fr-side-button-icon { opacity: .2; }
/* on the inside we hide disabled sides */
.fr-window-fresco .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon { background-image: none; }


/* responsive < > */
@media all and (max-width: 568px) and (max-height: 320px),
       all and (max-width: 320px) and (max-height: 568px) {
  .fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -300px; }
  .fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -300px; }

  .fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
  .fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }

  .fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
  .fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }
}

/* X */
.fr-window-fresco .fr-close .fr-close-icon { background-position: -169px -9px;}
.fr-window-fresco .fr-close:hover .fr-close-icon { background-position: -210px -9px; }

/* X transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-close .fr-close-icon {
  background-position: -210px -9px;
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .8;
}
.fr-window-fresco .fr-close:hover .fr-close-icon  { opacity: 1; }

/* Thumbnails */
.fr-window-fresco .fr-thumbnail-wrapper {
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.fr-window-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
.fr-window-fresco .fr-thumbnail-wrapper {
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
}
.fr-window-fresco .fr-thumbnail-overlay-border {
  border-width: 1px;
  border-color: rgba(255, 255, 255, .08); /* should remain rgba */
}
/* no inner border on active thumbnail */
.fr-thumbnail-active .fr-thumbnail-overlay-border,
.fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }

/* Thumbnails < > */
.fr-window-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -160px -41px;}
.fr-window-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -202px -41px; }
.fr-window-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -160px -83px;}
.fr-window-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -202px -83px; }
/* vertical ^ (up/down) adjustments */
.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -286px -41px;}
.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -328px -41px; }
.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -286px -83px;}
.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -328px -83px; }

/* Thumbnails < > transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-icon {
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .8;
}
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -160px -41px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -202px -83px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }
/* vertical ^ (up/down) adjustments */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -286px -41px; }
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -328px -83px; }

/* lower opacity on disabled states */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }

/* lower opacity IE < 9 using images */
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { 
  background-position: -244px -41px;
}
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { 
  background-position: -244px -83px;
}
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background { 
  filter: alpha(opacity=50);
}
/* vertical ^ (up/down) adjustments */
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { 
  background-position: -370px -41px;
}
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { 
  background-position: -370px -83px;
}


/* Touch caption */
/* background */
.fr-window-fresco .fr-touch-menu-background,
.fr-window-fresco .fr-touch-caption-background {
  border-style: solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, .12);
  border-width: 0 0 1px 0;
  box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
.fr-window-fresco .fr-touch-caption-background {
  border-width: 1px 0 0 0;
  box-shadow: 0 -1px 3px rgba(0,0,0, .3);
}

/* smaller text on mobile devices */
@media all and (max-width: 568px) and (max-height: 320px),
       all and (max-width: 320px) and (max-height: 568px) {
  .fr-window-fresco .fr-touch-caption-text-wrapper { font-size: 12px; }
}

/* x */
.fr-window-fresco .fr-touch-close .fr-touch-button-icon { background-position: -169px -9px; }
.fr-window-fresco .fr-touch-close:hover .fr-touch-button-icon { background-position: -210px -9px; }

/* x transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-close .fr-touch-button-icon {
  background-position: -210px -9px;
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .8;
}
.fr-window-fresco .fr-touch-close .fr-touch-button-icon  { opacity: 1; }

/* ... */
.fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon { background-position: -169px -134px;  }
.fr-window-fresco .fr-touch-caption-more:hover .fr-touch-button-icon { background-position: -210px -134px;  }
/* ... transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-caption-more .fr-touch-button-icon {
  background-position: -210px -134px;
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .8;
}
.fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon  { opacity: 1; }


/* ... \/ */
.fr-window-fresco .fr-touch-caption-less .fr-touch-button-icon { background-position: -169px -175px;  }
.fr-window-fresco .fr-touch-caption-less:hover .fr-touch-button-icon { background-position: -210px -175px;  }
/* ... \/ transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-caption-less .fr-touch-button-icon {
  background-position: -210px -175px;
  -moz-transition: opacity .2s ease-in;
  -webkit-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
  opacity: .8;
}
.fr-window-fresco .fr-touch-caption-less .fr-touch-button-icon  { opacity: 1; }



/*
 * ===== Skin: IE6 (always used there as a fallback) ===== 
 */
.fr-window-IE6 * { zoom: 1; }

/* Sprite */
.fr-window-IE6 .fr-side-button-icon,
.fr-window-IE6 .fr-close-icon,
.fr-window-IE6 .fr-thumbnails-side-button-icon {
  background-image: url('/images/IE6/sprite.png');
}

/* < > */
.fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
.fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }

/* disabled */
.fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
.fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -13px -214px; }
.fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
.fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -93px -214px; }
.fr-window-IE6 .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon { display: none; }


/* responsive < > */
@media all and (max-width: 568px) and (max-height: 320px),
       all and (max-width: 320px) and (max-height: 568px) {
  .fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
  .fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }

  .fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
  .fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: 0px -400px; }
  .fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
  .fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -40px -400px; }
}


/* X */
.fr-window-IE6 .fr-close .fr-close-icon { background-position: -169px -9px;}
.fr-window-IE6 .fr-close:hover .fr-close-icon { background-position: -210px -9px; }

.fr-window-IE6 .fr-info { filter: alpha(opacity=99);  }
.fr-window-IE6 .fr-ui-outside .fr-info { background: #000; }
.fr-window-IE6 .fr-close-icon { background-color: #232323; }
.fr-window-IE6 .fr-close .fr-close-background { display: none; }

.fr-window-IE6 .fr-info-background { display: none; }
.fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-info,
.fr-window-IE6 .fr-info-outside { background: #0d0d0d; }


.fr-window-IE6 .fr-position { background: #101010; }
.fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-position { background: none; }
.fr-window-IE6 .fr-position .fr-position-background { display: none; }


/* Grid */
/**,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}*/

a {
    text-decoration: none;
}

.og-grid {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding:0;
}

.og-grid li {
    display: inline-block;
    margin: 10px 5px 0 5px;
    vertical-align: top;
    height: 200px;
}

.og-grid li > a,
.og-grid li > a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
    padding: 5px 5px 0 5px;
    border-radius: 0.3125em;
}

.og-grid li > a {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0d0d0), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(#d0d0d0, #fff);
  background-image: -moz-linear-gradient(#d0d0d0, #fff);
  background-image: -o-linear-gradient(#d0d0d0, #fff);
  background-image: linear-gradient(#d0d0d0, #fff);
}

.og-grid li > a:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff7700), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(#ff7700, #fff);
  background-image: -moz-linear-gradient(#ff7700, #fff);
  background-image: -o-linear-gradient(#ff7700, #fff);
  background-image: linear-gradient(#ff7700, #fff);
}


.og-grid li.og-expanded > a::after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ddd;
    border-width: 15px;
    left: 50%;
    margin: -20px 0 0 -15px;
}

.og-expander {
    position: absolute;
    background: #ddd;
    top: auto;
    left: 0;
    width: 100%;
    margin-top: 10px;
    text-align: left;
    height: 0;
    overflow: hidden;
}

.og-expander-inner {
    padding: 40px 30px;
    height: 100%;
}

@media screen and (min-width: 60em) {
  .og-expander-inner {
    margin: 0 auto;
    max-width: 68em;
  }

}

.og-fullimg { display: none; }
.og-details {
    float: none; 
    width: 100%; 
    height: 100%;
    overflow: hidden;
    position: relative;
}

@media screen and (min-width: 60em) {
    .og-fullimg {
        display:block;
        width: 33.33%;
        float: left;
    }

    .og-details {
        display:block;
        width: 66.66%;
        float: left;
    }
}

.og-fullimg {
    text-align: center;
}

.profile-img {
  width:108px;
}

.profile-img, .og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    padding: 12px;
    border-radius: 0.3125em;
}

.profile-img, .og-fullimg img {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0d0d0), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(#d0d0d0, #fff);
  background-image: -moz-linear-gradient(#d0d0d0, #fff);
  background-image: -o-linear-gradient(#d0d0d0, #fff);
  background-image: linear-gradient(#d0d0d0, #fff);
}

.og-fullimg img:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff7700), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(#ff7700, #fff);
  background-image: -moz-linear-gradient(#ff7700, #fff);
  background-image: -o-linear-gradient(#ff7700, #fff);
  background-image: linear-gradient(#ff7700, #fff);
}

.og-details h3 {
    padding: 0 0 0 0;
    font-size: 1.2em;
    margin:0;
}

@media screen and (min-width: 40em) {
  .og-details h3 {
      font-size: 2.25em;
      padding: 40px 0 0 0;
  }
}

@media screen and (min-width: 60em) {
  .og-details h3 {
      font-size: 2.25em;
      padding: 40px 0 0 0;
  }
}

.og-details p {
  font-size: 0.87em;
  line-height: 1.05em;
  text-align: justify;
}

@media screen and (min-width: 60em) {
  .og-details p {
    font-size: 1em;
    line-height: 1.5em;
  }
}

.og-details a.og-enquire {
  background-image: -webkit-linear-gradient(#ff3300, #ff6600);
  background-image: -moz-linear-gradient(#ff3300, #ff6600);
  background-image: linear-gradient(#ff3300, #ff6600);
}

.og-details a::before {
    content: '\2192';
    display: inline-block;
    margin-right: 10px;
}

.og-details a:hover {
    border-color: #999;
    color: #999;
}

.og-details a {
    color: #fff !important;
}

.og-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-animation: loader 0.5s infinite ease-in-out both;
    -moz-animation: loader 0.5s infinite ease-in-out both;
    animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

/* End*/


body {
  color: #666;
}

.reset-ul, .logo-grid .ui-block-b ul, .testimonials ul,
.reset-ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ui-page a,
.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a,
a {
  color: #ff6600;
  font-weight: 300 !important;
  text-shadow: none;
}
.ui-page a:hover, .ui-page a:focus,
.ui-page-theme-a a:hover,
.ui-page-theme-a a:focus,
html .ui-bar-a a:hover,
html .ui-bar-a a:focus,
html .ui-body-a a:hover,
html .ui-body-a a:focus,
html body .ui-group-theme-a a:hover,
html body .ui-group-theme-a a:focus,
a:hover,
a:focus {
  /*color: #ff3300;*/
}


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

.logo-grid {
  background: #fff;
  height: 100px;
}

.logo-grid .ui-block-a {
  width: 34%;
  margin: 28px 0 0;
  padding: 0 10px;
}
.logo-grid .logo {
  max-width: 100%;
  height: auto;
  border: 0;
}
.logo-grid .ui-block-b {
  margin: 41px 0 0;
  width: 66%;
  text-align: right;
}
.logo-grid .ui-block-b li {
  display: inline-block;
  border-left: 2px solid #999;
  padding: 0 12px;
  line-height: 0.7;
}

.logo-grid .ui-block-b li:first-child {
  border: 0;
}

.logo-grid .ui-block-b a, .logo-grid .ui-block-b a:visited {
  font-weight: 400 !important;
  color: #666;
  font-size: 0.9em;
  letter-spacing: -0.01em;
}

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

  .logo-grid .ui-block-b a, .logo-grid .ui-block-b a:visited {
    font-size: 1em;
    letter-spacing: -0.01em;
  }

}

.logo-grid .ui-block-b a.active {
  color: #ff6600;
}

.logo-grid .ui-block-b a:hover {
  color: #ff6600;
}

.toggle-menu {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  background: url("../images/menu-icon.png");
  cursor: pointer;
}

.slide-grid {
    position: relative;
    margin-top: -33px;
    z-index: 1;
  }

@media all and (min-width: 30em) {
  .slide-grid {
    margin-top: -41px;
  }
}


.slide-grid .ui-block-a {
  margin: 0 16px;
  width: auto;
}

.slide-grid .ui-block-b {
  margin: 0;
  width: auto;
}

@media all and (min-width: 60em) {
  .slide-grid .ui-block-a, .slide-grid .ui-block-b {
    margin: 0 20px 0 0;
  }
}

.slide-grid a.ui-link {
  color: #fff;
  font-weight: 300;
  text-shadow: none;
  padding: 5px 10px;
  font-size: 1.1em;
  text-align: center;
  display: inline-block;
  border-top-left-radius: 0.3125em;
  border-top-right-radius: 0.3125em;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #222222), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#222222, #000000);
  background-image: -moz-linear-gradient(#222222, #000000);
  background-image: -o-linear-gradient(#222222, #000000);
  background-image: linear-gradient(#222222, #000000);
  background: -ms-linear-gradient(top, rgba(34,34,34,1) 0%,rgba(0,0,0,1) 100%); 
}

@media all and (min-width: 30em) {
  .slide-grid a.ui-link {
    font-size: 1.5em;
    padding: 5px 20px;
  }
}

@media all and (min-width: 60em) {
  .slide-grid a.ui-link {
    padding: 5px 30px;
  }
}

.slide-grid a.ui-link:hover, .slide-grid a.ui-link:visited {
  color: #fff;
}

.slide-grid a.slide-out-button {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff3300), color-stop(100%, #ff6600));
  background-image: -webkit-linear-gradient(#ff3300, #ff6600);
  background-image: -moz-linear-gradient(#ff3300, #ff6600);
  background-image: -o-linear-gradient(#ff3300, #ff6600);
  background-image: linear-gradient(#ff3300, #ff6600);
  background: -ms-linear-gradient(top, rgba(204,51,0,1) 0%,rgba(204,102,0,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff6600',GradientType=0 );
}

#slide-out {
  background: #ff6600;
  padding: 30px 0;
  width: 100%;
  position: absolute;
  z-index: 5;
}

.filter-grid {
  padding: 10px 16px 0 16px;
  background-color: #f8f8f8;
  max-width: 100%;
}

.filter-grid .two-third {  
  padding: 18px 0 0 0;
}

@media all and (min-width: 40em) {
  .filter-grid .two-third {  
    padding: 18px 0 0 0;
  }  
}

.filter-grid .one-third .ui-grid-a .ui-block-a, .filter-grid .one-third .ui-grid-a .ui-block-b {
  width: 50%;
}

.filter-grid .two-third .description p {
  padding:0;
}

.og-grid > li {
  margin: 0 auto;
  padding: 0 25px;
}

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

	.og-grid > li {
	  padding: 0 25px;
	}

}

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

  .row > .og-grid > li {
    padding: 0 29px;
  }

  .row > .og-grid > li:nth-child(6n+1) {
      padding: 0 29px 0 0;
  }

  .row > .og-grid > li:nth-child(6n+0) {
      padding: 0 0 0 29px;
  }
}

.og-grid > li img {
  max-width: 100%;
  /*height: auto;*/
  height: 152px;
}

.speaker-name {  
  color: #000;
  font-size: 0.8em;
  text-align: center;
  width: 108px;
  padding: 5px 0 6px 0;
  /*text-overflow: ellipsis;*/
  overflow: hidden;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.og-expander {
  z-index: 9;
}

.og-details h4 {
  margin:0 0 8px 0;  
}

.og-details a:before {
  content: "" !important;
  display: none !important;
}

.og-fullimg {
  height: 100%;
  margin-top: 20px;
}
.og-fullimg img {
  margin: 0 auto;
}

.grey {
  background: #f8f8f8;
  max-width: 100%;
  padding: 15px 0 20px 0;
}

.grey p {
  color: #333;
}

.grey p strong {
  color: #666;
}


.grey .row {
  padding: 0 1.5em;
}

.blog-item .row {
  padding: 0;
}


.ui-grid-e {
  display: table;
  width: 100%;
}
.ui-grid-e > div {
  display: table-cell;
  float: none;
  height: 434px;
  vertical-align: middle;
}
.ui-grid-e > div img {
  max-width: 165px;
  padding: 20px 0;
}

.testimonials-grid {
  background: #eaeaea !important;
}

.testimonials-slider {
  max-width: 30em;
}

@media all and (min-width: 40em) {
  .testimonials-slider {
    max-width: 40em;
  }
}

@media all and (min-width: 60em) {
  .testimonials-slider {
    max-width: 57em;
  }
}

.testimonials-nav {
  display:none;
  margin-top: -140px;
  width: 100%;
  position: absolute;
}

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

.testimonials-arrow {
  width: 61px;
  height: 61px;
  position: absolute;
  cursor: pointer;
  border-radius: 50%;
  background-image: url("../images/arrows.png");
}

.arrow-left {
  left: 0;
  background-position: -183px -61px;
  margin-left: 0;
}
@media all and (min-width: 60em) {
  .arrow-left {
    margin-left: 50px;
  }
}
.arrow-left:hover {
  background-position: -183px 0px;
}
.arrow-right {
  right: 0;
  background-position: -122px -61px;
  margin-right: 0;
}
@media all and (min-width: 60em) {
  .arrow-right {
    margin-right: 50px;
  }
}
.arrow-right:hover {
  background-position: -122px 0px;
}


.testimonials {
  padding: 25px 0 25px;
  position: relative;
}

.testimonials .testimonials-slider {
  margin: 0 auto;
  overflow: hidden;
}

.up-anchor {
  background-color: #1b1b1b !important;
  padding: 9px 0;
}

.up-anchor .ui-btn, .up-anchor .og-details a, .og-details .up-anchor a {
  width: 61px;
  height: 61px;
  background: url("../images/arrows.png") no-repeat 0 0 !important;
  text-indent: -99999px;
  padding:0;
}

.footer-content {
  color: #fff;
  padding: 60px 7px 4px;
}
.footer-content a.ui-link {
  color: #fff;
}
.footer-content p {
  color: #fff;
  font-size: 1.125em;
  text-shadow: none;
  line-height: 1.28em;
}

.footer-content strong {
  color: #ff6600;
  font-weight: 700;
}

#footer > .row > div > p,
#footer .copyright p {
  color: #fff;
  text-shadow: none;
  padding-bottom: 9px;
  margin-bottom: 0;
}

.ui-btn.by-topic {
  font-size: 1.3em; 
}

.ui-btn, .og-details a {
  padding: 3px 6px;
  font-size: 1em;
  text-shadow: none !important;
  border: 0;
  background-image: -webkit-linear-gradient(#222222, #000000);
  background-image: -moz-linear-gradient(#222222, #000000);
  background-image: linear-gradient(#222222, #000000);
  border-radius: 0.3125em;
}


@media all and (min-width: 40em) {
  .ui-btn, .og-details a {
    padding: 6px 6px;
    font-size: 1.3em;
  }
}

@media all and (min-width: 60em) {
  .ui-btn, .og-details a {
    padding: 6px 25px;
  }
}

.og-details a {
  color: #fff !important;
  display:inline-block;
  margin: 10px 10px 0 0;
}

@media all and (min-width: 60em) {
  .og-details a {
    margin: 10px 50px 0 0;
  }
}

.ui-select .ui-btn {
  background-image: -webkit-linear-gradient(#eaeaea, #eaeaea);
  background-image: -moz-linear-gradient(#eaeaea, #eaeaea);
  background-image: linear-gradient(#eaeaea, #eaeaea);
}

.ui-select .ui-btn:hover {
  background-image: -webkit-linear-gradient(#eaeaea, #eaeaea);
  background-image: -moz-linear-gradient(#eaeaea, #eaeaea);
  background-image: linear-gradient(#eaeaea, #eaeaea);
}

.ui-btn.ui-btn-a, .og-details a.ui-btn-a {
  background-image: -webkit-linear-gradient(#ff3300, #ff6600);
  background-image: -moz-linear-gradient(#ff3300, #ff6600);
  background-image: linear-gradient(#ff3300, #ff6600);
}
.ui-btn.ui-btn-a:hover, .og-details a.ui-btn-a:hover {
  background-image: -webkit-linear-gradient(#ff6600, #ff3300);
  background-image: -moz-linear-gradient(#ff6600, #ff3300);
  background-image: linear-gradient(#ff6600, #ff3300);
}
.ui-btn:hover, .og-details a:hover {
  background-image: -webkit-linear-gradient(#333, #333333);
  background-image: -moz-linear-gradient(#333, #333333);
  background-image: linear-gradient(#333, #333333);
}

.og-details a.og-enquire:hover {
  background-image: -webkit-linear-gradient(#ff6600, #ff3300);
  background-image: -moz-linear-gradient(#ff6600, #ff3300);
  background-image: linear-gradient(#ff6600, #ff3300);
}


.ui-btn.ui-btn-icon-notext.ui-corner-all {
  padding:0;
}


form .ui-btn, form .og-details a, .og-details form a {
  margin: 0 !important;
  font-size: 1.125em !important;
  /*padding: 2px 5px 5px !important;*/
}

.ui-focus {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #666;
  font-weight: 300;
  color: #666;
  text-shadow: none;
  margin: 14px 0;
}

h1 {
  /*font-size: 2.25em;*/
  font-size: 3em;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
}

h5 {
  font-size: 1.125em;
}

h6 {
  font-size: 1em;
}



p {
  font-weight: 300;
  margin: 20px 0;
  text-shadow: none;
}

strong {
  font-weight: 400;
}

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

  .profile-grid > div.ui-block-a {
    padding: 0 0 0 0.8em;
  }

  .profile-grid > div.ui-block-b {
    padding: 0 0.8em 0 0;
  }

}
  
.profile-grid > div.ui-block-a > form {
  background-color: #ff6600;
  padding:1em;
  border-radius: 0.3125em;
  display: none;
}

@media all and (min-width: 60em) {
  .profile-grid > div.ui-block-a > form {
    display: block;
  }
}

.profile-grid > div.ui-block-a > form h1 {
  color: #fff;
  font-size: 1.8em;
  margin-top: 8px;
}

.profile-grid .ui-block-b .row {
  padding:0;
}

form .ui-btn.ui-input-btn {
  background: #EAEAEA; 
  font-size: 1.8em !important;
  line-height: 1.4em;
}

form .ui-btn.ui-input-btn:hover {
  background: #ccc;
}

.profile-grid form .ui-btn.ui-input-btn {
  color: #666;
}

.profile-grid div.ui-block-b.one-quarter, .profile-grid div.ui-block-b.three-quarter {
  padding: 0;
}

.profile-grid > div.ui-block-a.one-quarter {
  padding: 0 1em 1em 1em;
}

@media all and (min-width: 60em) {
  .profile-grid > div.ui-block-a.one-quarter {
    padding: 0 1em 0 0;
    min-width: 350px;
  }

  .profile-grid > div.ui-block-b.three-quarter {
    width: calc(100% - 350px);
    max-width: calc(100% - 350px);
  }
}

.profile-grid > div.ui-block-b.three-quarter {
  padding: 0 0 0 1em;
}

.profile-grid > div.ui-block-a img {
  margin-top: 2em;
}

.profile-grid .ui-block-b.three-quarter h1 {
  margin-top:0;
}

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

	.profile-grid > div.ui-block-b div.grid-a > div.ui-block-a {
	  width: 20%;
	}

	.profile-grid > div.ui-block-b div.grid-a > div.ui-block-b {
	  width: 79.9%;
	}

	.profile-grid > div.ui-block-b div.grid-a.about > div.ui-block-a.one-third {
	  width: 33.33%;
	}

	.profile-grid > div.ui-block-b div.grid-a.about > div.ui-block-b.two-third {
	  width: 66.66%;
	}

}


.row.profile-description {
  margin-top: 2em;
  padding: 0 10px 0 0;
}

/* overwrite */

.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    background-color: #fff;
}

.ui-header.ui-header-fullscreen.ui-bar-a.ui-header-fixed.slidedown {
  border: 0px;
}

.ui-header-fullscreen {
    filter: Alpha(Opacity=95);
    opacity: .95;
}

.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: #ff3300;
}

.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: #ff6600;
}

.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: #000 !important;
}




.filter-grid .two-third {
  font-size: 0.9em;
  color: #ff6600;
  letter-spacing: -0.18em;
}

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

  .filter-grid .two-third {
  	font-size: 1em;
    letter-spacing: -0.13em;
  }

}

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

  .filter-grid .two-third {
    letter-spacing: -0.1em;
  }
  
}





.filter-grid .two-third #atoz-name {
  color: #666;
}

.filter-grid .two-third a.atoz {
  font-size: 1.2em;
  display: inline-block;
  padding: 0 4px 0 7px;
  margin-top:0px;
  color: #ff6600;
}

.filter-grid .two-third a.atoz:first-child {
  padding: 0 4px 0 7px;
}

@media all and (min-width: 60em) {
  .filter-grid .two-third a.atoz:first-child {
    padding:0 4px 0 0;
  }
}

.filter-grid .two-third a.atoz:hover {
  color: #666;
}

.filter-grid .two-third #atoz-name a.atoz {
  color: #333;
}

.filter-grid .two-third #atoz-name a.atoz:hover {
  color: #ff6600;
}

.filter-grid .two-third a.atoz-active {
  font-weight: 400 !important;
  color: #333;
}

.filter-grid .two-third #atoz-name a.atoz-active {
  color: #ff6000;
}

/*.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color: #666;
}*/

.ui-page-theme-a #footer a:visited {
    color: #fff;
}


.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 {
    font-size:1.3em;
    background: #333;
    border-color: #1f1f1f;
    color: #fff;
    text-shadow: 0 1px 0 #111
}



.ui-popup > .ui-btn-left, .ui-popup > .ui-btn-right {
  top: -15px;
}

.ui-popup > .ui-content ul {
  margin-left:1em;
}

form[name="Free Quotation-1"] .ui-btn.ui-input-btn {
  background: #EAEAEA !important; 
  color: #666 !important;
  font-size: 1.8em !important;
  line-height: 2em !important;;
}

ul.contact-page-sublist {
  margin-left:1.5em;
}


.row.profile-tags,
.profile-tags {
  font-size:0.8em;
  margin:0;
  padding:0;
}


.short-list-button {
  background: #8b8b8b !important; 
  color: #fff !important;
  margin:20px 10px 0 0;
}

.short-list-button:hover {
  background: #666 !important; 
}

.white-border {
  border: solid 1px #fff !important;
}

.right {
  float:right;  
}

.profile-grid h2, .profile-grid h3 {
	font-size:1em;
	font-weight: 400;
	margin:3px 0;
}

.profile-grid h4 {
  font-size:1.5em;
}

.footer strong {
  font-size: 1.125em;
}

.footer .ui-page-theme-b .ui-btn, .footer  .ui-bar-b .ui-btn, .footer  .ui-body-b .ui-btn, .footer .ui-group-theme-b .ui-btn, .footer .ui-btn.ui-btn-b {
  background-color: #ff6600;
}

.footer .ui-page-theme-b .ui-btn:hover, .footer  .ui-bar-b .ui-btn:hover, .footer  .ui-body-b .ui-btn:hover, .footer .ui-group-theme-b .ui-btn:hover, .footer .ui-btn.ui-btn-b:hover {
  background-color: #ff3300 !important;
}

form.footer .ui-btn {
  font-size: 1.4em !important;
}

/*.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 {
    font-size:1.3em;
    border-color: #1f1f1f;
    color: #fff;
    text-shadow: 0 1px 0 #111;
    background-image: -webkit-linear-gradient(#333, #000000);
    background-image: -moz-linear-gradient(#333, #000000);
    background-image: linear-gradient(#333, #000000);
}

.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-image: -webkit-linear-gradient(#000, #333);
    background-image: -moz-linear-gradient(#000, #333);
    background-image: linear-gradient(#000, #333);
}*/



.panel-close-arrow {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
}

.panel-close-arrow {
  width: 61px;
  height: 61px;
  position: absolute;
  cursor: pointer;
  border-radius: 50%;
  background-image: url("/images/arrows.png");
}

.panel-close-arrow {
  left: 0;
  background-position: -122px -61px;
  margin-left: 0;
}

.panel-phone {
  float:right;
}

.panel-phone h4 {
  padding:0;
  font-size: 1.5em;
}

.panel-phone h4 a, .panel-phone h4 a:visited {
  color: #fff;
}

.panel-phone h4 a:hover {
  color: #ff6600;
}

.brand-logo-container .ui-grid-a .ui-grid-c .ui-block-a,
.brand-logo-container .ui-grid-a .ui-grid-c .ui-block-b,
.brand-logo-container .ui-grid-a .ui-grid-c .ui-block-c,
.brand-logo-container .ui-grid-a .ui-grid-c .ui-block-d {
  padding:0 8px;
  width: 25%;
}

.row.grey.no-padding {
  padding: 15px 0 20px 0;
}

.row.grey.no-padding p {
  margin:0;
}

.by-topic-active {
  background-image: -webkit-linear-gradient(#ff6600, #ff3300) !important;
  background-image: -moz-linear-gradient(#ff6600, #ff3300) !important;
  background-image: linear-gradient(#ff6600, #ff3300) !important;
}

.by-name-active {
  background-color: #000 !important;
}

img.image-border {
  width: 100%; 
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0d0d0), color-stop(100%, #fff));
  background-image: -webkit-linear-gradient(#d0d0d0, #fff);
  background-image: -moz-linear-gradient(#d0d0d0, #fff);
  background-image: -o-linear-gradient(#d0d0d0, #fff);
  background-image: linear-gradient(#d0d0d0, #fff);
  padding: 10px;
  border-radius: 0.3125em;
  margin:0px;
  box-sizing: border-box;
}

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

	img.image-border {
    width: 90%;
    margin:0 10px 0 0;
	}
}

#view-shortlist-container {
  display:none;
  float:right;
  padding:10px 10px 0 0;
  font-size:0.9em;
}

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

  #view-shortlist-container {
    font-size:1em;
  }
}


.ui-page a.view-short-list-button,
.ui-page-theme-a a.view-short-list-button,
html .ui-bar-a a.view-short-list-button,
html .ui-body-a a.view-short-list-button,
html body .ui-group-theme-a a.view-short-list-button,
a.view-short-list-button {  
  font-weight: 400 !important;
}



/* blog */


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

.blog-aside a {
  font-size: 1em;
  color: #000;
}

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

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

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

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

}

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

.blog-aside ul li a {
  display:block;
  padding: 10px;
  /*background-color: #f1f1f1;*/
  text-decoration: none;
  /*border-radius: 0.3125em;*/
  color: #ff6600;
  border-bottom: solid 1px #eee;
}

.blog-aside h2 {
  /*background-color: #fff;*/
  color: #fff;
  margin:0 0 10px 0;
  padding: 10px;
  font-size:1.2em;
  text-transform: uppercase;
  border-radius: 0.3125em;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}

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

.blog-item:last-child {
  border-bottom: none;
}

@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:first-child {
  padding: 0 0 0 0;
}

.blog-item h1 {
  color: #ff6600;
  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%;
}

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

  .blog-item img.max {
    width: auto;
    max-width: auto; 
      max-height: 280px;
  }

}

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;
  }
}

.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
    color: #ff6600;
}

.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
    color: #ff6600;
}

::-webkit-input-placeholder {
   color: #222;
}

::-moz-placeholder {
   color: #222;  
}

:-ms-input-placeholder {  
   color: #222;  
}

#panel-search-form::-webkit-input-placeholder {
  color: #ccc;
}

#panel-search-form::-moz-placeholder {
   color: #ccc;  
}

#panel-search-form:-ms-input-placeholder {  
   color: #ccc;  
}

hr {
  border: 0;
  height: 1px;
  background: #ff6600;
}

#panel-grid-button .ui-btn, .filter-grid .ui-btn {
  color: #fff !important;
}

#panel-grid-button .ui-block-a, #panel-grid-button .ui-block-b {
  width: 50%;
}

.blog-item .ui-btn,
.blog-item .ui-body-a .ui-btn,
.blog-item .ui-btn.ui-btn-a,
.blog-item .ui-btn:visited, 
.blog-item .ui-btn.ui-btn-a:visited {
  color: #fff;
}

.mobile .logo-container img {
	box-sizing: border-box;
	margin: 20px 5px;
	width: 70%;
  max-width: 398px;
}



.ui-header-fixed, .ui-footer-fixed {
  position: relative;
}

@media all and (min-width: 60em) {
  .ui-header-fixed, .ui-footer-fixed {
    position: fixed; 
  }
} 

.ui-selectmenu-list.ui-listview .ui-btn {
  padding: 6px 6px;
  font-size: 1.3em;
  text-shadow: none !important;
  border: 0;
  background-image: -webkit-linear-gradient(#fff, #fff);
  background-image: -moz-linear-gradient(#fff, #fff);
  background-image: linear-gradient(#fff, #fff);
  border-radius: 0;
}

.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active,
html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active,
html head+body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active,
html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active,
html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active,
html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
  background-color: #ff6600;
  border-color: #ff6600;
}


.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html .ui-body-a .ui-btn:focus, html body .ui-group-theme-a .ui-btn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a .ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus,
html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.ui-focus,
html head+body .ui-body-a.ui-focus {
  -webkit-box-shadow: 0 0 6px #ff6600;
  -moz-box-shadow: 0 0 6px #ff6600;
  box-shadow: 0 0 6px #ff6600;
}

.ui-btn.ui-li-has-count.ui-btn-icon-right {
  padding-right: 25px;
}

#search-testimonials .ui-btn-inline, .testimonials-slider .ui-btn-inline {
	margin-right: 0;
}

h1.topic-title,
h4.topic-title {
  font-size: 3em;
  margin:0;
}

.btn-social-icon{
  width: 50px;
  height: 50px;
  background-color: #fff;
  display:inline-block;
  border-radius:3em;
  text-align:center;
}

.btn-social-icon i, .btn-social-icon i:visited {
  display:inline-block;
  color: #333;
  font-size: 2em;
  line-height: 1.6em;
}

.btn-social-icon i:hover {
  color: #ff6600;
}

.subscribe-form-container div.no-label {
  float:left;
  display:inline-block;
  width:100%;
  margin-bottom: 0.5em;
  box-sizing:border-box;
}

.subscribe-form-container span.h3 {
  float:left;
  color:#fff;
  display:inline-block;
  width:100%;
}

.subscribe-form-container div.ui-input-text {
  margin:0;
  padding:0;
  width:99.7%;
}

.subscribe-form-container {
  padding:1em;
}

@media all and (min-width: 60em) {
  .subscribe-form-container div.no-label {
    width:25%;
    margin-bottom: 0;
  }

  .subscribe-form-container span.h3 {
    width:25%;
  }

  .subscribe-form-container div.ui-input-text {
    width:90%;
  }
}


.subscribe-form-container form .ui-btn.ui-input-btn {
  font-size: 1.3em !important;
  padding: 5px 25px;
}

.subscribe-form-container .h3 {
  font-size:1.8em;
}


.slider-content h5 a, .slider-content h5 a:visited,
.slider-content div.h5 a, .slider-content div.h5 a:visited {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff3300), color-stop(100%, #ff6600));
  background-image: -webkit-linear-gradient(#ff3300, #ff6600);
  background-image: -moz-linear-gradient(#ff3300, #ff6600);
  background-image: -o-linear-gradient(#ff3300, #ff6600);
  background-image: linear-gradient(#ff3300, #ff6600);
  background: -ms-linear-gradient(top, rgba(204, 51, 0, 1) 0%, rgba(204, 102, 0, 1) 100%); 
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#ff6600', GradientType=0 );
  font-size: 1.25rem;
  padding: 0.5em 1em;
  border-radius: 0.325em;
  color: #fff;
}

.slider-content h5 a:hover,
.slider-content div.h5 a:hover {
 color: #fff; 
}