@font-face {
  font-family: 'Montserrat-Bold';
  src: url(../fonts/Montserrat-Bold.ttf); }

@font-face {
  font-family: 'Roboto-Bold';
  src: url(../fonts/Roboto-Bold.ttf); }

@font-face {
  font-family: 'Roboto-Regular';
  src: url(../fonts/Roboto-Regular.ttf); }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  color: #51616b;
  font-size: 14px; }
  body.modal-open {
    padding-right: 0 !important; }
    body.modal-open .modal {
      padding-right: 0 !important; }

img {
  width: 100%; }

main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 81px; }
  @media screen and (max-width: 767px) {
    main {
      padding-top: 61px; } }

button:focus, button:active, .btn:focus, .btn:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none; }

a {
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s; }

p {
  margin: 0; }

.btn {
  border-radius: 0;
  -webkit-transition: .3s;
  transition: .3s; }

.btn-pink {
  background: #ec3460;
  border: 2px solid #ec3460;
  color: #fff;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  min-height: 50px;
  min-width: 256px;
  line-height: 2.1; }
  .btn-pink:hover {
    background: #fff;
    color: #ec3460; }

.btn-close-pink {
  min-width: 180px;
  margin: 0 auto; }

section {
  padding: 100px 0; }

form {
  padding: 50px 0;
  background: rgba(255, 255, 255, 0.65);
  border: 2px solid #e2ecf3;
  -webkit-box-shadow: 0 0 15px rgba(0, 48, 132, 0.2);
          box-shadow: 0 0 15px rgba(0, 48, 132, 0.2); }
  form p {
    margin: 0;
    padding-bottom: 20px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    text-align: center; }
    @media screen and (max-width: 575px) {
      form p {
        font-size: 18px; } }
  form .form-input {
    padding-bottom: 25px; }
    form .form-input input {
      border: 2px solid #e2ecf3;
      min-height: 50px;
      -webkit-transition: .3s;
      transition: .3s; }
      form .form-input input::-webkit-input-placeholder {
        color: #879faf;
        font-size: 14px;
        -webkit-transition: .3s;
        transition: .3s; }
      form .form-input input:-ms-input-placeholder {
        color: #879faf;
        font-size: 14px;
        -webkit-transition: .3s;
        transition: .3s; }
      form .form-input input::-ms-input-placeholder {
        color: #879faf;
        font-size: 14px;
        -webkit-transition: .3s;
        transition: .3s; }
      form .form-input input::placeholder {
        color: #879faf;
        font-size: 14px;
        -webkit-transition: .3s;
        transition: .3s; }
      form .form-input input:focus {
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-color: #9ec5dc; }
        form .form-input input:focus::-webkit-input-placeholder {
          font-size: 0; }
        form .form-input input:focus:-ms-input-placeholder {
          font-size: 0; }
        form .form-input input:focus::-ms-input-placeholder {
          font-size: 0; }
        form .form-input input:focus::placeholder {
          font-size: 0; }
      form .form-input input:active {
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none; }

h4.caption {
  position: relative;
  color: #1076ab;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding-bottom: 50px;
  text-align: center; }
  h4.caption:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: auto;
    height: 2px;
    width: 50px;
    background: #ec3a65; }

.icon-gradient {
  text-align: center; }
  .icon-gradient img {
    height: 65px;
    width: auto; }

.cap-advan {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  text-align: center; }

.modal-message .modal-content,
.modal-message .modal-header,
.modal-message .modal-footer {
  border: none; }

.modal-message .modal-content {
  border-radius: 0;
  border: 2px solid #e2ecf3; }
  .modal-message .modal-content p {
    font-size: 18px; }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #fff;
  -webkit-box-shadow: 0 0 15px rgba(0, 48, 132, 0.2);
          box-shadow: 0 0 15px rgba(0, 48, 132, 0.2); }
  @media screen and (max-width: 767px) {
    header .navbar-brand img {
      height: 35px; } }
  header .bars-btn i {
    color: #ec3460;
    font-size: 30px; }
  @media screen and (max-width: 991px) {
    header .navbar-mobile {
      padding-top: .5rem; } }
  @media screen and (max-width: 991px) {
    header .navbar-mobile .navbar-nav {
      padding-top: .5rem;
      border-top: 1px solid #e2ecf3; } }
  header .nav-item {
    text-align: center; }
    header .nav-item .nav-link {
      text-transform: uppercase;
      color: #51616b;
      font-size: 14px; }
      header .nav-item .nav-link:hover, header .nav-item .nav-link:active {
        color: #ec3460; }

#top-menu .nav-item.active a {
  color: #ec3460; }

footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 15px 0;
  background: #7436bb;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#7436bb), to(#5f3569));
  background: linear-gradient(to right, #7436bb 0%, #5f3569 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7436bb', endColorstr='#5f3569',GradientType=1 );
  /* IE6-9 */ }
  @media screen and (min-width: 768px) {
    footer {
      padding: 30px 0; } }
  footer .copyright {
    text-transform: uppercase;
    color: #fff; }
  footer .social {
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 767px) {
      footer .social {
        padding-top: 10px; } }
    footer .social li {
      display: inline-block;
      padding: 0 15px; }
      @media screen and (min-width: 768px) {
        footer .social li:last-child {
          padding-right: 0; } }
      footer .social li a {
        font-size: 16px;
        color: #fff; }
        footer .social li a:hover, footer .social li a:active {
          color: #ec3460; }

section.app-screen {
  /*height: calc(100vh - 81px);
	max-height: calc(100vh - 81px);
	height: 100%;*/
  padding: 175px 0;
  background-image: url(../img/bg-cat.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 50%;
  /* right and center */
  /*.text-app {
		color: #523855;
		font-weight: 700;
		font-family: 'Montserrat', sans-serif;
		margin-bottom: 35px;

		@media screen and (max-width: 575px) {
			margin-bottom: 0;
		}

		p {
			font-size: 40px;
			margin: 0;
			padding-bottom: 10px;

			@media screen and (max-width: 767px) {
				font-size: 30px;
			}
		}

		span {
			font-size: 18px;

			@media screen and (max-width: 767px) {
				font-size: 16px;
			}
		}
	}*/ }
  @media screen and (max-width: 991px) {
    section.app-screen {
      padding: 50px 0;
      background-position: 77% 50%;
      text-align: center; } }
  section.app-screen .name-app {
    color: #1076ab;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif; }
    section.app-screen .name-app span {
      font-size: 18px; }
      @media screen and (max-width: 767px) {
        section.app-screen .name-app span {
          font-size: 16px; } }
    section.app-screen .name-app h1 {
      font-size: 100px;
      padding-bottom: 30px;
      margin: 0;
      position: relative; }
      @media screen and (max-width: 767px) {
        section.app-screen .name-app h1 {
          font-size: 60px; } }
      section.app-screen .name-app h1:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 30px;
        height: 2px;
        width: 100px;
        background: #ec3a65; }
        @media screen and (max-width: 991px) {
          section.app-screen .name-app h1:after {
            right: 0;
            margin: auto; } }

@media screen and (max-width: 767px) {
  .plus-block:not(:last-child) {
    padding-bottom: 50px; } }

.plus-block .plus-img {
  height: 155px;
  margin-bottom: 20px;
  text-align: center; }
  .plus-block .plus-img img {
    width: auto; }

.plus-block p {
  font-size: 21px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  text-align: center; }
  @media screen and (max-width: 991px) {
    .plus-block p {
      font-size: 18px; } }

.about-app {
  background-image: url(../img/bg-dog.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 50%;
  /* right and center */ }
  @media screen and (max-width: 991px) {
    .about-app {
      background-position: 65% 50%; } }
  @media screen and (max-width: 767px) {
    .about-app {
      text-align: center;
      background-position: 0 100%; } }
  @media screen and (min-width: 768px) {
    .about-app h4.caption:after {
      margin-left: 0; } }
  .about-app h5 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 15px;
    margin: 0; }
    @media screen and (max-width: 575px) {
      .about-app h5 {
        font-size: 18px; } }
  .about-app p {
    padding-bottom: 20px;
    margin: 0; }
  .about-app span {
    display: block;
    padding-bottom: 30px;
    color: #1076ab;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif; }
    @media screen and (max-width: 575px) {
      .about-app span {
        font-size: 24px; } }

section.become {
  background-image: url(../img/bg-become.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px 0; }
  section.become p {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: 0; }
    @media screen and (max-width: 767px) {
      section.become p {
        font-size: 24px; } }

.advantage {
  min-height: 242px;
  background: #fff;
  border: 2px solid #e2ecf3;
  -webkit-box-shadow: 0 0 15px rgba(0, 48, 132, 0.1);
          box-shadow: 0 0 15px rgba(0, 48, 132, 0.1);
  padding: 30px 20px; }
  .advantage .icon-gradient {
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 30px; }
    .advantage .icon-gradient:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      height: 1px;
      width: 100px;
      background: #6739b6;
      margin: 0 auto; }

.reviews {
  background-image: url(../img/bg-review.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .reviews .review-wrap {
    max-width: 770px;
    margin: 0 auto; }
    .reviews .review-wrap .carousel-inner {
      padding-bottom: 30px;
      min-height: 162px; }
    .reviews .review-wrap .circle {
      margin: 0;
      bottom: 0; }
      .reviews .review-wrap .circle li {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #eb91a9;
        margin: 0 5px; }
        .reviews .review-wrap .circle li.active {
          background: #ec3b65; }
  .reviews .quotes {
    width: 80px;
    padding: 0 15px 30px; }
  .reviews .quote-line {
    height: 1px;
    margin-top: 15px;
    background: #ec3b65; }
  .reviews .review-text {
    font-size: 18px;
    padding-bottom: 20px; }
    @media screen and (max-width: 575px) {
      .reviews .review-text {
        font-size: 14px; } }
  .reviews .reviewer-name {
    font-size: 21px;
    font-weight: 700; }
    @media screen and (max-width: 575px) {
      .reviews .reviewer-name {
        font-size: 18px; } }

.progress-bg {
  background-image: url(../img/bg-progress.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 0 50px; }
  .progress-bg .progress-wrap {
    padding: 50px;
    background: rgba(255, 255, 255, 0.5);
    border: 2px solid #e2ecf3;
    -webkit-box-shadow: 0 0 15px rgba(0, 48, 132, 0.1);
            box-shadow: 0 0 15px rgba(0, 48, 132, 0.1); }
    .progress-bg .progress-wrap .icon-gradient {
      padding-bottom: 25px; }
    .progress-bg .progress-wrap .numeral {
      padding-bottom: 20px; }
      .progress-bg .progress-wrap .numeral span {
        font-size: 48px;
        font-weight: 700;
        font-family: 'Montserrat', sans-serif;
        color: #1076ab; }

.start-become {
  background-image: url(../img/bg-become-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  .start-become h4 {
    color: #fff;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding-bottom: 35px;
    text-align: center; }
  .start-become p {
    color: #fff; }

.become-form {
  background-image: url(../img/bg-become-form.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.close-pink {
  color: #ec3460; }