/*
* 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%;
    max-width: 1080px;
  margin: 0 auto 20px auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 800px */
@media (min-width: 800px) {
  .margin-20{
        margin-left: 20%!important;
  }
  .container {
    width: 95%;}
  .column,
  .columns {
    margin-left: 4%; }
  .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.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
 font-family: poppins, sans-serif;
  color: #222;
    background-color: #ffffff; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1.9rem;
  font-weight: 300; }
h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 300; }
h3 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 300; }
h1 {font-size: 2.5rem; line-height: 1.5;  letter-spacing: -.1rem; color: #1771af;}
h2 { font-size: 2.20rem; line-height: 1.20;font-style:italic; color:#1771af;}
h3 { font-size: 2.0rem; line-height: 1.3;  letter-spacing: -.1rem; color:#1771af;}
h4 { font-size: 1.75rem;  line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.5rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.0rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2.25rem;}
  h3 { font-size: 2.0rem; }
  h4 { font-size: 1.75rem; }
  h5 { font-size: 1.5rem; }
  h6 { font-size: 1.0rem; }
}

p {
  margin-top: 0; }
.proTag{
color:#1771af;
}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #523d2e;
    text-decoration: none;
	 }
a:hover {
	text-decoration:underline;}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  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;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.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; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside;
    margin-top: 0px!important; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 25px;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem;
font-size: 15px;}
ul article {
}
li article {
	margin-left:20px;
}
/* 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.2rem;
line-height: 20px;}


/* 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
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.justTxt{
  text-align: justify;
}
.txtCenter{
  text-align: center;
}
.fLeftImp{
	float:left!important;
}
.noLeftMargin{
  margin-left: 0!important;
}
main li {
    list-style-position: outside;
    margin-bottom: 5px;
}
main li a {
    background: none;
}
.blkTitle {
	color: black;
}
.indent{
	margin-left: 55px;
	font-size: 1.1em;
}
.proImg{
float: left;
    padding: 0 20px 20px 0;
}
.proImgR{
float: right;
    padding: 0 0 10px 0;
}
.proBtn {
    
	 float: none!important;
    clear: both;
	min-width: 300px;
    text-align: center;
    margin: 20px auto 20px auto;
}
.proBtn a {
    display: block;
    padding: 10px 20px;
	font-size: 16px;
    background: #928680;
    box-sizing: content-box;
	color:#ffffff;
	text-transform:uppercase;
}
.proBtn a:hover {
    background: #acb9bb;
	text-decoration: none;
}
.proBtnSpace {
	line-height: 48px;
	
}
.proBtnPurp {
    float: right;
}
.proBtnPurp a {
    display: block;
    padding: 5px 20px ;
	font-size: 16px;
    background: #78539d;
    box-sizing: content-box;
	color:#ffffff;
	text-transform:uppercase;
}
.proBtn2 {
    float: right;
padding: 15px 30px;
}
.proBtn2 a {
    display: block;
	padding: 15px 30px;
    border: solid 1px #282828;
    box-sizing: content-box;
	color:#282828;
	text-transform:uppercase;
}
.proBtn2 a:hover {
    background: #928680;
	text-decoration: none;
	color: white;
}
.proList{
list-style-image: url('../images/bullet.png');
	line-height: 18px;
}
.fRight{
	float:right;
}
.fLeft{
	float:left;
}
.regFont{
	font-size:16px;
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
header {
  background: #928680;
  height:auto;
}
.headerContainer{
  margin: 0 auto;
    width: 90%;
  max-width: 1076px;
}
.headerPhone {
    color: #523d2e;
  font-size: 20px;
  background-color: #feffff;
  position: relative;
  overflow: hidden;
}
.headerPhone p {
  text-align: right;
  margin:0;
	padding-bottom: 7px;
}
.headerPhone p:first-child {
  font-size: 24px;
}
.headerPhone p:last-child {
  font-size: 18px;
}
.headerPhone img {
  max-width: 60%;
}
.headerInfo{
  padding: 3% 0;
}
nav {
  margin: 0 auto;
  display: block;
  width: 100%;
  position: relative;
  z-index: 999;
  height: 50px;
}
/*Strip the ul of padding and list styling*/
.navigation {
  list-style-type: none;
  margin: 0 auto;
  display: block;
  position: relative;
    max-width: 1150px;
  height: 50px;
  text-align: center;
}

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

/*Style for menu links*/
.navigation li a {
  display: block;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff;
  text-decoration: none;
padding: 0 10px;
  font-size: 14px;
}
.navigation li:last-child a {
  padding-right: 0;
}
.navigation li:first-child a {
  padding-left: 0;
}

/*Hover state for top level links*/
.navigation li:hover a {
	transition:color .5s linear;
	  color: #614A3A;
}

/*Style for dropdown links*/
.navigation li:hover ul a {
background: rgba(146, 134, 128, 0.92);
  color: white;
  height: 40px;
  line-height: 40px;
}

/*Hover state for dropdown links*/
.navigation li:hover ul a:hover {
  color: #614A3A;
}

/*Hide dropdown links until they are needed*/
.navigation li ul {
  z-index: 999;
	  margin: 0;
	  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  transition: all 0.5s ease 0s, visibility 0s linear 0.5s; /* the last value is the transition-delay for visibility */
    position: absolute;
	margin-top: -2px;
	width: 17.5%;
	    padding: 0;
}

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

/*Prevent text wrapping*/
.navigation li ul li a {
  background: rgba(146, 134, 128, 0.92);
  color: white;
  height: 40px;
  line-height: 40px;
}

/*Display the dropdown on hover*/
.navigation li a:hover + .hidden, .hidden:hover {
  visibility: visible;
  opacity: 1;
  width: 17.5%;
  transition-delay: 0s;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #928680;
	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;
}
.navigation .hidden li a {
  padding: 0;
}
.headerImg{
 width: 90%;
 max-width: 1080px;
 margin: 0 auto;
 position: relative;
}
.headerImg img{
  margin: 0 auto;
     max-width: 1075px;
     position: relative;
     width: 100%;
    display: block;
}
.headerImgContainer{
  position: relative;
      background: #bcc6c8;
	margin-bottom: 25px;
}
.supportImg{
 margin: 0 0 0 25px;
    max-width: 463px;
    position: relative;
    top: 0px;
    width: 90%;
	float:right;
}
.leftImg{
 margin: 0 30px 0 0;
    position: relative;
	float:left;
}
.rightImg{
 margin: 0 0 0 30px;
    position: relative;
	float:right;
}
.grayBg {
	background: #eef0f1;
	margin: 0 0;
	padding: 50px 0!important;
	min-height: 380px;
	background-size: cover;
}
.btnsContainer{
  position: absolute;
  right: 10px;
  bottom: 20%;
	margin: 5px 0 5px 0;
}
.btnsContainer a img {
  display: block;
}
.btnsContainer a:last-child img {
	margin:0 0 0 0;
}
.mainContent{
}
aside img{
width: 100%;
}
.divider {
  width: 100%;
  margin: 20px 0;
}
.connectSpan{
  display: inline-block;
  height: 40px;
  vertical-align: bottom;
  width: 150px;
}
#contactus input[type=checkbox] {
  display: inline-block;
}
.gallery {
  width: 80%;
  margin: 0 auto;
  position: relative;
}
.cycle-slideshow {
  min-height: 780px;
}
.cycle-slideshow img {
  margin: 0 auto;
  width: 100%;
  margin-top: 60px;
}
.gallery__btn {
  color: white;
  background: #928680;
  padding: 10px 25px;
  margin: 0 20px;
}
.mainContent a {
  text-decoration: underline;
}
.center {
  text-align: center;
position: absolute;
top: 0;
width: 100%;
}
.radioTxt{
	display:inline-block;
}
#contactus p {
  margin: 10px 0;
}
#contactus input[type="text"], #contactus select {
  margin: 10px 0;
  width: 100%;
}
#BestWaytoContact, #service {
padding: 0;
  border: 1px solid #999;
  font-size: 0.8em;
}
.mainContent li { margin: 0; }
iframe{
height: 275px;
}
.formDiv {
  max-width: 85%;
  margin: 0 auto;
  text-align: center;
}
.formDiv img {
  margin: 0 10px 0 0;
  width: 18%;
}
.formDiv a:last-child img {
	margin-right:0;
}
.faqIndent{
  padding-left: 20px;
    display: block;
}
.answerA{
  width: 20px;
    display: inline-block;
    vertical-align: top;
}
.answerTxt{
  display: inline-block;
    width: 90%;
    vertical-align: top;
}
.noBullet{
  list-style: none;
  margin-bottom: 0;
}
.bulletMargin{
  margin-bottom: 15px;
}
#scheduleApp{
  width: 100%;
    border: none;
    height: 750px;
}
footer {
  background: #ffffff;
	margin: 0 0;
padding: 50px 0 !important;
min-height: 20px;
background-size: cover;
}
footer h1{
	margin-bottom: 50px;
}
footer h3{
	color:white;
}
footer p{
	color:#928680;
	text-align:center;
	font-size: 18px;
	line-height: 22px;
}
footer a{
	color:#928680;
	
}
.copyright{
	background:#928680;
}
.copyright p{
	margin:0;
	text-align:center;
	  color: white;
	font-size: 12px;
}
.copyright p a{
	  color: white;
	font-size: 12px;
}

.testName{
	font-size: 18px;
}
.social{
position:relative;
}
.social:nth-of-type(2){
  margin-left: 50px;
}
.socialLink {
  height: 50px;
  display: block;
  float: left;
}
.hover, .socialLink:hover .link {
  visibility: hidden;
  opacity: 0;
  transition: all 0.75s ease 0s, visibility 0s linear 0.5s;
  left: 0;
  position: absolute;
}

.link, .socialLink:hover .hover {
 visibility: visible;
 position:absolute;
 opacity: 1;
 transition-delay: 0s;
}
/* 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 (max-width :1129px){

	.hidden.sub {
    margin: 0 auto;
    left: 0;
}
	.formDiv {
  width: 90%;
  margin: 0 auto;
  max-width: 520px;
	}
	.formDiv img {
  margin: 0;
  width: 49%;
}
	.headerPhone img {
  margin: 0 auto;
  display: block;
  float: none;
}
.headerInfo {
  width: 100%!important;
}
.headerPhone p {
  text-align: center;
}
.appBtn {
    margin: 5px auto!important;
    display: block!important;
}
	header {
  height: auto;
	}
	.headerImg {
  top: 0;
	}
	.btnsContainer {
height: 40%;
  right: 0;
  bottom: 0;
  width: 40%;
}
.btnsContainer a img {
  display: block;
  width: 74%;
  margin: 0 auto;
  max-width: 245px;
}
.btnsContainer a:last-child img {
  margin: 0 auto;
}
	nav {
  position: relative;
	}
	/*Make dropdown links appear inline*/
	.navigation {
		position: static;
		display: none;
		    padding: 0;
	}
	/*Create vertical spacing*/
	.navigation li {
		margin-bottom: 1px;
		  display: block;
  margin-right: 1px;
	}
	.navigation li a {
  padding: 0;
	}
	.navigation li:last-child a {
  padding: 0;
}
	/*Make all menu links full width*/
	.navigation li, li a {
		width: 100%;
		  background: #928680;
	}
	.navigation li ul{
	width:100%;
	padding: 0;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	.navigation li a:hover + .hidden, .hidden:hover {
  position: relative;
    width: 100%;
	}
	.contactImg{
	width:100%;
}
}

@media screen and (min-width : 1030px) and (max-width : 1210px){

.navigation {
max-width: 1100px;
}
	.navigation li a {
  padding: 0 9px;
	}
}
input[type="text"]#du6axAQu { display: none; }
.memberFormDiv{
float: right;
	padding: 90px 0 90px 45px;
}
.memberForm{
float: right;
    text-align: center;
    background-image: url(../images/form-background-image.png);
    background-repeat: no-repeat;
    background-size: cover;
padding: 80px 12px;
    margin-bottom: 20px;
    border: solid 1px black;
}
.formBtn{
    float: none!important;
    clear: both;
	max-width: 288px;
    text-align: center;
    margin: 0px auto 10px auto;
}
.formBtn2{
    font-size: 16px;
	font-style: normal;
	font-weight: bold;
	float: none!important;
    clear: both;
	max-width: 288px;
    text-align: center;
    margin: 0px auto 10px auto;
}
.homeFormDiv{
float: right!important;
	padding: 2px 0px 2px 45px;
}
.videoDiv{
vertical-align: middle;
	padding-top: 100px;
}
.servicesDiv{
float: left;
	padding: 100px 10px 0 90px;
}

.logoBox {
    width: 39%;
    display: inline-block;
    vertical-align: middle;
}
.appBtn{
  text-align: center;
  background: #539d9a;
  margin: 0 0 0 70px;
      padding: 10px;
}
.appBtn a {
    color: white;
    display: block;
}
.headerBox, .contactBox{
      width: 60%;
      display: inline-block;
      vertical-align: middle;
}
@media screen and (max-width: 1029px){
  .headerContainer
   div, .headerContainer
   img {
    margin: 0 auto;
    width: 90%;
    max-width: 1076px;
}
	.proBtn2 a {
    padding: 10px 15px;
		font-size: .7em;
}

}
@media screen and (max-width: 650px){

	.proBtn2 a {
    padding: 5px 5px;
		font-size: .5em;
}
}