/***************************/
/* DMA - TradeGothic Font
/***************************/
@font-face {
  font-family: 'TradeGothic';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/29C921_0_0.eot');
  src: url('../fonts/29C921_0_0.eot?#iefix') format("embedded-opentype"),
       url('../fonts/29C921_0_0.woff') format("woff"),
       url('../fonts/29C921_0_0.ttf') format("truetype");
}

@font-face {
  font-family: 'TradeGothic';
  font-weight: bold;
  font-style: normal;
  src: url('../fonts/29C921_1_0.eot');
  src: url('../fonts/29C921_1_0.eot?#iefix') format("embedded-opentype"),
       url('../fonts/29C921_1_0.woff') format("woff"),
       url('../fonts/29C921_1_0.ttf') format("truetype");
}

@font-face {
  font-family: 'TradeGothicLT-Light';
  src: url('../fonts/29C921_2_0.eot');
  src: url('../fonts/29C921_2_0.eot?#iefix') format("embedded-opentype"),
       url('../fonts/29C921_2_0.woff') format("woff"),
       url('../fonts/29C921_2_0.ttf') format("truetype");
}

@font-face {
  font-family: 'TradeGothic';
  font-weight: normal;
  font-style: italic;
  src: url('../fonts/29C921_3_0.eot');
  src: url('../fonts/29C921_3_0.eot?#iefix') format("embedded-opentype"),
       url('../fonts/29C921_3_0.woff') format("woff"),
       url('../fonts/29C921_3_0.ttf') format("truetype");
}

.img-circle { border-radius: 50%; width: 150px; height: 150px; }

input { border: 1px solid #a9a9a9; border-radius: 6px; padding: 20px 20px; box-sizing: border-box; }
input::-webkit-input-placeholder { color: #5e5e5e; font-size: 16px; }
input:-moz-placeholder { color: #5e5e5e; font-size: 16px; }
input:-ms-input-placeholder { color: #5e5e5e; font-size: 16px; }

button { background: #3d8480; color: white; text-align: center; border-radius: 4px; margin-top: 1rem; padding: 1.7rem;  border: none;}
button:hover { background: #5e5e5e; cursor: pointer; }

@media (min-width: 480px) { .right { text-align: center; float: none; } }
@media (max-width: 480px) { .right { text-align: center; float: none; } }
@media (min-width: 768px) { .right { text-align: right; float: right; } }
@media screen and (min-width: 1200px) { .right { text-align: right; float: right; } }

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media screen and (min-width: 1200px) { .container { max-width: 1070px; } }

.row:after { content: " "; display: table; clear: both; }
.row:before { display: table; clear: both; }
@media (min-width: 768px) { .row { margin-left: -15px; margin-right: -15px; } }
@media screen and (min-width: 1200px) { .row { margin-left: -15px; margin-right: -15px; } }

.half { padding-left: 15px; padding-right: 15px; float: left; }
@media (min-width: 480px) { .half { width: 100%; } }
@media (max-width: 480px) { .half { width: 100%; } }
@media (min-width: 768px) { .half { width: 50%; } }
@media screen and (min-width: 1200px) { .half { width: 50%; } }

.third { padding-left: 15px; padding-right: 15px; float: left; }
@media (min-width: 480px) { .third { width: 50%; } }
@media (max-width: 480px) { .third { width: 100%; text-align: center; } }
@media (min-width: 768px) { .third { width: 33.3%; } }
@media screen and (min-width: 1200px) { .third { width: 33.3%; } }

.header { margin-top: 1.5em;  position: relative; }
.header .information { display: inline-block; margin-top: 0.5em; }
.header .information h1 { color: #4da19b; margin: 0;}
.header .information p { margin: 0; }
.header .information .link:after { content: "|"; padding: 0 3px; }
.header .information .link:last-of-type:after { content: ""; padding: 0; }
.header .information .link:hover { color: #5e5e5e; }
@media (min-width: 480px) { .header .information { text-align: center; float: none; } }
@media (max-width: 480px) { .header .information { text-align: center; float: none; } }
@media (min-width: 768px) { .header .information { text-align: right; float: right; } }
@media screen and (min-width: 1200px) { .header .information { text-align: right; float: right; } }
@media (min-width: 480px) { .header { text-align: center; } }
@media (max-width: 480px) { .header { text-align: center; } }
@media (min-width: 768px) { .header { text-align: left; } }
@media screen and (min-width: 1200px) { .header { text-align: left; } }



.join { background: #f2f2f2; padding: 3.5em 0 0; }
.join .box { background: #e3f2ef; padding: 1.5em; border: 1px solid #e3f2ef; border-radius: 4px; text-align: center; color: #3d8480; box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);}
@media (min-width: 480px) { .join .third { width: 100%; text-align: center; } }
@media (min-width: 768px) { .join .third { width: 33.33%; } }
@media screen and (min-width: 1200px) { .join .third { width: 33.33%; } }
.join p, .join h1 { margin: 0; }
.join input { margin-top: 20px; background-image: url(../images/location_icon.png); background-repeat: no-repeat; }
.join button { width: 100%; border: none; }

.quality { text-align: center; margin: 5rem 0;}
.quality p { font-size: 16px; }

.choose { text-align: center; margin-top: 50px; }
.choose .box { background: #fafafa; text-align: left; padding: 30px; border-radius: 0 0 4px 4px;}
@media (min-width: 480px) { .choose .box { height: auto; } }
@media (max-width: 480px) { .choose .box { height: auto; } }
@media (min-width: 768px) { .choose .box { height: auto; } }
@media screen and (min-width: 1200px) { .choose .box { height: auto; } }
.choose label { font-size: 22px; }
.choose input { margin-top: 10px; }

.testimonials h1 { text-align: center; }
.testimonials .testimonial { margin-top: 1.5rem; display: block; }
.testimonials .testimonial .author { text-align: center; float: right; }
@media (min-width: 480px) { .testimonials .testimonial .author { width: 100%; } }
@media (max-width: 480px) { .testimonials .testimonial .author { width: 100%; } }
@media (min-width: 768px) { .testimonials .testimonial .author { width: 30%; } }
@media screen and (min-width: 1200px) { .testimonials .testimonial .author { width: 16.7%; } }
.testimonials .testimonial .text { float: right; text-align: right; font-style: italic; }
.testimonials .testimonial .text p:first-child { margin-top: 0;}
@media (min-width: 480px) { .testimonials .testimonial .text { width: 100%; } }
@media (max-width: 768px) { .testimonials .testimonial .text { width: 100%; text-align: center; padding: 1em; width: 50%; margin: 0 auto;} }
@media (min-width: 768px) { .testimonials .testimonial .text { width: 50%; } }
@media screen and (min-width: 1200px) { .testimonials .testimonial .text { width: 50%; } }
.testimonials .testimonial:nth-child(2n) .author { float: left; }
.testimonials .testimonial:nth-child(2n) .text { float: left; text-align: left; }
@media (max-width: 768px) { .testimonials .testimonial:nth-child(2n) .text { text-align: center; padding: 1em; width: 50%; margin: 0 auto;} }

/*# sourceMappingURL=style.css.map */