/*
* 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
- Media Queries
*/


/* My custom styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.contactus-center {
	display: block;
  text-align: center;
  width: 100%;
}
.contactus-center .contactus-page {
  display: block;
  text-align: left;
  margin: 0 auto;
  width: 75%;
}

@media(max-width:940px){
  .contactus-center .contactus-page {
    width: 100%;
  }
}
/*@media(max-width:480px){
  .contactus-center .contactus-page #contact-form {
    width: 85vw;
  }
}
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contactus-page .container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.contactus-page .column,
.contactus-page .columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

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

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

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

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

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

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

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

  .contactus-page .offset-by-one-half.column,
  .contactus-page .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: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;*/
  font-family: inherit;
  /*font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contactus-page h1, .contactus-page h2, .contactus-page h3, .contactus-page h4, .contactus-page h5, .contactus-page h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 500; }
.contactus-page h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
.contactus-page h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
.contactus-page h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
.contactus-page h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
.contactus-page h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
.contactus-page h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  .contactus-page h1 { font-size: 5.0rem; }
  .contactus-page h2 { font-size: 4.2rem; }
  .contactus-page h3 { font-size: 3.6rem; }
  .contactus-page h4 { font-size: 3.0rem; }
  .contactus-page h5 { font-size: 2.4rem; }
  .contactus-page h6 { font-size: 1.5rem; }
}

.contactus-page p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contactus-page a {
  color: #1EAEDB; }
.contactus-page a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contactus-page .button,
.contactus-page button,
.contactus-page input[type="submit"],
.contactus-page input[type="reset"],
.contactus-page 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; }
.contactus-page .button:hover,
.contactus-page button:hover,
.contactus-page input[type="submit"]:hover,
.contactus-page input[type="reset"]:hover,
.contactus-page input[type="button"]:hover,
.contactus-page .button:focus,
.contactus-page button:focus,
.contactus-page input[type="submit"]:focus,
.contactus-page input[type="reset"]:focus,
.contactus-page input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.contactus-page .button.button-primary,
.contactus-page button.button-primary,
.contactus-page input[type="submit"].button-primary,
.contactus-page input[type="reset"].button-primary,
.contactus-page input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.contactus-page .button.button-primary:hover,
.contactus-page button.button-primary:hover,
.contactus-page input[type="submit"].button-primary:hover,
.contactus-page input[type="reset"].button-primary:hover,
.contactus-page input[type="button"].button-primary:hover,
.contactus-page .button.button-primary:focus,
.contactus-page button.button-primary:focus,
.contactus-page input[type="submit"].button-primary:focus,
.contactus-page input[type="reset"].button-primary:focus,
.contactus-page input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contactus-page input[type="email"],
.contactus-page input[type="number"],
.contactus-page input[type="search"],
.contactus-page input[type="text"],
.contactus-page input[type="tel"],
.contactus-page input[type="url"],
.contactus-page input[type="password"],
.contactus-page textarea,
.contactus-page 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 */
.contactus-page input[type="email"],
.contactus-page input[type="number"],
.contactus-page input[type="search"],
.contactus-page input[type="text"],
.contactus-page input[type="tel"],
.contactus-page input[type="url"],
.contactus-page input[type="password"],
.contactus-page textarea,
.contactus-page select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
.contactus-page textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
.contactus-page input[type="email"]:focus,
.contactus-page input[type="number"]:focus,
.contactus-page input[type="search"]:focus,
.contactus-page input[type="text"]:focus,
.contactus-page input[type="tel"]:focus,
.contactus-page input[type="url"]:focus,
.contactus-page input[type="password"]:focus,
.contactus-page textarea:focus,
.contactus-page select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
.contactus-page label,
.contactus-page legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
.contactus-page fieldset {
  padding: 0;
  border-width: 0; }
.contactus-page input[type="checkbox"],
.contactus-page input[type="radio"] {
  display: inline; }
.contactus-page label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


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


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


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


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


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


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


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

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


/* 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.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}