@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');







/* 1. Colors */












/* Fonts */

/* Avenir */
@font-face{
  font-family:"Avenir";
  src:url("//cdn2.hubspot.net/hubfs/1793567/Telko%202023%20update/fonts/avenir-w01-45-book/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),
    url("//cdn2.hubspot.net/hubfs/1793567/Telko%202023%20update/fonts/avenir-w01-45-book/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face{
  font-family:"Avenir";
  src:url("//cdn2.hubspot.net/hubfs/1793567/Telko%202023%20update/fonts/avenir-w04-85-heavy/032496ac-28bd-45e4-afbe-58b0cab7ea60.woff2") format("woff2"),
    url("//cdn2.hubspot.net/hubfs/1793567/Telko%202023%20update/fonts/avenir-w04-85-heavy/6db8dbc9-afe9-4493-b30f-2ab39478b032.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

/* Karelia */
@font-face {
  font-family: 'Karelia';
  src: url('//cdn2.hubspot.net/hubfs/1793567/Telko%202023%20update/fonts/karelia/KareliaWeb-Regular.woff2') format('woff2'),
    url('//cdn2.hubspot.net/hubfs/1793567/Telko%202023%20update/fonts/karelia/KareliaWeb-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Karelia';
  src: url('//cdn2.hubspot.net/hubfs/1793567/Telko%202023%20update/fonts/karelia/KareliaWeb-Medium.woff2') format('woff2'),
    url('//cdn2.hubspot.net/hubfs/1793567/Telko%202023%20update/fonts/karelia/KareliaWeb-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}





* {
  scroll-margin-top: 10rem;
}

@media screen and (max-width:350px) {
 * {
   word-break:break-word;
  }
}

.content-wrapper {
  max-width: 1400px;
  padding:0 1rem;
}

.content-wrapper--small {
  max-width:960px;
  padding:0 1rem; 
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 4rem 1rem;
}

.dnd-section .dnd-row:not(:first-child) {
  padding-top:4rem; 
}

.dnd-section > .row-fluid {
  max-width: 1400px;
}

html[lang="uk"] *,
html[lang="ru"] *,
html[lang="ro"] *,
html[lang="lt"] *,
html[lang="lv"] *,
html[lang="pl"]{
  font-family: 'Noto Sans', sans-serif !important; 
}





html {
  font-size:16px;
  color:#1E1E1E;
}

body {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(1.063rem, 0.12vw + 1.005rem, 1.125rem);
  line-height: clamp(1.452rem, 0.212vw + 1.35rem, 1.563rem);
  font-style: normal;
  font-weight: 400;
}

.info,
.legal-consent-container p {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(0.813rem, 0vw + 0.813rem, 0.813rem);
  line-height: clamp(1.127rem, 0.001vw + 1.126rem, 1.127rem);
  font-style: normal;
  font-weight: 400;
}

/* Paragraphs */

p {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(1.063rem, 0.12vw + 1.005rem, 1.125rem);
  line-height: clamp(1.452rem, 0.212vw + 1.35rem, 1.563rem);
  font-style: normal;
  font-weight: 400;
}

/* Anchors */

a {
  color:#05455F;
}

a:hover,
a:focus {
  color:#0098DB;
}

a:active {

}

/* Headings */

.big-h1 {

}

h1,
.h1 {
  font-family: 'Karelia', Arial, Helvetica, sans-serif;
  font-size: clamp(2.563rem, 1.563vw + 1.813rem, 3.375rem);
  line-height: clamp(3.312rem, 1.082vw + 2.793rem, 3.875rem);
  font-style: normal;
  font-weight: 600;
  color:#05455F;
}

h2,
.h2 {
  font-family: 'Karelia', Arial, Helvetica, sans-serif;
  font-size: clamp(1.688rem, 0.962vw + 1.226rem, 2.188rem);
  line-height: clamp(2.188rem, 0.962vw + 1.726rem, 2.687rem);
  font-style: normal;
  font-weight: 600;
  color:#05455F;
}

h3,
.h3 {
  font-family: 'Karelia', Arial, Helvetica, sans-serif;
  font-size: clamp(1.563rem, 0.361vw + 1.389rem, 1.75rem);
  line-height: clamp(2.125rem, 0.12vw + 2.067rem, 2.188rem);
  font-style: normal;
  font-weight: 400;
  color:#05455F;

}

h4,
.h4 {
  font-family: 'Karelia', Arial, Helvetica, sans-serif;
  font-size: clamp(1.375rem, 0.24vw + 1.26rem, 1.5rem);
  line-height: clamp(1.875rem, 0vw + 1.875rem, 1.875rem);
  font-style: normal;
  font-weight: 400;
  color:#05455F;
}

h5,
.h5 {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(1.25rem, 0.24vw + 1.135rem, 1.375rem);
  line-height: clamp(1.625rem, -0.12vw + 1.745rem, 1.688rem);
  font-style: normal;
  font-weight: 400;
  color:#05455F;
}

h6,
.h6 {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(1.125rem, 0.12vw + 1.067rem, 1.188rem);
  line-height: clamp(1.563rem, 0.12vw + 1.505rem, 1.625rem);
  font-style: normal;
  font-weight: 800;
  color:#05455F;
}


/* Rich text max characters */

.widget-type-rich_text{
  max-inline-size: 80ch;
  margin: 0 auto;
}

/* Backgrounds */

.gray-bg {
  background: #F4F3F1; 
}

.blue-bg {
  background: #0098DB; 
}

.orange-bg {
  background:#E98300; 
}

.green-bg {
  background:#58A618; 
}

/* Nav styles */

.nav-item > span,
.button-text,
.button-text > a{
  font-family: Avenir;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 18px; /* 120% */
  letter-spacing: 0.3px;
  text-transform: uppercase; 
  text-decoration:none;
  color:#05455F;
  cursor:pointer;
}

.nav-item > span:hover,
.nav-item > span.active,  
.submenu a.active, 
.header a:not(.basic-button):hover,
.header a.basic-button--arrow-dark:hover,
.submenu-first-level__item > span:hover,
.active-menu > a,
.active-menu > span{
  color:#58A618; 
}
.header a.basic-button--arrow-dark:hover:after,
.submenu-first-level__item > span:hover:after,
.active-menu > a:after,
.active-menu > span:after,
.submenu a.active:after{
  background-color:#58A618; 
}

.button-text > a:hover {
  color:#E98300; 
}

/* BUTTON STYLES */


.gradient-text {
  background: -webkit-gradient(linear, left top, right top, from(#035EBC), to(#3FA5DA));
  background: -o-linear-gradient(left, #035EBC 0%, #3FA5DA 100%);
  background: linear-gradient(90deg, #035EBC 0%, #3FA5DA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
}

.orange-gradient-bg {
  background: -webkit-gradient(linear, right top, left top, color-stop(9.5%, #E45600), color-stop(47.03%, #F8A800), color-stop(60.5%, #FFC600));
  background: -o-linear-gradient(right, #E45600 9.5%, #F8A800 47.03%, #FFC600 60.5%);
  background: linear-gradient(270deg, #E45600 9.5%, #F8A800 47.03%, #FFC600 60.5%);
}

.green-gradient-bg {
  background: -webkit-gradient(linear, left top, right top, from(#34B233), to(#BED600));
  background: -o-linear-gradient(left, #34B233 0%, #BED600 100%);
  background: linear-gradient(90deg, #34B233 0%, #BED600 100%); 
}



.basic-button,
form .hs-button, form input[type=submit] {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 18px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 15px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px; 
  position:relative;
  text-decoration:none;
  -webkit-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

.header__buttons .basic-button.basic-button--gradient-blue {
  padding: 14px 24px;
  font-size: 14px; 
}

.header__buttons .basic-button {
  font-size:14px;
  padding:12px 22px;
  line-height:17px;
}

.basic-button--arrow,
.basic-button--arrow-dark,
.basic-button--arrow-dark-up {
  padding-left:0 !important; 
}

.basic-button.basic-button--arrow {
  color:#FFF; 
}

.basic-button.basic-button--arrow:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: '';
  height: 15px;
  width: 9px;
  -webkit-mask: url(https://www.telko.com/hubfs/2024%20Web%20renewal/Icons/chevron_right.svg) no-repeat 50% 50%;
  mask: url(https://www.telko.com/hubfs/2024%20Web%20renewal/Icons/chevron_right.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color:#FFF;
}

.basic-button--arrow-dark:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: '';
  -webkit-mask: url(https://www.telko.com/hubfs/2024%20Web%20renewal/Icons/chevron_right_dark.svg) no-repeat 50% 50%;
  mask: url(https://www.telko.com/hubfs/2024%20Web%20renewal/Icons/chevron_right_dark.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 15px;
  width: 9px;
  background-color:#05455F;
}

.basic-button--arrow-dark-up:after {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: '';
  -webkit-mask: url(https://www.telko.com/hubfs/2024%20Web%20renewal/Icons/chevron_right_dark.svg) no-repeat 50% 50%;
  mask: url(https://www.telko.com/hubfs/2024%20Web%20renewal/Icons/chevron_right_dark.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  height: 15px;
  width: 9px;
  background-color:#05455F;
}

.basic-button--arrow-dark:hover:after {
  background-color:#E98300;
}

.basic-button--arrow-dark:hover {
  color:#E98300; 
}

.basic-button--arrow-dark:focus:after {
  background-color:#0098DB;
}

.basic-button--arrow-dark:active:after {
  background-color:#05455F;
}

.basic-button:hover {
  text-decoration:none; 
}

.basic-button.basic-button--regular {
  border: 2px solid #FFF;
  border-radius: 6px;
  color:#FFF;
}

.basic-button.basic-button--regular:hover,
.basic-button.basic-button--regular:active,
.basic-button.basic-button--regular:focus {
  background:#05455F;
  color:#FFF;
  border:2px solid #05455F;
}

.basic-button.basic-button--dark {
  border: 2px solid #05455F;
  border-radius: 6px;
  color:#05455F;
}

.basic-button.basic-button--dark:hover {
  background:#05455F;
  color:#FFF;
}

.basic-button.basic-button--dark:active,
.basic-button.basic-button--dark:focus {
  border: 2px solid #05455F;
  color:#FFF;
}

@property --gradientBlue1 {
  syntax: '<color>';
  initial-value: #005BBB;
  inherits: false;
}

@property --gradientBlue2 {
  syntax: '<color>';
  initial-value: #5BC6E8;
  inherits: false;
}

.basic-button--gradient-blue,
form .hs-button, form input[type=submit] {
  background:-webkit-gradient(linear, left top, right top, from(var(--gradientBlue1)), to(var(--gradientBlue2)));
  background:-o-linear-gradient(left, var(--gradientBlue1) 0%, var(--gradientBlue2) 100%);
  background:linear-gradient(90deg, var(--gradientBlue1) 0%, var(--gradientBlue2) 100%);
  color:#FFF;
  border:0;
  border-radius:6px;
  padding:17px 32px;
  transition: --gradientBlue1 1s, --gradientBlue2 1s;
}

.basic-button--gradient-blue:hover,
form .hs-button, form input[type=submit]:hover {
  --gradientBlue1: #5BC6E8;
  --gradientBlue2: #005BBB;
  color:#FFF;
}

.basic-button--gradient-blue:focus,
form .hs-button, form input[type=submit]:focus {
  background: -webkit-gradient(linear, left top, right top, from(#5BC6E8), to(#035EBC));
  background: -o-linear-gradient(left, #5BC6E8 0%, #035EBC 100%);
  background: linear-gradient(90deg, #5BC6E8 0%, #035EBC 100%);
  color:#FFF;
}

.basic-button--gradient-blue:active,
form .hs-button, form input[type=submit]:active {
  background: -webkit-gradient(linear, left top, right top, from(#5BC6E8), to(#035EBC));
  background: -o-linear-gradient(left, #5BC6E8 0%, #035EBC 100%);
  background: linear-gradient(90deg, #5BC6E8 0%, #035EBC 100%); 
  color:#FFF;
}

.tag {
  font-family: Avenir;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  line-height: 18px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color:#E98300;
  display:block;
  margin-bottom:1rem;
}

/* Basic columns */

.two-col-content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:5%;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.two-col-content__item {
  -webkit-box-flex:0;
  -ms-flex:0 1 47.5%;
  flex:0 1 47.5%; 
  margin-bottom:3rem;
}

.three-col-content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:3.5%;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.three-col-content__item {
  -webkit-box-flex:0;
  -ms-flex:0 1 31%;
  flex:0 1 31%; 
  margin-bottom:3rem;
}

.four-col-content {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:3%;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.four-col-content__item {
  -webkit-box-flex:0;
  -ms-flex:0 1 22.75%;
  flex:0 1 22.75%; 
  margin-bottom:3rem;
}

@media screen and (max-width:1280px) {
  .four-col-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:3.5%;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }

  .four-col-content__item {
    -webkit-box-flex:0;
    -ms-flex:0 1 31%;
    flex:0 1 31%;
  }
}

@media screen and (max-width:1024px) {

  .three-col-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:5%;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }

  .three-col-content__item {
    -webkit-box-flex:0;
    -ms-flex:0 1 47.5%;
    flex:0 1 47.5%; 
  }

  .four-col-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:5%;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }

  .four-col-content__item {
    -webkit-box-flex:0;
    -ms-flex:0 1 47.5%;
    flex:0 1 47.5%; 
  }

}

@media screen and (max-width:650px) {

  .two-col-content__item {
    -webkit-box-flex:0;
    -ms-flex:0 1 100%;
    flex:0 1 100%;

  }

  .two-col-content__item:not(:last-child) {
    margin-bottom:2rem !important; 
  }

  .three-col-content__item {
    -webkit-box-flex:0;
    -ms-flex:0 1 100%;
    flex:0 1 100%; 
  }

  .three-col-content__item:not(:last-child) {
    margin-bottom:2rem !important; 
  }

  .four-col-content {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center; 
  }

  .four-col-content__item {
    -webkit-box-flex:0;
    -ms-flex:0 1 90%;
    flex:0 1 90%; 
  }
}










fieldset.form-columns-1 .hs-input:not(input[type="radio"]):not(input[type="checkbox"]):not(input[type="file"]):not(input[type="datetime-local"]) {
  width:100% !important; 
}

form,
.submitted-message {

}

/* Form title */

.form-title {

}


/* Labels */

form label {

}

/* Help text */

form legend {

}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background: none;
  border: 0;
  border-bottom: 1px solid #1E1E1E;
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(1.25rem, 0.24vw + 1.135rem, 1.375rem);
  line-height: clamp(1.625rem, -0.12vw + 1.745rem, 1.688rem);
  font-style: normal;
  font-weight: 400;
  color:#05455F;
  padding: 0.5rem 0.75rem;
  min-height: 54px;
}

form input[type=checkbox], form input[type=radio] {
  width:20px !important;
  height:20px !important; 
}

/* Form placeholder text */

::-webkit-input-placeholder {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(1.25rem, 0.24vw + 1.135rem, 1.375rem);
  line-height: clamp(1.625rem, -0.12vw + 1.745rem, 1.688rem);
  font-style: normal;
  font-weight: 400;
  color:#05455F;
}

::-moz-placeholder {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(1.25rem, 0.24vw + 1.135rem, 1.375rem);
  line-height: clamp(1.625rem, -0.12vw + 1.745rem, 1.688rem);
  font-style: normal;
  font-weight: 400;
  color:#05455F;
}

:-ms-input-placeholder {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(1.25rem, 0.24vw + 1.135rem, 1.375rem);
  line-height: clamp(1.625rem, -0.12vw + 1.745rem, 1.688rem);
  font-style: normal;
  font-weight: 400;
  color:#05455F;
}

::placeholder {
  font-family: 'Avenir', Arial, Helvetica, sans-serif;
  font-size: clamp(1.25rem, 0.24vw + 1.135rem, 1.375rem);
  line-height: clamp(1.625rem, -0.12vw + 1.745rem, 1.688rem);
  font-style: normal;
  font-weight: 400;
  color:#05455F;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {

}

.fn-date-picker td.is-selected .pika-button {

}

.fn-date-picker td .pika-button:hover {

}

.fn-date-picker td.is-today .pika-button {

}






/* Table */

table {
  
  background-color: ;
}

/* Table cells */

td,
th {
  
  
  color: ;
}

/* Table header */

thead th {
  background-color: ;
  color: ;
}

/* Table footer */

tfoot td {
  background-color: ;
  color: ;
}






}
















.hs-search-results__title {
  ;
  color: ;
}