/* line 9, ../sass/_layout.sass */
.center-container.large {
  max-width: 1200px;
}

/* line 12, ../sass/_layout.sass */
.col-container {
  overflow: hidden;
}

/* line 15, ../sass/_layout.sass */
.col-2 {
  width: 50%;
}

/* line 18, ../sass/_layout.sass */
.col-3 {
  width: 33.33333%;
}

/* line 21, ../sass/_layout.sass */
.col-2, .col-3 {
  float: left;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  /* line 158, ../sass/quotle.sass */
  .section .section-text {
    display: none;
  }
}
/* line 165, ../sass/quotle.sass */
.section.light-blue {
  background: #517ba1;
}
/* line 168, ../sass/quotle.sass */
.section.red {
  background: #f08f7c;
}
/* line 171, ../sass/quotle.sass */
.section.white {
  background: #fff;
  color: #1c2a37;
}
/* line 175, ../sass/quotle.sass */
.section .section-image {
  position: absolute;
  bottom: 0;
  padding-top: 40px;
  line-height: 10px;
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 600px) {
  /* line 175, ../sass/quotle.sass */
  .section .section-image {
    position: static;
    text-align: center;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 188, ../sass/quotle.sass */
.section .section-image.with-background {
  background: url("../img/sections/section_1_background.png") 70px 0 no-repeat;
}
/* line 191, ../sass/quotle.sass */
.section .section-image.come-in {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 194, ../sass/quotle.sass */
.section .section-image .section-img {
  display: inline-block;
}
/* line 199, ../sass/quotle.sass */
.section.contents-left .section-image {
  left: 50%;
  right: 0;
  padding-left: 80px;
  text-align: left;
}
@media (max-width: 600px) {
  /* line 199, ../sass/quotle.sass */
  .section.contents-left .section-image {
    padding-left: 0;
    text-align: center;
  }
}
/* line 211, ../sass/quotle.sass */
.section.contents-right .section-contents {
  margin-left: 50%;
}
@media (max-width: 600px) {
  /* line 211, ../sass/quotle.sass */
  .section.contents-right .section-contents {
    margin-left: 0;
    text-align: center;
  }
}
/* line 218, ../sass/quotle.sass */
.section.contents-right .section-image {
  left: 0;
  right: 50%;
  padding-right: 80px;
  text-align: right;
}
@media (max-width: 600px) {
  /* line 218, ../sass/quotle.sass */
  .section.contents-right .section-image {
    padding-right: 0;
    text-align: center;
  }
}

/* SECTION DOWNLOAD */
/* line 230, ../sass/quotle.sass */
.section-download {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: #e3dfd9;
  padding: 10px 0;
  box-sizing: border-box;
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 600px) {
  /* line 230, ../sass/quotle.sass */
  .section-download {
    height: auto;
  }
}
/* line 245, ../sass/quotle.sass */
.section-download.visible {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* line 248, ../sass/quotle.sass */
.section-download .download-label {
  float: left;
  font-size: 24px;
  line-height: 80px;
  color: #1c2a37;
}
@media (max-width: 600px) {
  /* line 248, ../sass/quotle.sass */
  .section-download .download-label {
    display: none;
  }
}
/* line 257, ../sass/quotle.sass */
.section-download .download-action {
  float: right;
}
/* line 260, ../sass/quotle.sass */
.section-download .download-action .btn-appstore {
  display: block;
  text-align: center;
}
@media (max-width: 1024px) {
  /* line 257, ../sass/quotle.sass */
  .section-download .download-action {
    float: none;
    text-align: center;
    line-height: 10px;
  }
}

/* SECTION ABOUT US */
/* line 271, ../sass/quotle.sass */
.section-about-us {
  padding: 140px 0 40px;
}
/* line 274, ../sass/quotle.sass */
.section-about-us .user-presentation {
  padding-top: 40px;
}
/* line 277, ../sass/quotle.sass */
.section-about-us .user-presentation:first-child {
  padding-right: 50px;
}
@media (max-width: 600px) {
  /* line 277, ../sass/quotle.sass */
  .section-about-us .user-presentation:first-child {
    padding-right: 0;
  }
}
/* line 283, ../sass/quotle.sass */
.section-about-us .user-presentation:last-child {
  padding-left: 50px;
}
@media (max-width: 600px) {
  /* line 283, ../sass/quotle.sass */
  .section-about-us .user-presentation:last-child {
    padding-left: 0;
  }
}
/* line 289, ../sass/quotle.sass */
.section-about-us .user-presentation:nth-child(2) {
  padding-left: 25px;
  padding-right: 25px;
}
@media (max-width: 600px) {
  /* line 289, ../sass/quotle.sass */
  .section-about-us .user-presentation:nth-child(2) {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 299, ../sass/quotle.sass */
.section-about-us .user-image, .section-about-us .user-name, .section-about-us .user-desc, .section-about-us .user-role, .section-about-us .user-contacts-list {
  text-align: center;
  margin: 20px 0;
}
/* line 303, ../sass/quotle.sass */
.section-about-us .user-name {
  font-weight: bold;
  font-size: 22px;
}
/* line 306, ../sass/quotle.sass */
.section-about-us .user-role {
  font-size: 18px;
}
/* line 309, ../sass/quotle.sass */
.section-about-us .user-desc {
  font-size: 18px;
}
/* line 312, ../sass/quotle.sass */
.section-about-us .user-contacts-item {
  display: inline-block;
  margin-left: 1px;
}
/* line 316, ../sass/quotle.sass */
.section-about-us .user-contacts-item:after {
  display: inline-block;
  content: "-";
  margin-left: 1px;
}
/* line 322, ../sass/quotle.sass */
.section-about-us .user-contacts-item:last-child:after {
  display: none;
}
/* line 325, ../sass/quotle.sass */
.section-about-us .user-contacts-link {
  color: #517ba1;
  font-size: 18px;
}

/* SECTION PRESS */
/* line 331, ../sass/quotle.sass */
.press-article {
  text-align: center;
  margin-top: 20px;
}

/* line 335, ../sass/quotle.sass */
.article-text, .download-item {
  text-align: center;
  margin: 20px 0;
}

@keyframes come-in {
  to {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}