html, body{
  background: #fff;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
section{
  padding: 20px 0;
}
a{
  text-decoration: none;
  font-size: 20px;
}
.fort12{
margin: 0;
padding-top:3px;
  color: #fff;
  background: red;
  width: 30px;
  height: 27px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
top: 55px;
  right: 40px;
}
.fort1{
  border: 1px #000 solid;
  font-size: 12px;
  position: absolute;
  top: -70px;
  right: 0;
  z-index: -10;
  background: #fff;
  color: #000;
  width: 300px;
}
.fort12:hover .fort1{
  z-index: 2;
}
.aktive{
  position: relative;
    padding-top: 20px;
}
.no-aktive{
  position: absolute;
  left: -99999999px;
}
  /*  header  */
header{
  background: rgba(16,176,196,0.258140756302521);
}
.LogoHeader{
  font-size: 28px;
  color: #000;
}
.LogoHeader img{
  margin-left: 20px;
  width: 70px;
}
.TelHeader{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.TelHeader div{
  padding: 0 20px;
}
.TelHeader a{
  color: #000;
  transition: 0.3s;
}
.TelHeader a:hover{
  color: #fff;
  text-shadow: 2px 2px 5px #000;
  transition: 0.3s;
}
.HeaderButton div{
  text-align: center;
  padding: 5px;
}
.HeaderButton a{
  display: inline-block;
  width: 90%;
  background: rgb(16,176,196);
  background: linear-gradient(90deg, rgba(16,176,196,1) 27%, rgba(222,0,255,1) 100%);
  padding: 5px;
  border-radius: 15px;
  border: none;
  color: #fff;
  transition: 0.3s;
}
.HeaderButton a:hover, section [type="submit"]:hover{
  background: rgb(222,0,255);
  background: linear-gradient(90deg, rgba(222,0,255,1) 0%, rgba(16,176,196,1) 80%);
  text-shadow: 2px 2px #000;
  transition: 0.3s;
}
.HeaderButton img{
    width:100%;
}
/* hello-wrap*/
#hello-wrap p{
    font-size: 20px;
    color: #808080;
}
.img-galereu{
    align-items: center;
    padding-right: 15px;
}
.img-galereu img, .f-h-1 img{
  border-radius: 30px;
  width: 100%;
  margin: 5px;
}
h1{
  font-size: 25px;
  text-shadow: 2px 2px 2px #000000;
}
.farcsdfgh{
  border-radius: 0 0 150px 0 ;
  padding: 5px;
  position: relative;
  background:#2297fe;
  color: #fff;
}
.gg h2, .farc{
  width: 150px;
  border-radius: 0 0 150px 0 ;
  padding: 5px;
  position: relative;
  background:#2297fe;
}
.gg h2::after, .farc::after, #task .farc1::after, .farcsdfgh::after{
  content: '';
  width: 5px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -10px;
  background: #de16fe;
}
.fegvfd, .ght{
  backdrop-filter: blur(5px);
  padding: 20px;
}
.f-h-1{
  padding: 20px;
  width: 100%;
}
.kartochca{
  padding: 15px;
}
.kartochca1{
  background: #fff;
  padding: 15px;
  border-radius: 30px;
  box-shadow: 5px 5px 0 #000;
}
footer{
  background: #000;
  color: #fff;
  padding: 20px;
}
.center{
  text-align: center;
}
.form-avt{
  padding: 50px;
  text-align: right;
}
.fff{
  border: 1px solid #000;
  padding: 5px;
  width: 200px;
}
.fff12{
  border: 1px solid #000;
  padding: 5px;
  width: 100px;
}
.can:hover{
  background: cadetblue;
  color: darkorange;
  font-size: 22px;
}
.gg{
  text-align: center;
  padding: 40px 0;
}
.scroll{
  border: #000 3px solid;
  padding: 10px;
  height: 300px;
  background: rgb(226, 220, 186);
  border-radius: 30px;
  overflow-y: scroll;
  overflow-x: scroll;
}
.obu{
  padding: 5px;
}
.obu1 p{
  font-size: 22px;
}
.obu1{
  padding:20px;
  border-radius: 30px;
  color: #000;
  -webkit-box-shadow: 5px 5px 29px 13px rgba(4, 4, 4, 0.28);
  -moz-box-shadow: 5px 5px 29px 13px rgba(4, 4, 4, 0.28);
  box-shadow: 5px 5px 29px 13px rgba(4, 4, 4, 0.28);
}
  /* tarif */
.a1c{  text-decoration: underline;}
.na1c{  text-decoration: none;}
#tarif .span{
  font-size: 24px;
  color: #000;
  border: none;
  background: initial;
}
#tarif .ob-content{
  padding: 0 25px;
  position: relative;
}
#tarif .HeaderButton{
  text-align: center;
}
#tarif .HeaderButton a{
  text-align: center;
  width: 200px;
}
#tarif .content{
  padding: 10px;
  box-shadow: 5px 5px 29px 13px rgba(4, 4, 4, 0.28);
  border-radius: 15px;
  font-size: 20px;
}
#tarif .content div{
  padding: 10px 5px;
}
#tarif .content span{
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
#tarif h2{
  font-size: 32px;
}
#tarif h3{
  font-size: 28px;
}
  /* divase */
  #divase{
  background: url('../images/1607707881_KYFGic.jpg') no-repeat;
  background-size: cover;
  padding: 0;
}
#divase h3{
  text-align: center;
  font-size: 30px;
}
#divase .padding{
  padding: 10px;
}
.farc1::after{
  content: '';
  width: 5px;
  height: 20px;
  position: absolute;
  top: 0;
  left: -10px;
  background: #de16fe;
}
.farc1{
  position: relative;
  padding: 0 5px;
  margin-left: 20px;
}
#divase .content p{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
#divase .content{
      background: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 150px;
  border-radius: 15px;
  -webkit-box-shadow: 5px 5px 29px 13px rgba(4, 4, 4, 0.28);
  -moz-box-shadow: 5px 5px 29px 13px rgba(4, 4, 4, 0.28);
  box-shadow: 5px 5px 29px 13px rgba(4, 4, 4, 0.28);
}
/* task */
#task{
  background: #1035c4;
  color: #fff;
}
#task .content{
  padding: 10px;
}
#task p{
  font-size: 20px
}
#task img{
  width: 35%
}

/* form */
.padding20{
  padding: 60px 0 0 60px;
}
#form .row{
background: #1035c4;
border-radius: 30px;
}
.padd{
  padding: 5px;
}
#form .padd{
  color: #fff;
  font-size: 18px;
}
#form h3{
  font-size: 32px;
  color: #fff;
}

#form img{
  width: 100%;
  margin-bottom:-4px;
}
#form .padd a{
  font-size: 18px;
  color: #a236ea;
  font-weight: bold;
}
section [type="text"]{
  padding: 5px 10px;
  border-radius: 30px;
  border: none;
  font-size: 18px;
  width: 93.5%;
}
section [type="submit"]{
  font-size: 20px;
  width: 100%;
  background: rgb(16,176,196);
  background: linear-gradient(90deg, rgba(16,176,196,1) 27%, rgba(222,0,255,1) 100%);
  padding: 5px;
  border-radius: 30px;
  border: solid 2px #000;
  color: #fff;
  transition: 0.3s;
}
/* footer */
.footerTel{
  font-size: 18px;
  line-height: 160%;
  color: #9293A6;
}
.footerTel a{
    color: #cecece;
}
.footerTel a:hover{
  color: #fff;
}
.Logofooter{
  font-size: 28px;
  color: #fff;
}
.Logofooter img{
  width: 70px;
}
.policalll h1{
    text-shadow:0px 0px 0px ;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  text-align: center;
  text-transform: uppercase;
  font-size: 45px;
  padding: 40px 0px;
  letter-spacing: 10px;
  margin: 0px;
}
.policalll p{
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 23px;
  color: #000;
}
.policalll p a{
  box-sizing: border-box;
  color: rgb(108, 187, 50);
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
}
.policalll img{
    width: 100%;
}