header {
  background-image: url("../img/header.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  header nav {
    background-image: url("../img/header.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    header nav ul li a {
      font-family: "Raleway";
      font-size: 0.7rem;
      font-weight: 900;
      line-height: 1.1326rem;
      text-transform: uppercase;
      color: #444 !important; }
      header nav ul li a:hover {
        color: #0080e5 !important; }
        header nav ul li a:hover::after {
          content: "";
          display: block;
          background-color: #0080e5;
          width: 100%;
          height: .1rem; }
  header .active a {
    color: #0080e5 !important; }
    header .active a::after {
      content: "";
      display: block;
      background-color: #0080e5;
      width: 100%;
      height: .1rem; }
  header h1 {
    font-family: "Play";
    font-size: 2rem;
    font-weight: 900;
    line-height: 3.236rem;
    color: #444; }
  header p {
    font-family: "Open Sans";
    font-size: 0.8rem;
    font-weight: 200;
    line-height: 1.2944rem; }

.btn-outline {
  font-family: "Raleway";
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 1.2944rem;
  text-transform: uppercase; }

.btn-primary {
  background: #0080e5 !important;
  font-family: "Raleway";
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 1.2944rem;
  text-transform: uppercase; }

.navbar-brand img {
  animation: rotating 2s ease-in-out infinite;
  cursor: pointer;
  -webkit-animation: rotating 2s ease-in-out infinite; }

@keyframes rotating {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

.section-text h3 {
  font-family: "Play";
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.427rem;
  color: #444; }

.section-text p {
  font-family: "Open Sans";
  font-size: 0.8rem;
  font-weight: 200;
  line-height: 1.2944rem;
  margin: 0 auto; }

.card {
  border: 0;
  -webkitbox-shadow: 1px -5px 37px -25px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px -5px 37px -25px rgba(0, 0, 0, 0.75);
  -o-box-shadow: 1px -5px 37px -25px rgba(0, 0, 0, 0.75);
  box-shadow: 1px -5px 37px -25px rgba(0, 0, 0, 0.75); }
  .card .card-body .card-title {
    font-family: "Play";
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1.9416rem;
    text-transform: uppercase;
    color: #0080e5; }
  .card .card-body .card-text {
    font-family: "Open Sans";
    font-size: 0.8rem;
    font-weight: 200;
    line-height: 1.2944rem; }
  .card:hover {
    animation: scalling 2s ease-in-out 1;
    -webkit-animation: scalling 2s ease-in-out 1;
    border: 0.1rem solid #0080e5;
    cursor: pointer; }

@keyframes scalling {
  from {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1); } }

#service {
  background-image: url("../img/bg-1.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  #service h3 {
    font-family: "Play";
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.9124rem; }

.owl-nav {
  display: none; }

.owl-dots {
  margin-top: 1rem; }
  .owl-dots .owl-dot.active span {
    background: #0080e5 !important; }

.post p {
  font-family: "Open Sans";
  font-size: 0.8rem;
  font-weight: 200;
  line-height: 1.2944rem;
  width: 70%;
  margin: 0 auto; }

.post a {
  color: #0080e5; }

.col-custom {
  width: 20%; }

footer {
  background-image: url("../img/footer.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  footer h3 {
    font-family: "Play";
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1.9416rem;
    text-transform: uppercase;
    color: #0080e5; }
  footer ul {
    padding: 0;
    list-style: none; }
    footer ul li a {
      color: #fff;
      font-family: "Raleway";
      font-size: 0.8rem;
      font-weight: 900;
      line-height: 1.2944rem; }
      footer ul li a:hover {
        color: #444;
        text-decoration: none; }
  footer p {
    color: #fff;
    font-family: "Open Sans";
    font-size: 0.8rem;
    font-weight: 200;
    line-height: 1.2944rem;
    margin: 0; }
  footer i {
    color: #fff;
    cursor: pointer; }
    footer i:hover {
      color: #0080e5; }

.copy-right {
  background-color: #000;
  font-family: "Open Sans";
  font-size: 0.8rem;
  font-weight: 200;
  line-height: 1.2944rem;
  text-transform: capitalize; }
  .copy-right span {
    color: #0080e5;
    cursor: pointer;
    font-weight: 900; }