@charset "UTF-8";
/**
* Eric Meyer's Reset CSS v2.0
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section, time {
  display: block;
}

@font-face {
  font-family: 'ManlySignature'; 
  src: url('https://ukrtyutyun.com/wp-content/themes/ukrtyutyun/contrafacts2025/fonts/Manly Signature/Manly-Signature-Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'BebasNeue'; 
  src: url('https://ukrtyutyun.com/wp-content/themes/ukrtyutyun/contrafacts2025/fonts/bebasneue/BebasNeue Regular.ttf') format('truetype'); 
}
@font-face {
  font-family: 'DINPro'; 
  src: url('https://ukrtyutyun.com/wp-content/themes/ukrtyutyun/contrafacts2025/fonts/DINPro/dinpro.otf'); 
  font-style: normal;
  font-stretch: 1% 500%; 
}


@font-face {
  font-family: 'DINPro';
  src: url('https://ukrtyutyun.com/wp-content/themes/ukrtyutyun/contrafacts2025/fonts/DINPro/dinpro_condensedregular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-stretch: condensed;
}



body {
  line-height: 1;
  color: black;
  background: #ffcc00;
}

a {
  color: inherit;
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* meyerweb css reset end */

textarea:focus, input:focus {
  outline: 0;
}

input {
  border-width: 0;
}

em {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
}

.group:before,
.group:after {
  content: " ";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1; /* ie 6/7 */
}

embed,
img,
object,
video {
  max-width: 100%;
}
sup {
  font-size: 58.3%;
  vertical-align: text-top;
}
sub {
  font-size: 58.3%;
  vertical-align: text-bottom;
}
.no-space-between-inline-blocks {
  *letter-spacing: normal; /*reset IE < 8*/
  letter-spacing: -0.31em; /*webkit*/
  word-spacing: -0.43em; /*IE < 8 && gecko*/
}
/*restore spacing on inner elements*/
.no-space-between-inline-blocks > * {
  letter-spacing: normal;
  word-spacing: normal;
}
.displace {
  left: -5000px;
  position: absolute;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:after,
*:before {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
html {
  font-size: 16px;
}
body {
  color: #1e110d;
  font-family: Montserrat, sans-serif;
  font-size: 16.66667px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
  text-decoration: none;
}
.utglobal_container_ {
  float: none;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
  z-index: 0;
  background: #1e110d center 0;  
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.utheader {
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
  z-index: 336;
  padding-bottom: 20px;
  
}
.utpodl2-kopiya-2 {
  left: 0;
  position: relative;
  margin-top: -50px;
  width: 100%;
  background: #1e110d;
}
.utpolosa-kopiya {
  left: 0;
  position: absolute;
  bottom:0;
  width: 100%; 
  z-index: -1;

}
.utgroup-2 {
  left: 7.96875%;
  position: absolute;
  top: 864px;
  width: 83.59375%; /* 1070px / 1280px = 83.59375% */
}
.utpodl3-holder {
  padding: 28px 3.925234% 25px; /* 42px / 1070px = 3.925234% */
  position: relative;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ffcc00;
  text-align: center;
  z-index: 15;
}
.utnav {
  margin: 0 0 0 0.46729%; /* 5px / 1070px = 0.46729% */
  position: relative;
}
.utnav-list {
  position: relative;
  list-style: none;
  text-align: center;
  font-size: 1vw;
}
.utnav-list li {
  display: inline-block;
  padding: 0 15px;
}
.nav-list li {
  float: left;
 }
.nav-list li:last-child {
  margin-right: 0;
}
.utnav-item-1 {

  font-weight: bold;
  text-align: center;
}
.utnav-item-1-2 {

  font-weight: bold;
  text-align: center;
}
.utnav-item-1-3 {

  font-weight: bold;
  text-align: center;
}
.utnav-item-1-4 {

  font-weight: bold;
  text-align: center;
}
.utnav-item-1-5 {
 
  font-weight: bold;
  text-align: center;
}
.utnav-item-1-6 {

  font-weight: bold;
  text-align: center;
}
.utnav-item-1-7 {

  font-weight: bold;
  text-align: center;
}
.utrow-17 {
  margin: 34px 0 0 10.280374%; /* 110px / 1070px = 10.280374% */
  position: relative;
  width: 89.71963%; /* 960px / 1070px = 89.71963% */
  padding-bottom: 10px;
}
.uttext {
  float: left;
  margin: 16px 4.583333% 0 0; /* 44px / 960px = 4.583333% */
  width: 25%;
  color: #ffcc00;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  line-height: 66.66666px;
}
.uttext-2 {
  float: left;
  width: 49.895832%; /* 479px / 960px = 49.895832% */
  color: #fffffe;
  font-weight: 300;
  line-height: 28.33333px;
  padding-left: 10px;
}
.utpryamougolnik-1-kopiya-holder {
  margin: 20px auto 0;
  min-height: 165px;
  padding: 28px 9.158878% 15px; /* 98px / 1070px = 9.158878% */
  position: relative;
  width: 92.897194%; /* 994px / 1070px = 92.897194% */
  background: #fbfaf8;
  display: flex;
  align-items: start;
}
.utukrtutun {
  float: left;
  margin: 3px 13.032581% 0 0; /* 104px / 798px = 13.032581% */
  width: 101px;
}
.uttext-3 {
  width: 88.59649%; /* 707px / 798px = 88.59649% */
  color: #190e0b;
  font-weight: bold;
  line-height: 29.16667px;
}
.utgroup-3 {
  left: 0;
  
  padding: 35px 50px 120px; 
  position: relative;
  top: 0;
  width: 100%; /* 1280px / 1280px = 100% */
 /* background-color: #ffcc00;*/
  /*border-radius: 0 0 150px 150px;*/
}
.utrow-9 {
  margin: 50px 0 auto;
  min-height: 96px;
  padding: 21px 3.984375% 10px 5.9375%; /* 51px / 1280px = 3.984375%, 76px / 1280px = 5.9375% */
  position: relative;
  width: 99.835526%; /* 1214px / 1216px = 99.835526% */
  background-color: #1e110d;
  border-radius: 60px;
}
.utnav-item-1-8 {
  float: left;
  margin: 19px 0 0;
  color: #fbf9f9;
  font-size: 15.17455px;
  font-weight: 300;
}
.utnav-item-1-9 {
  float: left;
  margin: 19px 0 0 2.575897%; /* 28px / 1087px = 2.575897% */
  color: #fbf9f9;
  font-size: 15.17455px;
  font-weight: 300;
}
.utnav-item-1-10 {
  float: left;
  margin: 19px 0 0 2.207912%; /* 24px / 1087px = 2.207912% */
  color: #fbf9f9;
  font-size: 15.17455px;
  font-weight: 300;
}
.utnav-item-1-11 {
  float: left;
  margin: 19px 0 0 2.943882%; /* 32px / 1087px = 2.943882% */
  color: #fbf9f9;
  font-size: 15.17455px;
  font-weight: 300;
}
.utlogo_1 {  
  max-width: 183px;
  width: 100%
}
.utnav-item-1-12 {
  float: left;
  margin: 19px 0 0 2.299908%; /* 25px / 1087px = 2.299908% */
  color: #fbf9f9;
  font-size: 15.17455px;
  font-weight: 300;
}
.utnav-item-1-13 {
  float: left;
  margin: 19px 0 0 8.463661%; /* 92px / 1087px = 8.463661% */
  color: #fbf9f9;
  font-size: 15.17455px;
  font-weight: 300;
}

.utfree-icon-mail-w {
  float: right;
  margin: 18px 0 0;
  width: 31px;
}
.utrow-18 {
  left: 1.356908%;
  margin: 25px auto 0;
  position: relative;
  width: 89.0625%; /* 1083px / 1216px = 89.0625% */
}
.utkontra {
  float: left;
/*  height: 637px; */
  margin: 0 -0.646353% 0 0; /* -7px / 1083px = -0.646353% */
  position: relative;
  width: 100%;
}
.uttext-4 {
  
  position: relative;
  color: #000000;
  font-size: 25px;
  line-height: 41.66667px;
  text-align: left;
  padding-left: 150px;

}
.utdati-provedennya {
  min-height: 58px;
  padding: 10px 0 8px 0.762527%; /* 7px / 918px = 0.762527% */
  position: relative;
  top: 0;
  width: 33.66013%; /* 309px / 918px = 33.66013% */
  background-color: #ffffff;
  color: #000000;
  font-size: 1vw;
  font-weight: bold;
  line-height: 18.97573px;
  text-align: center;
  border-radius: 50px;
  margin: 20px auto;
}
.utlogo_2 {
  left: 8.496732%;
  position: absolute;
  top: 30px;
  width: 156px;
}
.utcol-11 {
  width: 100%;
  margin-top: 50px;
  /*min-height: 637px;*/
  text-align: center;
  padding-bottom: 20px;
  position: relative;
  top: 0;
  z-index: 1;
  padding-left:10%;
 /* background: url(images/2025_1.svg) no-repeat center 0; */
}
.i2025_1 {
  position: absolute;
  z-index: 10;
  text-align: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 130px;
}
.utkontrafacts {
  position: relative;
  color: #000000;
  font-family: BebasNeue, serif;
  font-size: 137px;
  font-weight: bold;
  text-align: center;
  padding-top:15px;
  padding-left: 60px;
}
.utmediaawards {
  padding-left:50px;
  margin-top: -20px;
  position: relative;
  color: #000000;
  font-family: ManlySignature, serif;
  font-size: 10vw;
  text-align: center;
  padding-bottom: 50px;
}
.utlayer {
  left: 0;
  max-width: 315px;
  position: relative;
  top: 34px;
  width: 34.313725%; /* 315px / 918px = 34.313725% */
}
.utgroup-4 {
  position: fixed;
  right: 5%;
  bottom:5%;
  
  background-color: #ffffff;
  border-radius: 50%;
  height: 150px;
  width: 150px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  z-index: 120;
}
.utcol-12 {
  margin: 0 auto;
  min-height: 149px;
  padding: 29px 0 27px;
  position: relative;
  right: 2.743902%;
  width: 94.51219%; /* 155px / 164px = 94.51219% */

}
.uttext-6 {
  color: #000000;
  font-family: DINPro, serif;
  font-size: 19.48584px;
  font-stretch: condensed;
  line-height: 20.83333px;
  text-align: center;
}
.utfree-icon-mail-646135 {
  display: block;
  margin: 11px auto 0;
  width: 56px;
}
.utmain-content-wrapper {
  margin:  0;
  position: relative;
  z-index: 8;
  background-color: #ffffff;
}
.utgroup-5 {
  margin: 0 auto;
  position: relative;
  width: 77.65625%; /* 994px / 1280px = 77.65625% */
  z-index: 324;
}
.utrow-19 {
  margin: 0 0 0 6.841046%; /* 68px / 994px = 6.841046% */
  position: relative;
  width: 93.15895%; /* 926px / 994px = 93.15895% */
  display: flex;
  align-items: center;
}
.uttext-7 {
  float: left;
  margin: 39px 0 0 0; /* 53px / 926px = 5.723542% */
  width: 31.533478%; /* 292px / 926px = 31.533478% */
  font-family: DINPro, serif;
  font-size: 72px;
  font-stretch: condensed;
}
.uttext-8 {
  float: left;
  width: 39.956802%; /* 370px / 926px = 39.956802% */
  font-weight: 300;
  line-height: 28.33333px;
  padding-top:30px;
  padding-bottom: 30px;
}
.utrow-8 {
  margin: 21px 0 0;
  min-height: 472px;
  padding: 40px 10.56338% 34px; /* 105px / 994px = 10.56338% */
  position: relative;
  background: #ffcc00;
  
}

.utmeta-polosa {
  width: 20px;
  margin-top: 75px !important;
}
.utcol-19 {
  position: relative;
  width: 32.908165%; /* 258px / 784px = 32.908165% */
  margin-top: 42px !important;
}
.uttext-9 {
  margin: 0 0 0 2.713178%; /* 7px / 258px = 2.713178% */
  font-size: 79.34174px;
  font-weight: 300;
}
.uttext-10 {
  margin: 61px 0 0;
  font-weight: 300;
}
.uttext-11 {
  margin: 38px 0 0;
  font-weight: 300;
}
.utcol-20 {
  position: relative;
  width: 48.72449%; /* 382px / 784px = 48.72449% */
}
.uttext-12 {
  margin: 20px 0 0 0; 
  width: 99.21466%; /* 379px / 382px = 99.21466% */
  font-weight: 300;
  line-height: 28.33333px;
}
.uttext-13 {
  margin: 70px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
}
.uttext-14 {
  margin: 47px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
}
.uttext-15 {
  margin: 19px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
}
.utgroup-6 {
  margin: 46px auto 0;
  min-height: 963px;
  overflow: hidden;
  padding: 51px 0 41px;
  position: relative;
  z-index: 312;
  background: #ffcc00;
}
.utrow-4 {
  margin: 0 auto;
  position: relative;
  width: 70%;
}
.utzhuri{
  float:left;
  width: 33.33%;
  text-align: center;
  padding-bottom: 20px;
  line-height: 1.5;
}
.utzhuri img {
  width: 170px;
}
.uttext-16 {
 
  margin: 0 7.970112% 0 0; /* 64px / 803px = 7.970112% */
  width: 100%;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.uttext-17 {
  float: left;
  margin: 42px 0 0;
  width: 33.49938%; /* 269px / 803px = 33.49938% */
  font-weight: 300;
}
.utwrapper-23 {
  margin: 20px auto 0;
  position: relative;
  width: 70%;
}
.utrow-3 {
  left: 3.34728%;
  min-height: 536px;
  position: relative;
  top: 0;
  width: 96.65272%; /* 693px / 717px = 96.65272% */

}
.uttext-18 {
  float: left;
  margin: 1px 0 0 33.53566%; /* 221px / 659px = 33.53566% */
  width: 33.383915%; /* 220px / 659px = 33.383915% */
  color: #00040f;
  font-size: 17.99587px;
  font-weight: 500;
  line-height: 23.78025px;
  text-align: center;
}
.uttext-19 {
  float: right;
  width: 22.306524%; /* 147px / 659px = 22.306524% */
  color: #000208;
  font-size: 17.99587px;
  font-weight: 500;
  line-height: 23.78025px;
  text-align: center;
}
.uttext-20 {
  left: 0.69735%;
  position: absolute;
  top: 191px;
  color: #000206;
  font-size: 17.99587px;
  font-weight: 500;
  line-height: 23.78025px;
  text-align: center;
}
.utrow-24 {
  margin: 12px auto 0;
  position: relative;
  width: 56.015625%; /* 717px / 1280px = 56.015625% */
}
.uttext-21 {
  float: left;
  margin: 9px 0 0;
  width: 25.523012%; /* 183px / 717px = 25.523012% */
  color: #000208;
  font-size: 17.99587px;
  font-weight: 500;
  line-height: 23.78025px;
  text-align: center;
}
.uttext-22 {
  float: left;
  margin: 9px 0 0 13.947001%; /* 100px / 717px = 13.947001% */
  width: 22.873083%; /* 164px / 717px = 22.873083% */
  color: #000106;
  font-size: 17.99587px;
  font-weight: 500;
  line-height: 23.78025px;
  text-align: center;
}
.uttext-23 {
  float: left;
  margin: 0 0 0 11.297071%; /* 81px / 717px = 11.297071% */
  width: 26.359833%; /* 189px / 717px = 26.359833% */
  color: #000001;
  font-size: 17.99587px;
  font-weight: 500;
  line-height: 23.78025px;
  text-align: center;
}
.utpartneri {
  height: 497px;
  margin: -3px auto 0;
  overflow: hidden;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
  z-index: 301;
  background: #403634;
}
.utpartneri-2 { 
  color: #ffffff;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  line-height: 71px;
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.utpolosa-kopiya-2 {
  left: 0;
  position: absolute;
  top: 129px;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utpolosa-kopiya-3 {
  left: 0;
  position: absolute;
  top: 99px;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utrow-2 {
  left: 10.46875%;
  min-height: 179px;
  padding: 56px 3.75% 53px 4.6875%; /* 48px / 1280px = 3.75%, 60px / 1280px = 4.6875% */
  position: absolute;
  top: 252px;
  width: 77.734375%; /* 995px / 1280px = 77.734375% */
  background: #ffffff;
  display: flex;
  justify-content: center;
}
.uteba {
  float: left;
  margin: 7px 0 0;
  width: 122px;
}
.utkonsju {
  float: left;
  margin: 0 0 0 5.29876%; /* 47px / 887px = 5.29876% */
  max-width: 194px;
  width: 21.871477%; /* 194px / 887px = 21.871477% */
}
.utinterfax_ukraine_logo_ukr {
  float: left;
  margin: 15px 0 0 3.945885%; /* 35px / 887px = 3.945885% */
  max-width: 246px;
  width: 27.733934%; /* 246px / 887px = 27.733934% */
}
.utpage-red {
  float: left;
  margin: 10px 0 0 3.945885%; /* 35px / 887px = 3.945885% */
  max-width: 208px;
  width: 23.449831%; /* 208px / 887px = 23.449831% */
}
.utgroup-7 {
  margin: -4px auto 0;
  min-height: 579px;
  padding: 43px 20.9375% 31px 24.453125%; /* 268px / 1280px = 20.9375%, 313px / 1280px = 24.453125% */
  position: relative;
  z-index: 295;
  background: #ffcc00;
}
.utlayer-2 {
  float: left;
  margin: 105px 4.148784% 0 0; /* 29px / 699px = 4.148784% */
  width: 22px;
}
.utcol-13 {
  float: left;
  position: relative;
  width: 92.703865%; /* 648px / 699px = 92.703865% */
}
.uttext-24 {
  margin: 10px auto 30px;
  color: #030000;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.uttext-25 {
  margin: 31px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
}
.utumoai {
  margin: 0 auto;
  min-height: 551px;
  overflow: hidden;
  padding: 39px 13.75% 49px; /* 176px / 1280px = 13.75% */
  position: relative;
  z-index: 277;
  background: #c2bebe;
}
.utrow-22 {
  margin: 0; /* 232px / 1280px = 18.125% */
  position: relative;
  width: 100%; /* 688px / 928px = 74.13793% */
}
.utumovi {
  margin: 2px 3.052325% 0 0; /* 21px / 688px = 3.052325% */
  color: #000000;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.uttext-26 {
   color: #050400;
  font-size: 26.9994px;
  font-weight: 300;
  line-height: 33.33333px;
  text-align: center;
}
.utrow-23 {
  margin: 32px auto 0;
  position: relative;
  width: 99.13793%; /* 920px / 928px = 99.13793% */
  display: flex;
}
.utpryamougolnik-2-kopiya-7-holder {
  float: left;
  margin: 0 1.73913% 0 0; /* 16px / 920px = 1.73913% */
  min-height: 117px;
  padding: 36px 3.369565% 31px; /* 31px / 920px = 3.369565% */
  position: relative;
  width: 49.130436%; /* 452px / 920px = 49.130436% */
  background: #ffcc00;
}
.utzhurnal_bl {
  float: left;
  margin: 0 9.48718% 0 0; /* 37px / 390px = 9.48718% */
  width: 35px;
}
.uttext-27 {
  margin: 18px 0 0;
  color: #040100;
  font-weight: 300;
}
.utpryamougolnik-2-kopiya-8-holder {
  float: left;
  min-height: 117px;
  padding: 36px 2.934783% 20px; /* 27px / 920px = 2.934783% */
  position: relative;
  width: 49.130436%; /* 452px / 920px = 49.130436% */
  background: #ffcc00;
  display: flex;
  align-items: flex-start;
}
.utvidannya_bl {
  float: left;
  margin: 1px 6.281407% 0 0; /* 25px / 398px = 6.281407% */
  width: 65px;
}
.uttext-28 {
  color: #060200;
  font-weight: 300;
  line-height: 28.33334px;
}
.utrow-21 {
  margin: 18px auto 0;
  position: relative;
  width: 99.13793%; /* 920px / 928px = 99.13793% */
  display: flex;
}
.utpryamougolnik-2-kopiya-9-holder {
  float: left;
  margin: 0 1.73913% 0 0; /* 16px / 920px = 1.73913% */
  min-height: 117px;
  padding: 15px 15px 12px; /* 9px / 920px = 0.978261% */
  position: relative;
  width: 49.130436%; /* 452px / 920px = 49.130436% */
  background: #ffcc00;
  display: flex;
  align-items: flex-start;
}
.utcifr-kont_bl {
  float: left;
  margin: 21px 5.299539% 0 3.456221%; /* 23px / 434px = 5.299539%, 15px / 434px = 3.456221% */
  width: 50px;
}
.uttext-29 {
  float: left;
  color: #060200;
  font-weight: 300;
  line-height: 28.33334px;
}
.utpryamougolnik-2-kopiya-10-holder {
  float: left;
  min-height: 117px;
  padding: 37px 3.478261%; /* 32px / 920px = 3.478261% */
  position: relative;
  width: 49.130436%; /* 452px / 920px = 49.130436% */
  background: #ffcc00;
}
.utsocmerezh_bl {
  float: left;
  margin: 0 10.56701% 0 0; /* 41px / 388px = 10.56701% */
  width: 41px;
}
.uttext-30 {
  margin: 13px 0 0;
  color: #020000;
  font-weight: 300;
}
.uttext-31 {
  margin: 18px 0 0;
  color: #060200;
  font-weight: 300;
  line-height: 28.33333px;
}
.utgroup-8 {
  margin: -2px auto 0;
  min-height: 463px;
  overflow: hidden;
  padding: 21px 13.4375%; /* 172px / 1280px = 13.4375% */
  position: relative;
  z-index: 258;
  background: #ffffff;
}
.uttext-32 {
  color: #000000;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.utrow-29 {
  margin: 39px auto 0;
  position: relative;
  right: 3.632479%;
  width: 56.410255%; /* 528px / 936px = 56.410255% */
}
.utellips-2 {
  float: left;
  height: 26px;
  width: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.utellips-2-kopiya {
  float: left;
  height: 26px;
  margin: 0 0 0 25.568182%; /* 135px / 528px = 25.568182% */
  width: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.utellips-2-kopiya-2 {
  float: left;
  height: 26px;
  margin: 0 0 0 24.05303%; /* 127px / 528px = 24.05303% */
  width: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.utellips-2-kopiya-3 {
  float: left;
  height: 26px;
  margin: 0 0 0 30.681818%; /* 162px / 528px = 30.681818% */
  width: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.utrow-30 {
  margin: 7px auto 0;
  position: relative;
  right: 2.617521%;
  width: 66.98718%; /* 627px / 936px = 66.98718% */
}
.uttext-33 {
  float: left;
  margin: 1px 0 0;
  width: 16.427433%; /* 103px / 627px = 16.427433% */
  color: #000000;
  font-weight: 600;
  line-height: 16.66667px;
  text-align: center;
}
.uttext-34 {
  float: left;
  margin: 36px 0 0 26px; /* 73px / 627px = 11.642743% */
  color: #000000;
  font-weight: 600;
  text-align: center;
}
.uttext-35 {
  float: left;
  margin: 1px 0 0 6.539075%; /* 41px / 627px = 6.539075% */
  width: 23.285486%; /* 146px / 627px = 23.285486% */
  color: #000000;
  font-weight: 600;
  line-height: 16.66667px;
  text-align: center;
}
.uttext-36 {
  float: left;
  margin: 0 0 0 7.496013%; /* 47px / 627px = 7.496013% */
  width: 21.69059%; /* 136px / 627px = 21.69059% */
  color: #000000;
  font-weight: 600;
  line-height: 16.66667px;
  text-align: center;
}
.utrow-20 {
  margin: 52px auto 0;
  position: relative;
  right: 4.273504%;
  width: 36.965813%; /* 346px / 936px = 36.965813% */
}
.utellips-2-kopiya-4 {
  float: left;
  height: 26px;
  width: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.utellips-2-kopiya-5 {
  float: left;
  height: 26px;
  margin: 0 0 0 36.416183%; /* 126px / 346px = 36.416183% */
  width: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.utellips-2-kopiya-6 {
  float: left;
  height: 26px;
  margin: 0 0 0 41.040462%; /* 142px / 346px = 41.040462% */
  width: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.utrow-31 {
  margin: 7px auto 0;
  position: relative;
  right: 2.777778%;
  width: 45.299145%; /* 424px / 936px = 45.299145% */
}
.utpodkast {
  float: left;
  margin: 4px 0 0;
  color: #000000;
  font-weight: 600;
  text-align: center;
}
.uttext-37 {
  float: left;
  margin: 0 0 0 13.207547%; /* 56px / 424px = 13.207547% */
  color: #000000;
  font-weight: 600;
  text-align: center;
}
.uttext-38 {
  float: left;
  margin: 0 0 0 12.264151%; /* 52px / 424px = 12.264151% */
  width: 29.95283%; /* 127px / 424px = 29.95283% */
  color: #000000;
  font-weight: 600;
  line-height: 16.66667px;
  text-align: center;
}
.uttext-39 {
  margin: 31px 1.875% 0 0; /* 24px / 1280px = 1.875% */
  color: #000000;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
}
.utformati {
  height: 552px;
  margin: -29px auto 0;
  overflow: hidden;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
  z-index: 245;
}
.utpodl2-holder {
  left: 0;
  min-height: 497px;
  padding: 60px 0 367px;
  position: absolute;
  top: 0;
  width: 100%; /* 1280px / 1280px = 100% */
  background: #403634;
  color: #ffffff;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.utpolosa-kopiya-2-holder {
  height: 413px;
  left: 0;
  position: absolute;
  top: 139px;
  width: 100%; /* 1280px / 1280px = 100% */
  background: url(images/polosa_kopiya_2_3.png) no-repeat center 0;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.utpolosa-kopiya-3-2 {
  left: 0;
  position: absolute;
  top: 90px;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utrow-16 {
  left: 10.859375%;
  min-height: 265px;
  padding: 84px 19.84375% 69px; /* 254px / 1280px = 19.84375% */
  position: absolute;
  top: 23px;
  width: 77.734375%; /* 995px / 1280px = 77.734375% */
  background: #ffffff;
  display: flex;
  align-items: flex-end;
}
.utcol-41 {
  float: left;
  margin: 9px 0 0;
  position: relative;
  width: 19.301847%; /* 94px / 487px = 19.301847% */
}
.uttekst {
  display: block;
  margin: 0 auto;
  width: 36px;
}
.uttekstovii {
  margin: 50px 0 0;
  color: #000000;
  font-weight: 300;
  text-align: center;
}
.utcol-42 {
  float: left;
  margin: 0 0 0 21.971252%; /* 107px / 487px = 21.971252% */
  position: relative;
  width: 10.677618%; /* 52px / 487px = 10.677618% */
}
.utvideo {
  display: block;
  margin: 0 auto;
  width: 51px;
}
.uttext-40 {
  margin: 39px 0 0;
  color: #000000;
  font-weight: 300;
  text-align: center;
}
.utcol-31 {
  float: left;
  margin: 6px 0 0 28.131416%; /* 137px / 487px = 28.131416% */
  position: relative;
  width: 10.677618%; /* 52px / 487px = 10.677618% */
}
.utaudio {
  display: block;
  margin: 0 auto;
  width: 47px;
}
.uttext-41 {
  margin: 39px 0 0;
  color: #000000;
  font-weight: 300;
}
.utgroup-9 {
  margin: -57px auto 0;
  min-height: 605px;
  overflow: hidden;
  padding: 53px 12.96875% 29px; /* 166px / 1280px = 12.96875% */
  position: relative;
  z-index: 231;
  background: #1e110d;
}
.uttext-42 {
  color: #fbf7f7;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.utrow-27 {
  margin: 69px auto 0;
  position: relative;
  width: 70%;

}
.utellips-3-holder {
  float: left;
  margin: 4px 6.178862% 0 0; /* 38px / 615px = 6.178862% */
  min-height: 75px;
  width: 75px;
  -webkit-border-radius: 38.5px/37.5px;
  -moz-border-radius: 38.5px/37.5px;
  border-radius: 38.5px/37.5px;
  background: #ffcc00;
  color: #050400;
  font-size: 59.21211px;
  font-weight: 300;
  line-height: 75px;
  text-align: center;
}
.utcol-43 {
  float: left;
  position: relative;
  width: 81.30081%; /* 500px / 615px = 81.30081% */
}
.uttext-44 {
  margin: 0 0 0 1%; /* 5px / 500px = 1% */
  color: #ffcc00;
  font-weight: 300;
}
.uttext-45 {
  margin: 3px 0 0;
  color: #fcfbf9;
  font-size: 41.66667px;
  font-weight: 300;
  text-align: left;
}
.utrow-28 {
  margin: 32px auto 0;
  position: relative; 
 width: 70%;
}
.utellips-3-kopiya-holder {
  float: left;
  margin: 0 6.569343% 0 0; /* 36px / 548px = 6.569343% */
  min-height: 75px;
  padding: 5px 0 11px;
  width: 75px;
  -webkit-border-radius: 38.5px/37.5px;
  -moz-border-radius: 38.5px/37.5px;
  border-radius: 38.5px/37.5px;
  background: #ffcc00;
  color: #050400;
  font-size: 59.21211px;
  font-weight: 300;
  text-align: center;
}
.utcol-44 {
  float: left;
  position: relative;
  width: 79.37956%; /* 435px / 548px = 79.37956% */
}
.uttext-46 {
  margin: 0 0 0 0.689655%; /* 3px / 435px = 0.689655% */
  color: #ffcc00;
  font-weight: 300;
  text-align: left;
}
.uttext-47 {
  margin: 11px 0 0;
  color: #fcfbf9;
  font-size: 41.66667px;
  font-weight: 300;
}
.uttext-48 {
  margin: 68px 1.953125% 0 0.15625%; /* 25px / 1280px = 1.953125%, 2px / 1280px = 0.15625% */
  color: #fbfaf8;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utprizovii-fondl {
  margin: -3px auto 0;
  position: relative;
  z-index: 202;
}
.utcol-17 {
  min-height: 434px;
  padding: 52px 10.9375% 38px; /* 140px / 1280px = 10.9375% */
  position: relative;
  background: #ffcc00;
}
.uttext-49 {
  color: #050000;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.utrow-6 {
  margin: 40px auto 0;
  position: relative;
  width: 98.9%; /* 989px / 1000px = 98.9% */
}
.utrow-6 > * {
  float: left;
  margin: 0 1.445905% 0 0; /* 14.3px / 989px = 1.445905% */
}
.utrow-6 > *:last-child {
  margin-right: 0 !important;
}
.utcol-30 {
  min-height: 238px;
  padding: 13px 4.853387% 23px; /* 48px / 989px = 4.853387% */
  position: relative;
  width: 32.355915%; /* 320px / 989px = 32.355915% */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fcfcfb;
}
.utellips-1-holder {
  left: 1.339286%;
  margin: 0 auto;
  padding: 22px 0 20px;
  position: relative;
  width: 43.75%; /* 98px / 224px = 43.75% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.uttext-50 {
  display: block;
  margin: 0 auto;
  width: 12px;
}
.uttext-51 {
  margin: 12px 0 0;
  font-weight: bold;
  text-align: center;
}
.utrow-15 {
  left: 10.044642%;
  margin: 7px auto 0;
  position: relative;
  width: 79.91071%; /* 179px / 224px = 79.91071% */
}
.uttext-52 {
  float: left;
  width: 81.005585%; /* 145px / 179px = 81.005585% */
  font-family: DINPro, serif;
  font-size: 5vw;
  font-stretch: condensed;
}
.utgrn {
  float: left;
  margin: 51px 0 0;
  width: 18.994413%; /* 34px / 179px = 18.994413% */
  font-weight: bold;
  text-align: center;
}
.utcol-26 {
  min-height: 238px;
  padding: 13px 5.358948% 23px; /* 53px / 989px = 5.358948% */
  position: relative;
  width: 32.355915%; /* 320px / 989px = 32.355915% */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fcfcfb;
}
.utellips-1-kopiya-holder {
  margin: 0 auto;
  padding: 22px 0 20px;
  position: relative;
  width: 45.79439%; /* 98px / 214px = 45.79439% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.uttext-53 {
  display: block;
  margin: 0 auto;
  width: 19px;
}
.uttext-54 {
  margin: 12px 0 0;
  font-weight: bold;
  text-align: center;
}
.utrow-13 {
  left: 8.64486%;
  margin: 7px auto 0;
  position: relative;
  width: 82.71028%; /* 177px / 214px = 82.71028% */
}
.uttext-55 {
  float: left;
  width: 80.79096%; /* 143px / 177px = 80.79096% */
  font-family: DINPro, serif;
  font-size: 5vw;
  font-stretch: condensed;
}
.uttext-56 {
  float: left;
  margin: 51px 0 0;
  width: 19.20904%; /* 34px / 177px = 19.20904% */
  font-weight: bold;
  text-align: center;
}
.utcol-28 {
  min-height: 238px;
  padding: 10px 5.055612% 23px; /* 50px / 989px = 5.055612% */
  position: relative;
  width: 32.355915%; /* 320px / 989px = 32.355915% */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fcfcfb;
}
.utellips-1-kopiya-2-holder {
  left: 1.818182%;
  margin: 0 auto;
  padding: 24px 0 18px;
  position: relative;
  width: 44.545456%; /* 98px / 220px = 44.545456% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.uttext-57 {
  display: block;
  margin: 0 auto;
  width: 18px;
}
.uttext-58 {
  margin: 15px 0 0;
  font-weight: bold;
  text-align: center;
}
.utrow-14 {
  left: 9.318182%;
  margin: 7px auto 0;
  position: relative;
  width: 81.36364%; /* 179px / 220px = 81.36364% */
}
.uttext-59 {
  float: left;
  width: 81.005585%; /* 145px / 179px = 81.005585% */
  font-family: DINPro, serif;
  font-size: 5vw;
  font-stretch: condensed;
}
.uttext-60 {
  float: left;
  margin: 51px 0 0;
  width: 18.994413%; /* 34px / 179px = 18.994413% */
  font-weight: bold;
  text-align: center;
}
.utrow-7 {
  

  position: relative;
  width: 100%; /* 897px / 1280px = 70.078125% */
  background-color: #ffffff;
}
.utrow-77{
  width: 70% ;
  margin: 40px auto 0;
}
.utcol-18 {
  float: left;
  margin: 0 0 20px;
  position: relative;
  width: 28.093645%; /* 252px / 897px = 28.093645% */
}
.uttext-61 {
  color: #050000;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  line-height: 66.66666px;
}
.uttext-62 {
  margin: 12px 0 0 3.174603%; /* 8px / 252px = 3.174603% */
  color: #050000;
  font-weight: 300;
}
.utcol-40 {
  float: right;
  position: relative;
  width: 54.292084%; /* 487px / 897px = 54.292084% */
}
.utrow-25 {
  position: relative;
}
.utellips-1-kopiya-3 {
  float: left;
  height: 40px;
  margin: 27px 20px 0 0; /* 36px / 278px = 12.94964% */
  width: 40PX; /* 42px / 278px = 15.107914% */
  -webkit-border-radius: 21px/20px;
  -moz-border-radius: 21px/20px;
  border-radius: 21px/20px;
  background: #ffcc00;
}
.uttext-63 {
  font-family: DINPro, serif;
  font-size: 33.33333px;
  font-stretch: condensed;
  line-height: 66.66666px;
}
.utwrapper-25 {
  margin: 8px 0 0;
  position: relative;
  width: 100%; /* 487px / 487px = 100% */
}
.utellips-1-kopiya-4 {
  float: left;
  height: 40px;
  margin: 49px 20px 50px 0; /* 34px / 487px = 6.98152% */
  width: 40px;
  -webkit-border-radius: 21px/20px;
  -moz-border-radius: 21px/20px;
  border-radius: 21px/20px;
  background: #ffcc00;
}
.utellips-1-kopiya-44 {
 /* display: inline-block; */
}
.uttext-65 {
  font-family: DINPro, serif;
  font-size: 33.33333px;
  font-stretch: condensed;
  line-height: 33.33333px;
}
.uttext-64 {
  clear: both;
  margin: 19px auto 0;
  color: #050000;
  font-weight: 300;
  line-height: 28.33333px;
}
.utforma-podannya {
  margin: 20px auto 0;
  min-height: 251px;
  padding: 40px 0 11px;
  position: relative;
  z-index: 195;
  background: #ffcc00;
}
.uttext-66 {
  color: #050000;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.uticon-mail {
  display: block;
  margin: 30px auto 0;
  width: 41px;
}
.uttext-67 {
  margin: 9px 0 0;
  color: #050000;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utgroup-10 {
  margin: 0 auto;
  position: relative;
  z-index: 69;
}
.utgroup-11 {
  min-height: 874px;
  overflow: hidden;
  padding: 65px 0 46px;
  position: relative;
  z-index: 177;
  background: #1e110d;
}
.uttext-68 {
  margin: 0 16.171875%; /* 207px / 1280px = 16.171875% */
  color: #ffffff;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  line-height: 66.66666px;
}
.utwrapper-15 {
  margin: 26px 0 0;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 20px;
}
.utpolosa {
  left: 0;
  position: absolute;
  top: 248px;
  width: 100%; /* 1280px / 1280px = 100% */
  z-index: -1;
}
.utcol-8 {
  
  padding: 13px 0 16px;
  position: relative;
  top: 0;
  width: 25%; /* 320px / 1280px = 25% */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fcfcfb;
}
.utellips-1-kopiya-holder-2 {
  margin: 0 auto;
  padding: 22px 0 20px;
  position: relative;
  width: 30.625%; /* 98px / 320px = 30.625% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.uttext-69 {
  display: block;
  margin: 0 auto;
  width: 19px;
}
.uttext-70 {
  margin: 6px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utcol-9 {
  
 
  padding: 10px 0;
  position: relative;
  top: 0;
  width: 25%; /* 320px / 1280px = 25% */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fcfcfb;
}
.utellips-1-kopiya-2-holder-2 {
  margin: 0 auto;
  padding: 24px 0 18px;
  position: relative;
  width: 30.625%; /* 98px / 320px = 30.625% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.uttext-71 {
  display: block;
  margin: 0 auto;
  width: 18px;
}
.uttext-72 {
  margin: 9px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utcol-10 {
 
  padding: 13px 0 16px;
  position: relative;
  top: 0;
  width: 25%; /* 320px / 1280px = 25% */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fcfcfb;
}
.utellips-1-holder-2 {
  margin: 0 auto;
  padding: 22px 0 20px;
  position: relative;
  width: 30.625%; /* 98px / 320px = 30.625% */
  -webkit-border-radius: 49px/47px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.uttext-73 {
  display: block;
  margin: 0 auto;
  width: 12px;
}
.uttext-74 {
  margin: 5px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utgroup-12 {
  margin: -7px 0 0;
  min-height: 702px;
  overflow: hidden;
  padding: 51px 0 13px;
  position: relative;
  z-index: 164;
  background: #403634;
}
.uttext-75 {
  margin: 0 16.25%; /* 208px / 1280px = 16.25% */
  color: #ffffff;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.utwrapper-14 {
  height: 527px;
  margin: 42px 0 0;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utpolosa-kopiya-2-2 {
  left: 0;
  position: absolute;
  top: 332px;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utpolosa-kopiya-3-3 {
  left: 0;
  position: absolute;
  top: 304px;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utrow-12 {
  left: 10.859375%;
  min-height: 469px;
  padding: 37px 3.828125% 18px; /* 49px / 1280px = 3.828125% */
  position: absolute;
  top: 0;
  width: 77.734375%; /* 995px / 1280px = 77.734375% */
  background: #ffffff;
  font-size: 1.2vw;
}
.utcol-22 {
  float: left;
  position: relative;
  width: 26.086956%; /* 234px / 897px = 26.086956% */
}
.utstrelka {
  display: block;
  margin: 0 auto;
  width: 51px;
}
.uttext-76 {
  margin: 18px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utcol-23 {
  float: left;
  margin: 0 0 0 8.918617%; /* 80px / 897px = 8.918617% */
  position: relative;
  width: 27.759197%; /* 249px / 897px = 27.759197% */
}
.utstrelka-kopiya {
  display: block;
  margin: 0 auto;
  width: 51px;
}
.uttext-77 {
  margin: 18px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utcol-24 {
  float: left;
  margin: 0 0 0 7.023411%; /* 63px / 897px = 7.023411% */
  position: relative;
  width: 27.982162%; /* 251px / 897px = 27.982162% */
}
.utstrelka-kopiya-2 {
  display: block;
  left: 2.788845%;
  margin: 0 auto;
  position: relative;
  width: 51px;
}
.uttext-78 {
  margin: 18px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utgroup-13 {
  margin: -3px 0 0;
  min-height: 249px;
  padding: 38px 0 42px;
  position: relative;
  z-index: 132;
  background: #ffcc00;
}
.uttext-79 {
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.utgroup-14 {
  display: table;
  margin: 34px auto 0;
  min-height: 59px;
  padding: 22px 5% 17px;
  background: #403634;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
}
.utgroup-15 {
  min-height: 662px;
  padding: 65px 0 0;
  position: relative;
  z-index: 114;
  background: #1e110d;
}
.uttext-81 {
  margin: 0 16.484375%; /* 211px / 1280px = 16.484375% */
  color: #ffffff;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  line-height: 66.66666px;
}
.utwrapper-13 {
  margin: 26px 0 0;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
  display: flex;
  align-items: stretch;
  padding-bottom: 30px;
  justify-content: center;
  gap: 20px;
}
.utpolosa-2 {
  left: 0;
  position: absolute;
  top: 156px;
  width: 100%; /* 1280px / 1280px = 100% */
  z-index: -1;
}
.utcol-5 {
  width: 25%;
  padding: 13px 0 28px;
  position: relative;
  top: 0;
  
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fcfcfb;
}
.utellips-1-kopiya-holder-3 {
  margin: 0 auto;
  padding: 22px 0 20px;
  position: relative;
  width: 30.625%; /* 98px / 320px = 30.625% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.uttext-82 {
  display: block;
  margin: 0 auto;
  width: 19px;
}
.uttext-83 {
  margin: 6px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utcol-6 {
  
  padding: 10px 0;
  position: relative;
  top: 0;
  width: 25%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fcfcfb;
}
.utellips-1-kopiya-2-holder-3 {
  margin: 0 auto;
  padding: 24px 0 18px;
  position: relative;
  width: 30.625%; /* 98px / 320px = 30.625% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.uttext-84 {
  display: block;
  margin: 0 auto;
  width: 18px;
}
.uttext-85 {
  margin: 8px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utcol-7 {
  
  padding: 13px 0;
  position: relative;
  top: 0;
  width: 25%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fcfcfb;
}
.utellips-1-holder-3 {
  margin: 0 auto;
  padding: 22px 0 20px;
  position: relative;
  width: 30.625%; /* 98px / 320px = 30.625% */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffcc00;
}
.uttext-86 {
  display: block;
  margin: 0 auto;
  width: 12px;
}
.uttext-87 {
  margin: 6px 0 0;
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.utgroup-16 {
  min-height: 702px;
  padding: 51px 0 14px;
  position: relative;
  z-index: 101;
  background: #403634;
}
.uttext-88 {
  margin: 0 16.5625%; /* 212px / 1280px = 16.5625% */
  color: #ffffff;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
}
.utwrapper-12 {
  height: 526px;
  margin: 42px 0 0;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utpolosa-kopiya-2-3 {
  left: 0;
  position: absolute;
  top: 332px;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utpolosa-kopiya-3-4 {
  left: 0;
  position: absolute;
  top: 304px;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utcol-21 {
  left: 10.625%;
  min-height: 491px;
  padding: 37px 1.875% 12px; /* 24px / 1280px = 1.875% */
  position: absolute;
  top: 0;
  width: 77.734375%; /* 995px / 1280px = 77.734375% */
  background: #ffffff;
}
.utrow-10 {
  margin: 0 auto;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;

}

.utrow-10 img {
  margin: 0 auto;
}
.utstrelka-2 {
  float: left;
  width: 51px;
}
.utstrelka-kopiya-3 {
  float: left;
  margin: 0 0 0 37.62963%; /* 254px / 675px = 37.62963% */
  width: 51px;
}
.utstrelka-kopiya-2-2 {
  float: left;
  margin: 0 0 0 39.703705%; /* 268px / 675px = 39.703705% */
  width: 51px;
}
.utrow-11 {
  left: 0.844773%;
  margin: 17px auto 0;
  position: relative;
  width: 98.310455%; /* 931px / 947px = 98.310455% */
  font-size: 1.2vw;
}
.uttext-89 {
  float: left;
  width: 29.323309%; /* 273px / 931px = 29.323309% */
  font-weight: 300;
  line-height: 28.33333px;
  text-align: center;
}
.uttext-90 {
  float: left;
  margin: 0 0 0 9.129968%; /* 85px / 931px = 9.129968% */
  width: 19.226639%; /* 179px / 931px = 19.226639% */
  font-weight: bold;
  line-height: 28.33333px;
  text-align: center;
}
.uttext-91 {
  float: left;
  margin: 1px 0 0 5.800215%; /* 54px / 931px = 5.800215% */
  width: 36.51987%; /* 340px / 931px = 36.51987% */
  font-weight: bold;
  line-height: 28.33333px;
  text-align: center;
}
.utgroup-17 {
  min-height: 249px;
  padding: 43px 0;
  position: relative;
  z-index: 69;
  background: #ffcc00;
}
.uttext-92 {
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  text-align: center;
}
.utgroup-18 {
  display: table;
  margin: 34px auto 0;
  min-height: 59px;
  padding: 22px 5% 17px; /* 64px / 1280px = 5% */
  background: #403634;
  color: #ffffff;
  font-weight: 300;
  text-align: center;
}
.utgroup-19 {

  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
  z-index: 44;
}
.uttext-94 {
  left: 15.703125%;
  position: absolute;
  top: 39px;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
  line-height: 66.66666px;
  z-index: 1;
}
.utrow {
  
  min-height: 520px;
  padding: 185px 9.375% 40px; /* 120px / 1280px = 9.375% */
  position: relative;  
  width: 100%; /* 1280px / 1280px = 100% */
  background: #c2bebe;
  font-size: 1.2vw;
  display: flex;
  align-items: stretch;
}
.utgroup-20, .utgroup-21, .utkontrafaktnih {background-color: #ffffff;}
.utgroup-20 a, .utgroup-21 a, .utkontrafaktnih a{
position: absolute;
  bottom: 0;
  width: 100%;}
.utrow > * {
  float: left;
  margin: 0 1.25% 0 0; /* 13px / 1040px = 1.25% */
}
.utrow > *:last-child {
  margin-right: 0 !important;
}
.utgroup-20 {
  position: relative;
  width: 31.346153%; /* 326px / 1040px = 31.346153% */
  margin-top: 2px !important;

}
.utpryamougolnik-3-kopiya-4-holder {
  min-height: 233px;
  overflow: hidden;
  padding: 21px 4.907976% 34px 9.509202%; /* 16px / 326px = 4.907976%, 31px / 326px = 9.509202% */
  position: relative;
  background: #fdfdfb;
  font-weight: bold;
  line-height: 29.16667px;
}
.utpryamougolnik-4-kopiya-4-holder {
  margin: -1px 0 0;
  min-height: 60px;
  position: relative;
  background: #ffcc00;
}
.uttext-96 {

  text-align: center;
}
.uttext-96 > * {
  color: #050000;
  font-weight: 300;
  line-height: 60px;
  text-align: center;
}
.utgroup-21 {
  position: relative;
  width: 31.346153%; /* 326px / 1040px = 31.346153% */
  margin-top: 1px !important;
}
.utpryamougolnik-3-kopiya-5-holder {
  min-height: 234px;
  padding: 22px 1.840491% 5px 8.895705%; /* 6px / 326px = 1.840491%, 29px / 326px = 8.895705% */
  background: #fdfdfb;
  font-weight: 300;
  line-height: 29.16667px;
}
.utpryamougolnik-4-kopiya-5-holder {
  min-height: 60px;
  position: relative;
  background: #ffcc00;
}
.uttext-98 {

  text-align: center;
}
.uttext-98 > * {
  color: #050000;
  font-weight: 300;
  line-height: 60px;
  text-align: center;
}
.utkontrafaktnih {
  position: relative;
  width: 31.346153%; /* 326px / 1040px = 31.346153% */
  background-color: #ffffff;
}
.utpryamougolnik-3-kopiya-6-holder {
  margin: 0 auto;
  min-height: 235px;
  padding: 26px 5.828221% 60px; /* 19px / 326px = 5.828221% */
  position: relative;
  right: 0.696864%;
  width: 98.60627%; /* 283px / 287px = 98.60627% */
  background: #fdfdfb;
  color: #050000;
  font-weight: bold;
  line-height: 25px;
}
.utpryamougolnik-4-kopiya-6-holder {
  min-height: 60px;
  position: relative;
  background: #ffcc00;
}
.uttext-100 {
  
  text-align: center;
}
.uttext-100 > * {
  color: #050000;
  font-weight: 300;
  line-height: 60px;
  text-align: center;
}
.utgroup-22 {
  margin: -2px auto 0;
  position: relative;
  z-index: 8;
  background-color: #ffffff;
}
.utcol-15 {
  min-height: 730px;
  padding: 41px 0;
  position: relative;
  background: #403634;
}
.uttext-101 {
  margin: 0 16.171875%; /* 207px / 1280px = 16.171875% */
  color: #ffcc00;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
}
.uttext-102 {
  margin: 7px 16.328125% 0; /* 209px / 1280px = 16.328125% */
  color: #fcfbf8;
  font-size: 27px;
  font-weight: 300;
}
.utwrapper-24 {
  height: 550px;
  margin: 19px 0 0;
  overflow: hidden;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
  font-size: 1.2vw;
}
.utpolosa-kopiya-4 {
  left: 0;
  position: absolute;
  top: 258px;
  width: 100%; /* 1280px / 1280px = 100% */
}
.utcol {
  left: 10.546875%;
  min-height: 435px;
  padding: 0 0 10px;
  position: absolute;
  top: 0;
  width: 18.828125%; /* 241px / 1280px = 18.828125% */
  background: #fdfdfb;
}
.utmaksim-barabash {
  display: block;
  margin: 0 auto;
  width: 100%; /* 241px / 241px = 100% */
}
.uttext-103 {
  margin: 13px auto 0;
  width: 87.551865%; /* 211px / 241px = 87.551865% */
  color: #050000;
  font-weight: 300;
  line-height: 28.33333px;
}
.utcol-2 {
  left: 30.234375%;
  min-height: 435px;
  padding: 0 0 39px;
  position: absolute;
  top: 0;
  width: 18.828125%; /* 241px / 1280px = 18.828125% */
  background: #fdfdfb;
}
.utlayer-3 {
  display: block;
  margin: 0 auto;
  width: 100%; /* 241px / 241px = 100% */
}
.uttext-104 {
  margin: 11px auto 0;
  width: 79.25311%; /* 191px / 241px = 79.25311% */
  color: #050000;
  font-weight: 300;
  line-height: 28.33333px;
}
.utcol-3 {
  left: 49.84375%;
  min-height: 435px;
  padding: 0 0 11px;
  position: absolute;
  top: 0;
  width: 18.828125%; /* 241px / 1280px = 18.828125% */
  background: #fdfdfb;
}
.utlayer-4 {
  display: block;
  margin: 0 auto;
  width: 100%; /* 241px / 241px = 100% */
}
.uttext-105 {
  margin: 11px auto 0;
  width: 79.25311%; /* 191px / 241px = 79.25311% */
  color: #050000;
  font-weight: 300;
  line-height: 28.33333px;
}
.utcol-4 {
  left: 69.453125%;
  min-height: 435px;
  padding: 0 0 70px;
  position: absolute;
  top: 0;
  width: 18.828125%; /* 241px / 1280px = 18.828125% */
  background: #fdfdfb;
}
.utoksana-serduk {
  display: block;
  margin: 0 auto;
  width: 100%; /* 241px / 241px = 100% */
}
.uttext-106 {
  margin: 9px auto 0;
  position: relative;
  right: 3.112033%;
  width: 76.34855%; /* 184px / 241px = 76.34855% */
  color: #050000;
  font-weight: 300;
  line-height: 28.33333px;
}
.utrow-5 {
  margin: -4px auto 0;
  position: relative;
  right: 0.585938%;
  width: 77.734375%; /* 995px / 1280px = 77.734375% */
}
.utrow-5 > * {
  float: left;
  margin: 0 1.01809% 0 0; /* 10.13px / 995px = 1.01809% */
}
.utrow-5 > *:last-child {
  margin-right: 0 !important;
}
.utrow-5 a {
  width: 24.221106%;
  float: left;
}
.utpryamougolnik-4-holder {
  min-height: 60px;  
  background: #ffcc00;
  color: #050000;
  font-weight: 300;
  line-height: 60px;
  text-align: center;
}
.utpryamougolnik-4-kopiya-holder {
  min-height: 60px;
 
  background: #ffcc00;
  color: #050000;
  font-weight: 300;
  line-height: 60px;
  text-align: center;
}
.utpryamougolnik-4-kopiya-2-holder {
  min-height: 60px;
 
  background: #ffcc00;
  color: #050000;
  font-weight: 300;
  line-height: 60px;
  text-align: center;
}
.utpryamougolnik-4-kopiya-3-holder {
  min-height: 60px;
  padding: 24px 0 18px;

  background: #ffcc00;
  color: #050000;
  font-weight: 300;
  text-align: center;
}
.utgroup-23 {
  margin: 50px auto 0;
  position: relative;
  right: 6.875%;
  width: 65.15625%; /* 834px / 1280px = 65.15625% */

  padding-bottom: 50px;
}
.utsloi-7 {
  float: left;
  margin: 0 4.436451% 0 0; /* 37px / 834px = 4.436451% */
  max-width: 496px;
  width: 59.472424%; /* 496px / 834px = 59.472424% */
}
.utcol-16 {
  float: left;
  margin: 9px 0 0;
  position: relative;
  width: 36.091125%; /* 301px / 834px = 36.091125% */
}
.uttext-111 {
  color: #ffcc00;
  font-family: DINPro, serif;
  font-size: 72.33611px;
  font-stretch: condensed;
}
.uttext-112 {
  margin: 20px 0 0 0.664452%; /* 2px / 301px = 0.664452% */
  color: #050400;
  font-weight: 300;
  line-height: 25px;
}
.utgroup-24 {
  margin: 24px 0 0 0.664452%; /* 2px / 301px = 0.664452% */
  min-height: 59px;
  padding: 22px 21.262459% 17px; /* 64px / 301px = 21.262459% */
  position: relative;
  width: 79.40199%; /* 239px / 301px = 79.40199% */
  background: #ffcc00;
  color: #050000;
  font-weight: 300;
  text-align: center;
  z-index: 12;
}
.utfooter {
  margin: -50px 0 0;
  position: relative;
  z-index: 10;
}
.utpolosa-kopiya-5 {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 100%; /* 1280px / 1280px = 100% */
  z-index: 65;
}
.utgroup-25 {
  margin: -112px 0 0;
  min-height: 387px;
  padding: 107px 0 101px;
  position: relative;
  z-index: 3;
  background: #1e110d;
}
.uttext-114 {
  color: #fdfdfb;
  font-weight: 300;
  line-height: 29.16667px;
  text-align: center;
}
.utlogo_1-kopiya {
  display: block;
  margin: 25px auto 0;
  max-width: 183px;
  width: 14.296875%; /* 183px / 1280px = 14.296875% */
}
.colorfcfcfb {
  color: #fcfcfb;
}
.uttext-style {
  color: #ffcc00;
  font-weight: bold;
}
.fw300 {
  font-weight: 300;
}
.fw700 {
  font-weight: bold;
}
.uttext-style-2 {
  font-weight: normal;
}
.uttext-style-6 {
  font-size: 16.66667px;
}
.uttext-style-8 {
  font-size: 33.33333px;
}
.colorffcc00 {
  color: #ffcc00;
}
.uttext-style-4 {
  font-size: 79.34174px;
}
.colorfdfcfa {
  color: #fdfcfa;
}
.uttext-style-5 {
  line-height: 28px;
}
.uttext-style-3 {
  font-size: 16.66666px;
}
.uttext-style-7 {
  font-size: 72.33611px;
}
.utcontainer {
  max-width: 1280px;
  margin: 0 auto;
}
.utmenu, .utrow-9 a {
  display: inline-block;
  color: #fbf9f9;
  font-size: 1.2vw;
  font-weight: 300;
  margin: auto auto;
}

.utrow-9 p {
   margin: 18px 0 0 0;;
}

.utmcenter {
  margin: 0 auto; 
}

.utrow-9 ul {
  display: flex;
  justify-content: space-between;
}

.utcol a, .utcol-2 a, .utcol-3 a, .utcol-4 a {
  position: absolute;
  bottom: 0;
  width: 100%;
}
a:hover {
  opacity: 80%;
}
.utcol, .utcol-2, .utcol-3, .utcol-4 {
  height: 520px;
}
.txtb {
  font-weight: 500;
}
.utmaterials {
  float:left;
  text-align:center;
  margin: 30px 40px;
  position: relative;
}
.utclear {
  clear: both;
}
.utmaterialscontainer {
  display: flex;
  justify-content: center;
}
.utellips-2 {
  position: absolute;
   left: 50%;
  }
  .utpp {
    font-family: DINPro;
    font-stretch: condensed;
    font-size: 72px;
    text-align: center;     
  }

  .utpp::before {
    background-color: #000000;
  }

  .utasoc {
   padding: 20px 0;
  }
  /* .utasocborder {
    font-weight: 300;
    line-height: 28.33333px;
    border-left: solid 4px #000000;
  }


  .utasocborder::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px; 
    bottom: 10px; 
    width: 2px;
    background-color: ffcc00;
  }
  */

.utasocborder {
  position: relative;
  font-weight: 300;
  line-height: 28.33333px;
  padding-left: 10px; 
}

.utasocborder::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;               
  bottom: 10px;            
  width: 4px;
  background-color: #000000;
}


  .utasoc p {
    padding-left: 25px;
  }
  .utasoc p::before{
  content: "";
  display: inline-block;
  width: 20px; 
  height: 20px; 
  border-radius: 50%; 
  background-color: #000000 ; 
  margin-right: 5px; 
  vertical-align: middle; 
  margin-left: -43px;
  float: left;
  margin-top:10px;
  }
  .utgroc {
   background-color: #ffcc00;
   border-radius: 0 0 150px 150px;
  }
  .utnowrap {
    white-space: nowrap;
  }



  

  .utrow-108 {
    position: relative;
    padding: 60px 10% 60px;
    background: #ffcc00;
    display: flex;
    flex-direction: column;
    gap: 60px;
    font-weight: 300;
  }
  .utrow-188 {
    position: relative;
  }
  
  
  .utline {
    position: absolute;
    left: 0; 
    top: 55px;  
    bottom: 55px; 
    width: 2px;
    background-color: #ffffff;
    z-index: 0;
  }
  
  .utitem {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    padding: 15px 0;
  }
  
  
  .utnum {
    display: flex;
    align-items: center;
    width: 250px;
    min-width: 250px;
    margin-left: 10px;
    z-index: 1;
  }

  .utdot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    flex-shrink: 0;
    margin-left: -20px;
  }
  

  .utvalue {
    margin-left: 20px;
    font-weight: 300;
    line-height: 1.2;
  }
  
  .utvalue span {
    font-size: 79px;
  }
  

  .utnumtext {
    font-size: 18px;
    line-height: 1.7em;
    flex: 1;
    z-index: 1;
  }
  
  .utrow {
    display: flex;
    align-items: stretch;
  } 
  .utrow-2 { flex-wrap: wrap; /* дозволяє переноситися на новий рядок */}
  .utrow-2  img {height: auto;  }
  .ni-kontrabandi {max-width: 208px;}

  @media (max-width: 1279px) {
     body {font-size: 20px;}
      .next-block-selector {
        margin-top: 0 !important;
      }
    
    .utpodl3-holder {
      margin-top:50px;
    }
    .uttext {
      width: 25%;
    }
    .utwrapper-23 {
      width: 80%;
    }
    .utumoai {
      font-size: 1.6vw;
    }
    .utrow-27, .utrow-28 {
      width: 100% ;
    }
    .utasocborder::before {                    
      bottom: 30px;      
      
    }
    .uttext-4 {
      line-height: 1.7em;
      
    }
    .utgroup-3 {
      padding-bottom: 10px;
    }
    .utmaterials {
      margin:20px 20px;
    }
    .utwrapper-24 {
      font-size: 18px;
      height: 650px;

    }
    .utgroup-24 {
      margin: 14px 0 0 0;
    }
    .uttext-112 {
      margin: 5px 0 0 0;
    }
    .utrow-21, .utrow-22, .utrow-23 {
      font-size: 20px;
    }
    .utgroup-23 {
      width: 80%;
    }
    .uttext-2 {
      width: 62%;
    }
    .uttext-3, .uttext-8, .uttext-2 {
      font-size: 18px;
      line-height: 1.5em;
    }
    .uttext-2 {
      line-height: 2em;
      font-size: 18px;
    }
    .uttext {
      font-size: 6vw;
      line-height: 1em;
    }
    .utgroup-7 {

    }
    .uteba, .utkonsju, .utinterfax_ukraine_logo_ukr, .utpage-red{
      max-width: 100%;
    }
    .utrow-12, .utrow-11, .utrow {
      font-size: 18px;
    }
    .utwrapper-14, .utwrapper-12, .utrow, .utgroup-19 {
      height: 727px;
    }
    .utpryamougolnik-3-kopiya-6-holder {
      min-height: 350px;
    }
    .utcol, .utcol-2, .utcol-3, .utcol-4 {
      height: 620px;
    }
    .utdati-provedennya {
      margin: 50px auto 0;
      font-size: 16px;
    }
    .utgroup-23 {
      padding-bottom: 70px;
    }
    .uttext-65 {
      padding-left: 60px;
    }
    .utcol-16 {
      margin: 0;
    }
    .utrow-2 {
      align-items: center;
    }
    .uttext-9, .uttext-style-4, .uttext-style-4 {
      font-size: 60px;
    }
    .utcol-20 {
      width: 59%;
    }
    .uttext-13 {margin-top: 32px;}
    .uttext-14 {margin-top: 27px;}
    .utrow-8 {marfgin: 40px 20px}
    .utmeta-polosa {margin-top:55px}
    .uttext-10 {white-space: nowrap;}
    .utcol-19 {width: 35%;}
    .utitem {gap:10px}
    .utline {top:100px}
    .uttext-15 {font-size: 20px;}
    .uttext-4 {
      font-size: 22px;
      padding-left: 100px;
      padding-top: 50px;}
    .utpryamougolnik-2-kopiya-9-holder {
      display: flex;
      align-items: flex-start;
    }
    .utmaterialscontainer {font-size: 18px;}
    .utpolosa-2 {top:220px}
    .utpp {font-size: 35px;}
    .utkontrafacts {font-size: 100px;}
    .i2025_1 {
      max-width: 100%;
      padding: 0 10%;
      margin-top: 130px;
    }
    .uttext-94 {font-size: 50px;} 
	.utrow-2 {width: 90%;left:5%; flex-wrap: wrap; row-gap: 20px; padding-top:30px; padding-bottom:30px}

	
  }
  @media (max-width: 650px) {
  .utrow-2 img:nth-last-child(-n+2) {
    flex-basis: 100%;   
    justify-content: center;
    display: flex;

  }
}