.container_loc {
display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
  }

  .image_loc {
    width: 100px;
    height: 100px;
    margin-right: 20px;
  }

  .winfo_loc {
 background-color: #ffe6a0;
    color: black;
    padding: 10px;
    border: 1px solid #8f640338;
    width: 100%;
  }
  
  .sinfo_loc {
 background-color: #d2ffa0;
    color: black;
    padding: 10px;
    border: 1px solid #208f0338;
    width: 100%;
  }
  
  .image_loc_img{
    width: 30px;
    height: 30px;
    padding-left: 25px;
  }
  .ssl_i{
	  color: #3c763d;
  }

/*Стили сайта*/

div#map {
  height: 96%;
  border: 1px solid #d8d8d8;
  width: auto;
  background-size: cover;
  background-position: center;
  border-radius: 20px; }

.domen-name {
  font-weight: 700; }

.domen-status1 {
  color: #28a745;
  font-weight: 700; }

.domen-status3 {
  color: #0d6efd;
  font-weight: 700; }

.domen-status0 {
  color: #dc3545;
  font-weight: 700; }

.specifications_image {
  display: flex;
  justify-content: center; }

.specifications .block {
  padding: 2%;
  margin: 1%;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  background-color: #ffffffc7;
  backdrop-filter: blur(5px);
  width: 25%; }

.btn.news_card_btn.blik:hover {
  background: linear-gradient(118.46deg, #e38725 -7.75%, #b22300 120.21%, rgba(217, 217, 217, 0) 120.22%); }

.btn.news_card_btn.blik:active {
  background: linear-gradient(118.46deg, #ce6a00 -7.75%, #741700 120.21%, rgba(217, 217, 217, 0) 120.22%); }

.btn.news_card_btn.blik {
  padding: 15px;
  border: none;
  border-radius: 10px;
  font-size: 18px;
  background: linear-gradient(118.46deg, #F18E26 -7.75%, #C9310C 120.21%, rgba(217, 217, 217, 0) 120.22%);
  color: #fff;
  font-weight: 600; }

.card:hover {
  transform: scale(1.03);
  transition: 0.5s; }

.card {
  padding: 3%;
  margin: 4%;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  background-color: #ffffffc7;
  backdrop-filter: blur(5px);
  transition: 0.5s; }

.h5, h5 {
  font-weight: 700;
  font-size: 36px;
  font-weight: 700;
  color: #032733;
  text-align: center;
  margin-bottom: 5%; }

.h4, h4 {
  font-weight: 400;
  color: #8c9396;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: 22px; }

.h3, h3 {
  font-size: 20px;
  font-weight: 700;
  color: #032733; }

.h2, h2 {
  font-weight: 400;
  color: #8c9396;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: 38px;
  font-weight: 700; }

p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #032733;
  text-align: justify; }

li {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  color: #032733;
  padding-bottom: 1%; }

li:hover {
  transition: 0.5s;
  color: #f18e26; }

img.cms {
  width: 15%;
  height: 15%;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 10px;
  filter: grayscale(100%); }

img.cms:hover {
  transition: 0.5s;
  filter: grayscale(0%);
  -webkit-box-shadow: 0px 0px 20px 7px rgba(3, 39, 51, 0.12);
  -moz-box-shadow: 0px 0px 20px 7px rgba(3, 39, 51, 0.12);
  box-shadow: 0px 0px 20px 7px rgba(3, 39, 51, 0.12);
  z-index: 9; }

h1 {
  text-transform: uppercase;
  background-image: linear-gradient(-225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 3s linear infinite;
  animation-direction: reverse;
  animation-iteration-count: 1;
  display: inline-block;
  font-size: 52px;
  font-weight: 800; }

@keyframes textclip {
  to {
    background-position: 200% center; } }
#map {
  height: 578px;
  border: 1px solid #f1f2f3;
  width: 540px;
  background-size: cover;
  background-position: center; }

.key {
  color: #0f374a;
  font-weight: 700; }


        .form_input{
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }

li {
    font-weight: 400 !important;
    font-size: 16px !important;
}
.container_block {
    display: flex;
	justify-content: space-between;
    padding: 0 8%;
	align-items: center;
}


.container_1 {
    width: 45%;
	margin-right: 4%;
        }
.container_2 {
    width: 55%;
        }



.container-availabil {
            max-width: 400px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

        .form-group-availabil {
            margin-bottom: 20px;
        }

        .form-group-availabil label {
            display: block;
            margin-bottom: 5px;
        }

        .form-group-availabil input[type="text"],
        .form-group-availabil select {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }

        .checkbox-group-availabil {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 10px;
        }

        .submit-btn-availabil {
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        .submit-btn-availabil:hover {
            background-color: #45a049;
        }

        

            .availabil table {
            border-collapse: collapse;
            width: 50%;
            margin: auto;
            width: 100%;
        }
        
        .availabil th, td {
            border: 1px solid #ffffff;
            padding: 2px;
            text-align: center;
        }
        
   
   .flag_img{
	   
    width: 20px;
    margin: 10px;
   }
   .loading_img{
	   width: 40px;
   }
   .center_d{
	   
    text-align: center;
   }
   
   .avail{
	   
    color: green;
   }
   .notavail{
	   
    color: #ef634c;
   }
   
   .left{
	   
    text-align: left;
   }

/*Стили сайта*/

div#map {
  height: 96%;
  border: 1px solid #d8d8d8;
  width: auto;
  background-size: cover;
  background-position: center;
  border-radius: 20px; }

.domen-name {
  font-weight: 700; }

.domen-status1 {
  color: #28a745;
  font-weight: 700; }

.domen-status3 {
  color: #0d6efd;
  font-weight: 700; }

.domen-status0 {
  color: #dc3545;
  font-weight: 700; }

.specifications_image {
  display: flex;
  justify-content: center; }

.specifications .block {
  padding: 2%;
  margin: 1%;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  background-color: #ffffffc7;
  backdrop-filter: blur(5px);
  width: 25%; }

.btn.news_card_btn.blik:hover {
  background: linear-gradient(118.46deg, #e38725 -7.75%, #b22300 120.21%, rgba(217, 217, 217, 0) 120.22%); }

.btn.news_card_btn.blik:active {
  background: linear-gradient(118.46deg, #ce6a00 -7.75%, #741700 120.21%, rgba(217, 217, 217, 0) 120.22%); }

.btn.news_card_btn.blik {
  padding: 15px;
  border: none;
  border-radius: 10px;
  font-size: 18px;
  background: linear-gradient(118.46deg, #F18E26 -7.75%, #C9310C 120.21%, rgba(217, 217, 217, 0) 120.22%);
  color: #fff;
  font-weight: 600; }

.card:hover {
  transform: scale(1.03);
  transition: 0.5s; }

.card {
  padding: 3%;
  margin: 4%;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  background-color: #ffffffc7;
  backdrop-filter: blur(5px);
  transition: 0.5s; }

.h5, h5 {
  font-weight: 700;
  font-size: 36px;
  font-weight: 700;
  color: #032733;
  text-align: center;
  margin-bottom: 5%; }

.h4, h4 {
  font-weight: 400;
  color: #8c9396;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: 22px; }

.h3, h3 {
  font-size: 20px;
  font-weight: 700;
  color: #032733; }

.h2, h2 {
  font-weight: 400;
  color: #8c9396;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: 38px;
  font-weight: 700; }

p {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  color: #032733;
  text-align: justify; }

li {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  color: #032733;
  padding-bottom: 1%; }

li:hover {
  transition: 0.5s;
  color: #f18e26; }

img.cms {
  width: 15%;
  height: 15%;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 10px;
  filter: grayscale(100%); }

img.cms:hover {
  transition: 0.5s;
  filter: grayscale(0%);
  -webkit-box-shadow: 0px 0px 20px 7px rgba(3, 39, 51, 0.12);
  -moz-box-shadow: 0px 0px 20px 7px rgba(3, 39, 51, 0.12);
  box-shadow: 0px 0px 20px 7px rgba(3, 39, 51, 0.12);
  z-index: 9; }

h1 {
  text-transform: uppercase;
  background-image: linear-gradient(-225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 3s linear infinite;
  animation-direction: reverse;
  animation-iteration-count: 1;
  display: inline-block;
  font-size: 52px;
  font-weight: 800; }

@keyframes textclip {
  to {
    background-position: 200% center; } }
#map {
  height: 578px;
  border: 1px solid #f1f2f3;
  width: 540px;
  background-size: cover;
  background-position: center; }

.key {
  color: #0f374a;
  font-weight: 700; }

/*# sourceMappingURL=style.css.map */