/*
Theme Name: Specialists Melbourne
Theme URI: http://demos.waqastudios.com/inti/
Description: Custom theme for Port Melbourne Dentists
Version: 0.1 (0615)
Author: Waqa Studios
Author URI: http://www.waqastudios.com/
Template: inti
*/
@import url("../inti/style.css");
/* =Theme customization starts here
-------------------------------------------------------------- */
/**
style.less > style.css
Used for the structural elements of the theme and its multiple breakpoints. Colors and fonts can be found in css/base.css as these
are normally consistant throughout breakpoints (i.e. they apply to mobile, tablet and desktop)

 * Aleady called before this stylesheet:
 * normalize.css
 * bootstrap.css (optional)
 * font-awesome.css
 * toastr.css
 * material.css
 * ripples.css
 * animate.css
 * slick.css
 * magnific-popup.css
 * select2.css
 * fonts.css


 * Table of Contents:
 *
 * 1.0 - Mobile Header & Navigation Styles
 * 2.0 - Mobile Content Layout Styles
 * 3.0 - Footer Styles
 * 4.0 - Basic Forms and buttons reset
 * 5.0 - WordPress stuff
 * 6.0 - Mobile Shortcode structure
 * 7.0 - Widget structure

 @breakpoint [default 30em==480px]
 * 8.0 - WordPress stuff

 @breakpoint [default 37.5em==600px]
 * 9.0 - Content Layout Styles

 @breakpoint [default 48em==768px]
 * 10 - Header & Navigation Styles
 * 11. - Content Layout Styles
 * 12. - Shortcodes - 2nd breakpoint

 @breakpoint [default 64em==1024px]

 @breakpoint [default 75em==1200px]

 @breakpoint [default 87.5em==1400px]

*/
/**
 Variables
*/
/* ---------------------------------------- */
/*	1.0 - Mobile Header & Navigation Styles
/* ---------------------------------------- */
/* Starting from mobile, these are the structural styles for mobile but are also inherited by all following media-queries and remain in use unless overwritten */
.webpage {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}
.limiter {
  width: 98%;
  max-width: 1200px;
  margin: 0 auto;
}
/* Set the max-width to the largest breakpoint we're going to use (you can add as many as you like!) */
.limiter.main {
  width: 98%;
}
/* Gives us 2x 1% margins on mobile - we need margins, but don't want to be wasteful */
header.webpage-header header.logobar {
  position: relative;
}
header.webpage-header #logo-area {
  padding: 2em 80px 2em 0.5em;
}
header.webpage-header #logo-area img#logo {
  max-width: 100%;
}
header.webpage-header #contact-area {
  display: block;
  padding: 0 0 1em 0;
}
header.webpage-header #contact-area #address-area {
  display: inline-block;
  white-space: nowrap;
}
header.webpage-header #contact-area #address-area address span {
  white-space: nowrap;
}
header.webpage-header #contact-area #phone-area {
  display: inline-block;
}
header.webpage-header #contact-area a {
  padding: 5px 10px;
  display: block;
}
header.webpage-header #contact-area i.fa {
  padding: 0 1em;
}
header.navbar {
  position: relative;
  width: 100%;
  z-index: 2;
}
.is-sticky header.navbar {
  left: 0;
  z-index: 99998;
}
/** Hide and Show menus **/
nav.macromenu {
  display: none;
}
nav.micromenu {
  display: block;
}
/* All menu styles - these values pass on to later breakpoints */
ul.nav-prime li {
  position: relative;
}
ul.nav-prime a {
  display: block;
}
ul.nav-prime ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  z-index: 99999;
}
/* Micro Menu Styles */
div.open-micromenu {
  position: absolute;
  top: 0;
  right: 0;
}
div.open-micromenu a {
  display: inline-block;
  padding: 26px;
  font-size: 2em;
}
nav.micromenu ul.nav-prime {
  list-style: none;
  padding: 0;
  margin: 0;
}
.appointments-wrapper {
  width: 100%;
  z-index: 1;
}
nav.appointments a.appointment-button {
  width: 100%;
  float: right;
  text-align: center;
}
/* ---------------------------------------- */
/*  2.0 - Mobile Content Layout Styles
/* ---------------------------------------- */
section.page-banner {
  display: none;
}
/* Content Area - Column Setup for this and all breakpoints unless overwritten later on */
div#content {
  z-index: 1;
  margin: 1em 0;
}
/**
 * We have five default layouts:
 * - Fullwidth - one large column, no additional column
 * - Skinny - like full width but not as wide
 * - Two-Columns - one large column and one smaller sidebar [default]
 * - Two-Columns-Left - one smaller sidebar then one large column 
 * - Three-Columns - small sidebar, main column, small sidebar

 * Below, in mobile, no columns are floated, all are 100% blocks.
*/
div#content.fullwidth {
  /* If page is set to FullWidth, hide other columns */
}
div#content.fullwidth section.column-two {
  width: 100%;
  padding: 2em 2.5%;
}
div#content.fullwidth section.column-one,
div#content.fullwidth section.column-three {
  display: none;
}
div#content.skinny {
  /* If page is set to Skinny, hide other columns */
}
div#content.skinny section.column-two {
  width: 100%;
  padding: 2em 2.5%;
  /* Same as full width because we don't want margins on a small screen */
}
div#content.skinny section.column-one,
div#content.skinny section.column-three {
  display: none;
}
div#content.two-columns {
  /* here in mobile view, no floating, as they'll be one below the other */
}
div#content.two-columns section.column-two {
  padding: 2em 2.5%;
}
div#content.two-columns section.column-three {
  padding: 2em 2.5%;
}
div#content.two-columns section.column-main {
  /* This is the one that'll be huge on some pages, here in mobile, everything is 100% */
}
div#content.two-columns-left {
  /* here in mobile view, no floating, as they'll be one below the other */
}
div#content.two-columns-left section.column-one {
  padding: 2em 2.5%;
}
div#content.two-columns-left section.column-two {
  padding: 2em 2.5%;
}
div#content.two-columns-left section.column-main {
  /* This is the one that'll be huge on some pages, here in mobile, everything is 100% */
}
div#content.three-columns section.column-one {
  padding: 2em 2.5%;
}
div#content.three-columns section.column-two {
  padding: 2em 2.5%;
}
div#content.three-columns section.column-three {
  padding: 2em 2.5%;
}
div#content.three-columns section.column-main {
  /* This is the one that'll be huge on some pages, here in mobile, everything is 100% */
}
/**
 *  Front Page (if one exists)
 */
div#content.front-page {
  margin: 0 0 2em 0;
  display: none;
}
/**
 *  Home Page Blocks
 */
section.block > div.limiter {
  margin: 0 auto;
  width: 94%;
  /* This can also have padding like a #content column */
}
section.block.slider.services {
  margin: 0;
}
section.block.slider.services .limiter {
  width: 100%;
}
@media only screen and (min-width: 42em) {
  section.block.slider.services .limiter {
    width: 90%;
  }
}
section.block.slider.services .text-services {
  padding: 1em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
section.block.slider.services h2 {
  font-size: 2em;
  font-family: 'Ropa Sans', sans-serif;
  margin: 0;
}
@media only screen and (min-width: 36.5em) {
  section.block.slider.services h2 {
    font-size: 5em;
  }
}
section.block.slider.services p {
  font-size: 1.125em;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: 300;
  margin: 0;
}
@media only screen and (min-width: 36.5em) {
  section.block.slider.services p {
    font-size: 3.125em;
  }
}
section.block.slider.services .button-anchor {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
section.block.tagline {
  margin: 2em 0;
}
section.block.tagline .entry {
  text-align: center;
}
section.block section.map-area section.contact-area {
  height: 50%;
}
section.block section.map-area section.contact-area .contact {
  padding: 0.5em 1.5em;
}
section.block section.map-area section.contact-area .contact > div .icon {
  float: left;
  width: 1.5em;
  margin-left: -1.5em;
}
section.block section.map-area section.contact-area .contact div.opening p {
  margin: 0;
}
section.block section.map-area section.contact-area .contact div.social i {
  padding: 0 2px;
}
section.block section.map-area section.gmap {
  height: 50%;
  min-height: 260px;
}
section.block section.map-area section.gmap iframe {
  min-height: 260px;
}
section.block section.carousel-area .title {
  padding: 0 1em;
}
section.block section.carousel-area .carousel-wrapper .limiter {
  width: 100%;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .feature-img img {
  margin: 0 auto;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.without-text .feature-img img {
  margin: 0 auto;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article {
  text-align: center;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article img {
  display: inline-block;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article .more {
  text-transform: uppercase;
  font-family: 'Ropa Sans', sans-serif;
  font-size: 1.125em;
}
section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article .more i {
  margin-left: 10px;
}
section.block.mega > .limiter {
  width: 100%;
}
section.block.textareas {
  padding: 2em 0;
}
section.block.textareas article {
  width: 100%;
  margin: 2em 0 1em 0;
}
section.block.textareas article .entry {
  padding-bottom: 1em;
}
section.block.childpages {
  padding: 3em 0;
}
section.block.childpages .childpage-content {
  width: 100%;
  padding: 1em;
}
section.block.childpages .childpage-content h2 {
  font-size: 2.250em;
  font-family: 'Ropa Sans', sans-serif;
  line-height: 1;
  margin: 0 0 0.7em;
}
section.block.childpages .childpage-content p {
  margin: 0 0 2em;
}
section.block.childpages .childpage-content .more {
  text-transform: uppercase;
  font-family: 'Ropa Sans', sans-serif;
  font-size: 1.125em;
}
section.block.childpages .childpage-content .more i {
  margin-left: 10px;
}
section.block.childpages .childpage-image {
  width: 100%;
  min-height: 415px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
section.block.childpages .childpage-image img {
  max-width: 100%;
  display: block;
  height: auto;
}
/**
 *  Pages
 */
/* All */
article.page {
  padding: 0;
}
/**
 *  Blog Posts
 */
/* All */
article.post {
  padding: 0;
}
article.post .entry .sharing {
  margin: 2em 0;
}
article.post .entry .sharing h4 {
  display: inline-block;
  margin-right: 0.5em;
}
article.post .entry .sharing ul {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}
article.post .entry .sharing ul li {
  display: inline-block;
  margin: 0 0.5em 0 0;
  font-size: 1.5em;
}
article #post-comments {
  padding: 2em 0 0;
}
nav.single-post-navigation {
  margin: 0 0 2em 0;
}
nav.single-post-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
nav.single-post-navigation ul li {
  display: block;
}
nav.single-post-navigation ul li.nav-left {
  float: left;
  margin-right: 1em;
}
nav.single-post-navigation ul li.nav-right {
  float: right;
  margin-left: 1em;
}
div#content.blog-index article.post section.featured-image img,
div#content.search-index article.post section.featured-image img {
  max-width: 100%;
  height: auto;
  box-shadow: 2px 2px 2px #efefef;
}
div#content.blog-index article.post .entry .continue,
div#content.search-index article.post .entry .continue {
  text-align: right;
  margin: 0 0 1em 0;
}
/** all blog posts **/
div#content.blog article.post {
  margin-bottom: 3em;
}
div#content.blog article.post > h1 {
  margin: 0;
}
div#content.blog article.post .meta {
  font-size: 0.9em;
  margin: -0.25em 0 0.25em 0;
}
div#content.search-index article {
  margin: 3em 0 3em 0;
}
/* ---------------------------------------- */
/*  3.0 - Mobile Footer Styles
/* ---------------------------------------- */
footer.main-footer {
  overflow: auto;
}
footer.main-footer .limiter {
  position: relative;
  padding: 1em 0;
}
footer.main-footer nav {
  padding: 10px;
}
footer.main-footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer.main-footer nav ul li {
  display: inline;
  padding: 0 5px;
}
footer.main-footer nav ul li a {
  line-height: 2;
}
footer.main-footer nav#footer-logo {
  margin: 2em 0;
  text-align: center;
}
footer.main-footer nav#footer-logo img {
  max-width: 100%;
}
footer.main-footer section.map-area-footer div.contact-area div.contact {
  padding: 0.5em 3.5em;
}
footer.main-footer section.map-area-footer div.contact-area div.contact > div .icon {
  float: left;
  width: 1.5em;
  margin-left: -1.5em;
}
footer.main-footer section.map-area-footer div.contact-area div.contact div.opening {
  width: 50%;
  margin: 0 0 1em 0;
}
footer.main-footer section.map-area-footer div.contact-area div.contact div.opening p {
  margin: 0;
}
footer.main-footer section.map-area-footer div.contact-area div.contact div.address {
  width: 50%;
  margin: 0 0 1em 0;
}
footer.main-footer section.map-area-footer div.contact-area div.contact div.phone {
  width: 50%;
  margin: 0 0 1em 0;
}
footer.main-footer section.map-area-footer div.contact-area div.contact div.social {
  width: 100%;
  margin: 0 0 1em 0;
}
footer.main-footer section.map-area-footer div.contact-area div.contact div.social i {
  padding: 0 2px;
}
footer.main-footer div#copyright {
  margin: 20px auto 0 auto;
}
footer.main-footer div#copyright p {
  font-size: 0.889em;
}
footer.main-footer div#waqa {
  opacity: 0.1;
}
.tester {
  background-color: red;
  width: 100%;
  height: 600px;
  font-size: 36px;
  color: #FFF;
}
/* ---------------------------------------- */
/*  4.0 - Basic forms and buttons reset
/* ---------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"] {
  max-width: 100%;
  margin: 0;
  position: relative;
  overflow: visible;
  text-decoration: none;
}
select {
  max-width: 100%;
  margin: 0;
  position: relative;
  overflow: visible;
  padding: 0;
  text-decoration: none;
}
.select2-focusser {
  display: none;
}
textarea {
  max-width: 100%;
  margin: 0;
  position: relative;
  overflow: visible;
  padding: 6px 10px;
  text-decoration: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.button.alt {
  white-space: nowrap;
  display: inline-block;
  /*margin: 0 0 0.5em 0;*/
  cursor: pointer;
  position: relative;
  overflow: visible;
  padding: 0.5em 1em;
  text-decoration: none;
  left: auto;
  color: #000;
}
button.secondary-button,
input[type="button"].secondary-button,
input[type="reset"].secondary-button,
input[type="submit"].secondary-button,
a.button.secondary-button {
  font-size: 0.9em;
}
button.call-out-button,
input[type="button"].call-out-button,
input[type="reset"].call-out-button,
input[type="submit"].call-out-button,
a.button.call-out-button {
  font-size: 1.6em;
  padding: 0.5em 1.2em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover {
  background: #06A2CB !important;
  color: #fff;
}
.searchbox {
  position: relative;
}
.searchbox #searchbox-wrapper input.search-text {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchbox #searchbox-wrapper input.search-submit {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1em;
  line-height: 2;
  padding: 6px 1em;
  font-family: 'FontAwesome';
}
/* ---------------------------------------- */
/*  CUSTOM STYLES FORMS                     */
/* ---------------------------------------- */
.form_field_row {
  margin-bottom: .5em;
}
.input-fullwidth {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ---------------------------------------- */
/*  5.0 - WordPress Stuff
/* ---------------------------------------- */
.alignright {
  float: none;
  vertical-align: bottom;
}
.alignleft {
  float: none;
  vertical-align: bottom;
}
.wp-caption {
  font-size: 0.8em;
  font-style: italic;
  margin-top: 0;
}
/* ---------------------------------------- */
/*  6.0 - Mobile Shortcode structure
/* ---------------------------------------- */
/*  Responsive YouTube (used in shortcode) */
.video-wrapper {
  position: relative;
  padding-bottom: 53%;
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.one-half {
  width: 100%;
  margin-bottom: 0.5em;
}
.one-half.last {
  margin-bottom: 1em;
}
.one-third {
  width: 100%;
  margin-bottom: 0.5em;
}
.one-third.last {
  margin-bottom: 1em;
}
.two-third {
  width: 100%;
  margin-bottom: 0.5em;
}
.two-third.last {
  margin-bottom: 1em;
}
.one-fourth {
  width: 100%;
  margin-bottom: 0.5em;
}
.one-fourth.last {
  margin-bottom: 1em;
}
.three-fourth {
  width: 100%;
  margin-bottom: 0.5em;
}
.three-fourth.last {
  margin-bottom: 1em;
}
.shortcode.block {
  margin-bottom: 1em;
}
.shortcode.block .col.map-area {
  width: 100%;
}
.infobox {
  margin: 0 0 20px;
  padding: 1em;
}
.slogan {
  font-weight: 300;
  font-size: 2em;
  color: #444 !important;
  margin: 0.8em 0 !important;
}
hr.dotted {
  border-top: 1px dotted #efefef !important;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.tabs-nav {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
ul.tabs-nav {
  margin-bottom: 0 !important;
}
.tabs-nav li {
  float: left;
  line-height: 35px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.tabs-nav li.active {
  line-height: 34px;
}
.tabs-nav li a {
  background: #fbfbfb;
  border: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: none;
  color: #444;
  display: block;
  padding: 0.5em 0.5em;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}
.tabs-nav li:first-child a {
  border-left: 1px solid #efefef;
}
.tabs-nav li a:hover,
.tabs-nav li.active a {
  color: #000;
}
.tabs-nav li.active a {
  background: #fff;
  border-bottom: 2px solid #fff;
}
.tabs-container {
  border: 1px solid #efefef;
  margin: -1px 0 20px;
  overflow: hidden;
  width: 99%;
}
.tab-content {
  padding: 20px;
}
/* ---------------------------------------- */
/*  Announcement Bar
/* ---------------------------------------- */
#announcements {
  display: none;
  text-align: center;
  /* background: #FF7F00;  */
  min-height: 35px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9998;
  overflow: hidden;
}
#announcements.fixed {
  position: fixed !important;
}
#announcements .wrapper {
  width: 85%;
  text-align: left;
  margin: 0 auto;
  padding: 5px 0;
}
#announcements .wrapper .announcements-close {
  float: right;
  display: block;
  width: 24px;
  height: 24px;
  padding: 5px;
  background: url('images/ui.close.png') no-repeat 5px 5px;
}
#announcements .wrapper .announcements-close:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#announcements .wrapper .announcements-message {
  width: 95%;
}
#announcements .wrapper .announcements-message p {
  margin: 0;
  color: #fff;
  width: 100%;
  text-align: center;
}
/* ---------------------------------------- */
/*  404
/* ---------------------------------------- */
.entry.not-found {
  text-align: center;
}
.entry.not-found img {
  max-width: 100%;
  width: 265px;
  height: auto;
}
.entry.not-found h2 {
  text-align: center;
  font-size: 3em;
  text-transform: uppercase;
}
.entry.not-found h3 {
  font-size: 1.5em;
  line-height: 1;
  text-transform: uppercase;
}
/* ---------------------------------------- */
/*  7.0 - Widget structure
/* ---------------------------------------- */
.widget {
  margin-bottom: 4em;
}
.widget.inti_socialicons li {
  text-align: center;
}
.widget.inti_socialicons li {
  display: inline-block;
  margin: 0 4px;
}
.widget.widget_nav_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* Media Queries */
@media only screen and (min-width: 30em) {
  /* About 480px */
  .tester {
    background: orange;
  }
  /**
 *  Home Page Blocks
 */
  section.block > div.limiter {
    /* This can also have padding like a #content column */
  }
  /* ---------------------------------------- */
  /*  8.0 - WordPress Stuff
	/* ---------------------------------------- */
  .alignright {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
  }
  .alignleft {
    float: left;
    margin-right: 1em;
    margin-bottom: 0.5em;
  }
  .aligncenter {
    display: block;
    margin: 0 auto 0.5em auto;
  }
  .wp-caption {
    font-size: 0.8em;
    font-style: italic;
    margin-top: 0;
  }
}
@media only screen and (min-width: 37.5em) {
  /* 600px */
  .tester {
    background: yellow;
  }
  /* ---------------------------------------- */
  /*  9.0 - Content Layout Styles
	/* ---------------------------------------- */
}
@media only screen and (min-width: 49em) {
  /* A bit more than 768px */
  .tester {
    background: green;
  }
  /* ---------------------------------------- */
  /*  10. - Header & Navigation Styles
/* ---------------------------------------- */
  .limiter {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
  }
  .webpage .limiter.main {
    width: 95%;
  }
  /* Main has a different limiter so that the text body can be a set width will header and footer are 100% */
  header.webpage-header {
    position: relative;
    /* Hide the micromenu and begin showing the macromenu */
    /* Limit the width of the macromenu when it is fixed and 100% */
    /* Hide the appointments stuff thats just for mobile */
    /* Macromenu styles */
  }
  header.webpage-header header.logobar #logo-area {
    float: left;
    width: 50%;
    padding-right: 1em;
  }
  header.webpage-header header.logobar #contact-area {
    display: block;
    text-align: right;
    width: 50%;
    float: right;
    padding: 0;
  }
  header.webpage-header header.logobar #contact-area #address-area {
    display: inline-block;
    padding: 10px 0 0 2em;
  }
  header.webpage-header header.logobar #contact-area #phone-area {
    display: inline-block;
    padding: 10px 0 0 2em;
  }
  header.webpage-header header.logobar #contact-area a {
    padding: 0;
    display: inline-block;
  }
  header.webpage-header header.logobar #contact-area i.fa {
    padding: 0 1em;
  }
  header.webpage-header .is-sticky header.navbar {
    width: 100%;
  }
  header.webpage-header nav.macromenu {
    display: block;
    position: relative;
  }
  header.webpage-header div.open-micromenu {
    display: none !important;
  }
  header.webpage-header .is-sticky nav.macromenu {
    max-width: 1200px;
    /* should be the same as the limiter */
    margin: 0 auto;
  }
  header.webpage-header .appointments-wrapper {
    display: none;
  }
  header.webpage-header nav.appointments {
    display: none;
  }
  header.webpage-header ul.appointments-wrapper-macro {
    list-style: none;
    height: 55px;
    width: 20%;
    float: right;
    margin: 0 -10px 0 0;
    padding: 0;
  }
  header.webpage-header ul.appointments-wrapper-macro li {
    display: block;
  }
  header.webpage-header ul.nav-prime {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 80%;
    display: block;
    margin-left: -10px;
    float: left;
  }
  header.webpage-header ul.nav-prime li {
    display: inline-block;
    float: left;
    position: relative;
  }
  header.webpage-header ul.nav-prime a {
    /*padding:0 10px;*/
    /* commented so pagging and linehight changes on mobile can pass to here */
  }
  header.webpage-header ul.nav-prime ul {
    display: none;
    position: absolute;
    top: 55px;
    left: 0px;
    list-style: none;
    /*margin:0 0 10px 10px; padding:0;*/
    /*width: 300px;*/
    width: 400px;
    z-index: 99999;
  }
  header.webpage-header ul.nav-prime ul li {
    /*min-width: 250px;*/
    width: 100%;
  }
  header.webpage-header ul.nav-prime ul ul {
    left: 100%;
    top: 0;
    list-style: none;
  }
  /* ---------------------------------------- */
  /*  11. - Content Layout Styles
/* ---------------------------------------- */
  section.page-banner {
    display: block;
    background: #ccc;
    height: 260px;
    background-size: cover;
    background-position: 20% 50%;
  }
  /* Content Area - Column Setup for this and all later breakpoints unless overwritten further on */
  /**
 * We have five default layouts:
 * - Fullwidth - one large column, no additional column
 * - Skinny - like full width but not as wide
 * - Two-Columns - one large column and one smaller sidebar [default]
 * - Two-Columns-Left - one smaller sidebar then one large column
 * - Three-Columns - small sidebar, main column, small sidebar

 * Below, on a larger screen, columns that were previously 100% blocks are now floated.
*/
  div#content.fullwidth {
    /* If page is set to FullWidth, hide other columns */
  }
  div#content.fullwidth section.column-two {
    width: 100%;
    padding: 3em 2.5%;
  }
  div#content.fullwidth section.column-one,
  div#content.fullwidth section.column-three {
    display: none;
  }
  div#content.skinny {
    /* If page is set to skinny, hide other columns */
  }
  div#content.skinny section.column-two {
    width: 100%;
    padding: 3em 16%;
  }
  div#content.skinny section.column-one,
  div#content.skinny section.column-three {
    display: none;
  }
  div#content.two-columns section.column-one {
    display: none;
  }
  div#content.two-columns section.column-two {
    float: left;
    width: 64.583334%;
    padding: 3em 4.166667%;
  }
  div#content.two-columns section.column-three {
    float: left;
    width: 35.416667%;
    padding: 4em 0 3em 3.583333%;
  }
  div#content.two-columns section.column-main {
    /* This is the one that'll be huge on some pages */
  }
  div#content.two-columns-left section.column-one {
    float: left;
    width: 35.416667%;
    padding: 4em 2.083333% 3em 4.166667%;
  }
  div#content.two-columns-left section.column-two {
    float: left;
    width: 64.583334%;
    padding: 3em 4.166667%;
  }
  div#content.two-columns-left section.column-three {
    display: none;
  }
  div#content.two-columns-left section.column-main {
    /* This is the one that'll be huge on some pages */
  }
  div#content.three-columns {
    /* here in mobile view, no floating, as they'll be one below the other */
  }
  div#content.three-columns section.column-one {
    float: left;
    width: 25%;
    padding: 3em 4.166667% 3em 0;
  }
  div#content.three-columns section.column-two {
    float: left;
    width: 50%;
    padding: 3em 2.083333%;
  }
  div#content.three-columns section.column-three {
    float: left;
    width: 25%;
    padding: 4em 4.166667% 3em 0;
  }
  div#content.three-columns section.column-main {
    /* This is the one that'll be huge on some pages */
  }
  div#content.front-page.two-columns section.column-one {
    display: none;
  }
  div#content.front-page.two-columns section.column-two {
    float: left;
    width: 70%;
    padding: 0;
  }
  div#content.front-page.two-columns section.column-three {
    float: left;
    width: 30%;
    padding: 0;
  }
  div#content.front-page.two-columns section.column-main {
    /* This is the one that'll be huge on some pages */
  }
  div#content.front-page.three-columns {
    /* here in mobile view, no floating, as they'll be one below the other */
  }
  div#content.front-page.three-columns section.column-one {
    float: left;
    width: 25%;
    padding: 0;
  }
  div#content.front-page.three-columns section.column-two {
    float: left;
    width: 50%;
    padding: 0;
  }
  div#content.front-page.three-columns section.column-three {
    float: left;
    width: 25%;
    padding: 0;
  }
  div#content.front-page.three-columns section.column-main {
    /* This is the one that'll be huge on some pages */
  }
  /**
 *  Home Page Blocks
 */
  section.block > div.limiter {
    /* This can also have padding like a #content column */
  }
  section.block.textareas {
    padding: 0 0 2em;
    margin-top: 2em;
  }
  section.block.textareas article {
    width: 46.5%;
    float: left;
    margin: 2em 0 2em 0;
    box-sizing: content-box;
  }
  section.block.textareas article .entry {
    padding-bottom: 1em;
    height: 100%;
  }
  section.block.textareas article:nth-child(odd) {
    padding-right: 3.4%;
  }
  section.block.textareas article:nth-child(even) {
    padding-left: 3.4%;
    float: right;
  }
  section.block section.map-area {
    width: 48%;
    float: left;
  }
  section.block.mega section.carousel-area {
    width: 48%;
    float: right;
  }
  section.block.childpages .childpage-content {
    width: 45%;
    float: left;
    padding: 3.5em 2.5em 0;
  }
  section.block.childpages .childpage-image {
    width: 55%;
    float: right;
  }
  section.block.childpages .childpage-image img {
    max-width: 100%;
    display: block;
    height: auto;
  }
  section.block.childpages article:nth-child(even) .childpage-content {
    float: right;
  }
  section.block.childpages article:nth-child(even) .childpage-image {
    float: left;
  }
  div#content.blog-index article.post section.featured-image {
    float: left;
    margin: 0 1em 0 0;
  }
  /** all blog posts **/
  div#content.blog article.post {
    margin-bottom: 3em;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact {
    padding: 0.5em 3.5em;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact > div .icon {
    float: left;
    width: 1.5em;
    margin-left: -1.5em;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.opening {
    float: left;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.address {
    float: left;
    margin-bottom: 0;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.phone {
    float: left;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.social {
    width: 100%;
    margin: 0 0 1em 0;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.social i {
    padding: 0 2px;
  }
  /* ---------------------------------------- */
  /*  12. - Shortcodes - 2nd breakpoint
/* ---------------------------------------- */
  .one-half {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 0.5em;
  }
  .one-half.last {
    margin-left: 0%;
    margin-right: 0;
    margin-bottom: 0.5em;
  }
  .one-third {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 0.5em;
  }
  .one-third.last {
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0.5em;
  }
  .two-third {
    width: 66%;
    float: left;
    margin-right: 2%;
    margin-bottom: 0.5em;
  }
  .two-third.last {
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0.5em;
  }
  .one-fourth {
    width: 23.75%;
    float: left;
    margin-right: 1.5%;
    margin-bottom: 0.5em;
  }
  .one-fourth.last {
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0.5em;
  }
  .three-fourth {
    width: 74.25%;
    float: left;
    margin-right: 1.5%;
    margin-bottom: 0.5em;
  }
  .three-fourth.last {
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0.5em;
  }
  .tabs-nav li a {
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: none;
    color: #666666;
    display: block;
    padding: 0em 1em;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
  }
  nav.micromenu {
    display: none;
  }
}
@media only screen and (min-width: 42em) {
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .feature-img {
    width: 40%;
    float: left;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .feature-img img {
    margin: 0;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .text {
    width: 60%;
    float: left;
    padding: 0 1em;
    text-align: left;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.without-text .feature-img img {
    margin: 0;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: center;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article img {
    display: inline-block;
  }
}
@media only screen and (min-width: 54em) {
  header.webpage-header header.logobar #logo-area {
    width: 40%;
  }
  header.webpage-header header.logobar #contact-area {
    display: block;
    text-align: right;
    width: 60%;
  }
  header.webpage-header header.logobar #contact-area #address-area {
    display: inline-block;
    padding: 10px 0 0 2em;
  }
  header.webpage-header header.logobar #contact-area #phone-area {
    display: inline-block;
    padding: 10px 0 0 2em;
  }
  header.webpage-header header.logobar #contact-area i.fa {
    padding: 0 1em;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .feature-img {
    width: 30%;
    float: left;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .feature-img img {
    margin: 0;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .text {
    width: 70%;
    float: left;
    padding: 0 1em;
    text-align: left;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.without-text .feature-img img {
    margin: 0;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: center;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article img {
    display: inline-block;
  }
}
@media only screen and (min-width: 64em) {
  /* About 1024px */
  header.webpage-header header.logobar #logo-area {
    width: 40%;
  }
  header.webpage-header header.logobar #contact-area {
    display: block;
    text-align: right;
    width: 60%;
    padding: 1em 0;
  }
  header.webpage-header header.logobar #contact-area #address-area {
    display: inline-block;
    padding: 10px 0 0 2em;
  }
  header.webpage-header header.logobar #contact-area #phone-area {
    display: inline-block;
    padding: 10px 0 0 2em;
  }
  header.webpage-header header.logobar #contact-area i.fa {
    padding: 0 1em;
  }
  section.block section.map-area section.contact-area {
    width: 50%;
    float: left;
    height: 100%;
  }
  section.block section.map-area section.contact-area .contact {
    padding: 1em;
  }
  section.block section.map-area section.contact-area .contact > div {
    padding-left: 1.5em;
  }
  section.block section.map-area section.contact-area .contact > div .icon {
    float: left;
    width: 1.5em;
    margin-left: -1.5em;
  }
  section.block section.map-area section.gmap {
    width: 50%;
    float: left;
    height: 100%;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .feature-img {
    width: 25%;
    float: left;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .feature-img img {
    margin: 0;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.with-text .text {
    width: 75%;
    float: left;
    padding: 0 1em;
    text-align: left;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article.without-text .feature-img img {
    margin: 0;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: center;
  }
  section.block section.carousel-area .carousel-wrapper div.inti-carousel div.slide article img {
    display: inline-block;
  }
  section.block.mega > .limiter {
    width: 95%;
  }
  section.block.childpages .childpage-content {
    width: 35%;
    float: left;
    padding: 3.5em 2.5em 0;
  }
  section.block.childpages .childpage-image {
    width: 65%;
    float: right;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact {
    padding: 0.5em 3.5em;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact > div .icon {
    float: left;
    width: 1.5em;
    margin-left: -1.5em;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.opening {
    width: 34%;
    float: left;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.address {
    width: 26%;
    float: left;
    margin-bottom: 0;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.phone {
    width: 20%;
    float: left;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.social {
    width: 20%;
    float: left;
  }
  footer.main-footer section.map-area-footer div.contact-area div.contact div.social i {
    padding: 0 2px;
  }
}
@media only screen and (min-width: 75em) {
  /* About 1200px */
  .tester {
    background: blue;
  }
}
@media only screen and (min-width: 87.5em) {
  /* About 1400px */
  .tester {
    background: white;
  }
}
/* ---------------------------------------- */
/*  Plugins
/* ---------------------------------------- */
/* Back to Top */
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border: none;
  text-indent: -999px;
  background: url('images/ui.totop-default.png') no-repeat left top;
}
#toTopHover {
  background: url('images/ui.totop-default.png') no-repeat left -40px;
  width: 40px;
  height: 40px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}
#toTop:active,
#toTop:focus {
  outline: none;
}
/* ---------------------------------------- */
/*  Helper Classes
/* ---------------------------------------- */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after,
.clear:before,
.clear:after {
  content: "";
  display: table;
}
.clearfix:after,
.clear:after {
  clear: both;
}
.clearfix,
.clear {
  *zoom: 1;
}
.pointer {
  cursor: pointer;
}
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* ---------------------------------------- */
/*  Default Opacity Fade-in
/* ---------------------------------------- */
.main-footer,
#content {
  /*opacity:0;*/
}
/* ---------------------------------------- */
/*  Fix scrollbar to page always to stop jumping
/* ---------------------------------------- */
html {
  overflow-y: scroll;
}
/* Admin bar becomes unfixed by default on small screens, this keeps it fixed in place (we use it to position the mobile menu) */
div#wpadminbar {
  position: fixed;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ---------------------------------------- */
/*  Practitioners
/* ---------------------------------------- */
/* Common */
blockquote.practitioner {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 0 4em 0;
  position: relative;
  overflow: hidden;
}
blockquote.practitioner div.practitioner-image {
  padding: 0;
  text-align: center;
}
blockquote.practitioner div.practitioner-image img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
blockquote.practitioner div.practitioner-text {
  text-align: center;
}
blockquote.practitioner div.practitioner-text cite {
  margin: 0.5em 0 0 0;
}
blockquote.practitioner div.practitioner-text p.practitioner-owner {
  margin: 0 0 0.5em 0;
}
blockquote.practitioner .button.practitioner-more {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 64em) {
  /* About 768px */
  blockquote.practitioner .button.practitioner-more {
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
  }
}
section.practitioner-list blockquote.practitioner {
  margin: 0 auto 4em auto;
  padding-bottom: 10px;
}
@media only screen and (min-width: 48em) {
  /* About 768px */
  section.practitioner-list blockquote.practitioner {
    width: 47.5%;
    margin: 1em 2.5% 2em 0;
    float: left;
  }
}
@media only screen and (min-width: 64em) {
  /* About 768px */
  blockquote.practitioner {
    padding-bottom: 0;
    max-width: none;
  }
  blockquote.practitioner div.practitioner-image {
    padding: 0 2% 0 0;
    text-align: center;
    width: 35%;
    float: left;
  }
  blockquote.practitioner div.practitioner-text {
    text-align: left;
    width: 65%;
    float: left;
  }
  blockquote.practitioner a.button {
    font-size: 90%;
  }
}
/* Single Page */
.single-practitioner #content {
  margin-top: 0 !important;
}
.single-practitioner .data .limiter {
  max-width: 1000px;
}
.single-practitioner .data div.practitioner-image {
  float: left;
  width: 31%;
  margin-right: 2%;
}
.single-practitioner .data div.practitioner-image img {
  display: block;
}
.single-practitioner .data div.practitioner-stats {
  float: left;
  width: 67%;
}
.single-practitioner .data div.practitioner-stats h1 {
  margin-top: 0;
}
.single-practitioner .data div.practitioner-stats .row {
  margin-bottom: 0.5em;
}
.single-practitioner .data div.practitioner-stats .col {
  margin-bottom: 0;
}
.single-practitioner .data div.practitioner-stats label {
  font-weight: bold;
}
.single-practitioner .bio {
  padding: 0em 1.5em;
}
@media only screen and (min-width: 64em) {
  /* About 1024px */
  .single-practitioner .data div.practitioner-image {
    float: left;
    width: 18%;
    margin-right: 4%;
  }
  .single-practitioner .data div.practitioner-stats {
    padding-top: 1em;
    float: left;
    width: 78%;
  }
  .single-practitioner .data div.practitioner-stats h1 {
    margin-top: 0;
  }
}
@media only screen and (min-width: 84em) {
  .more-practitioners {
    padding: 0;
  }
}
/* With Image */
/* Default is with image */
/* Without  Image */
blockquote.practitioner.without-image div.practitioner-image {
  display: none !important;
}
blockquote.practitioner.without-image div.practitioner-text {
  width: 100% !important;
  float: left;
}
/* Big image */
blockquote.practitioner.big-image div.practitioner-image {
  padding: 0 5%;
}
@media only screen and (min-width: 48em) {
  /* About 768px */
  blockquote.practitioner.big-image div.practitioner-image {
    padding: 0 2% 0 0;
    width: 35%;
  }
  blockquote.practitioner.big-image div.practitioner-text {
    width: 65%;
  }
}
@media only screen and (min-width: 64em) {
  /* About 1024px */
  blockquote.practitioner.big-image div.practitioner-image {
    width: 30%;
  }
  blockquote.practitioner.big-image div.practitioner-text {
    width: 70%;
  }
}
/* Small image image */
/* Default is small image */
/* Left image */
/* Default is left image */
/* Right image */
@media only screen and (min-width: 48em) {
  /* About 768px */
  blockquote.practitioner.right-image div.practitioner-image {
    padding: 0 0 0 2%;
    float: right;
  }
  blockquote.practitioner.right-image div.practitioner-text {
    float: left;
  }
}
/* Vertical practitioner (image never floats) */
blockquote.practitioner.vertical {
  max-width: 640px !important;
}
@media only screen and (min-width: 48em) {
  /* About 768px */
  blockquote.practitioner.vertical div.practitioner-image {
    width: 100%;
    text-align: center;
    padding: 0 10%;
    float: none;
  }
  blockquote.practitioner.vertical div.practitioner-text {
    width: 100%;
    text-align: center;
    float: none;
  }
}
/* Skinny practitioner */
blockquote.practitioner.skinny {
  max-width: 640px !important;
}
/* Fullwidth practitioner */
/* Default is fullwidth */
/* ---------------------------------------- */
/*  Slick Carousel 
/* ---------------------------------------- */
/* Common */
.slick-loading .slick-list {
  background: #fff url("images/ui.loader.gif") center center no-repeat;
}
.slick-slider button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 40px;
  width: 40px;
  line-height: 1;
  font-size: 100%;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: #000;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -40px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -40px;
}
.slick-prev:before {
  content: "";
}
[dir="rtl"] .slick-prev:before {
  content: "";
}
.slick-next {
  right: -40px;
}
[dir="rtl"] .slick-next {
  left: -40px;
  right: auto;
}
.slick-next:before {
  content: "";
}
[dir="rtl"] .slick-next:before {
  content: "";
}
.slick-slider {
  margin-bottom: 0;
}
/* Add padding if you will use dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 25px;
  width: 25px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 25px;
  width: 25px;
  outline: none;
  line-height: 0;
  font-size: 100%;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
  background: transparent !important;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f111";
  width: 25px;
  height: 25px;
  font-family: "FontAwesome";
  font-size: 1em;
  line-height: 1;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 1;
}
/* As main slider */
.inti-slider .slick-slide {
  padding: 0;
  /* for the */
}
.inti-slider .slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.inti-slider .slick-prev {
  left: -5%;
}
[dir="rtl"] .inti-slider .slick-prev {
  left: auto;
  right: -5%;
}
.inti-slider .slick-prev:before {
  content: "";
}
[dir="rtl"] .inti-slider .slick-prev:before {
  content: "";
}
.inti-slider .slick-next {
  right: -5%;
}
[dir="rtl"] .inti-slider .slick-next {
  left: -5%;
  right: auto;
}
.inti-slider .slick-next:before {
  content: "";
}
[dir="rtl"] .inti-slider .slick-next:before {
  content: "";
}
.inti-slider .slide-text {
  position: absolute;
  bottom: 0;
  padding: 1em 1em;
  width: 100%;
}
/* Only on themes with something positioned to the right of the slider */
/*@media only screen and (min-width: 64em) {
	.inti-slider .slick-slide { background: #fff; /* for the exposed 2.5% */
/*}
		.inti-slider .slick-slide img { width: 97.5%; }

	.inti-slider .slick-prev { left: 2%; }
	[dir="rtl"] .inti-slider .slick-prev { left: auto; right: 4.5%; }

	.inti-slider .slick-next { right: 4.5%; }
	[dir="rtl"] .inti-slider .slick-next { left: 2%; right: auto; }	

	.inti-slider .slide-text {
		width: 97.5%;
	}
}*/
/* As standard carousel */
.inti-carousel .slick-slide {
  padding: 0 0.125em;
}
.inti-carousel .slick-prev:hover,
.inti-carousel .slick-next:hover {
  background: none !important;
  color: #000;
}
.inti-carousel .slide-text {
  position: absolute;
  bottom: 0;
  padding: 0.25em 0.5%;
  width: 100%;
}
.inti-carousel.inti-main-carousel .slick-slide {
  padding: 0 0.125em;
}
.inti-carousel.inti-main-carousel .slick-prev:hover,
.inti-carousel.inti-main-carousel .slick-next:hover {
  background: none !important;
  color: #000;
}
.inti-carousel.inti-main-carousel .slide-text {
  position: absolute;
  bottom: 0;
  padding: 0.25em 0.5%;
  width: 100%;
}
.inti-main-carousel .slick-prev {
  left: -4%;
}
[dir="rtl"] .inti-main-carousel .slick-prev {
  left: auto;
  right: -4%;
}
.inti-main-carousel .slick-prev:before {
  content: "";
}
[dir="rtl"] .inti-main-carousel .slick-prev:before {
  content: "";
}
.inti-main-carousel .slick-next {
  right: -4%;
}
[dir="rtl"] .inti-main-carousel .slick-next {
  left: -4%;
  right: auto;
}
.inti-main-carousel .slick-next:before {
  content: "";
}
[dir="rtl"] .inti-main-carousel .slick-next:before {
  content: "";
}
/** Magnific Popover **/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
 * Remove all paddings around the image on small screen
 */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.popup-modal-dismiss {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  display: block;
  background: url('images/ui.close2.png') no-repeat center center;
  opacity: 1 !important;
}
.mfp-iframe-holder .mfp-close:hover {
  background: transparent !important;
}
/*# sourceMappingURL=style.css.map */