body {
  background-color: rgb(255, 255, 255);
  font: 400 1em/1.38 Arial;
  color: rgb(0, 0, 0);
}

.element {
  position: relative;
  float: left;
}

.image {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 1;
  width: 298px;
  height: auto;
  margin: -164px 0 0 10%;
  overflow: hidden;
}

.text {
  float: left;
}

.text-15 p {
  margin-bottom: 1em;
}

._button {
  display: block;
  position: relative;
  float: left;
  text-align: center;
}

.element-1 {
  z-index: 0;
  width: 100%;
  height: 177px;
  border-bottom: 4px solid rgb(61, 103, 123);
  background-color: rgba(47, 52, 54, 0.04);
}

.element-2 {
  clear: both;
  z-index: 32;
  width: 7.6666666666%;
  height: 92px;
  margin: -123px 0 0 67.35026%;
  border-radius: 77px;
  background-color: rgb(255, 255, 255);
}

.element-3 {
  clear: both;
  z-index: 29;
  width: 100%;
  height: 396px;
  margin: 34px 0 0 -0.4987%;
  border: 2px solid rgb(61, 103, 123);
  background-color: rgb(61, 103, 123);
}

.text-1 {
  width: 46%;
  min-height: 107px;
  margin: 23px 0 0 10%;
  font-size: 3.125em;
  color: rgb(0, 0, 0);
}

.text-10 {
  position: relative;
  z-index: 24;
  width: 12.7994791666%;
  min-height: 48px;
  margin-left: 0.66146%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-11 {
  position: relative;
  z-index: 26;
  width: 12.7994791666%;
  min-height: 48px;
  margin-left: 0.91146%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-12 {
  position: relative;
  z-index: 28;
  width: 12.7994791666%;
  min-height: 48px;
  margin-left: 0.91146%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-13 {
  position: relative;
  z-index: 34;
  width: 12.7994791666%;
  min-height: 48px;
  margin-left: 0.85938%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-14 {
  clear: both;
  width: 39.2%;
  min-height: 25px;
  margin: 5px 0 0 10%;
  font-family: Helvetica;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

.text-15 {
  position: relative;
  clear: both;
  z-index: 30;
  width: 32.4166666666%;
  min-height: 104px;
  margin: -104px 0 0 9.49349%;
  font-size: 1.25em;
  font-weight: 700;
  color: rgb(255, 242, 242);
}

.text-2 {
  position: relative;
  z-index: 10;
  width: 12.8%;
  min-height: 48px;
  margin-left: 10%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-3 {
  position: relative;
  z-index: 11;
  width: 12.7994791666%;
  min-height: 48px;
  margin: -48px 0 0 0.76563%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-4 {
  position: relative;
  z-index: 12;
  width: 12.7994791666%;
  min-height: 48px;
  margin: -48px 0 0 0.76563%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-5 {
  position: relative;
  z-index: 14;
  width: 12.7994791666%;
  min-height: 48px;
  margin: -48px 0 0 0.76172%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-6 {
  position: relative;
  z-index: 16;
  width: 12.7994791666%;
  min-height: 48px;
  margin: -48px 0 0 0.76563%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-7 {
  position: relative;
  z-index: 18;
  width: 12.7994791666%;
  min-height: 48px;
  margin: -48px 0 0 0.76172%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-8 {
  position: relative;
  clear: both;
  z-index: 22;
  width: 12.7994791666%;
  min-height: 48px;
  margin-left: 10%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-9 {
  position: relative;
  z-index: 23;
  width: 12.7994791666%;
  min-height: 48px;
  margin-left: 0.66146%;
  font-size: 1em;
  text-align: center;
  color: rgb(0, 0, 0);
}

._button-1 {
  z-index: 2;
  width: 13.6%;
  height: 70px;
  margin: -113px 0 0 33.20052%;
  border-bottom: 3px solid rgb(61, 103, 123);
  border-radius: 3px;
  background-color: rgba(222, 222, 222, 0);
  font-family: Lora;
  font-size: 1.563em;
  color: rgb(61, 103, 123);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

._button-10 {
  z-index: 15;
  width: 12.8333333333%;
  height: 154px;
  margin-left: 0.76823%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background-color: rgb(78, 131, 157);
  font-size: 1.125em;
  color: rgb(255, 255, 255);
}

._button-11 {
  z-index: 17;
  width: 12.8333333333%;
  height: 154px;
  margin: -154px 0 0 78.0026%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/open-book.png') rgb(246, 255, 0);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 50% 37%;
  font-size: 1.125em;
  color: rgb(255, 255, 255);
}

._button-12 {
  clear: both;
  z-index: 19;
  width: 12.8333333333%;
  height: 154px;
  margin: -21px 0 0 10%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/reading.png') rgb(194, 143, 72);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center center;
  font-size: 1.25em;
  color: rgb(0, 0, 0);
}

._button-13 {
  z-index: 20;
  width: 12.8333333333%;
  height: 154px;
  margin: -21px 0 0 0.76563%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/hand-writing-with-ballpen.png') rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center center;
  font-size: 1.125em;
  color: rgb(0, 0, 0);
}

._button-14 {
  z-index: 21;
  width: 12.8333333333%;
  height: 154px;
  margin: -21px 0 0 0.76693%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/fountain-pen(2).png') rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center center;
  font-size: 1.125em;
  color: rgb(255, 255, 255);
}

._button-15 {
  z-index: 25;
  width: 12.8333333333%;
  height: 154px;
  margin: -21px 0 0 0.76823%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/abc-cubes-for-education.png') rgb(208, 85, 252);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center center;
  font-size: 1.125em;
  color: rgb(255, 255, 255);
}

._button-16 {
  z-index: 27;
  width: 12.8333333333%;
  height: 154px;
  margin: -21px 0 0 0.76823%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/sun(2).png') rgb(253, 255, 153);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center center;
  font-size: 1.125em;
  color: rgb(255, 255, 255);
}

._button-17 {
  z-index: 33;
  width: 12.8333333333%;
  height: 154px;
  margin: -21px 0 0 0.79818%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/radio%20(1).png') rgb(0, 251, 255);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center center;
  font-size: 1.125em;
  color: rgb(255, 255, 255);
}

._button-10:hover,
._button-11:hover,
._button-12:hover,
._button-13:hover,
._button-14:hover,
._button-15:hover,
._button-16:hover,
._button-17:hover,
._button-6:hover,
._button-7:hover,
._button-8:hover,
._button-9:hover {
  border-width: 5px;
}

._button-2 {
  z-index: 3;
  width: 13.5989583333%;
  height: 70px;
  margin: -113px 0 0 47.60026%;
  border-bottom: 3px solid rgb(61, 103, 123);
  border-radius: 3px;
  background-color: rgba(222, 222, 222, 0);
  font-family: Lora;
  font-size: 1.563em;
  color: rgb(61, 103, 123);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

._button-3 {
  z-index: 4;
  width: 13.5989583333%;
  height: 70px;
  margin: -113px 0 0 62.0013%;
  border-bottom: 3px solid rgb(61, 103, 123);
  border-radius: 3px;
  background-color: rgba(222, 222, 222, 0);
  font-family: Lora;
  font-size: 1.563em;
  color: rgb(61, 103, 123);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

._button-2:hover,
._button-3:hover {
  border-bottom-color: rgb(154, 72, 50);
  color: rgb(154, 72, 50);
}

._button-4 {
  z-index: 5;
  width: 13.5989583333%;
  height: 70px;
  margin: -113px 0 0 76.40104%;
  border-bottom: 3px solid rgb(154, 72, 50);
  border-radius: 3px;
  background-color: rgba(222, 222, 222, 0);
  font-family: Lora;
  font-size: 1.563em;
  color: rgb(154, 72, 50);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

._button-4:hover {
  border-bottom-color: rgb(154, 72, 50);
  background-color: rgba(222, 222, 222, 0);
  color: rgb(154, 72, 50);
}

._button-5 {
  z-index: 35;
  width: 6.9166666666%;
  height: 58px;
  margin: -101px 0 0 91.54167%;
  border-radius: 3px;
  background: url('../images/russia-flag.png') rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right center;
  font-family: Helvetica;
  font-size: 1em;
  color: rgb(0, 0, 0);
}

._button-6 {
  clear: both;
  z-index: 7;
  width: 12.8333333333%;
  height: 154px;
  margin-left: 10%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/musical-note.png') rgb(158, 245, 221);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: 39% 40%;
  font-size: 1.25em;
  color: rgb(0, 0, 0);
}

._button-7 {
  z-index: 8;
  width: 12.8333333333%;
  height: 154px;
  margin-left: 0.76563%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/radio.png') rgb(211, 199, 177);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center center;
  font-size: 1.125em;
  color: rgb(0, 0, 0);
}

._button-8 {
  z-index: 9;
  width: 12.8333333333%;
  height: 154px;
  margin-left: 0.76693%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/tv.png') rgb(240, 16, 16);
  background-repeat: no-repeat;
  background-size: 90px auto;
  background-position: center center;
  font-size: 1.125em;
  color: rgb(255, 255, 255);
}

._button-9 {
  z-index: 13;
  width: 12.8333333333%;
  height: 154px;
  margin-left: 0.76823%;
  border: 2px solid rgb(61, 103, 123);
  border-radius: 30px;
  background: url('../images/3691805-building-fortress-landmark-nis_108105%20(1).png') rgb(52, 143, 22);
  background-repeat: no-repeat;
  background-size: 100px auto;
  background-position: center center;
  font-size: 1.125em;
  color: rgb(255, 255, 255);
}