/*.flex{
    display:flex;
    justify-content: space-between;
    margin-top:28px;
    margin-bottom:15px;
    margin-right:50px;
    margin-left:50px;
}
.text1{
   
   text-align:center;
  
      font-size:18pt;
    color:#654f54;
    font-weight:700;
    line-height: 1;
}
.text2{
  text-align:center;
    font-size:18pt;
    color:#ee2428;
    font-weight:700;
    line-height: 1; 
    margin-left:40%;
    width:auto;
}
.numbers{
    text-align:center;
    margin-left:45%;
    

margin-top:
}
.textshapka{
    

}*/
.width{
    width:100%;
  display:flex;
  justify-content:center;
 
}
.bot1{
    font-size:26px;
    padding-top:5px;
    padding-bottom: 5px;
    width:auto;
    padding-left:30px;
    padding-right:30px;
    border:1px #00f663 solid;
    background-color: #00f663;
    color:#fff;
    border-radius: 9px;
}
.bot2{
    font-size:32px;
    color: #fff;
    text-align: right;
    
}
.b1{
   
  background-image: url(http://online.steko.com.ua/images/pochemu_blur_bg.jpg);
    background-size: auto 450px;
}
.lk{
    margin-left:50%;
    
        margin-top:1%;
}
.all{
    margin-left:15%;margin-right:15%;
}
.bata{
    display:flex;
    font-family: sans-serif;
    justify-content: space-between;
    padding-right:70px;
    padding-left:70px;
    margin-top:30px;
    padding-bottom:10px;
    margin-bottom:30px;
}
.text1{
   
   text-align:center;
  
      font-size:18pt;
    color:#654f54;
    font-weight:700;
    line-height: 1;
    font-family: sans-serif;
}
.k1{
       border: 2px solid #ffff00;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-weight: 600;
    font-family: sans-serif;
    color:#333;
    text-decoration: none;
}
.w{
    font-size:15px;
    font-weight:500;
    display:flex;
 justify-content: space-between;
    margin-left:25%;
    margin-right:25%;
    vertical-align:bottom;
}
.text2{
  text-align:center;
    font-size:18pt;
    color:#ee2428;
    font-weight:700;
    
    line-height: 1; 
    font-family: sans-serif;
}
.numbers{
    font-size: 22pt;
    font-weight: 700;
    font-family: sans-serif;
    font-family: sans-serif;
}
.bata{
border-bottom:5px solid #1e9f5f;
    font-family: sans-serif;
}
.w{
    display: flex;justify-content: center;
}
.cena2{
  
}
.d{
    
margin-top:5px;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

.batacena{
    display:flex;
    justify-content: space-between;
    font-family: sans-serif;
}
.bataforma{
    border:2px solid #1e749f;
    background-color: #fafdff;
    font-family: sans-serif;
}
.akcia{
    font-weight: 300;
    font-family: sans-serif;
}
.margin{
   margin-right: 15%
    margin-left: 15%;
    font-family: sans-serif;
}
.one {
  padding: 50px 20px;
  text-align: center;
}
.one h1 {
  font-family: sans-serif;;
  position: relative;
  color: #3CA1D9; 
  display: inline-block;
  border-top: 2px solid;
  border-bottom: 2px solid;
  font-size: 32px;
  padding: 11px 60px;
  margin: 0; 
  line-height: 1;
}
.one h1:before, .one h1:after {
  content: ""; 
  position: absolute;
  top: 0;
  width: 30px;
  height: 100%;
  border-left: 2px solid;
  border-right: 2px solid;
  background: repeating-linear-gradient(180deg, transparent, transparent 2px, #3CA1D9 2px, #3CA1D9 4px);
}
.one h1:before {left: 0;}
.one h1:after {right: 0;}
@media (max-width: 420px) {
  .one h1 {font-size: 2em;}
}
.j{
    padding-top: 20px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
        color: #333;
  /*  border-width: 3px;
    border-style: solid;*/
    border-color: rgb(117, 165, 207);
    text-align: center;
    font-weight: 700;
    font-size:28px;
    margin-left:10px;
    margin-right:10px;
    margin-top: 100px;
    font-family: sans-serif;
}

.j1{
    padding-top: 20px;
    padding-right: 5px;
    padding-bottom: 20px;
    padding-left: 5px;
        color: #333;
    border-top: 3px solid  rgb(117, 165, 207);
     text-align: center;
    font-weight: 700;
    font-size:28px;
    margin-left:10px;
    margin-right:10px;
    margin-top:0;
    margin-top: 100px;
    font-family: sans-serif;
}
.three {
  
  padding: 50px 20px;
  text-align: center;
} 
.three h1 {
  font-family:sans-serif;
  position: relative;
  color: #FCF2E5;
  background: #90806A;
  font-size: 30px;
  font-weight: normal;
  padding: 10px 40px;
  display: inline-block;
  margin: 0;
  line-height: 1;
}
.three h1:before {
  content: ""; 
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  bottom: -15px;
  background: #90806A;
}
.three h1:after {
  content: ""; 
  position: absolute;
  height: 0;
  width: 80%;
  border-top: 10px solid #90806A;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
}
@media (max-width: 500px) {
  .three h1 {font-size: 1.8em;}
}
@media (max-width: 400px) {
  .three h1 {
    font-size: 1.5em;
    padding: 10px 30px;
  }
}
.d{
    font-weight: 700;
    color:#333;
    font-size:15px;
    padding-right: 5px;
    padding-left: 5px;
    font-family:sans-serif;
}
.txg{
    font-family: sans-serif;
}
.q1{
    background-image: url(image/1.png);
    background-size: 50px 50px;
    
}

.menu1{
    box-shadow: inset 0px 4px 5px 0px rgba(0, 0, 0, 0.35);
            position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 800;
    transition: all .3s ease;
    margin-top:0;
    text-decoration: none;
}
.podp{
    text-align: center;
    font-family: sans-serif;
    font-weight: 700;
    font-size:34px;
    margin-top:0;
    opacity: 0.95;
}
.all{
    font-family: sans-serif;
    color:#333;
}
@media (min-width: 1000px) {
  .all:margin-left:11%;margin-right:11%;}
}
.p1{
    font-family: sans-serif;
    font-size: 18px;
    font-weight: 700;
    color:#333;
    text-align:center;
}
.p2{
    text-align: justify;
    font-size:18px;
    color:#333;
    font-family: sans-serif;margin-left:15px;
    
}
#p{
    word-wrap:break-word;
}
.text{
     text-align: justify;
    font-size:18px;
    color:#333;
    font-family: sans-serif;
}
h1steko5{
     text-align: justify;
    font-size:18px;
    color:#333;
    font-family:sans-serif;
}
.h2steko5{
    text-align: justify;
    font-size:18px;
    color:#333;
    font-family:sans-serif;
}
.podp{
    color:#333;
    margin-top: 70px;
    font-family: sans-serif;
}
.center{
    text-align: center;
}
.eo{

    display: flex;
    justify-content: space-between;
    font-family: sans-serif;
    margin-bottom: 30px;margin-left:3%;margin-right:11%;
}
.batare{
    display: flex;
    justify-content: space-between;
    font-family: sans-serif;
}
.flex{
    display: flex;
    justify-content: space-between;
}
.n1{
    font-size:18px;
    font-weight: 700;
        font-family: "Roboto Slab", serif;
    text-align: center;
   font-family: sans-serif;
}
.n2{
        font-family: "Roboto Slab", serif;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    font-family: sans-serif;
}
.eo{
    margin-bottom: 30px;
}
.foto1{
    margin-left: 8%;
    margin-top:30px;
    
}

.ba{
    background-image:url(image/rigger_bg_new.jpg);
  background-color:#cdd9e2;
        background-size: auto 100%;
   margin: 0;
    background-repeat: no-repeat;
    background-size:auto 550px;
}
.info1{
    margin-left: 12%;
    
}
.q{
    line-height: 22px;margin-top:10px;margin-left:10px;
}

.n3{
        font-family: "Roboto Slab", serif;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    font-family: sans-serif;
}
.n4{
        font-family: "Roboto Slab", serif;
    text-align: center;
    font-size:14px;
    font-family: sans-serif;
}
.p{
        color: inherit;
    line-height: 1.4;
    word-wrap: break-word;
    margin: 0;
    font-family: sans-serif;
}
.back{
    background-color: #f8fcfd;
    padding:10px;
    margin-top:10px;
}
.h{
    line-height: 10px;
    font-family: sans-serif;
}
.qq{
    background:#FFFF00;
    font-size:22px;
    font-weight:600;
    font-family:sans-serif;
    margin-bottom:50px;
  text-align:center;
  padding-top:1px;
  padding-bottom:1px;
}