body {
  height: 100%;
  background: url(fon.svg);

  font-family: "montserrat";
}
body:before {
  content: "";
  height: 100%;
  width: 100%;
  background: repeating-linear-gradient(120deg, #343956, #343956 2px, transparent 2px, transparent 17.5vw);
  position: absolute;
}

.card-sliders {
  overflow: hidden;

}
.card-sliders .container {
  height: 100% !important;
}
.card-sliders .container .row {
  height: 100%;
}
.card-sliders .card-decks .card-deck {
  display: none;
}
.card-sliders .card-decks .card-deck.deck-active {
  display: flex;
}

.text-said {
  z-index: 9999;
  margin: auto;
  font-size: 14px;
  color: red;
  background: #fff;
  border: 1px solid;
  padding: 10px;
  width: 90%;
  text-align: center;
    margin-bottom: 10px;
    display: table;
}
.arc {
float: left;
  text-align: center;
  width: 100%;
  display: block;
    color: #000;
  margin-top: 20px;
}
.name {
  padding: 0px 0px 0px 15px;
}
.div3, .div2, .div1 {
  margin-top: 10px;
 
}
.card-sliders .card-decks .card-deck .card {
  font-size: 0.8rem;
  border: 0;
  border-radius: 1.25rem;
  box-shadow: 0 10px 20px 2px #181A28;
  color: #FFF;
  height: 450px;
    width: 95%;
  overflow: hidden;
    margin-bottom: 5px;
}
.caption {
  margin-bottom: 15px;
    min-height: 75px;
    display: none;
}
.button4, .button5 {
  cursor: pointer;
}
.point {
  width: 33%;
}
.point2 {
  width: 25%;
}
.card-sliders .card-decks .card-deck .card h1, .card-sliders .card-decks .card-deck .card h2, .card-sliders .card-decks .card-deck .card h3, .card-sliders .card-decks .card-deck .card h4, .card-sliders .card-decks .card-deck .card h5, .card-sliders .card-decks .card-deck .card h6 {
  font-weight: bold;
}
.card-sliders .card-decks .card-deck .card a {
  color: #3BCEAC;
}
.card-sliders .card-decks .card-deck .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
 
  
}
.card-sliders .card-decks .card-deck .card .card-img-overlay {
  background: rgba(0, 0, 0, 0.5);
}

/* Custom animate.css delay */
.animated.delay-02s {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.animated.delay-04s {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
         
.logo img {
  width: 80px;
}

.logo {
  float: left;
  margin-top: 20px;
    width: 10%;
}
.kn-blok1 {
  background: #000;
  display: inline;
  padding: 8px 10px;
  border-radius: 5px;
    color: #fff;
    cursor: pointer;
    
}
.mob {
    display: none;
}
    .hed {
  width: 100%;
  float: left;
        margin-bottom: 40px;
}
.row.mt-5 {
    margin-top: 10px !important;}



.blok1 {
  background: #f2f2f2;
  float: left;
  padding: 40px;
    width: 100%;
}
.blok2 {
  background: #d3d3d3;
  float: left;
  padding: 40px;
    width: 100%;
}


 .text-blok1 {
  font-size: 22px;
     padding-top: 20px;
     color:#363636;
}  

 .text-blok2 {
  font-size: 22px;
     padding-top: 20px;
     color:#363636;
}  

.fir {
  float: right;

}

.kn-group {
  text-align: center;
  display: block ruby;
  margin-top: 20px;
}
.text-red {
  color: #d65e60;
  font-weight: bold;
  line-height: 1;
  margin-top: 20px;
    float: left;
}


.left-side {
  width: 50%;
  float: left;
    margin-top: 40px;
}

.right-side {
  width: 50%;
  float: left;
    margin-top: 40px;
}


.iframe_conteyner {
    height: 0px;
    padding-bottom: 56.2%;
    position: relative;
}
.iframe_conteyner iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

.right {
    text-align: right;
}

.top {
  margin-top: 70px;
}

.info {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}
#result {
  margin-bottom: 40px;
}
.name-bk {
  position: absolute;
  font-weight: bold;
  font-size: 140px;
  z-index: 9;
  margin-top: -100px;
    width: 45.3%;
  text-align: center;
    color: #fff;
}

#nameForm {
  margin-bottom: 40px;
}


.name-bk-all {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
}





.accordion {
      max-width: 600px;
      margin: 0 auto;
    }

    .accordion-item {
      border-bottom: 1px solid #ccc;
    }

    .accordion-header {
      background: #fff;
      padding: 15px 20px;
      cursor: pointer;
      font-weight: bold;
      position: relative;
      transition: background 0.3s;
    }

    .accordion-header:hover {
      background: #eee;
    }

    .accordion-header::after {
      content: "+";
      position: absolute;
      right: 20px;
      font-size: 20px;
      transition: transform 0.3s;
    }

    .accordion-header.active::after {
      content: "−";
    }

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      background: #fafafa;
      padding: 0 20px;
      transition: max-height 0.4s ease, padding 0.3s ease;
    }

    .accordion-content.open {
      padding: 15px 20px;
    }

.pad {
  padding: 10px;
}


@media (max-width: 1200px)  {
.but-form {
float: left;
    width: 22%;
    font-size: 10px;
    min-height: 30px;
    margin-top: 2px;
}
    input {
width: 18%;
    float: left;
    margin: 3px;
      
}
    .zag {
  width: 100%;
  float: left;
  margin-top: 40px;
}
    .name {

  min-height: 50px;
}
    .button3.bt, .bt {
  margin-bottom: 0px;
}
}




@media (max-width: 980px)  {
    .poleform {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
  .logo {
  width: 100%;
  margin: 40px auto;
  text-align: center;
}
    .nam {
  width: 100% !important;
  margin: 0px auto !important;
}
   #firstName {
  margin: 0px 0px 10px 0px;
}
   .div3, .div2, .div1 {

  min-height: 25px;
} 
    #lastName {
  margin: 0px 0px 10px 0px;
}
    
    .but-form {
  margin-top: 10px;
}
    
    .zag {
  font-size: 18px;
  text-align: center;
  margin-top: 40px;
}
 
    .lead, #datetime {
  font-size: 14px;
  text-align: center;
        
}
    #datetime {
  border-bottom: 1px solid #fff;
}

    .card-sliders .card-decks .card-deck.deck-active {
  display: block;
}
    
    .point {
        width: 100%;
    }
    .point2 {
  width: 50%;
        float: left;
}
 .yes-desc {
  display: none;
}
    
   .div4 {
  margin-top: 20px;
} 
    .mob {
  display: block;
}
    #cardCaption {
        display: non;
    }
    .but-form {
float: none;
    width: 220px;
    font-size: 14px;
    margin: 10px auto;
}
    input {
width: 100%;
    float: left;
}
}

@media (max-width: 680px)  {
    .point2 {
        width: 100%;
    }  
    
}