/**
 * Profound Grid
 * 
 * Built in Sass (SCSS) this responsive/adaptive grid supports both fixed and fluid layouts, 
 * relative and fixed gutters, as well as your choice of semantic markup or generic '.grid-x' classes.
 * 
 * The biggest difference to other grid systems is the use of negative margins for column
 * placements, avoiding the subpixel rounding issues that usually break/uglify fluid layouts
 * in some browsers.
 * 
 * Nested columns are supported too, without having to reset the grid on each level. 
 *
 * Credits/Inspiration:
 * -------------------
 * Semantic Grid: http://www.semantic.gs
 * Susy: http://susy.oddbird.net
 * Negative Grid: http://chrisplaneta.com/freebies/negativegrid-fluid-css-grid-by-chris-planeta/
 *
 * @author Profound Creative Studio
 * @url http://www.profoundgrid.com
 * @url http://www.weareprofound.com 
 */
/**
 * Clearfix
 */
/**
 * Legacy Clearfix
 */
/**
 * Establish the grid-containing element.
 */
/**
 * Align an element to the grid.
 */
/**
 * Apply to any column to make it the last one of the current row.
 */
body {
  -webkit-overflow-scrolling: touch; }

.main {
  background: #FFFFFF; }
  .main .shell .article {
    position: relative; }

.main .shell .article .col-left .article-text {
  padding-right: 12px; }

.main .shell .article .col-left .article-text ul {
  margin-bottom: 20px;
  margin-top: -10px; }

.main .shell .article h1 {
  color: #8990b9; }

.main-2 {
  background: #C9CCDF; }

.main-2 .shell, .main-2 .article {
  background: transparent; }

.footer {
  position: relative;
  z-index: 1000; }

@media (min-width: 768px) {
  body {
    /*overflow-x: hidden;*/ }

  .main .shell .article {
    width: 100%;
    margin: 0 0%; }

  .col-left-2 {
    float: left;
    margin-right: -100%;
    width: 22.11%;
    background: #C9CCDF; }

  .col-right-2 {
    float: left;
    margin-right: -100%;
    width: 56.73%;
    margin-left: 34.62%;
    background: #C9CCDF; } }
@media (min-width: 992px) {
  .col-left {
    float: left;
    margin-right: -100%;
    width: 51%; }

  .col-right {
    float: left;
    margin-right: -100%;
    width: 49%;
    margin-left: 51%; } }
@media (min-width: 1200px) {
  .col-left {
    float: left;
    margin-right: -100%;
    width: 50%; }

  .col-right {
    float: left;
    margin-right: -100%;
    width: 50%;
    margin-left: 50%; } }
@media (min-width: 1300px) {
  .col-left {
    float: left;
    margin-right: -100%;
    width: 52%; }

  .col-right {
    float: left;
    margin-right: -100%;
    width: 48%;
    margin-left: 52%; } }
/* tour */
#slick {
  width: 100%;
  margin-top: 34px;
  text-align: center; }
  #slick img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 190px; }

.slider {
  background: transparent; }

.slick-slider {
  margin-bottom: 0; }

.slick-prev {
  left: 0; }

.slick-next {
  right: 0; }

.slick-prev, .slick-next {
  z-index: 1001; }
  .slick-prev:before, .slick-next:before {
    color: #666666; }
    .slick-prev:before:hover, .slick-next:before:hover {
      color: #2D2D2D; }

.slick-dots {
  bottom: -85px;
  margin-left: -20px; }

#sliders {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

#phone_wrapper {
  width: 250px; }

#phone_wrapper, #text_wrapper {
  position: relative;
  display: inline-block; }

#phone_image {
  width: 250px;
  position: absolute;
  left: calc((100% - 250px)/2);
  top: 0; }

#text_wrapper {
  text-align: center;
  vertical-align: top; }
  #text_wrapper h2 {
    background-color: #003466;
    color: white;
    padding: 2px 4px 4px 4px;
    border-radius: 6px;
    margin-bottom: 15px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600; }
  #text_wrapper h3 {
    line-height: 32px;
    font-size: 22px;
    font-weight: 400;
    color: #965094; }

@media (max-width: 359px) {
  #sliders {
    max-width: 250px;
    text-align: center; }

  #phone_wrapper, #text_wrapper {
    width: 100%; }

  #phone_image {
    width: 200px;
    position: absolute;
    left: calc((100% - 200px)/2);
    top: 0; }

  #slick {
    width: 100%;
    margin-top: 27px;
    text-align: center; }
    #slick img {
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 152px; }

  #text_wrapper {
    width: 250px;
    margin-top: 10px; }
    #text_wrapper h2 {
      margin-top: 30px; }
    #text_wrapper h3 {
      font-size: 20px;
      line-height: 22px; } }
@media (max-width: 449px) {
  #sliders {
    max-width: 300px; } }
@media (min-width: 360px) and (max-width: 449px) {
  .slick-prev, .slick-next {
    width: 30px;
    height: 30px; }
    .slick-prev:before, .slick-next:before {
      font-size: 30px; }

  .slick-next {
    left: 270px; } }
@media (min-width: 450px) and (max-width: 599px) {
  .slick-prev, .slick-next {
    width: 45px;
    height: 45px; }
    .slick-prev:before, .slick-next:before {
      font-size: 45px; }

  .slick-next {
    left: 345px; }

  #sliders {
    width: 400px; } }
@media (min-width: 360px) and (max-width: 599px) {
  #text_wrapper {
    margin-top: 20px;
    width: 300px;
    margin-left: auto;
    margin-right: auto; }
    #text_wrapper h2 {
      width: auto;
      display: inline-block;
      padding-left: 18px;
      padding-right: 18px;
      margin-top: 40px; } }
@media (min-width: 600px) {
  .slick-prev, .slick-next {
    width: 65px;
    height: 65px; }
    .slick-prev:before, .slick-next:before {
      font-size: 65px; } }
@media (min-width: 360px) and (max-width: 991px) {
  #sliders {
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: center; }

  #phone_wrapper, #text_wrapper {
    width: 100%; } }
@media (max-width: 599px) {
  #sliders {
    margin-bottom: 10px; } }
@media (min-width: 600px) and (max-width: 991px) {
  #sliders {
    margin-bottom: 30px; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .slick-next {
    left: 335px; }

  #sliders {
    width: 400px; }

  #phone_wrapper, #text_wrapper {
    width: 100%; }

  #text_wrapper {
    margin-top: 30px;
    width: 300px;
    margin-left: auto;
    margin-right: auto; }
    #text_wrapper h2 {
      width: auto;
      display: inline-block;
      padding-left: 18px;
      padding-right: 18px;
      margin-top: 40px; } }
@media (min-width: 600px) and (max-width: 991px) {
  .slick-next {
    left: 480px; }

  #sliders {
    width: 550px;
    text-align: left; }

  #phone_wrapper {
    width: 370px; }

  #text_wrapper {
    width: 125px;
    position: relative;
    display: inline-block;
    left: -48px;
    top: 170px; } }
@media (min-width: 1200px) {
  .slick-next {
    left: 480px; }

  #sliders {
    width: 550px;
    text-align: left; }

  #phone_wrapper {
    width: 370px; }

  #text_wrapper {
    width: 130px;
    position: relative;
    display: inline-block;
    left: -48px;
    top: 170px; } }

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