@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-ExtraBold.eot');
  src: url('../fonts/Lato-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Lato-ExtraBold.woff2') format('woff2'),
    url('../fonts/Lato-ExtraBold.woff') format('woff'),
    url('../fonts/Lato-ExtraBold.ttf') format('truetype'),
    url('../fonts/Lato-ExtraBold.svg#Lato-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.eot');
  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Lato-Regular.woff2') format('woff2'),
      url('../fonts/Lato-Regular.woff') format('woff'),
      url('../fonts/Lato-Regular.ttf') format('truetype'),
      url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Black.eot');
  src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Lato-Black.woff2') format('woff2'),
      url('../fonts/Lato-Black.woff') format('woff'),
      url('../fonts/Lato-Black.ttf') format('truetype'),
      url('../fonts/Lato-Black.svg#Lato-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Bold.eot');
  src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Lato-Bold.woff2') format('woff2'),
      url('../fonts/Lato-Bold.woff') format('woff'),
      url('../fonts/Lato-Bold.ttf') format('truetype'),
      url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


:root {
  --lato: 'Lato';
  --font-h1: 48px;
  --font-h2: 42px;
  --font-h3: 32px;
  --font-h4: 22px;
  --font-h5: 25px;
  --font-h6: 18px;
  --body-font: 16px;
  --captions: 14px;
  --white: #ffffff;
  --black: #000000;
  --light-black: #0A0B12;
  --primary-color: #032440;
  --body: #333333;
  --red: #E60041;
  --brand-blue: #0058A2;
  --orange: #F95738;
  --yellow: #FFCA36;
  --green: #42E2B8;
  --mid-grey: #AAAEBD;
  --light-grey: #EAEBED;
  --grey: #EDEEF2;
  --bg: #FAFAFA;
  --grey-dark: #F6F6F6;
  --bg-grey: #f2f2f2;
  --border: #C8C8C8;
  --color-light: #E0E0E0;
  --medium: 15px;
  --base: 20px;
  --large: 25px;
  --xlarge: 30px;
  --xxlarge: 50px;
  --sectionSpace: 60px;
}

html, body { font-family: var(--lato); font-size: var(--captions); line-height: 1.6; color: var(--body); -webkit-text-size-adjust: 100%; background: var(--bg); overflow-x: hidden; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem; color: var(--light-black); }
h1, .h1 { font-size: var(--font-h1); line-height: 1.2; font-weight: 800; }
 h2, .h2 { font-size: var(--font-h2); line-height: 1.2; font-weight: 900; letter-spacing: 0.1em; }
h3,
.h3 { font-size: var(--font-h3); line-height: 1.2; font-weight: 700; }
h4,
.h4 { font-size: var(--font-h4); line-height: 1.2; font-weight: 900; letter-spacing: 0.2em; }
h5, .h5 { font-size: var(--font-h5); line-height: 1.1; font-weight: 800; letter-spacing: 0.1em; }
h6, .h6 { font-size: var(--font-h6); line-height: 1.3; font-weight: 800; letter-spacing: 0.2em; color: var(--primary-color); }
.section-padding { padding: var(--sectionSpace) 0; }
a { text-decoration: none; color: var(--light-black); transition: all .3s ease-in-out; }
a:hover { color: var(--mid-blue); }
*, dl, ol, ul { margin: 0; padding: 0; outline: none; box-shadow: none; text-decoration: none; }
img { max-width: 100%; }

input.wpcf7-submit,
form.filter input[type="button"],
form.filter input[type="submit"],
.btn.btn-primary,
.wp-block-button a {color: var(--primary-color); font-size: var(--captions); font-weight: 800; padding: 13px 86px 13px 20px; background: var(--yellow); border-color: transparent; position: relative; border: 0px; border-radius: 0; box-shadow: 5px 6px 10px rgb(10 11 18 / 20%); line-height: 1.55; letter-spacing: 0.2em; text-transform: uppercase; transform: scale(1); transition: all .3s ease-in-out; }

input.wpcf7-submit,
form.filter input[type="button"]:hover,
form.filter input[type="submit"]:hover,
.btn.btn-primary:hover,
.wp-block-button a:hover { transform: scale(1.05); filter: drop-shadow(5px 5px 6px rgba(10, 11, 18, 0.2)); }

input.wpcf7-submit,
html body main form.filter input[type="button"],
html body main form.filter input[type="submit"]{
	padding: 13px 20px; 
	margin: 10px 0px;
}


.btn.btn-primary:before,
.wp-block-button a:before { content: ""; position: absolute; background: url(/wp-content/uploads/2023/02/btn-arrow.png); width: 47px; height: 19px; background-size: 100% 100%; background-repeat: no-repeat; right: 20px; transform: translateY(-50%); top: 50%; }

.btn.btn-primary:focus { outline-width: 1px; outline-color:  var(--brand-blue); outline-style: solid; outline-offset: 8px; box-shadow: none; }
.btn.btn-primary.btn-blue { background: var(--primary-color); color: var(--yellow); }
.btn.btn-primary.btn-blue:before { filter: invert(86%) sepia(82%) saturate(2833%) hue-rotate(323deg) brightness(99%) contrast(102%); }
.btn.btn-primary.btn-blue-white { background: var(--primary-color); color: var(--bg); }
.btn.btn-primary.btn-blue-white:before { filter: invert(100%) sepia(39%) saturate(200%) hue-rotate(263deg) brightness(122%) contrast(96%); }
.btn.btn-primary.btn-white { background: var(--bg); }
.btn.btn-primary.btn-white:before { filter: invert(12%) sepia(48%) saturate(1614%) hue-rotate(175deg) brightness(93%) contrast(100%); }

.list-color li a{ color: var(--brand-blue); }
.list-color li:before{ background-color: var(--brand-blue) !important; }
.list-unstyled-custom{ padding-left: 0 !important; }
ul.list-unstyled-custom.list-color {padding-left: 0 !important;}
.welcome-section .list-types .list-unstyled-custom ul, .welcome-section .list-types ul.list-unstyled-custom.list-color {
    padding-left: 0 !important;
}
.list-unstyled-custom li:before, ul.list-unstyled-custom.list-color li:after{ display: none; }

.welcome-section .list-types ul.list-color{
    padding-left: 22px!important;
    position: relative;
}
.welcome-section .list-types ul.list-color li:after{
    content: '';
    position: absolute;
    left: -14px;
    height: 5px;
    width: 5px;
    background-color: var(--brand-blue) !important;
    border-radius: 50%;
    top: 8px;
}

p { margin-bottom: var(--large); color: var(--light-black); letter-spacing: 0.05em; }
hr:not([size]) { height: 3px; background: var(--grey)!important; opacity: 1; margin: 0; }
ul { list-style: none; }
p:last-child { margin-bottom: 0; }
.setbg { background-size: cover; background-position: center; background-repeat: no-repeat }
.container-fluid { max-width: 1440px; padding: 0 40px; }
/*-- responsive --
------------------*/
@media (min-width: 1400px) {
  .container { max-width: 1200px !important; padding-left: 30px; padding-right: 30px; } 
  .container-large { max-width: 1300px !important; }
}

@media (max-width: 1199.98px) {
  :root {
    --font-h1: 44px;
    --font-h2: 40px;
    --font-h3: 30px;
    --font-h5: 20px;
  }
  .btn.btn-primary{ padding: 10px 50px 10px 20px; }
  .btn.btn-primary:before{ right: 15px; width: 24px; height: 12px; }
}

@media (max-width: 991.98px) {
  :root {
    --font-h1: 42px;
    --font-h2: 32px;
    --font-h3: 28px;
  }
  h5, .h5{ letter-spacing: 0.02em; }

}

@media (max-width: 767.98px) {
  :root {
    --font-h1: 38px;
    --font-h2: 32px;
    --font-h3: 24px;
    --font-h4: 22px;
    --font-h5: 20px;
  }
  .br-none-767 br { display: none; }

}

@media (max-width: 575.98px) {
  hr:not([size]) { margin: 0; transform: scaleX(1.5); }
.container { padding: 0; }
.p-lr-30 { padding-left: 30px; padding-right: 30px; }
}