@import url("https://fonts.googleapis.com/css?family=Lato:regular,700,900,&display:swap");
/* @import url("reset.css");
@import url("top-bar.css");
@import url("header.css");
@import url("main.css");
@import url("bg-color.css");
@import url("footer.css"); */

html {
  scroll-behavior: smooth;
}
body {
  font-family: 'lato', sans-serif;
  color: #1E212C;
}
.wrap {
  margin: 0 auto;
  max-width: 100%;
}
.content-wrap{
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1260px;
}
.btn{
  padding: 5px 10px;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
  font-weight: 700;
  display: inline-block;
  cursor: pointer;
  letter-spacing: 0.5px;
}
.btn-border {
  background-color: #fff;
  color: #F75E05;
  outline: 1px solid #F75E05;
}
.btn-border:hover {
  background: linear-gradient(55.95deg, #FF3F3A 0%, #F75E05 100%);
  color: #fff;
}
.btn-gradient {
  background: linear-gradient(55.95deg, #FF3F3A 0%, #F75E05 100%);
  color: #fff;
}
.btn-gradient:hover {
  outline: 1px solid #F75E05;
  background: none;
  color: #F75E05;
}
.main-title {
  font-weight: 900;
  line-height: 1.3;
}
.subtitle {
  text-transform: uppercase;
  padding-bottom: 6px;
  font-weight: 700;
  line-height: 1.5;
}
.title {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.3;
}
@media(min-width: 1024px) {
  .btn{
    padding: 0 40px;
    line-height: 3.25;
  }
  .content-wrap {
    padding: 0 30px;
    max-width: 1290px;
  }
  .subtitle {
    padding-bottom: 8px;
  }
  .title {
    font-size: 2.875rem;
  }
}

.swiper {
  max-width: 1024px;
  max-height: 500px;
}