* {margin:0; padding:0;}
.conainer {width: 600px; margin:50px auto; font-family: 'Arial'}
.circle_percent {font-size:200px; width:1em; height:1em; position: relative; background: #eee; border-radius:50%; overflow:hidden; display:inline-block; margin:20px;}
.circle_inner {position: absolute; left: 0; top: 0; width: 1em; height: 1em; clip:rect(0 1em 1em .5em);}
.round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background: #e4a6d2; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #e4a6d2; content:'';}
.circle_inbox {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index:3; border-radius: 50%;}
.percent_text {position: absolute; font-size: 36px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}

.my-line-height-1-1 {
    line-height: 1.1 !important;
}
.my-line-height-1-2 {
    line-height: 1.2 !important;
}

.my-font-weight-medium {
    font-weight: 600 !important;
}
/* ~12px */
.my-font-size-12px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (0.8 - 0.6666666666666666) + 0.6666666666666666rem) !important;
}

/* ~15px */
.my-font-size-15px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1 - 0.8) + 0.8rem) !important;
}

/* ~18px */
.my-font-size-18px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1.2 - 0.9333333333333333) + 0.9333333333333333rem) !important;
}

.tm-top .my-font-size-18px {font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1.2 - 1.0666666666666667) + 1.0666666666666667rem) !important;
}

/* ~20px */
.my-font-size-20px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1.3333333333333333 - 1.0666666666666667) + 1.0666666666666667rem) !important;
}

/* ~22px */
.my-font-size-22px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1.4666666666666666 - 1.0666666666666667) + 1.0666666666666667rem) !important;
}

/* ~24px */
.my-font-size-24px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1.6 - 1.2) + 1.2rem) !important;
}

.my-footer .my-font-size-24px {
  font-size: 1.6rem !important;
}

/* ~26px */
.my-font-size-26px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1.7333333333333334 - 1.3333333333333333) + 1.3333333333333333rem) !important;
}

/* ~28px */
.my-font-size-28px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1.8666666666666667 - 1.4666666666666666) + 1.4666666666666666rem) !important;
}

/* ~30px */
.my-font-size-30px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (2 - 1.4666666666666666) + 1.4666666666666666rem) !important;
}

/* ~32px */
.my-font-size-32px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (2.1333333333333333 - 1.4666666666666666) + 1.4666666666666666rem) !important;
}

.tm-top .my-font-size-32px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (2.1333333333333333 - 1.6) + 1.6rem) !important;
}

/* ~34px */
.my-font-size-34px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (2.2666666666666666 - 1.6) + 1.6rem) !important;
}

/* ~72px */
.my-font-size-72px {
  font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (4.8 - 1.625) + 1.625rem) !important;
}

/* ~48px */
.my-font-size-48px {
  font-size: 48px !important;
}
/* ~52px */
.my-font-size-52px {
  font-size: 52px !important;
}

.my-color-white {
  color: #fff;
}

.uk-section-primary {
  background: linear-gradient(-90deg, rgba(21,142,199,1) 0%, rgba(30,175,227,1) 100%) !important;
}

.uk-section-secondary {
  background: linear-gradient(180deg, rgba(42,71,105,1) 0%, rgba(15,47,71,1) 100%) !important;
  /* background: linear-gradient(145deg, rgba(0,111,186,1) 0%, rgba(15,94,156,1) 100%) !important; */
}

.tm-header {
  margin-bottom: 40px;
}

.tm-header-mobile {
  margin-bottom: 40px;
  z-index: 900;
}

@media (min-width:1600px){
  .my-position-top-right {
    right: -100px;
  }
}

.my-container-1600px .uk-container {
  max-width: 1600px !important;
}

.uk-card {
  border-radius: 15px;
}

#my-activity-section .uk-card {
  box-shadow: rgb(204 204 204) 0px 0px 10px;
}

.chart-wrapper {
	display: flex;
	flex-direction: row;
}

.chart-container {
	flex: 1;
	padding: 0 20px;
}
.uk-navbar-nav>li.uk-parent {
  margin-right: 10px;
}
.uk-navbar-nav>li.uk-parent>a::after {
  content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: -2px;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.wrapper {
  width: 400px;
  height: 400px;
  margin: auto;
  display: flex;
  flex-direction: row;
}

.container {
  flex: 1;
  padding: 0 20px;
}

.uk-container-expand {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#my-background-about {
	height: max-content !important;
    min-height: calc(100vh - 160px) !important;
}

@media (min-width:1600px){
  #my-background-about {
      min-height: calc(100vh - 160px) !important;
  }
}

#my-mission-section {
    background-image: url('/images/background-10.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#my-mission-section > div {
    background: rgba(255,255,255,0.85) !important;
    padding-top: 140px;
}

@media (min-width:1600px){
    #my-mission-section > div {
        background: url('/images/background-funds-3.png') rgba(255,255,255,0.8) !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}

/* #my-equipment-section { */
    /* background-image: url('/images/background-11.svg') !important; */
    /* background-position: center !important; */
    /* background-repeat: no-repeat !important; */
    /* background-size: cover !important; */
/* } */

.uk-grid-divider>:not(.uk-first-column)::before {
    border-left: 7px solid rgb(41 70 104 / 85%) !important;
}

.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
    border-top: 7px solid rgb(41 70 104 / 85%) !important;
}

.uk-navbar-center {margin-top: 20px;}

.uk-card-body .uk-nav-default .uk-nav-header {
    font-family: Nunito Sans !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    color: #ff9323 !important;
}

.my-title-main {
    border-radius: 20px 20px 0 0;
}
@media (min-width:960px){
  .my-title-main {
    border-radius: 0 20px 20px 0;
  }
}
@media (min-width:1600px){
  .my-title-main {
    margin-right: -40px;
  }
}
@media (min-width:1800px){
  .my-title-main {
    margin-right: -80px;
  }
}

.my-title-main .uk-padding-large {
    padding: 25px 40px;
}

#my-equipment-list .uk-card-body {
    padding: 15px !important;
    font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1 - 0.8) + 0.8rem) !important;
    font-weight: 300 !important;
}
@media (min-width:640px){
  #my-equipment-list .uk-card-body {
    padding: 25px !important;
  }
}

#my-equipment-list .uk-card-title {
    font-size: calc((100vw - 21.333333333333332rem) / (128 - 21.333333333333332) * (1.7333333333333334 - 1.2) + 1.2rem) !important;
    font-weight: 400 !important;
}

.my-animation-slide-down {
  animation: slide-down 1s ease-in-out infinite;
}
@keyframes slide-down {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(0, 8px);
  }
}