.go-top {
  border-radius: 100%;
}

.go-top:hover {
  color: red;
  background-color: auto;
}

.site-footer div .link:hover {
  color: red;
  text-decoration: none;
}

.site-navbar .uk-navbar-nav > li.uk-active > a {
  color: red;
  font-weight: 600;
}

.site-navbar ul li a {
  font-size: 1.1rem;
}

.site-navbar ul li a:hover {
  color: red;
  text-decoration: none;
}

#mobile {
  padding: 1rem;
  margin: 0px !important;
}

#mobile .uk-button {
  border: none;
}

.logo {
  position: relative;
  top: 10px;
}

.section-heading {
  color: red;
  position: relative;
}

.section-heading::before {
  content: "";
  width: 50px;
  height: 5px;
  background-color: #333;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  -webkit-transform: translate(50%, 50px);
          transform: translate(50%, 50px);
}

.mt-1 {
  margin-top: 1rem;
}

.service-item {
  position: relative;
  overflow: hidden;
}

.service-item img {
  border-radius: 5px;
}

.service-item svg {
  color: red;
}

.service-item .overlay {
  width: 100%;
  height: 100%;
  background-color: #79797956;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}

.project-slide {
  margin: 0;
}

@media (max-width: 720px) {
  #Main {
    display: none;
  }
}

@media (min-width: 720px) {
  #mobile {
    display: none;
  }
}

/*contacts page*/
.site-header {
  position: relative;
}

.site-header img {
  height: 40vh;
}

.site-header .overly {
  position: absolute;
  bottom: 0;
  background-color: #413d3d67;
  padding: 10px;
  width: 100%;
  height: 100px;
}

.site-header .overly .uk-breadcrumb li > a {
  color: #fff;
}

.site-header .overly .uk-breadcrumb li > span {
  color: red;
}

.contact-form {
  position: relative;
  overflow: hidden;
}

.contact-form .layer {
  width: 1920px;
  height: 300px;
  background-color: rgba(220, 231, 245, 0.301);
  -webkit-transform: skewY(3deg);
          transform: skewY(3deg);
  position: absolute;
  top: -50px;
  left: 0;
  z-index: 0;
}

.contact-form .top-content {
  position: relative;
  z-index: 1;
}

.contact-form .top-content small {
  color: red;
}

.contact-form .top-content h1 {
  font-size: 2.5rem;
}

.contact-form .title-conetnt {
  position: relative;
  color: red;
}

.contact-form .title-conetnt::before {
  content: "";
  width: 50px;
  height: 5px;
  background-color: #333;
  position: absolute;
  margin-top: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0%, 50px);
          transform: translate(0%, 50px);
}

.contact-form .conatct-info ul li > a {
  color: #333;
  text-decoration: none;
}

.contact-form .conatct-info ul li > a:hover {
  color: red;
}

/*about page*/
.about-content {
  position: relative;
}

.about-content .time-period {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.about-content .title-conetnt {
  position: relative;
  color: red;
}

.about-content .title-conetnt::before {
  content: "";
  width: 50px;
  height: 5px;
  background-color: #333;
  position: absolute;
  margin-top: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0%, 50px);
          transform: translate(0%, 50px);
}

.about-content .list-group > a {
  padding: 1rem;
}

.about-content .list-group .active {
  background-color: #dc3545;
  border: 1px solid #dc3545;
}

.about-content .tab-content .link {
  color: red;
  text-decoration: none;
  font-size: 1.2rem;
}

.about-content .tab-content .link:hover {
  text-decoration: underline;
}

/*projects*/
.projects-content {
  position: relative;
}

.projects-content .time-period {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.projects-content .top-card {
  position: relative;
}

.projects-content .top-card img {
  height: 300px;
}

.projects-content .top-card .info {
  padding: 10px;
  background-color: #dc35468e;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.projects-content .top-card .info > div {
  color: #fff;
}

/*project one page*/
.project-content-page {
  position: relative;
}

.project-content-page .details {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.project-content-page .details-info {
  background-color: #dc3545;
  color: #f0e6e6;
  padding: 10px;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 30px #777676;
          box-shadow: 5px 5px 30px #777676;
}

.project-content-page .details-info ul > li {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(214, 214, 214, 0.26);
}

.project-content-page .details-info ul > li:last-child {
  border-bottom: none;
}

.project-content-page .details-info ul > li h6 {
  color: #000;
}

.project-content-page .details-info ul > li h5 {
  font-size: 1.4rem;
}

/*career page*/
.career-content .tab-content .tab-pane div p a {
  color: red;
  text-decoration: none;
}

.career-content .tab-content .tab-pane div p a:hover {
  text-decoration: underline;
  font-size: 1.4rem;
  -webkit-transition-property: font-size;
  transition-property: font-size;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
/*# sourceMappingURL=style.css.map */