/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Custom Code
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
      max-width: 1400px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top; }

/* For devices larger than 400px */

/* For devices larger than 550px */
@media (min-width: 1001px) {
  .container {
    width: 100%;
}
  .column,
  .columns {
    margin-left: 1%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.55em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
      color: #212121;
	  background: white;
    font-family: 'centuryGothic', sans-serif; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
  color: #190A33; }
h1 { font-size: 2.48rem;; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.25rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 2.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.5rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.0rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 0.5rem; line-height: 1.6;  letter-spacing: 0; }
h1, h3, h5{
	color: #272A3D;
}
h2, h4, h6{
	color:#00A49D;

}
@media (min-width: 1001px) {
  h1 {font-size: 3.7rem; }
  h2 { font-size: 2.5rem; }
  h3 { font-size: 2rem; }
  h4 { font-size: 1.5rem; }
  h5 { font-size: 1rem; }
  h6 { font-size: 0.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    color: #00A49D;
    -webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
    transition: color .15s linear; }
a:hover {
	color: #171616;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: white;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    cursor: pointer;
    box-sizing: border-box;
    background: #2d2a29;
    border: none;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }

#website{

  display: none;

}
.formFields input,

.formFields select,

.formFields textarea {

    width: 100%;

    margin-bottom: 10px;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0;
color:71017671;}
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; 
padding-left: 25px;
}



/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }

.clear{
	clear:both;
}
/* Custom Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h3:focus {
    outline: none;
}
.ui-accordion .ui-accordion-header {
    padding-top: 0.4em!important;
    padding-bottom: 0.55em!important;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    margin-top: -11px!important;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    margin-top: -6px!important;
	
}
.ui-state-default .ui-icon {
    background-image: url("../images/plus.png")!important;
    background-position: 0 0!important;
	float: left;
}
.ui-icon {
    width: 60px!important;
    height: 46px!important;
    display: block!important;
    position: relative!important;
}
.ui-accordion .ui-accordion-icons {
    padding-left: .8em!important;
}
#accordion {
margin: 10px 0 0 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border: none!important;
background: #333333!important;
font-weight: normal!important;
color: #ffffff!important;
}
.ui-accordion .ui-accordion-icons {
border-radius: 0px!important;
	width: 75%;
}
.ui-widget-content {
background: #fff!important;
color: #000!important;
border: 0!important;
	padding: 10px;
	margin-bottom: 15px;
	width: 75%;
}
		.ui-widget-content p {
line-height: 20px;
}
img {
    vertical-align: middle;
}
.fRight{
	float:right;
	margin-left: 25px
}
.fLeft{
	float:left;
	margin-right: 25px;
}
.fullWidth{
width:100%;
}
.txtLeft{
	text-align:left	;
}
.txtRight{
	text-align:right;
}
.txtCenter{
	text-align:center;
}
.blockCenter{
	display:0 auto;
	display:block;
}
.boldTxt{
	font-weight:bold;
}
.noLeftMargin{
	margin-left: 0!important;
}
.middleVert{
  vertical-align: middle!important;
}
.topVert{
  vertical-align: top!important;
}
.scrollToTop {
    width: 30px;
    height: 30px;
    padding: 10px;
    text-align: center;
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 75px;
    right: 40px;
    display: none;
    z-index: 999;
    border-radius: 100%;
}

.scrollToTop:hover {
    text-decoration: none;
}
@font-face {
  font-family: 'centuryGothic';
  src: url('//ottawadentistryonkent.com/css/fonts/GOTHIC.TTF')  format('truetype');
}
.headerCtaBox {
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 90%;
    top: 40%;
}
header{
  
	background-color: #272a3d;
  z-index: 999;
    position: fixed;
  width: 100%;
}
.headerImg {
    top: 150px !important;
    position: relative;
}
.headerSlide {
z-index: 99;
    top: 50px;
    position: relative;
    font-size: 0;
}
.show-menu:after {
    content: 'Show Menu';
}
input[type=checkbox]:checked ~ .show-menu:after {
    content: 'Close Menu';
}
.cyanDarkBg{
  background: #00a49d;
}
.relative{
  position: relative;
}
.contactInfo{
  font-size: 17px;
    font-size: 1em;
    text-transform: uppercase;
    color: #424242;
    text-align: right;
}
.contactInfo a{
  color: #424242;
    text-decoration: none;
}
.contactNumber a{
  color: #24456d;
    text-decoration: none;
    font-weight: bold;
    font-size: 28px;
    font-size: 1.55em;
}
.logo{
    width: 100%;
    max-width: 440px;
    padding: 10px 0;
    box-sizing: border-box;
}
.logoSM{
    width: 60%;
}
main {
    margin-top: 0px;
}
/* Navigation Styles. */
.navContainer {
    clear: both;
	margin-top: 10px;
}
nav{
    height: 50px;
    position: relative;
    display: block;
    margin: 0 auto;
    float: right;
}
/*Strip the ul of padding and list styling*/
.navigation {
	list-style-type:none;
	margin:0;
	padding:0;
position: relative;
	    width: 100%;
}

/*Create a horizontal list with spacing*/
.navigation li {
	display:inline-block;
	float: left;
	margin-right: 1px;
	margin-bottom: 0;
}

/*Style for menu links*/
.navigation li a {
	display:block;
	height: 40px;
	line-height: 30px;
	font-family: 'centuryGothic', "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: none;
	text-decoration: none;
-webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
    transition: color .15s linear;
	text-align: left;
    padding: 0 10px;
    color: #F3F3F3;
	font-size: 13px;
	text-transform: uppercase;
	box-sizing: border-box;
}
.navigation li ul li a {
background: #f3f3f3;
    color: #190A33;
    height: 30px;
    line-height: 30px;
		-webkit-transition: color .15s linear;
    -moz-transition: color .15s linear;
    -ms-transition: color .15s linear;
    -o-transition: color .15s linear;
	    transition: color .15s linear;
}
/*Hover state for top level links*/
.navigation li:hover a {
    color: #fff;
	background: #272A3D;
}
/*Hover state for second level links*/
.navigation li:hover ul {
    opacity: 1;
    visibility: visible;
	z-index: 999;
}
/*transitions second level links*/
.navigation li ul {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    margin-top: 0;
	width: auto;
}
/*Style for dropdown links*/
.navigation li:hover ul a {
    height: 30px;
    line-height: 30px;
    background: #f3f3f3;
    color: #272A3D;
}

/*Hover state for dropdown links*/
.navigation li:hover ul a:hover {
    background: #272A3D;
    color: #F3F3F3;
}

/*Hide dropdown links until they are needed*/
.navigation li ul {
visibility: hidden;
padding: 0;
    margin: 0;
}

/*Make dropdown links vertical*/
.navigation li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.navigation li ul li a {
	width: auto;
	min-width: 160px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
.navigation li a:hover + .hidden, .hidden:hover {
visibility: visible;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}
#firstLink {
    padding-left: 10px;
}
#lastLink {
    padding-right: 10px;
}
.homeHeader{
  font-size: 0;
    border-bottom: solid 5px #48549e;
    z-index: -1;
}
.cycle-slideshow, .cycle-slideshow img {
  width: 100%;
}
.cycle-slideshow {
    margin: 0 0 50px 0;
   /* max-height: 454px;  Must be full height of slideshow images, if having a white space between image and bottom border, adjust this value */
}
.cycle-slide {
    width: 100%;
}
.headerTagline {
    width: 100%;
}
.headerTxt{
      font-size: 40px;
    font-size: 2.45em;
    color: white;
    text-shadow: 0px 0px 5px black;
}
.headerBtn {
    width: 350px;
    margin-top: 15px;
    text-align: center;
    right: 13%;
    background: #717171;
    background: rgba(113, 113, 113, 0.4);
    -webkit-transition: background .15s linear;
    -moz-transition: background .15s linear;
    -ms-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear;
    font-size: 17px;
}
.headerBtn:hover {
    background: #24456d;
}
.headerBtn a:hover {
    color: white;
}
.headerBtn a{
  color: #171616;
    text-decoration: none;
    display: block;
    padding: 10px;
    box-sizing: border-box;
    font-size: 24px;
    font-size: 1.45em;
    line-height: 25px;
}
.whiteBg {
    background: #ffffff;
    padding: 120px 0 70px 0;
    box-sizing: border-box;
    margin: 0px auto 0 auto;
}
.whiteBgSupport {
    background: #ffffff;
    padding: 250px 0 70px 0;
    box-sizing: border-box;
    margin: 0px auto 0 auto;
}
.grayBg {
    background: #f0f0f0;
    padding: 70px 0 70px 0;
    box-sizing: border-box;
    margin: 0px auto 0 auto;
}
.grayBgSupport {
    background: #f0f0f0;
    padding: 270px 0 70px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
}
.grayBgDr {
    background: #f0f0f0;
    padding: 0px 0 70px 0;
    box-sizing: border-box;
    margin: 0px auto 0 auto;
}
.blueBgSupport {
    background: #272A3D;
    padding: 270px 0 70px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
}
.blueBgSupportSmile {
	background-image: url(../images/cosmetic-header.png);
	background-repeat: no-repeat;
	background-size: cover;
    padding: 270px 0 70px 0;
	margin: 0px auto 0 auto;
	box-sizing: border-box;
	min-height: 350px;
}
.blueBgSupportSmile p{
    color: #ffffff;
	font-size: 18px;
}
.blueBgSupport p{
    color: #ffffff;
	font-size: 18px;
}
.dotBgSupport {
    background-image: url(../images/dotbkgd.jpg);
	border-bottom: solid 2px #272A3D;
    padding: 30px 0 20px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
}
.dotBgSupport2 {
background-image: url(../images/dotbkgd.jpg);
	border-bottom: solid 2px #272A3D;
    padding: 270px 0 70px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
}
.dotBgSupport2 p{
    color: #000000;
	font-size: 18px;
}
.teamtxtBk{
    color: #000000;
	font-size: 16px;
	margin-bottom: 24px;
}
.teamtxtWt{
    color: #ffffff;
	font-size: 16px;
	margin-bottom: 24px;
}

.tealBgSupport {
    background: #00a49d;
	border-top: solid 2px #ffffff;
    padding: 30px 0 20px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
}
.tealBgSupport p{
    color: #ffffff;
	font-size: 16px;
}
.tealBgSupportComp {
    background-image: url(../images/teal-smile-bkgd.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-top: solid 2px #ffffff;
    padding: 30px 0 20px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
	min-height: 343px;
}
.tealBgSupportComp p{
    color: #ffffff;
	font-size: 22px;
}
.tealBgSupportComp h2{
    color: #2d3244;
	font-size: 26px;
}
.whtBgSupport {
    background: #ffffff;
    padding: 70px 0 70px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
}
.drgrayBg {
    background: #d6d8e2;
    padding: 70px 0 70px 0;
    box-sizing: border-box;
    margin: 100px auto 0 auto;
}
.paddingHM {
	padding: 0 50px;
}
.hmpadding {
    padding: 200px 0 0 0;
}
.paddingTop100 {
	padding: 100px 0 0 0;
}
.ul tealBgSupport {
	list-style: circle inside; }
.li tealBgSupport {
  margin-bottom: 1rem;
color: #272A3D;
}

.homeVideo {
float: none;
padding: 20px 0 25px 0;
max-width: 100%;
width: 464px;
height: auto;
min-height: 250px;
top: 10px;
position: relative;
margin: 0 auto;
display: block;
}
.parallax {
        height: 450px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallaxOne{
      background-image: url(../images/why-choose-bkgd.jpg);
}
.parallaxTwo{
      background-image: url(../images/home-bkgd.jpg);
}

.smallItalics{
      font-size: 18px;
    font-size: .68em;
    font-style: italic;
}

.btnTxt{
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 78%;
  line-height: 20px;
}
.homeBtn a:hover {
    background: #4c5592;
}
.btnmargin {
	margin-top: 100px !important;
	
}
.standardBtn {
    text-align: center;
    color: #ffffff;
    float: right;
    background: #272A3D;
    font-size: 22px;
    line-height: 50px;
    width: 100%;
    margin: 30px auto 30px auto;
    max-width: 320px;
    float: none;
    text-decoration: none;
}
.standardBtn a {
    text-align: center;
    color: #ffffff;
    float: right;
    border-radius: 2px;
    font-size: 22px;
    line-height: 50px;
    width: 100%;
    max-width: 320px;
    float: none;
    text-decoration: none;
    display: block;
}
.standardBtn:hover {
display: block;
	background-color: #1ab2ad;
text-decoration: none;
	color: #ffffff;
}
.standardBtn2 {
    text-align: center;
	display: block; 
  vertical-align: middle; 
    color: #ffffff;
    float: right;
    background: #272A3D;
    font-size: 22px;
    line-height: 60px;
    width: 100%;
	
    margin: 30px auto 60px auto;
    max-width: 320px;
    float: none;
    text-decoration: none;
}
.standardBtn2 p{
	line-height: 20px;
	padding: 10px 0;
}
.standardBtn2 a {
    color: #ffffff;
    float: right;
    border-radius: 2px;
    font-size: 22px;
    width: 100%;
    max-width: 320px;
    float: none;
    text-decoration: none;
	min-height: 60px;
}
.standardBtn2:hover {
display: block;
	background-color: #474a5e;
text-decoration: none;
	color: #ffffff;
}
.standardBtnGray {
    text-align: center;
    color: #ffffff;
    float: right;
    background: #32343b;
    border-radius: 2px;
    font-size: 16px;
	font-family:  Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    line-height: 50px;
    width: 100%;
    margin: 30px auto 30px auto;
    max-width: 350px;
    float: none;
    text-decoration: none;
    border-radius: 20px;
}
.standardBtnGray a {
    text-align: center;
    color: #ffffff;
    float: right;
    border-radius: 2px;
    font-size: 22px;
    line-height: 50px;
    width: 100%;
    max-width: 420px;
    float: none;
    text-decoration: none;
    display: block;
}
.standardBtnGray:hover {
display: block;
	background-color: #272A3D;
text-decoration: none;
	color: #ffffff;
}
.standardBtnTeal {
    text-align: center;
    color: #ffffff;
    float: right;
    background: #1ab2ad;
    border-radius: 2px;
    font-size: 16px;
	font-family:  Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    line-height: 50px;
    width: 100%;
    margin: 30px auto 30px auto;
    max-width: 320px;
    text-decoration: none;
    border: solid 1px #cccbcb;
	border-radius: 20px;
}
.standardBtnTeal a {
    text-align: center;
    color: #ffffff;
    float: right;
    border-radius: 2px;
    font-size: 22px;
    line-height: 50px;
    width: 100%;
    max-width: 420px;
    float: none;
    text-decoration: none;
    display: block;
}
.standardBtnTeal:hover {
display: block;
	background-color: #272A3D;
text-decoration: none;
	color: #ffffff;
}
.standardBtnTealLeft {
    text-align: center;
    color: #ffffff;
    float: left;
    background: #1ab2ad;
    border-radius: 2px;
    font-size: 16px;
	font-family:  Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    line-height: 50px;
    width: 100%;
    margin: 10px auto 30px auto;
    max-width: 320px;
    text-decoration: none;
    border: solid 1px #cccbcb;
	border-radius: 20px;
}
.standardBtnTealLeft a {
    text-align: center;
    color: #ffffff;
    float: left;
    border-radius: 2px;
    font-size: 22px;
    line-height: 50px;
    width: 100%;
    max-width: 420px;
    float: none;
    text-decoration: none;
    display: block;
}
.standardBtnTealLeft:hover {
display: block;
	background-color: #272A3D;
text-decoration: none;
	color: #ffffff;
}
.headerBtn {
    text-align: center;
    color: #ffffff;
    float: right;
    background: #272A3D;
	font-family:  Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-weight: bold;
	font-style: italic;
    border-radius: 20px;
    font-size: 22px;
    line-height: 50px;
    width: 100%;
    margin: 15px auto 15px auto;
    max-width: 250px;
    float: none;
    text-decoration: none;
    border: solid 1px #333333;
}
.headerBtn a {
    text-align: center;
    color: #ffffff;
    float: right;
    font-size: 22px;
    line-height: 30px;
    width: 100%;
    max-width: 250px;
    float: none;
    text-decoration: none;
    display: block;
}
.headerBtn:hover {
display: block;
	background-color: #1ab2ad;
text-decoration: none;
	color: #39438B;
}
.bluetxt {
	font-size: 18px;
	color: #171a5d;
}
.tealtxt {
	font-size: 24px;
	color: #00a49d;
}
.tealtxt18 {
	font-size: 18px;
	color: #24bdb8;
	
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.tealtxtHm {
	font-size: 20px;
	line-height: 16px;
	color: #24bdb8;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.tealtxtHmLg {
	font-size: 30px;
	line-height: 16px;
	color: #24bdb8;
	text-align: center;
}
.tealtxtLg {
	font-size: 30px; 
	color: #24bdb8;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	text-align: left;
}
.whitetxt {
	font-size: 30px; 
	color: #ffffff;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.whitetxtBullets {
	font-size: 16px; 
	color: #ffffff;
}
.blktxt {
	font-size: 28px; 
	color: #1B1B1B;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.whitetxtSm {
	color: #ffffff;
	font-size: 18px;
}
.bluetxtSm {
	color: #272a3d;
	font-size: 18px;
}
.titlesblue {
font-family: alana,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 40px;
	color: #272A3D;
	padding-bottom: 15px;
	}
.titleswhtCaps {
font-family: 'centuryGothic', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase; 
font-weight: 400;
font-style: normal;
	font-size: 36px;
	color: #ffffff;
	}
.titleswht {
font-family: alana,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 40px;
	color: #ffffff;
	padding-bottom: 15px;
	}
.titlesblk {
font-family: alana,sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 40px;
	color: #000000;
	padding-bottom: 15px;
	}



.bullet {
	margin-right: 5px;
	display: inline-block;
}
.homeServ {
    padding: 20px;
    box-sizing: border-box;
    position: relative;
	margin-bottom: 10px;
}
.homeServ h2 {
    color: #02A39E;
    font-style: normal;
}
.homeServ img{
  width: 100%;
    border: solid 1px #d0d0d6;
}
.learnLink{
    position: absolute;
    bottom: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    left: 0;
}
.learnLink a{
  text-transform: uppercase;
    text-decoration: none;
}

.testName {
    margin: 0;
    text-align: center;
}
.homeTest{
  margin: 50px 0 30px 0;
}
#loadPopUpVideo video {
  max-width: 100%;
}
#loadPopUpReviews iframe {
  width: 520px;
  max-width: 100%;
}
.serviceLinks p{
  text-align: center;
  display: block;
  margin: 0 auto;
}
.smile-gallery, .center {
  max-width: 750px;
  margin: 0 auto;
  width: 90%;
    overflow: overlay;
}
.center {
  margin-bottom: 25px;
}
#prev {
  float: left;
  cursor: pointer;
}
#next {
  float: right;
  cursor: pointer;
}

.border{
	display: block;
      margin: 50px auto;
      width: 70%;
	align-content: center;
}
.support .supHeader, .support main, .support footer, .support .copyright {
    position: relative;
}

.support .headerBtn {
    float: right;
    right: 0;
}
.support .contactInfo {
    margin: 0;
}
#dialog video {
    width: 100%;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    width: 90%!important;
    max-width: 500px;
}
.ui-dialog-title {
    font-size: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.54em 1em;
  }
.ui-dialog .ui-dialog-titlebar {
    background: none;
    border: none;
}
#opener {
    cursor: pointer;
}
.headerLinks {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.headerLinks a {
    color: white;
    text-decoration: none;
    padding: 5px;
    display: block;
}
.cyanBg{
  background: #42b6b5;
}
.cyanBg a:hover{
  background: #00a49d;
}

.headerPhone a{
      font-size: 26px;
    text-decoration: none;
    color: #ffffff;
	position: relative;
	padding: 0 10px;
}
.patLink {
    color: #272A3D;
    font-size: 25px;
}
.patLink span {
    font-size: 20px;
}
footer {
    background: #272A3D;
    padding: 20px 0;
    color: white;
}
footer h2{
  color: #4defea;
      font-style: normal;
}
footer a {
    color: #10d8d2;
    text-decoration: none;
}
.footerIcon {
    display: inline-block;
    margin-right: 10px;
}
.servList {
    color: white;
    list-style: none;
    line-height: 20px;
}
.footerPhone{
      text-align: center;
}
.footerPhone a{
  color: white;
    text-decoration: none;
    font-size: 24px;
    font-size: 1.45em;
    font-weight: bold;
}
.socialIcons {
  
    margin-bottom: 20px;
    display: inline-block;
}
.socialIcons a {
    color: white;
}
.socialIcons a:hover {
    color: #39438a;
}
.hours{
  font-weight: bold;
  text-transform:uppercase; 
}
.gMap{
width: 100%;
    max-width: 600px;
    margin: 0 auto;
    display: block;
    height: 265px;
}
.copyright {
    background: white;
}
.copyright p{
	margin:0;
	text-align:center;
}
.supportImg {
	width: 100%;
	max-width: 400px !important;
  height: auto;
}
.supportVideo {
	width: 100%;
	
  height: 320px;
}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
@media screen and (min-width : 1001px){
.navigation{
	display:block!important;/* Fixes issue with desktop links keeping their mobile layout; media queries must follow each other (max = 930 & min = 931) */
}
}
@media screen and (max-width : 1000px){

	 img {
        max-width: 100% !important;
    }
.headerImg {
    top: 0px !important;
    position: relative;
}
.whiteBg {
    background: #ffffff;
    padding: 0px 0 70px 0;
    box-sizing: border-box;
    margin: 0px auto 0 auto;
}
	.whiteBgSupport {
    background: #ffffff;
    padding: 50px 0 70px 0;
    box-sizing: border-box;
    margin: 0px auto 0 auto;
}
.ui-accordion .ui-accordion-icons {
border-radius: 0px!important;
	width: 100%;
}
	.ui-widget-content {
background: #fff!important;
color: #000!important;
border: 0!important;
	padding: 10px;
	margin-bottom: 15px;
	width: 99%;
}
		.ui-widget-content p {
line-height: 20px;
}


.tealtxt {
	font-size: 19px;
	line-height: 22px;
	color: #00a49d;
}
.tealtxtHm {
	font-size: 17px;
	line-height: 10px;
	color: #00a49d;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
.whitetxt {
	font-size: 26px; 
	line-height: 34px;
	color: #ffffff;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
	.testimonials .three.columns {
    width: 22%;
}
.testimonials .six.columns {
    width: 48%;
}
  header {
    position: relative;
	background-color: #272a3d;
}
.headerSlide {
    top: 0;
     margin: 0;
    }
	header .columns {
		text-align: center!important;
}
.contactInfo {
    text-align: center;
}
	nav {
	width: 100%;
  position: relative;
  height: auto;
	}
	/*Make dropdown links appear inline*/
	.navigation {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.navigation li {
		  display: block;
  float: none;
  margin-right: 1px;
	}
	.navigation li a {
    color: #fff;
		background: #272A3D;
}
	/*Make all menu links full width*/
	.navigation li, li a {
		width: 100%;
    background: #f3f3f3;
	}
	.navigation li ul{
	width:100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	.navigation li a:hover + .hidden, .hidden:hover {
  max-width: 100%;
  position: relative;
	}
.navigation li:hover ul a {
    background: #00A49D;
    color: white;
}
#firstLink {
  padding-left: 10px;
}
.servBoxes {
    width: 90%;
    max-width: 500px;
}
.learnLink {
    position: relative;
}
.homeServ {
    margin-bottom: 50px;
}
.bluebox {
	margin-bottom: 50px;
}
.revbutton {
	width: 90%;	
}
.testBox .two.columns {
    width: 13.3333333333%;
	margin-bottom: 50px;
}
.testBox .eight.columns {
    width: 65.3333333333%;
	margin-bottom: 50px;
}
.support .supHeader, .support main, .support footer, .support .copyright {
    top: 0;
}
.logo {
    margin: 0 auto;
    display: block;
}
.support .headerBtn {
    float: none;
    margin: 0 auto;
}
	
.headerBtn {
        width: 100%;
}
}
@media screen and (max-width : 660px){
.parallax {
        height: 0px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
	.headerImg {
    top: 0px !important;
    position: relative;
}
	.whiteBg {
    background: #ffffff;
    padding: 30px 0 70px 0;
    box-sizing: border-box;
    margin: 0px auto 0 auto;
}
	.whiteBgSupport {
    background: #ffffff;
    padding: 50px 0 70px 0;
    box-sizing: border-box;
    margin: 0px auto 0 auto;
}
.headerTxt {
    font-size: 18px;
    font-size: 1.05em;
    color: white;
    text-shadow: 0px 0px 5px black;
    text-align: center;
}
.headerBtn {
    margin: 0 auto;
    left: 0;
    right: 0;
}
.headerBtn a {
    padding: 4px;
    box-sizing: border-box;
    font-size: 15px;
    font-size: .9em;
    line-height: 15px;
}
	.fRight,
.fLeft {
    float: none;
    margin: 20px auto;
    display: block;
}
.img {
	width: 100%;
	margin: 0 auto;
	display: block;
}

  }
@media screen and (max-width: 580px) {
	.blueBgSupport {
    background: #272A3D;
    padding: 5px 0 60px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
}
	.bluebox img {
	width: 100%;
}
.tealBgSupportComp {
    background-color: #54C2BF;
	border-top: solid 2px #ffffff;
    padding: 10px 0 20px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
	min-height: 343px;
}
.tealBgSupportComp p{
    font-size: 15px;
	line-height: 19px;
}
	.tealBgSupportSleep {
    background-color: #54C2BF;
	border-top: solid 2px #ffffff;
    padding: 30px 0 20px 0;
    box-sizing: border-box;
	margin: 0px auto 0 auto;
	max-height: 930px;
}
.tealBgSupportSleep p{
    color: #ffffff;
	font-size: 15px;
	line-height: 19px;
}
.supportImg {
	width: 80%;		

}
.img {
	width: 100%;
	margin: 0 auto;
	display: block;
}
	.supportVideo {
	width: 100%;
		height: 220px;

}
.google img {
	width: 20%;
}
  #navbar {
    padding: 20px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
  #navbar-right {
    float: none;
  }
}
  @media screen and (max-width : 1000px){

  }