body{
  max-width: 1920px;
  margin: auto;
  font-family: 'Open Sans', sans-serif;
  color: #333
}
section:not(:last-of-type){
  margin-bottom: 200px
}

.container {
  max-width: 1670px
}
img {
  max-width: 100%;
  height: auto;
}
p{
 line-height: 2em
}
a {
  color: #182978;
}
.navbar{
  padding-top: 55px
}
.menu-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}
.navbar-text {
  padding: 0 0 0 41px;
  background: url('images/phone.jpg') no-repeat center left;
  line-height: 1em;
  font-size: 20px;
}

.navbar-text a{
  color: #333
}

.nav-item{
  margin: 0 35px
}

.nav-item a{
  font-size: 14px;
  color: #333;
  padding: 0
}

.button {
  background-color: #f37021;
  padding: 10px 42px;
  display: inline-block;
  border-radius: 25px;
  margin: 3vw auto 0;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  text-decoration: none !important
}
.button:hover{
  color: #fff
}
.s1 {
  margin: 60px 0 230px;
}

h1,h2{
  font-size: 37px;
  font-weight: 700;
  color: #f37021;
  text-align: center;
  margin:3.5vw 0 4.5vw
}
h3{
  font-size: 25px;
  font-weight: 700;
  color: #f37021;
  margin:10px 0 30px
}
.s5 .col-sm-4{
  padding: 0 7%
}

.s2{
  background: url('images/kaleste_mas_twra.jpg') no-repeat center/cover;
  font-size: 37px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 230px
}
.s2 .row {
  min-height: 570px;
  padding: 8% 0;
}
.s3 {
  margin-bottom: 200px
}
.price-table{
   color: #fff;
}

.price-table-price {
  background-color: #182978;
  font-size:56px;
  font-weight: 700;
  letter-spacing: -3.3px;
  height: 126px;
  line-height: 126px;
}
.price-table-desc {
  height: 346px;
  font-size: 30px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p30 .price-table-desc{
  background: url('images/price-table-1.jpg') no-repeat center/cover;
}
.p50 .price-table-desc{
  background: url('images/price-table-2.jpg') no-repeat center/cover;
}
.p70 .price-table-desc{
  background: url('images/price-table-3.jpg') no-repeat center/cover;
}
.p90 .price-table-desc{
  background: url('images/price-table-4.jpg') no-repeat center/cover;
}
.price-info {
  font-size: 12px;
  color: #182978;
  padding-top: 20px
}

.s6{
  background: url('images/s6.jpg') no-repeat center/cover;
}
.s6 .row{
  min-height: 800px
}
.s6 .col-sm-6{
  padding-left: 12%
}
.s6 h2{
  margin: 0 0 30px
}

.s6 ul{
  list-style: none;
  padding: 0;
  font-size: 14px;
  margin-bottom: 50px
}
.s6 ul:last-child{
  margin-bottom: 0
}
.s6 li{
  line-height: 22px;
  margin-bottom: 20px;
  padding-left: 35px;
  background: url('images/check.png') no-repeat  center left;
  background-size: 25px
}
.s7 {
  background: url('images/syxnes_erwtiseis_image.jpg') no-repeat 70% bottom/35%;
}
dt{
  font-size: 22px;
  font-weight: bold;
  color: #f37021;
  margin-bottom: 15px
}dd{
  font-size: 14px;
  margin-bottom: 20px
}
.s8 {
  background: url('images/s8.jpg') no-repeat center/cover;
  color: #fff;
  font-size: 37px;
  font-weight: 700;
}
.s8 .row{
  min-height: 500px;
  padding: 8% 0
}
footer{
  background-color: #182978;
  color:#fff;
  font-size: 12px;
  padding-top: 1rem
}

.navbar-toggler {
  margin-left: auto;
  padding: 0
}


.navbar-toggler img {
  vertical-align: top;
  width: 21px
}


.offcanvas-bg {
  position: fixed;
  background: rgba(0,0,0,0.5);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  opacity:0;
  visibility: hidden;
  transition: all linear .5s
}
.open .offcanvas-bg {
  opacity:1;
  visibility: visible;
  transition: all linear .5s
}

@media (max-width: 1440px) {
  h1, h2 {
    margin: 2vw 0 3vw;
  }
  .s7 {
    background: url('images/syxnes_erwtiseis_image.jpg') no-repeat 90% bottom/45%;
  }
}

@media (max-width: 1366px) {
  .nav-item {
    margin: 0 20px;
  }
}

@media (max-width: 1024px) {
  body{
    font-size: 14px
  }
  h1, h2, .s2 {
    font-size: 27px
  }
  section:not(:last-of-type){
    margin-bottom: 150px
  }

  .navbar {
    padding-top: 25px;
  }
  .nav-item {
    margin: 0;
  }
  .navbar-text {
    line-height: 20px;
    font-size: 16px;
  }
  .navbar-brand{
    margin: 0
  }

  .navbar-brand img{
    width: 85%
  }
  .s2 {
    background-position: 70%
  }
  .price-table-price {
    font-size: 36px;
    height: 90px;
    line-height: 90px;
  }
  .price-table-desc{
    font-size: 22px
  }
  .s7 {
    background: url('images/syxnes_erwtiseis_image.jpg') no-repeat 100% bottom/70%;
  }
  .s8 {
    font-size: 27px;
  }

}

@media (max-width: 991px) {
  .menu-wrap {
    position: fixed;
    left: -100%;
    display: block;
    top: 0;
    bottom: 0;
    background-color: #fff;
    width: 40%;
    padding: 30px;
    z-index: 2;
    overflow: auto;
    box-shadow: 0 0 25px 0;
    transition: left .5s linear
  }
  .menu-wrap::after {
    content: "\00d7";
    font-size: 30px;
    color: #333;
    position: absolute;
    top: 0;
    right: 15px;
  }
  .open .menu-wrap{
    left: 0;
    transition: left .5s linear
  }
  .menu-wrap .navbar-nav{
    margin-bottom: 30px
  }
  .menu-wrap .nav-item a{
    margin: 10px;
    font-size: 16px;
  }
  .navbar-text {
    display: block;
    margin-top: 30px
  }

}

@media (max-width: 768px) {
  h1, h2 {
    margin: 2vw 0 60px;
  }
  section .col-sm-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 60px;
    text-align: center;
  }
  .price-table {
    margin-bottom: 30px;
    padding: 0 10%;
  }
  .p90 .price-table {
    margin-bottom: 0
  }
  .price-info {
    padding-top: 0;
    text-align: center;
  }
  .s6 .col-sm-6{
    text-align: left;
  }
  .s7 {
    background: none
  }
  .s7 .col-sm-12{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  section:not(:last-of-type) {
    margin-bottom: 100px;
  }

}

@media (max-width: 640px) {
  h1, h2, .s2 {
    font-size: 24px;
  }
  .s2 {
    background-position: 0;
  }
  .s6 {
    background: url('images/s6.jpg') no-repeat 0/cover;
  }
  .s6 .col-sm-6 {
    padding-left: 15px;
  }
  dt {
    font-size: 20px;
  }
  .s8 {
    font-size: 24px;
  }
  .menu-wrap {
    width: 70%;
  }
  .navbar-brand {
    width: 50%;
  }
  .navbar-toggler {
    font-size: 15px;
  }
  .navbar-toggler img {
    vertical-align: top;
    width: 16px
  }
}

@media (max-width: 360px) {
  h1, h2, .s2, .s8 {
    font-size: 20px;
  }
  .button {
    margin: 30px auto 0;
  }
}