/* Basic Styles
================================================== */
body {
	color: #58595b;
	background: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.icon {
  background-color: #fe5652;
  margin-top: 40px;
  padding: 100px;
  color: #fff;

}

hr {
  border: 1px solid #4a7089;
  margin-right: 20px;
}

/* Typography
================================================== */
h1 {
  padding: 30px 0;
}

h1, h2, h3, h4 {
  color:#06234b;
  text-transform: uppercase;
  font-family: "utopia-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;

}

h2 {
  margin: 40px 0;
}


h3 {
  padding-top: 40px;
}

p {
  font-family: "nimbus-sans", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a {
  color: #527d98;
}

a:hover {
  color: #666666;
}

.tk-utopia-std a {
  color: #527d98;
}

.copyright {
    font-family: "nimbus-sans", "Helvetica", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
}

.copyright {
    font-family: "nimbus-sans", "Helvetica", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
}

.copyright_mobile {
    display: none;
}

/* Navigation
================================================== */

.logo {
  margin: 30px 0 20px 0;
}

.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25rem 0 1.125rem;
  padding-top: 0.25rem;
  margin-right: 0;
  margin-left: -0.75rem; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    float: left;
    display: inline;
    margin-left: 1rem;
    margin-bottom: 0.625rem;
    font-family: "utopia-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    color: #527d98; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      text-decoration: none;
      text-transform: uppercase;
      color: #527d98;
      padding: 0.1875rem 1rem; }
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #58595b; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-radius: 3px;
      font-weight: normal;
      background: transparent;
      padding: 0.1875rem 1rem;
      cursor: default;
      color: #06234b; }
      .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background: transparent; }

/* Content
================================================== */
/* --- Header --- */
header {
  background: #fff url(../img/BG_mainphoto.png) center 5px no-repeat;
  margin: 0px 0 40px 0;
}


/* --- Main --- */
.about {
	background: #EDECEC url(../img/Off-White-Texture-About-Section.png) repeat;
	padding: 100px 0;
}

.about img {
  margin-top: 0px;
  padding-top: 20px;
}

.whyus {
  background: #CDCDCD url(../img/Gray-Texture_Why-Us-Section.png) repeat;
  padding: 100px 0;
}

.whyus img {
  margin-top: 40px;
}

/* --- Footer --- */

.footer-topper {
  background-color: #fff;
  height: 15px;
}

footer {
  background: #577C97 url(../img/bg_footer.png) right 0 no-repeat;
  color: #fff;
  padding: 100px 0 600px 0;
}

footer p {
  font-weight: normal;
  letter-spacing: 0.096em;
  font-size: 14px;
}

footer h3 {
  color: #fff;
}

footer a {
  color: #fff;
  text-decoration: underline;
}

footer a:hover {
  color: #ccc;
}

/* === Devices with max width at 1144px ========================================== */
@media only screen and (max-width: 1144px) {


}

/* === Devices with max width at 1024px ========================================== */
@media only screen and (max-width: 1024px) {


}
/* === Devices with max width at 900px ========================================== */
@media only screen and (max-width: 900px) {


}

/* === Devices with max width at 767px ========================================== */
@media only screen and (max-width: 767px) {


}

/* === Devices with max width at 640px ========================================== */
@media only screen and (max-width: 640px) {

hr {
  border: 1px solid #4a7089;
  margin-right: 0px;
}

.logo {
  margin: 10px 0;
}

h3 {
  padding-top: 10px;
}

/* Navigation
================================================== */
.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25rem 0 1.125rem;
  padding-top: 0.25rem;
  margin-right: 0;
  margin-left: -0.75rem; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    float: left;
    display: inline;
    margin-left: 0.2rem;}

/* Content
================================================== */
/* --- Header --- */
header {
  background: #fff url(../img/BG_mainphoto_mobile.png) center 5px no-repeat;
  margin: 0px 0 20px 0;
}

.copyright {
    display: none;
}

.copyright_mobile {
  display: inline-block;
    font-family: "nimbus-sans", "Helvetica", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
}

/* --- Main --- */
.about {
  background: #EDECEC url(../img/Off-White-Texture-About-Section.png) repeat;
  padding: 50px 0;
}

.about img {
  margin-top: 0px;
  padding-top: 20px;
}

.whyus {
  background: #CDCDCD url(../img/Gray-Texture_Why-Us-Section.png) repeat;
  padding: 50px 0;
}

.whyus img {
  margin-top: 40px;
}

/* --- Footer --- */

.footer-topper {
  background-color: #fff;
  height: 15px;
}

footer {
  background-color: #577C97;
  color: #fff;
  padding: 50px 0 600px 0;
}

footer p {
  font-weight: normal;
  letter-spacing: 0.096em;
  font-size: 14px;
}

footer h3 {
  color: #fff;
}


}
/* === Devices with max width at 480px ========================================== */
@media only screen and (max-width: 480px) {
/* Navigation
================================================== */
.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -0.25rem 0 0.125em;
  padding-top: 0.25rem;
  margin-right: 0;
  margin-left: -0.75rem; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    float: left;
    display: inline;
    margin-left: 0.1em;
    margin-bottom: 0.625rem;
    font-family: "utopia-std", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    color: #527d98; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      text-decoration: none;
      text-transform: uppercase;
      color: #527d98;
      padding: 0.1875rem 0.5em; }
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #58595b; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-radius: 3px;
      font-weight: normal;
      background: transparent;
      padding: 0.1875rem 0.5em;
      cursor: default;
      color: #06234b; }
      .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background: transparent; }

}