/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {font-family: "Open Sans", sans-serif;color: #444444;}
a {color: #4A73E8;text-decoration: none;}
a:hover {color: #9DB4F3;text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-family: "Raleway", sans-serif;}
.btn-linkBtn {font-family: "Open Sans", sans-serif;text-transform: uppercase;font-weight: 500;font-size: 14px;display: inline-block;padding: 10px 35px 10px 35px;border-radius: 4px;transition: 0.5s;color: #fff;background: #4A73E8;border: 2px solid #4A73E8;}
.btn-linkBtn:hover {border-color: #4A73E8;color: #4A73E8;background: rgba(255, 255, 255, 0.1);}
.no-bg {background: none!important;}
.head-title h2 {font-size: 26px!important;}
.img-radius {border-radius: 4px;}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 996;background: #4A73E8;width: 40px;height: 40px;border-radius: 4px;transition: all 0.4s;}
.back-to-top:hover {border-color: #4A73E8;color: #4A73E8;background: rgba(255, 255, 255, 0.1);}
.back-to-top i {font-size: 24px;color: #fff;line-height: 0;}
.back-to-top:hover {background: #4A73E8;color: #fff;}
.back-to-top.active {visibility: visible;opacity: 1;}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #fff;}
#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid #4A73E8;border-top-color: #ffe9e3;border-radius: 50%;width: 60px;height: 60px;-webkit-animation: animate-preloader 1s linear infinite;animation: animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes animate-preloader {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {transition-delay: 0 !important;}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {transition: all 0.5s;z-index: 997;padding: 20px 0;}
#header.header-scrolled, #header.header-inner-pages {background: rgba(24, 40, 84, 0.85);padding: 10px 0;}
#header .logo {font-size: 32px;margin: 0;padding: 0;line-height: 1;font-weight: 700;letter-spacing: 2px;}
#header .logo a {color: #fff;}
#header .logo img {max-height: 40px;}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation
*/
.navbar {padding: 0;}
.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar > ul > li {white-space: nowrap;padding: 8px 12px;}
.navbar a, .navbar a:focus {display: flex;align-items: center;position: relative;justify-content: space-between;padding: 0 3px;font-size: 14px;text-transform: uppercase;font-weight: 600;color: rgba(255, 255, 255, 0.9);white-space: nowrap;transition: 0.3s;}
.navbar a i, .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar > ul > li > a:before {content: "";position: absolute;width: 100%;height: 2px;bottom: -6px;left: 0;background-color: #4A73E8;visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;}
.navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before {visibility: visible;width: 100%;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {color: #fff;}
.navbar .getstarted, .navbar .getstarted:focus {padding: 8px 25px;margin-left: 30px;border-radius: 4px;color: #fff;border: 2px solid #fff;}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {color: #fff;background: #9DB4F3;border-color: #4A73E8;}
.navbar > ul > li > .getstarted:before {visibility: hidden;}
.navbar .dropdown ul {display: block;position: absolute;left: 14px;top: calc(100% + 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 4px;}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 10px 20px;font-size: 14px;text-transform: none;color: #15222b;font-weight: 400;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {color: #4A73E8;}
.navbar .dropdown:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover > ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {left: -90%;}
  .navbar .dropdown .dropdown:hover > ul {left: -100%;}
}

/**
* Mobile Navigation
*/
.mobile-nav-toggle {color: #fff;font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}

@media (max-width: 991px) {
  .mobile-nav-toggle {display: block;}
  .navbar ul {display: none;}
}
.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: rgba(24, 40, 84, 0.9);transition: 0.3s;z-index: 999;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px;}
.navbar-mobile ul {display: block;position: absolute;top: 55px;right: 15px;bottom: 15px;left: 15px;padding: 10px 0;border-radius: 10px;background-color: #fff;overflow-y: auto;transition: 0.3s;}
.navbar-mobile a, .navbar-mobile a:focus {padding: 10px 20px;font-size: 15px;color: #15222b;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #4A73E8;}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {margin: 15px;}
.navbar-mobile .dropdown ul {position: static;display: none;margin: 10px 20px;padding: 10px 0;z-index: 99;opacity: 1;visibility: visible;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li {min-width: 200px;}
.navbar-mobile .dropdown ul a {padding: 10px 20px;}
.navbar-mobile .dropdown ul a i {font-size: 12px;}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {color: #4A73E8;}
.navbar-mobile .dropdown > .dropdown-active {display: block;}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {width: 100%;height: 100vh;background: url("../img/hero-bg.jpg") top center;background-size: cover;position: relative;padding: 0;}
#hero:before {content: "";background: rgba(13, 20, 26, 0.7);position: absolute;bottom: 0;top: 0;left: 0;right: 0;}
#hero .hero-container {position: absolute;bottom: 0;top: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;}
#hero h1 {margin: 0 0 10px 0;font-size: 48px;font-weight: 700;line-height: 56px;text-transform: uppercase;color: #fff;}
#hero h2 {color: #eee;margin-bottom: 50px;font-size: 24px;}
#hero .btn-get-started {font-family: "Open Sans", sans-serif;text-transform: uppercase;font-weight: 500;font-size: 14px;display: inline-block;padding: 10px 35px 10px 35px;border-radius: 4px;transition: 0.5s;color: #fff;background: #4A73E8;border: 2px solid #4A73E8;}
#hero .btn-get-started:hover {border-color: #fff;background: rgba(255, 255, 255, 0.1);}
#hero .btn-watch-video {font-size: 16px;display: inline-block;transition: 0.5s;margin-left: 25px;color: #fff;display: inline-flex;align-items: center;justify-content: center;}
#hero .btn-watch-video i {line-height: 0;color: #fff;font-size: 32px;transition: 0.3s;margin-right: 8px;}
#hero .btn-watch-video:hover i {color: #4A73E8;}
@media (min-width: 1024px) {
  #hero {background-attachment: fixed;}
}
@media (max-width: 768px) {
  #hero h1 {font-size: 28px;line-height: 36px;}
  #hero h2 {font-size: 18px;line-height: 24px;margin-bottom: 30px;}
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {padding: 60px 0;overflow: hidden;}
.section-bg {background-color: #f0f4f8;}
.section-title {padding-bottom: 40px;}
.section-title h2 {font-size: 14px;font-weight: 500;padding: 0;line-height: 1px;margin: 0 0 5px 0;letter-spacing: 2px;text-transform: uppercase;color: #5c8eb0;font-family: "Poppins", sans-serif;}
.section-title h2::after {content: "";width: 120px;height: 1px;display: inline-block;background: #9DB4F3;margin: 4px 10px;}
.section-title p {margin: 0;margin: 0;font-size: 36px;font-weight: 700;text-transform: uppercase;font-family: "Poppins", sans-serif;color: #182854;}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .container {box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);padding-bottom: 15px;}
.about .count-box {padding: 60px 0;width: 100%;}
.about .count-box i {display: block;font-size: 48px;color: #a1bdd1;float: left;line-height: 0;}
.about .count-box span {font-size: 28px;line-height: 25px;display: block;font-weight: 700;color: #365870;margin-left: 60px;}
.about .count-box p {padding: 5px 0 0 0;margin: 0 0 0 60px;font-family: "Raleway", sans-serif;font-weight: 600;font-size: 14px;color: #2e4b5e;}
.about .count-box a {font-weight: 600;display: block;margin-top: 20px;color: #2e4b5e;font-size: 15px;font-family: "Poppins", sans-serif;transition: ease-in-out 0.3s;}
.about .count-box a:hover {color: #477392;}
.about .content {font-size: 15px;}
.about .content h3 {font-weight: 700;font-size: 24px;color: #182854;}
.about .content ul {list-style: none;padding: 0;}
.about .content ul li {padding-bottom: 10px;padding-left: 28px;position: relative;}
.about .content ul i {font-size: 24px;color: #4A73E8;position: absolute;left: 0;top: -2px;}
.about .content p:last-child {margin-bottom: 0;}
.about .play-btn {width: 94px;height: 94px;background: radial-gradient(#4A73E8 50%, rgba(0, 119, 242, 0.4) 52%);border-radius: 50%;display: block;position: absolute;left: calc(50% - 47px);top: calc(50% - 47px);overflow: hidden;}
.about .play-btn::after {content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 100;transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.about .play-btn::before {content: "";position: absolute;width: 120px;height: 120px;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation: pulsate-btn 2s;animation: pulsate-btn 2s;-webkit-animation-direction: forwards;animation-direction: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: steps;animation-timing-function: steps;opacity: 1;border-radius: 50%;border: 5px solid rgba(0, 119, 242, 0.7);top: -15%;left: -15%;background: rgba(198, 16, 0, 0);}
.about .play-btn:hover::after {border-left: 15px solid #4A73E8;transform: scale(20);}
.about .play-btn:hover::before {content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border: none;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 200;-webkit-animation: none;animation: none;border-radius: 0;}
@-webkit-keyframes pulsate-btn {
  0% {transform: scale(0.6, 0.6);opacity: 1;}
  100% {transform: scale(1, 1);opacity: 0;}
}
@keyframes pulsate-btn {
  0% {transform: scale(0.6, 0.6);opacity: 1;}
  100% {transform: scale(1, 1);opacity: 0;}
}
/*--------------------------------------------------------------
# About Boxes
--------------------------------------------------------------*/
.about-boxes {background: url("../img/about-boxes-bg.jpg") center top no-repeat fixed;background-size: cover;padding: 60px 0 30px 0;position: relative;}
.about-boxes::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(255, 255, 255, 0.92);z-index: 9;}
.about-boxes .container, .about-boxes .container-fluid {position: relative;z-index: 10;}
.about-boxes .card {border-radius: 3px;border: 0;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);margin-bottom: 30px;}
.about-boxes .card-icon {text-align: center;margin-top: -32px;}
.about-boxes .card-icon i {font-size: 32px;color: #fff;width: 64px;height: 64px;padding-top: 5px;text-align: center;background-color: #4A73E8;border-radius: 4px;text-align: center;border: 4px solid #fff;transition: 0.3s;display: inline-block;}
.about-boxes .card-body {padding-top: 12px;}
.about-boxes .card-title {font-weight: 700;text-align: center;}
.about-boxes .card-title a {color: #15222b;}
.about-boxes .card-title a:hover {color: #4A73E8;}
.about-boxes .card-text {color: #5e5e5e;}
.about-boxes .card:hover .card-icon i {background: #fff;color: #4A73E8;}
@media (max-width: 1024px) {
  .about-boxes {background-attachment: scroll;}
}
.about-boxes .content ul {list-style: none;padding: 0;}
.about-boxes .content ul li {padding-bottom: 10px;padding-left: 28px;position: relative;}
.about-boxes .content ul i {font-size: 24px;color: #4A73E8;position: absolute;left: 0;top: -2px;}
.about-boxes .play-btn {width: 94px;height: 94px;background: radial-gradient(#4A73E8 50%, rgba(0, 119, 242, 0.4) 52%);border-radius: 50%;display: block;position: absolute;left: calc(50% - 47px);top: calc(50% - 47px);overflow: hidden;}
.about-boxes .play-btn::after {content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 100;transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.about-boxes .play-btn::before {content: "";position: absolute;width: 120px;height: 120px;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation: pulsate-btn 2s;animation: pulsate-btn 2s;-webkit-animation-direction: forwards;animation-direction: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: steps;animation-timing-function: steps;opacity: 1;border-radius: 50%;border: 5px solid rgba(0, 119, 242, 0.7);top: -15%;left: -15%;background: rgba(198, 16, 0, 0);}
.about-boxes .play-btn:hover::after {border-left: 15px solid #4A73E8;transform: scale(20);}
.about-boxes .play-btn:hover::before {content: "";position: absolute;left: 50%;top: 50%;transform: translateX(-40%) translateY(-50%);width: 0;height: 0;border: none;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 15px solid #fff;z-index: 200;-webkit-animation: none;animation: none;border-radius: 0;}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {background: #f0f4f8;padding: 15px 0;}
.clients img {max-width: 45%;transition: all 0.4s ease-in-out;display: inline-block;padding: 15px 0;filter: grayscale(100);}
.clients img:hover {filter: none;transform: scale(1.15);}
@media (max-width: 768px) {
  .clients img {max-width: 40%;}
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .nav-tabs {border: 0;}
.features .nav-link {border: 1px solid #b5ccdb;padding: 15px;transition: 0.3s;color: #15222b;border-radius: 4px;display: flex;align-items: center;justify-content: center;}
.features .nav-link i {padding-right: 15px;font-size: 48px;}
.features .nav-link h4 {font-size: 18px;font-weight: 600;margin: 0;}
.features .nav-link:hover {color: #4A73E8;}
.features .nav-link.active {background: #4A73E8;color: #fff;border-color: #4A73E8;}
@media (max-width: 768px) {
  .features .nav-link i {padding: 0;line-height: 1;font-size: 36px;}
}
@media (max-width: 575px) {
  .features .nav-link {padding: 15px;}
  .features .nav-link i {font-size: 24px;}
}
.features .tab-content {margin-top: 30px;}
.features .tab-pane h3 {font-weight: 600;font-size: 26px;}
.features .tab-pane ul {list-style: none;padding: 0;}
.features .tab-pane ul li {padding-bottom: 10px;}
.features .tab-pane ul i {font-size: 20px;padding-right: 4px;color: #4A73E8;}
.features .tab-pane p:last-child {margin-bottom: 0;}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {margin-bottom: 20px;padding: 30px;border-radius: 6px;background: #fff;}
.services .icon-box i {float: left;color: #284389;font-size: 40px;line-height: 0;}
.services .icon-box h4 {margin-left: 70px;font-weight: 700;margin-bottom: 15px;font-size: 18px;}
.services .icon-box h4 a {color: #284389;transition: 0.3s;}
.services .icon-box .icon-box:hover h4 a {color: #4A73E8;}
.services .icon-box p {margin-left: 70px;line-height: 24px;font-size: 14px;}
.services .icon-box:hover h4 a {color: #4A73E8;}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials {padding: 80px 0;background: url("../img/testimonials-bg.jpg") no-repeat;background-position: center center;background-size: cover;position: relative;}
.testimonials::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(13, 20, 26, 0.7);}
.testimonials .section-header {margin-bottom: 40px;}
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {overflow: hidden;}
.testimonials .testimonial-item {text-align: center;color: #fff;}
.testimonials .testimonial-item .testimonial-img {width: 100px;border-radius: 50%;border: 6px solid rgba(255, 255, 255, 0.15);margin: 0 auto;}
.testimonials .testimonial-item h3 {font-size: 20px;font-weight: bold;margin: 10px 0 5px 0;color: #fff;}
.testimonials .testimonial-item h4 {font-size: 14px;color: #ddd;margin: 0 0 15px 0;}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {color: rgba(255, 255, 255, 0.4);font-size: 26px;}
.testimonials .testimonial-item .quote-icon-left {display: inline-block;left: -5px;position: relative;}
.testimonials .testimonial-item .quote-icon-right {display: inline-block;right: -5px;position: relative;top: 10px;}
.testimonials .testimonial-item p {font-style: italic;margin: 0 auto 15px auto;color: #eee;}
@media (min-width: 992px) {
  .testimonials .testimonial-item p {width: 80%;}
}
.testimonials .swiper-pagination {margin-top: 20px;position: relative;}
.testimonials .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #a1bdd1;opacity: 0.5;}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color: #4A73E8;opacity: 1;}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {padding: 0;margin: 0 auto 25px auto;list-style: none;text-align: center;border-radius: 50px;}
.portfolio #portfolio-flters li {cursor: pointer;display: inline-block;padding: 8px 16px;font-size: 14px;font-weight: 500;line-height: 1;color: #444444;margin: 0 3px 10px 3px;transition: all ease-in-out 0.3s;background: #e5edf3;border-radius: 4px;}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {color: #fff;background: #4A73E8;}
.portfolio #portfolio-flters li:last-child {margin-right: 0;}
.portfolio .portfolio-item {margin-bottom: 30px;overflow: hidden;}
.portfolio .portfolio-item img {position: relative;top: 0;transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);}
.portfolio .portfolio-item .portfolio-info {opacity: 0;position: absolute;left: 15px;right: 15px;bottom: -50px;z-index: 3;transition: all ease-in-out 0.3s;background: #4A73E8;padding: 15px 20px;}
.portfolio .portfolio-item .portfolio-info h4 {font-size: 18px;color: #fff;font-weight: 600;}
.portfolio .portfolio-item .portfolio-info p {color: #fff;font-size: 14px;margin-bottom: 0;}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {position: absolute;right: 50px;font-size: 24px;top: calc(50% - 18px);color: white;transition: ease-in-out 0.3s;}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {color: #ffc1b0;}
.portfolio .portfolio-item .portfolio-info .details-link {right: 15px;}
.portfolio .portfolio-item:hover img {top: -30px;}
.portfolio .portfolio-item:hover .portfolio-info {opacity: 1;bottom: 0;}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {padding-top: 40px;}
.portfolio-details .portfolio-details-slider img {width: 100%;}
.portfolio-details .portfolio-details-slider .swiper-pagination {margin-top: 20px;position: relative;}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #fff;opacity: 1;border: 1px solid #4A73E8;}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {background-color: #4A73E8;}
.portfolio-details .portfolio-info {padding: 30px;box-shadow: 0px 0 30px rgba(21, 34, 43, 0.08);}
.portfolio-details .portfolio-info h3 {font-size: 22px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.portfolio-details .portfolio-info ul {list-style: none;padding: 0;font-size: 15px;}
.portfolio-details .portfolio-info ul li + li {margin-top: 10px;}
.portfolio-details .portfolio-description {padding-top: 30px;}
.portfolio-details .portfolio-description h2 {font-size: 26px;font-weight: 700;margin-bottom: 20px;}
.portfolio-details .portfolio-description p {padding: 0;}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team {position: relative;}
.team .container {position: relative;z-index: 10;}
.team .member {margin-bottom: 80px;position: relative;}
.team .member .pic {overflow: hidden;}
.team .member .member-info {position: absolute;bottom: -50px;left: 20px;right: 20px;background: #fff;padding: 20px 15px;color: #15222b;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);overflow: hidden;transition: 0.5s;}
.team .member h4 {font-weight: 700;margin-bottom: 10px;font-size: 16px;color: #15222b;position: relative;padding-bottom: 10px;}
.team .member h4::after {content: "";position: absolute;display: block;width: 50px;height: 1px;background: #7fa5c0;bottom: 0;left: 0;}
.team .member span {font-style: italic;display: block;font-size: 13px;}
.team .member .social {position: absolute;right: 15px;bottom: 15px;}
.team .member .social a {transition: color 0.3s;color: #477392;}
.team .member .social a:hover {color: #4A73E8;}
.team .member .social i {font-size: 16px;margin: 0 2px;}
@media (max-width: 992px) {
  .team .member {margin-bottom: 110px;}
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {color: #444444;text-align: center;box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);padding: 20px 0 30px 0;}
.contact .info-box i {font-size: 32px;color: #284389;border-radius: 50%;padding: 8px;}
.contact .info-box h3 {font-size: 20px;color: #777777;font-weight: 700;margin: 10px 0;}
.contact .info-box p {padding: 0;line-height: 24px;font-size: 14px;margin-bottom: 0;}
.contact .php-email-form {box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);padding: 30px;}
.contact .php-email-form .error-message {display: none;color: #fff;background: #ed3c0d;text-align: left;padding: 15px;font-weight: 600;}
.contact .php-email-form .error-message br + br {margin-top: 25px;}
.contact .php-email-form .sent-message {display: none;color: #fff;background: #18d26e;text-align: center;padding: 15px;font-weight: 600;}
.contact .php-email-form .loading {display: none;background: #fff;text-align: center;padding: 15px;}
.contact .php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid #18d26e;border-top-color: #eee;-webkit-animation: animate-loading 1s linear infinite;animation: animate-loading 1s linear infinite;}
.contact .php-email-form input, .contact .php-email-form textarea {border-radius: 0;box-shadow: none;font-size: 14px;border-radius: 4px;}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {border-color: #4A73E8;}
.contact .php-email-form input {padding: 10px 15px;}
.contact .php-email-form textarea {padding: 12px 15px;}
.contact .php-email-form button[type=submit] {background: #4A73E8;border: 0;padding: 10px 24px;color: #fff;transition: 0.4s;border-radius: 4px;}
.contact .php-email-form button[type=submit]:hover {background: #9DB4F3;}
@-webkit-keyframes animate-loading {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes animate-loading {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {padding: 15px 0;background: #f0f4f8;min-height: 40px;margin-top: 78px;}
.breadcrumbs h2 {font-size: 28px;font-weight: 400;}
.breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;}
.breadcrumbs ol li + li {padding-left: 10px;}
.breadcrumbs ol li + li::before {display: inline-block;padding-right: 10px;color: #182854;content: "/";}
@media (max-width: 992px) {
  .breadcrumbs {margin-top: 52px;}
  .breadcrumbs .d-flex {display: block !important;}
  .breadcrumbs ol {display: block;}
  .breadcrumbs ol li {display: inline-block;}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {background: #182854;padding: 0 0 30px 0;color: #fff;font-size: 14px;}
#footer .footer-top {background: #284389;border-bottom: 1px solid #4A73E8;padding: 60px 0 30px 0;}
#footer .footer-top .footer-info {margin-bottom: 30px;}
#footer .footer-top .footer-info h3 {font-size: 28px;margin: 0 0 15px 0;padding: 2px 0 2px 0;line-height: 1;font-weight: 700;}
#footer .footer-top .footer-info p {font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: "Raleway", sans-serif;color: #fff;}
#footer .footer-top .social-links a {font-size: 18px;display: inline-block;background: rgba(255, 255, 255, 0.08);color: #fff;line-height: 1;padding: 8px 0;margin-right: 4px;border-radius: 4px;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
#footer .footer-top .social-links a:hover {background: #4A73E8;color: #fff;text-decoration: none;}
#footer .footer-top h4 {font-size: 16px;font-weight: 600;color: #fff;position: relative;padding-bottom: 12px;}
#footer .footer-top .footer-links {margin-bottom: 30px;}
#footer .footer-top .footer-links ul {list-style: none;padding: 0;margin: 0;}
#footer .footer-top .footer-links ul i {padding-right: 2px;color: #9DB4F3;font-size: 18px;line-height: 1;}
#footer .footer-top .footer-links ul li {padding: 10px 0;display: flex;align-items: center;}
#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}
#footer .footer-top .footer-links ul a {color: #fff;transition: 0.3s;display: inline-block;line-height: 1;}
#footer .footer-top .footer-links ul a:hover {color: #4A73E8;}
#footer .footer-top .footer-newsletter form {margin-top: 30px;background: #fff;padding: 6px 10px;position: relative;border-radius: 4px;}
#footer .footer-top .footer-newsletter form input[type=email] {border: 0;padding: 4px;width: calc(100% - 110px);}
#footer .footer-top .footer-newsletter form input[type=submit] {position: absolute;top: 0;right: -2px;bottom: 0;border: 0;background: none;font-size: 16px;padding: 0 20px;background: #4A73E8;color: #fff;transition: 0.3s;border-radius: 0 4px 4px 0;}
#footer .footer-top .footer-newsletter form input[type=submit]:hover {background: #9DB4F3;}
#footer .copyright {text-align: center;padding-top: 30px;}
#footer .credits {padding-top: 10px;text-align: center;font-size: 13px;color: #fff;}
#footer .credits a {transition: 0.3s;}