.top-banner {
  position:relative;
  width:100%;
  height:500px;
  background-size:cover;
  background-repeat:no-repeat;
  -webkit-transition:none;
  transition:none;
  -webkit-transform:none;
  -ms-transform:none;
  transform:none;
  background-attachment:scroll;
  background-position:center;
  padding-left:0;
  padding-right:0
}
.top-banner .fix-inner {
  height:690px;
  width:100%;
  position:fixed;
  top:0px;
  left:0;
  background-repeat:no-repeat;
  background-position:center;
  z-index:-2
}
.top-banner .overlay {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.3);
  z-index:20
}
.top-banner .title {
  font-size:80px;
  font-family:"Playfair Display", sans-serif;
  color:#ffffff;
  letter-spacing:1.3px;
  margin-bottom:0;
  line-height:1.1
}
.top-banner .sub-title {
  margin-bottom:25px;
  color:#ffffff;
  font-size:12px;
  font-weight:600;
  letter-spacing:2px;
  line-height:2;
  text-transform:uppercase
}
.top-banner .content {
  z-index:30;
  max-width:1170px;
  width:100%;
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%)
}
.top-banner .descr {
  max-width:570px;
  color:#ffffff;
  line-height:1.6;
  letter-spacing:1.3px
}
.top-banner .btn-wrap {
  margin-top:30px
}
.top-banner.small_banner {
  height:360px
}
.top-banner.small_banner .title {
  margin-top:0;
  font-size:50px
}
.top-banner.small_banner .sub-title {
  margin-bottom:10px
}
.top-banner.small_banner .descr {
  margin-top:20px
}
.top-banner.center_content .descr {
  margin-right:auto;
  margin-left:auto
}
.top-banner.right_content .descr {
  margin-left:auto
}
.top-banner.medium_banner .sub-title {
  margin-bottom:10px
}
.top-banner.medium_banner .descr {
  margin-top:30px
}
.top-banner.full-height-window .descr,
.top-banner.full-height-window .btn-wrap {
  margin-top:40px
}
.top-banner.classic {
  height:auto
}
.top-banner.classic .flex-wrap {
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  min-height:700px
}
.top-banner.classic .s-back-switch {
  -webkit-background-size:cover;
  background-size:cover;
  background-position:center;
  min-height:700px
}
.top-banner.classic .title {
  position:relative;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  max-width:680px;
  color:#ffffff
}
.top-banner.modern.full-height-window .content {
  bottom:100px;
  left:130px;
  top:auto;
  -webkit-transform:none;
  -moz-transform:none;
  -ms-transform:none;
  -o-transform:none;
  transform:none;
  max-width:80%
}
.top-banner.modern .title {
  font-family:"Open Sans", sans-serif;
  font-size:50px;
  font-weight:bold;
  text-transform:uppercase;
  word-wrap:break-word
}
.top-banner.modern .sub-title {
  font-family:"Playfair Display", sans-serif;
  font-weight:400;
  font-style:italic;
  text-transform:none;
  -ms-word-wrap:break-word;
  word-wrap:break-word
}
.top-banner .scroll-down-wrapper {
  position:absolute;
  bottom:10px;
  width:100%;
  text-align:center;
  z-index:25
}
.top-banner .arrows {
  width:30px;
  height:50px;
  cursor:pointer
}
.top-banner .arrows path {
  stroke:#fff;
  fill:transparent;
  stroke-width:1px;
  animation:arrow 2s infinite;
  -webkit-animation:arrow 2s infinite
}
@keyframes arrow {
  0% {
    opacity:0
  }
  40% {
    opacity:1
  }
  80% {
    opacity:0
  }
  100% {
    opacity:0
  }
}
@-webkit-keyframes arrow /*Safari and Chrome*/ {
  0% {
    opacity:0
  }
  40% {
    opacity:1
  }
  80% {
    opacity:0
  }
  100% {
    opacity:0
  }
}
.top-banner .arrows path.a1 {
  animation-delay:-1s;
  -webkit-animation-delay:-1s
}
.top-banner .arrows path.a2 {
  animation-delay:-0.5s;
  -webkit-animation-delay:-0.5s
}
.top-banner .arrows path.a3 {
  animation-delay:0s;
  -webkit-animation-delay:0s
}
.top-banner.full-height .container .subtitle {
  padding-top:0
}
.top-banner.full-height-window .content {
  margin-top:0;
  margin-bottom:0
}
.top-banner.full-height .content {
  margin-top:auto;
  margin-bottom:auto
}
.top-banner.center_content .content {
  text-align:center;
  margin:0
}
.top-banner.top_align .content {
  top:0 !important;
  margin-top:0 !important
}
.top-banner.right_content {
  text-align:right
}
@media (max-width: 1199px) {
  .top-banner .content {
    max-width:970px
  }
  .top-banner.classic .flex-wrap {
    min-height:450px
  }
  .top-banner.classic .s-back-switch {
    min-height:450px
  }
  .top-banner.classic .title {
    padding:0 30px;
    font-size:40px
  }
}
@media (max-width: 992px) {
  .top-banner .fix-inner {
    height:100vh
  }
  .top-banner {
    height:300px
  }
  .top-banner .title {
    font-size:60px
  }
  .top-banner.center_content {
    min-height:370px !important
  }
  .top-banner .banner-text {
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
  }
  .top-banner .content {
    margin-top:100px;
    margin-bottom:100px
  }
}
@media (max-width: 991px) {
  .top-banner .content {
    max-width:750px
  }
  .top-banner.modern.full-height-window .content {
    bottom:70px;
    left:60px
  }
  .top-banner .scroll-down-wrapper {
    bottom:5px
  }
  .top-banner .arrows {
    height:36px
  }
}
@media (max-width: 767px) {
  .top-banner {
    height:auto;
    min-height:500px
  }
  .top-banner.center_content {
    min-height:300px
  }
  .top-banner .descr {
    max-width:100%
  }
  .top-banner.classic .flex-wrap {
    display:block;
    position:relative
  }
  .top-banner.classic .title {
    position:absolute
  }
  .top-banner.classic .content-wrap {
    min-height:400px
  }
  .top-banner.classic .image-wrap+.content-wrap {
    background-color:rgba(0,0,0,0.2) !important;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
  }
  .top-banner.modern.full-height-window .content .title {
    font-size:34px
  }
}
@media (max-width: 767px) {
  .top-banner .title,
  .top-banner.small_banner .title {
    font-size:30px;
    width:100%;
    line-height:1.2
  }
  .top-banner .subtitle {
    letter-spacing:5px
  }
  .top-banner .content {
    padding:0 15px
  }
}
@media only screen and (max-width: 600px) {
  .top-banner.center_content {
    min-height:350px !important
  }
  .top-banner .content {
    margin-top:30px;
    margin-bottom:30px
  }
}
@media (max-width: 480px) {
  .top-banner.modern.full-height-window .content {
    top:50%;
    bottom:auto;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
  }
  .top-banner {
    text-align:center
  }
  .top-banner .subtitle {
    padding-top:30px
  }
}
/*# sourceMappingURL=banner_image.min.css.map */