/* GENERAL UI KIT */
html {
  font-size: var(--font-size-base);
  font-family: var(--font-base);
  font-weight: 300; }

html,
body {
  height: 100%; }

body {
  color: var(--font-color-base);
  font-family: var(--font-base);
  line-height: 1.5;
  overflow: hidden auto;
  margin: 0;
  padding: 0; }
  @media (max-width: 767px) {
    body {
      font-size: 1.1rem; } }
  @media (min-width: 768px) {
    body {
      font-size: 1rem; } }

img {
  object-fit: cover; }

a {
  text-decoration: none; }
  a:hover, a:focus, a:active {
    outline: 0 none; }

/* TYPOGRAPHY */
.text-nowrap {
  white-space: nowrap; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-left {
  text-align: left !important; }

.text-size-16 {
  font-size: 16px !important;
  line-height: 24px !important; }

.text-size-22 {
  font-size: 22px !important;
  line-height: 35px !important; }

.text-color-white {
  color: var(--white) !important; }

.text-color-azati-orange {
  color: var(--azati-orange) !important; }

.text-color-dark-orange {
  color: var(--dark-orange) !important; }

.text-color-azati-blue {
  color: var(--azati-blue) !important; }

.text-color-grey {
  color: var(--grey) !important; }

/* BG */
.bg-gradient-top {
  background: #77c0ee;
  background: -moz-linear-gradient(top, rgba(119, 192, 238, 0.1) 0%, rgba(226, 243, 254, 0.1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(119, 192, 238, 0.1)), color-stop(100%, rgba(226, 243, 254, 0.1)));
  background: -webkit-linear-gradient(top, rgba(119, 192, 238, 0.1) 0%, rgba(226, 243, 254, 0.1) 100%);
  background: -o-linear-gradient(top, rgba(119, 192, 238, 0.1) 0%, rgba(226, 243, 254, 0.1) 100%);
  background: -ms-linear-gradient(top, rgba(119, 192, 238, 0.1) 0%, rgba(226, 243, 254, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(119, 192, 238, 0.1) 0%, rgba(226, 243, 254, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c0ee', endColorstr='#e2f3fe', GradientType=0 ); }

.bg-gradient-bottom {
  background: rgba(226, 243, 254, 0.36);
  background: -moz-linear-gradient(top, rgba(226, 243, 254, 0.36) 0%, rgba(226, 243, 254, 0.48) 19%, #e2f3fe 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226, 243, 254, 0.36)), color-stop(19%, rgba(226, 243, 254, 0.48)), color-stop(100%, #e2f3fe));
  background: -webkit-linear-gradient(top, rgba(226, 243, 254, 0.36) 0%, rgba(226, 243, 254, 0.48) 19%, #e2f3fe 100%);
  background: -o-linear-gradient(top, rgba(226, 243, 254, 0.36) 0%, rgba(226, 243, 254, 0.48) 19%, #e2f3fe 100%);
  background: -ms-linear-gradient(top, rgba(226, 243, 254, 0.36) 0%, rgba(226, 243, 254, 0.48) 19%, #e2f3fe 100%);
  background: linear-gradient(to bottom, rgba(226, 243, 254, 0.36) 0%, rgba(226, 243, 254, 0.48) 19%, #e2f3fe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f3fe', endColorstr='#e2f3fe', GradientType=0 ); }

.bg-blue {
  background-color: var(--azati-blue); }

.bg-lavanda {
  background-color: var(--lavanda); }

.bg-grey {
  background-color: #f6f6f6; }

/* LINES */
.line {
  margin: 30px 0;
  height: 1px;
  width: 100px; }

.section:not(.header) .line,
.section:not(.af-cs-header) .line {
  background: #53a9dd; }

.section.header .line,
.section.af-cs-header .line {
  background: #fff; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-100 {
  width: 100% !important; }