/*--------------------------------------------------------------
# Template CSS
--------------------------------------------------------------*/
:root {
    --primary: #0052CC;
    --primary-hover: #1167e9;
    --secondary: #00875A;
    --light: #F4F5F7;
    --dark: #091E42;
    --terciary: #FF8B00;
}

/*--------------------------------------------------------------
# Mods
--------------------------------------------------------------*/
.btn-primary {background-color: var(--primary);border-color: var(--primary);}
.btn-primary:hover {background-color:var(--primary-hover);border-color:var(--primary-hover);}
.btn-check:focus+.btn-primary,
.btn-primary:focus {background-color:var(--primary-hover);border-color:var(--primary-hover);}
.text-primary {color: var(--primary) !important;}
.bg-primary {background-color: var(--primary) !important;}
#menu .logo img {padding: 0;margin: 0;max-height: 40px;}
.footer-logo img {padding: 0;margin: 0;filter: brightness(100);}
@media (min-width: 992px) {
    .navbar-dark .logo img {filter: brightness(100);}
    .sticky-top.navbar-dark .logo img {filter: brightness(0);}
}




/*--------------------------------------------------------------
# Spinner
--------------------------------------------------------------*/
.spinner {width: 40px;height: 40px;background: var(--primary);margin: 100px auto;-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;animation: sk-rotateplane 1.2s infinite ease-in-out;}
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}

/*--------------------------------------------------------------
# Heading
--------------------------------------------------------------*/
h1,h2,.fw-bold {font-weight: 800 !important;}
h3,h4,.fw-semi-bold {font-weight: 700 !important;}
h5,h6,.fw-medium {font-weight: 600 !important;}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn {font-family: 'Nunito', sans-serif;font-weight: 600;transition: .5s;}
.btn-primary,
.btn-secondary {color: #FFFFFF;box-shadow: inset 0 0 0 50px transparent;}
.btn-primary:hover {box-shadow: inset 0 0 0 0 var(--primary);}
.btn-secondary:hover {box-shadow: inset 0 0 0 0 var(--secondary);}
.btn-square {width: 36px;height: 36px;}
.btn-sm-square {width: 30px;height: 30px;}
.btn-lg-square {width: 48px;height: 48px;}
.btn-square,
.btn-sm-square,
.btn-lg-square {padding-left: 0;padding-right: 0;text-align: center;}

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
.navbar-dark .navbar-nav .nav-link {font-family: 'Nunito', sans-serif;position: relative;margin-left: 25px;padding: 35px 0;color: #FFFFFF;font-size: 18px;font-weight: 600;outline: none;transition: .5s;}
.sticky-top.navbar-dark .navbar-nav .nav-link {padding: 20px 0;color: var(--dark);}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {color: var(--primary);}
.navbar-dark .navbar-brand h1 {color: #FFFFFF;}
.navbar-dark .navbar-toggler {color: var(--primary) !important;border-color: var(--primary) !important;}

/*--------------------------------------------------------------
# Carousel
--------------------------------------------------------------*/
.carousel-caption {top: 0;left: 0;right: 0;bottom: 0;background: rgba(9, 30, 62, .7);z-index: 1;}
.carousel-control-prev,
.carousel-control-next {width: 10%;}
.carousel-control-prev-icon,
.carousel-control-next-icon {width: 3rem;height: 3rem;}

/*--------------------------------------------------------------
# Section Title
--------------------------------------------------------------*/
.section-title::before {position: absolute;content: "";width: 150px;height: 5px;left: 0;bottom: 0;background: var(--primary);border-radius: 2px;}
.section-title.text-center::before {left: 50%;margin-left: -75px;}
.section-title.section-title-sm::before {width: 90px;height: 3px;}
.section-title::after {position: absolute;content: "";width: 6px;height: 5px;bottom: 0px;background: #FFFFFF;-webkit-animation: section-title-run 5s infinite linear;animation: section-title-run 5s infinite linear;}
.section-title.section-title-sm::after {width: 4px;height: 3px;}
.section-title.text-center::after {-webkit-animation: section-title-run-center 5s infinite linear;animation: section-title-run-center 5s infinite linear;}
.section-title.section-title-sm::after {-webkit-animation: section-title-run-sm 5s infinite linear;animation: section-title-run-sm 5s infinite linear;}

/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
.service-item {position: relative;height: 300px;padding: 0 30px;transition: .5s;}
.service-item .service-icon {margin-bottom: 30px;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;background: var(--primary);border-radius: 2px;transform: rotate(-45deg);}
.service-item .service-icon i {transform: rotate(45deg);}
.service-item a.btn {position: absolute;width: 60px;bottom: -48px;left: 50%;margin-left: -30px;opacity: 0;}
.service-item:hover a.btn {bottom: -24px;opacity: 1;}

/*--------------------------------------------------------------
# Testimonial
--------------------------------------------------------------*/
.testimonial-carousel .owl-dots {margin-top: 15px;display: flex;align-items: flex-end;justify-content: center;}
.testimonial-carousel .owl-dot {position: relative;display: inline-block;margin: 0 5px;width: 15px;height: 15px;background: #DDDDDD;border-radius: 2px;transition: .5s;}
.testimonial-carousel .owl-dot.active {width: 30px;background: var(--primary);}
.testimonial-carousel .owl-item.center {position: relative;z-index: 1;}
.testimonial-carousel .owl-item .testimonial-item {transition: .5s;}
.testimonial-carousel .owl-item.center .testimonial-item {background: #FFFFFF !important;box-shadow: 0 0 30px #DDDDDD;}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team-item {transition: .5s;}
.team-social {position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;transition: .5s;}
.team-social a.btn {position: relative;margin: 0 3px;margin-top: 100px;opacity: 0;}
.team-item:hover {box-shadow: 0 0 30px #DDDDDD;}
.team-item:hover .team-social {background: rgba(9, 30, 62, .7);}
.team-item:hover .team-social a.btn:first-child {opacity: 1;margin-top: 0;transition: .3s 0s;}
.team-item:hover .team-social a.btn:nth-child(2) {opacity: 1;margin-top: 0;transition: .3s .05s;}
.team-item:hover .team-social a.btn:nth-child(3) {opacity: 1;margin-top: 0;transition: .3s .1s;}
.team-item:hover .team-social a.btn:nth-child(4) {opacity: 1;margin-top: 0;transition: .3s .15s;}
.team-item .team-img img,
.blog-item .blog-img img  {transition: .5s;}
.team-item:hover .team-img img,
.blog-item:hover .blog-img img {transform: scale(1.15);}

/*--------------------------------------------------------------
# Miscellaneous
--------------------------------------------------------------*/
.back-to-top {position: fixed;display: none;right: 45px;bottom: 45px;z-index: 99;}
.bg-header {background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../img/carousel-1.jpg) center center no-repeat;background-size: cover;}
.link-animated a {transition: .5s;}
.link-animated a:hover {padding-left: 10px;}

/*--------------------------------------------------------------
# Caracteristicas
--------------------------------------------------------------*/
.features .nav-tabs {border: 0;}
.features .nav-tabs .nav-item {padding: 2px;}
.features .nav-tabs .nav-item .nav-link {border: 1px solid #b5ccdb;padding: 15px;transition: 0.3s;color: #15222b;border-radius: 0;display: flex;align-items: center;justify-content: center;}
.features .nav-tabs .nav-item .nav-link i {padding-right: 15px;font-size: 48px;}
.features .nav-tabs .nav-item .nav-link h4 {font-size: 18px;font-weight: 600;margin: 0;}
.features .nav-tabs .nav-item .nav-link.active {background: var(--primary);color: #fff;border-color: var(--primary);}
.features .nav-tabs .nav-item .nav-link.active i, .features .nav-link.active h4{color: #fff!important;}
.features .nav-tabs .nav-item .nav-link:hover h4{color: var(--primary);}
.features .nav-tabs .nav-item .tab-content {margin-top: 30px;}
.features .nav-tabs .nav-item .tab-pane h3 {font-weight: 600;font-size: 26px;}
.features .nav-tabs .nav-item .tab-pane ul {list-style: none;padding: 0;}
.features .nav-tabs .nav-item .tab-pane ul li {padding-bottom: 10px;}
.features .nav-tabs .nav-item .tab-pane ul i {font-size: 20px;padding-right: 4px;color: var(--primary);}
.features .nav-tabs .nav-item .tab-pane p:last-child {margin-bottom: 0;}

/*--------------------------------------------------------------
# Diferenciadores
--------------------------------------------------------------*/
.diferenciadores .nav-tabs {border: 0;}
.diferenciadores .nav-link {border: 0;padding: 20px;color: #555555;border-radius: 0;border-left: 5px solid #fff;cursor: pointer;}
.diferenciadores .nav-link h4 {font-size: 18px;font-weight: 600;transition: 0.3s;}
.diferenciadores .nav-link p {font-size: 14px;margin-bottom: 0;}
.diferenciadores .nav-link:hover h4 {color: var(--primary);}
.diferenciadores .nav-link.active {background: #f7fcfc;border-color: var(--primary);}
.diferenciadores .nav-link.active h4 {color: var(--primary);}
.diferenciadores .tab-pane.active {animation: slide-down 0.5s ease-out;}
.diferenciadores .tab-pane img {float: left;max-width: 300px;padding: 0 15px 15px 0;}
.diferenciadores .tab-pane h3 {font-size: 26px;font-weight: 600;margin-bottom: 20px;color: var(--primary);}
.diferenciadores .tab-pane p {color: #777777;}
.diferenciadores .tab-pane p:last-child {margin-bottom: 0;}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list {padding: 0;list-style: none;}
.faq .faq-list li {border-bottom: 1px solid #d4e5fc;margin-bottom: 20px;padding-bottom: 20px;}
.faq .faq-list .question {display: block;position: relative;font-family: var(--primary);font-size: 18px;line-height: 24px;font-weight: 400;padding-left: 25px;cursor: pointer;color: var(--primary);transition: 0.3s;}
.faq .faq-list i {font-size: 16px;position: absolute;left: 0;top: -2px;}
.faq .faq-list p {margin-bottom: 0;padding: 10px 0 0 25px;}
.faq .faq-list .icon-show {display: none;}
.faq .faq-list .collapsed {color: black;}
.faq .faq-list .collapsed:hover {color: var(--primary);}
.faq .faq-list .collapsed .icon-show {display: inline-block;transition: 0.6s;}
.faq .faq-list .collapsed .icon-close {display: none;transition: 0.6s;}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
@-webkit-keyframes sk-rotateplane {
    0% {-webkit-transform: perspective(120px)}
    50% {-webkit-transform: perspective(120px) rotateY(180deg)}
    100% {-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)}
}
@keyframes sk-rotateplane {
    0% {transform: perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)}
    50% {transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)}
    100% {transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
@media (max-width: 991.98px) {
    .sticky-top.navbar-dark {position: relative;background: #FFFFFF;}
    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .sticky-top.navbar-dark .navbar-nav .nav-link {padding: 10px 0;color: var(--dark);}
    .navbar-dark .navbar-brand h1 {color: var(--primary);}
}
@media (min-width: 992px) {
    .navbar-dark {position: absolute;width: 100%;top: 0;left: 0;border-bottom: 1px solid rgba(256, 256, 256, .1);z-index: 999;}
    .sticky-top.navbar-dark {position: fixed;background: #FFFFFF;}
    .navbar-dark .navbar-nav .nav-link::before {position: absolute;content: "";width: 0;height: 2px;bottom: -1px;left: 50%;background: var(--primary);transition: .5s;}
    .navbar-dark .navbar-nav .nav-link:hover::before,
    .navbar-dark .navbar-nav .nav-link.active::before {width: 100%;left: 0;}
    .navbar-dark .navbar-nav .nav-link.nav-contact::before {display: none;}
    .sticky-top.navbar-dark .navbar-brand h1 {color: var(--primary);}
}
@media (max-width: 576px) {
    .carousel-caption h5 {font-size: 14px;font-weight: 500 !important;}
    .carousel-caption h1 {font-size: 30px;font-weight: 600 !important;}
}
@-webkit-keyframes section-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}
@-webkit-keyframes section-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}
@-webkit-keyframes section-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}
@media (min-width: 991.98px) {
    .facts {position: relative;margin-top: -75px;z-index: 1;}
}
@media (min-width: 767.98px) {
    .footer-about {margin-bottom: -75px;}
}
@media (max-width: 768px) {
    .features .nav-tabs .nav-item  .nav-link i {padding: 0;line-height: 1;font-size: 36px;}
}
@media (max-width: 575px) {
    .features .nav-tabs .nav-item .nav-link {padding: 15px;}
    .features .nav-tabs .nav-item .nav-link i {font-size: 24px;}
}
@media (max-width: 768px) {
    .departments .tab-pane img {float: none;padding: 0 0 15px 0;max-width: 100%;}
}
@keyframes slide-down {
    0% {opacity: 0;}
    100% {opacity: 1;}
}