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

.social {text-align: center;margin-bottom:10px;margin-top:-22px;}
.headbar {display: none;}
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 100%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 100%; }
  .section {max-width: 960px;margin:0 auto;padding:0 20px;}
  .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%; }
  #section1 .one-half.column       { width: 46%; }


  .social {text-align: right}

  /* 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.3em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.7;
  font-weight: 400;
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
  color: #8e857b; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 700;
  color: #696158; }
h1 { font-size: 3.0rem; line-height: 1.25;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: 0.2rem; }
h3 { font-size: 2.0rem; line-height: 1.3;  letter-spacing: .08rem; }
h4 { font-size: 1.2rem; line-height: 1.35; letter-spacing: .28rem; }
h5 { font-size: 1.3rem; line-height: 1.5;  letter-spacing: 0.1rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

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

p {
  margin-top: 0;
  text-align: justify;}
ap:after, {
	content: "";
	display: inline-block;
	width: 100%;
}

h1, h2 {font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
h3, h4, h5, h6 {font-family: 'Open Sans Condensed', sans-serif;}

h3 {margin:40px 0;}
h4 {color: #8f796e;margin-top:20px;} /* margin-top:0px;*/
h5 {color:#fff;width: 166px;text-align: center;padding:10px 3px;border-radius: 5px;}
h5.left, h5.center {margin:2.5rem auto}


.small p {font-size: 72%;letter-spacing: -0.02rem;text-align: center}
.topcontact p {text-align: center;}

#section1 h1 {color: #fff;font-weight: normal;letter-spacing: 0.3rem;background: #9bbda9;}
#section1 h1 strong {color: #696158}

.center {text-align: center;margin:0 auto;display: block;}
ul.center {list-style: disc outside;padding-left:1.5rem;}
ul.center li {text-align: left;}

.logo {margin:0px auto 25px auto;}
.logo img {max-width:90%;height: auto}

.headbar {background: #9bbda9;width: 100%;height:54px;margin-bottom: -54px}
.turq {background: #9bbda9;}
.brown {background: #696158;}
.cream {background: #d3cec9;}
.photo {position:relative;right:0px;top:0px;float:none;margin-bottom: 10px;}
.photo img {display: block;margin: 0 auto}

.desktop {display: none;}
.mobile {display: block;}

#section1 h1 {text-align: center}
#section1 h1.right {text-align: center}
#section1 ul.big {margin: 0 0 -1rem 1.2rem;
  font-size: 140%;font-weight: bold;text-transform: uppercase;letter-spacing: 0.15rem;line-height: 160%;text-align: left;}
#section1 ul.big li a {text-decoration: none;}
#section1 ul {margin: -2.5rem 0 2.5rem 1.2rem;
  font-size: 100%;}
#section1 ul li {margin-bottom: 0.2rem}

.divider {border-left:none;padding-left: 4%}

#section1 .divider-v {width:4%;margin:54px 0 0 0;display: block;padding:30.5% 0;float: left;border-right:1px dotted #9c9997;display:none;}
.divider-h {max-width:960px;width:100%;margin:0rem auto 0rem;display: block;height:0px;border-bottom:1px dotted #9c9997;display:none;}
.divider-v {width:3.5%;margin:0;display: block;border-right:1px dotted #9c9997;float:left;display:none;}
.space-b {padding-bottom:6rem;}

.divy {width: 100% !important;}
ul.left {text-align: left;}
ul.right {text-align: left;}

.ind-tax {width:100%;}
.narrow {padding:0 10px;}

#section4 {margin-top:6rem;color:#fff;padding:2rem 0 6rem}
#section4 h2 {text-align: center;color:#9bbeaa;padding: 3.5rem 0;}
#section4 h5 {color:#696158;margin:0 auto 2.5rem auto;}
#section4 .narrow {padding:0;}
#section4 .column {width:100%;}
#section4 a {color: #fff;text-decoration: none;}
#section4 a:hover {color: #fff;text-decoration: underline;}
#section4 ul {list-style: none outside;letter-spacing: 0.1rem;line-height: 2.8rem;}
#section4 li.icon {background-image: url(../images/icons.png);background-repeat: no-repeat;background-position: 0 0;text-indent:35px;}
#section4 li.home {background-position: 0px -26px}
#section4 li.mail {background-position: 0px -50px}
#section4 li.web {background-position: 0px -76px}
#section4 li.skype {background-position: 0px -104px}

#contact-form .alert {color: #9bbeaa;}

#section5 p {color: #fff;font-weight: bold;text-align: center;padding: 50px 0;margin-bottom: 0;}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #8e857b; }
a:hover {
  color: #696158; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 24px;
  padding: 0 50px;
  color: #696158;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #9bbda9;
  border-radius: 12px;
  border: 1px solid #9bbda9;
  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: #696158;
  background-color: #aed1bc;
  border-color: #aed1bc;
  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: 24px;
  padding: 3px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  font-size: 90%;
  color: #696158;
  background-color: #fff;
  float:left;
  border: 1px solid #D1D1D1;
  border-radius: 0px;
  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: 85px;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 65%; }
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;
  float:left;
  width:35%;
  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; }
.form-group {display:block;width: 100%;clear: both;}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: disc outside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 2.5rem; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 0rem; }



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


/* 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) {
	.logo {margin:0px auto 38px auto;}
	.headbar {display: block;}
  .divy {width: 46% !important;}
	#section1 h1 {text-align: left;padding:0;}
	.divider {border-left:1px dotted #9c9997;padding-left: 4%}
	#section1 .divider-v {display:block;}
	.divider-h {display:block;}
	.divider-v {display:block;}
	.ind-tax {width:46% !important;}
	.ind-taxb {width:46% !important;float:right;}
  #section1 h1.right {text-align: right}
  #section1 ul.big {text-align: right;}
  h4 {margin-top:-25px;}
  h5.left {margin:2.5rem 0;}
  h5.center {margin:2.5rem auto;}
	ul.center {list-style: disc inside;}
	ul.center li {text-align: center;}
  textarea {width:50%;}
	#section5 ul li {text-align: center}
  .social {margin-top:0px;}
  ul.right {text-align: right;}
}

/* Larger than tablet */
@media (min-width: 750px) {
  #section4 .narrow {padding:0 50px;}
  #section4 .column, #section4 .columns {width:46%;margin-left:0;}
  #section4 h5 {margin:0 0 2.5rem;}
  textarea {width:65%;}
  
}
	
/* Larger than desktop */
@media (min-width: 1000px) {
	
	.photo {position:relative;right:0px;top:-10px;float:right;margin-bottom: 0px;}
	.small p {font-size: 72%;letter-spacing: -0.02rem;text-align: left}
	.topcontact p {text-align: left;}
	.desktop {display: block;}
	.mobile {display: none;}


}

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