@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");

body {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  min-height: 100vh;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  font-family: "Roboto", sans-serif;

  background-color: #fff !important;

}



main {

  -webkit-box-flex: 1;

  -ms-flex: 1 0 auto;

  flex: 1 0 auto;

  z-index: 2;

}



@media (min-width: 992px) {

  main {

    margin-bottom: 450px;

    -webkit-box-shadow: 0px 4px 12px rgba(37, 38, 94, 0.06);

            box-shadow: 0px 4px 12px rgba(37, 38, 94, 0.06);

  }

}



p {

  font-size: 0.9rem;

  color: rgba(37, 38, 94, 0.7);

  line-height: 1.5;

}



.btn {

  padding: 0.5rem 1rem;

  font-size: 1.2rem;

  border-radius: 0.25rem;

}



.btn-primary {

  background-color: #00135f !important;

  color: #fff !important;

}



.btn-outline-primary {

  background-color: transparent;

  color: #00135f !important;

  border: 1px solid #00135f !important;

}



header nav {

  background-color: #fff !important;

  -webkit-box-shadow: none !important;

          box-shadow: none !important;

  height: 72px;

}







header nav ul .nav-item .nav-link {

  color: #b5b5b5 !important;

  font-size: 14px;

  line-height: 20px;

  padding: 0.5rem;

  font-weight: 400;

  text-transform: capitalize;

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

}



header nav ul .nav-item .nav-link:hover {

  color: #0b0b0b !important;

}



header.sticky {

  -webkit-transition: all 0.2s ease-in;

  transition: all 0.2s ease-in;

  top: 0;

  left: 0;

  width: 100%;

  position: fixed;

  z-index: 99;

  -webkit-box-shadow: 0px 4px 12px rgba(37, 38, 94, 0.06);

          box-shadow: 0px 4px 12px rgba(37, 38, 94, 0.06);

}



header.sticky + * {

  padding-top: 80px;

}



.title-upper {

  color: #fda502 !important;

  text-transform: uppercase;

  font-size: 0.9rem;

}



.title-main {

  color: #00135f !important;

  font-weight: 700;

  margin: 0.5rem 0 1.5rem;

  font-size: 2.8rem;

  line-height: 1.2;

  letter-spacing: 0.2rem;

}



.cover {

  padding: 80px 0 46px 0;

}



.banner-text {

  max-width: 400px;

}



.banner-img {

  height: 450px;

}



.banner-img img {

  -o-object-fit: contain;

     object-fit: contain;

  max-width: 550px;

  background-position: center;

}



section {

  background-color: #fff;

}

#navbarTogglerDemo02 {

    background-color:#0a135f;

}



main section {

  padding: 4rem 0;

}



main section:nth-child(2n + 1) {

  background: #f9fbff;

}



main section .title-main {

  text-transform: capitalize;

  font-size: 2rem;

  margin-bottom: 3rem;

  font-weight: 900;

  color: #000 !important;

}



.about_content_wrap .row > div {

  -ms-flex-item-align: center;

      -ms-grid-row-align: center;

      align-self: center;

  padding: 0 5px;

}



.about_content_wrap .about_content:nth-child(2) {

  background-color: #00135f !important;

}



.about_content_wrap .about_content:nth-child(2) svg g {

  fill: #fff !important;

}



.about_content_wrap .about_content:nth-child(2) .title-main {

  color: #fff !important;

}



.about_content_wrap .about_content:nth-child(2):hover .about_text {

  background-color: #00135f !important;

}



.about_content_wrap .about_content:nth-child(2):hover .about_text p {

  color: #fff !important;

}



.about_content {

  -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 19, 95, 0.09);

          box-shadow: 0px 0px 7px 2px rgba(0, 19, 95, 0.09);

  min-width: 150px;

  -ms-flex-item-align: center;

      align-self: center;

  background-color: #fff !important;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin-bottom: 15px;

  overflow: hidden;

  min-height: 240px;

  position: relative;

  z-index: 9;

}



.about_content .title-main {

  font-size: 1.3rem;

  font-size: 400;

  margin-top: 2rem;

  margin-bottom: 0;

  letter-spacing: 1px;

}



.about_content .about_text {

  position: absolute;

  bottom: -100%;

  padding: 1rem;

  height: 100%;

  width: 100%;

  z-index: 99;

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  background-color: #fff !important;

}



.about_content .about_text p {

  font-size: 0.8rem;

  line-height: 1.3;

  margin: auto;

}



.about_content:hover {

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;

}



.about_content:hover .about_text {

  bottom: 0;

}



.service_content {

  margin-bottom: 2rem;

  text-align: right;

}



.service_content i {

  background-color: #00135f !important;

  padding: 0.75rem;

  font-size: 2rem;

  border-radius: 0.25rem;

  color: #fff !important;

  -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 19, 95, 0.09);

          box-shadow: 0px 0px 7px 2px rgba(0, 19, 95, 0.09);

}



.service_content .service_text h4 {

  color: #000 !important;

  font-size: 1.2rem;

  font-weight: 700;

  margin: 2rem 0 1rem 0;

}



.service_content .service_text p {

  font-size: 0.9rem;

}



.slider-nav div {

  margin: 0 10px;

  text-align: center;

}



.slider-nav div img {

  width: 100%;

  height: 100px;

  -o-object-fit: cover;

     object-fit: cover;

}



.slider-for img {

  width: 100%;

  height: 400px;

  /*-o-object-fit: cover;*/

  /*   object-fit: cover;*/

}



.slider-for > div {

  -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 19, 95, 0.09);

          box-shadow: 0px 0px 7px 2px rgba(0, 19, 95, 0.09);

}



.slick-prev {

  left: -10px;

}



.slick-next {

  right: -10px;

}



.slick-prev:before,

.slick-next:before {

  color: #00135f !important;

}



#message .container {

  position: relative;

}



#message .container:before {

  position: absolute;

  content: "";

  width: 300px;

  height: 100%;

  right: 0;

  bottom: 0;

  background: url("../images/contact.png");

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 50%;

  -webkit-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}



@media (max-width: 992px) {

  #message .container:before {

    bottom: -25%;

    background-position: 50% 100%;

  }

}



#message .container:after {

  background: url("../images/image.png");

  position: absolute;

  content: "";

  width: 230px;

  height: 100%;

  left: 0;

  bottom: -65px;

  background-size: contain;

  background-repeat: no-repeat;

  background-position: 50%;

  -webkit-transition: all 0.3s ease-in;

  transition: all 0.3s ease-in;

}



@media (max-width: 991px) {

  #message .container:after {

    left: -10%;

  }

  header nav ul .nav-item .nav-link {

      padding: .75rem 1.25rem;

      transition: all 500ms ease-in-out;

  }

  header nav ul .nav-item .nav-link:hover {

      color: #fff !important;

  }

  header nav ul .nav-item:hover {

      background-color:#0e1344;

  }

}



@media (max-width: 767px) {

  #message .container:after {

    bottom: -80%;

    left: -20%;

  }

}



#clients {

  background-color: #00135f !important;

}



#clients .carousel-item > div {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

          flex-wrap:nowrap;

}



#clients .carousel-item > div > div {

  width: 150px;

  height: 100px;

}



#clients .carousel-item > div > div img {

  /*-webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);*/

  height: 100%;

  width: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}



#clients .carousel-inner {

  width: 80%;

  margin: auto;

}



#clients .carousel-indicators {

  bottom: -40px;

}



.message_box_form {

  background-color: #fff !important;

  -webkit-box-shadow: 0px 0px 7px 2px rgba(0, 19, 95, 0.09);

          box-shadow: 0px 0px 7px 2px rgba(0, 19, 95, 0.09);

  padding: 1rem 2rem;

}



@media only screen and (min-width: 576px) {

  .message_box_form {

    min-width: 550px;

  }

}



#product_adv {

  background-color: #00135f !important;

}



#product_adv .title-main {

  color: #fff !important;

}



#product_adv p {

  color: #bbbbbb;

}



#product_adv .product_adv_features li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}



#product_adv .product_adv_features li:not(:last-child) {

  margin-bottom: 1rem;

}



#product_adv .product_adv_features li i {

  color: #fff !important;

  margin-right: 1rem;

  font-size: 3rem;

}



#product_adv .product_adv_features li .product_adv_list {

  color: #fff !important;

  font-size: 1.2rem;

  text-transform: uppercase;

}



#product_adv .product_adv_features li .product_adv_list p {

  text-transform: initial;

}



.custom-file-control,

.form-control,

.is-focused .custom-file-control,

.is-focused .form-control {

  background-image: linear-gradient(0deg, #fda502 2px, rgba(0, 150, 136, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, transparent 0);

}



.is-focused [class*=" bmd-label"],

.is-focused [class^="bmd-label"] {

  color: #fda502 !important;

}



.bmd-form-group .bmd-label-floating {

  left: 0;

}



.bmd-form-group.is-focused .custom-file-control,

.bmd-form-group.is-focused .form-control,

.custom-file-control:focus,

.form-control:focus {

  background-size: 100% 100%, 100% 100%;

  -webkit-transition-duration: 0.3s;

          transition-duration: 0.3s;

}

.service_text img {

    width:100% !important;

}



footer {

  background-color: rgba(0, 19, 95, 0.9);

  padding-top: 80px;

}

.slick-slide {

    cursor:pointer;

    z-index:99;

}

.navbar-nav {

    margin-top:0 !important;

}

@media (min-width: 992px) {

  footer {

    position: fixed;

    bottom: 0;

    z-index: 1;

    width: 100%;

  }



}



footer h6 {

  color: #fff !important;

  font-weight: 500;

  letter-spacing: 2px;

}



footer hr {

  border-top: 1px solid #fda502 !important;

}



footer p {

  margin-bottom: 0.5rem;

  color: #c4c6c7;

  font-size: 0.9rem;

}



footer a {

  color: #c4c6c7;

  -webkit-transition: color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out;

  font-size: 0.9rem;

}



footer a:hover {

  color: #fff !important;

  text-decoration: none;

}



.material-icons {

  vertical-align: middle;

  font-size: 18px;

}



.bottom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  color: #fff !important;

  padding: 24px 0;

  margin-top: 16px;

  border-top: 1px solid rgba(251, 251, 251, 0.2);

}



.bottom i {

  color: #fff !important;

}



.site-section {

  padding: 2.5em 0;

}



@media (min-width: 768px) {

  .site-section {

    padding: 4em 0;

  }

    #navbarTogglerDemo02 {

    background-color:transparent;

}

header nav ul .nav-item:not(:last-child) {

  margin-right: 1rem;

}

header nav ul .nav-item .nav-link {

  color: #00135f !important;

}

section {

    z-index:2;

}

}



.site-section.site-section-sm {

  padding: 4em 0;

}



.site-section-heading {

  padding-bottom: 20px;

  margin-bottom: 0px;

  position: relative;

  font-size: 2.5rem;

}



@media (min-width: 768px) {

  .site-section-heading {

    font-size: 3rem;

  }

}



.cms_content p {

  text-align:justify

}



.section-subtitle {

  font-weight: 300;

  color: #f4c212;

  text-transform: uppercase;

  font-size: 1.3rem;

}

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