.bold {
  font-weight: bold; }

.regular {
  font-weight: normal; }

.medium {
  font-weight: 500 !important; }

.extrabold {
  font-weight: 800 !important; }

.light {
  font-weight: 300 !important; }

.thin {
  font-weight: 10 !important; }

.dana {
  font-family: dana !important; }

.font-size20 {
  font-size: 20px; }

.font-size25 {
  font-size: 25px; }

.font-size35 {
  font-size: 35px; }

.font-size46 {
  font-size: 46px; }

.font-size15 {
  font-size: 15px; }

.font-size16 {
  font-size: 16px; }

.font-size17 {
  font-size: 17px; }

.font-size18 {
  font-size: 18px; }

.font-size-1-75em {
  font-size: 1.75em; }

.font-size-1-5em {
  font-size: 1.5em; }

.text-gray-1, nav ul li a, nav ul li a:hover, nav ul li a:focus, nav ul li a:active {
  color: #777676; }

.text-white-1 {
  color: white; }

.text-pink-1 {
  color: #ce6699; }

.text-orange-1 {
  color: #e86128; }

.text-blue-3 {
  color: #3595cf; }

.text-blue-4 {
  color: #015496; }

.text-blue-5 {
  color: #61dbfb; }

.text-purple-1 {
  color: #7377ad; }

.bg-blue-2 {
  background-color: #e1eeff; }

.bg-blue-1 {
  background-color: #2A81FB; }

.btn {
  padding: 5px 10px; }

.rtl {
  direction: rtl; }

.ltr {
  direction: ltr; }

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-x: hidden;
  font-family: dana; }

#header {
  position: relative; }
  #header .social li a {
    color: gray; }
  #header .title-1 h1 {
    font-size: 25px; }
  #header .title-1 h2 {
    font-size: 19px; }

.text-gray--1 {
  color: #adadaf; }

nav {
  background-color: #e9f2ff; }
  nav ul {
    padding: 0; }
    nav ul li {
      list-style-type: none;
      display: inline-block; }
      nav ul li a {
        margin: 15px;
        display: block;
        padding: 4px 15px;
        text-decoration: none;
        -webkit-transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        -moz-transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        -ms-transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        -o-transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        transition: all 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px; }
        nav ul li a:hover {
          text-decoration: none;
          background-color: #5c9ffc;
          color: #ffff; }
        nav ul li a:focus {
          text-decoration: none; }
        nav ul li a:active {
          text-decoration: none; }

.item {
  cursor: pointer; }
  .item + p {
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .item:hover + p {
    visibility: visible; }

.swiper-wrapper {
  height: 220px; }

.swiper-slide a {
  display: block; }
.swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  object-fit: cover; }

.w-200px {
  width: 200px; }

.bg-gray--1 {
  background-color: rgba(247, 247, 247, 0.78); }

.bg-gray--2 {
  background-color: #b9b9b9; }

footer {
  text-align: center; }

.social {
  margin: 0;
  padding: 0;
  list-style: none; }
  .social li {
    display: inline-block;
    margin: 0 0.5rem; }
    .social li a {
      color: white; }
      .social li a:hover {
        color: #2196f3 !important; }

#profile {
  border-radius: 50%;
  width: 150px;
  height: 150px; }

@media only screen and (min-width: 1024px) {
  .w-lg-50 {
    width: 50%; } }

/*# sourceMappingURL=style.css.map */