@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;700&display=swap");

/* line 10, _utilities.scss */

.text-primary {

  color: #26a8ac !important; }



/* line 14, _utilities.scss */

.text-light {

  color: #A6A6A6 !important; }



/* line 18, _utilities.scss */

.text-dark {

  color: #000000 !important; }



/* line 22, _utilities.scss */

body {

  font-family: 'Source Sans Pro', sans-serif;

  font-weight: 400;

  color: #606060; }



/* line 28, _utilities.scss */

.bold {

  font-family: 'Source Sans Pro', sans-serif;

  font-weight: 700; }



/* line 34, _utilities.scss */

.upper {

  text-transform: uppercase; }



/* line 38, _utilities.scss */

.py-50 {

  padding-top: 50px;

  padding-bottom: 50px; }



/* line 43, _utilities.scss */

.py-100 {

  padding-top: 100px;

  padding-bottom: 100px; }



/* line 48, _utilities.scss */

.pt-50 {

  padding-top: 50px; }



/* line 52, _utilities.scss */

.pb-50 {

  padding-bottom: 50px; }



/* line 56, _utilities.scss */

.pt-100 {

  padding-top: 100px; }



/* line 60, _utilities.scss */

.pb-100 {

  padding-bottom: 100px; }



/* line 67, _utilities.scss */

.btn.btn-custom {

  background: #26a8ac;

  color: white; }



@media only screen and (max-width: 768px) {

  /* line 4, _responsive.scss */

  #home_header h1 {

    font-size: 2em !important;

    text-align: center !important;

    margin-bottom: 4em; } }

/* line 4, main.scss */

.loader {

  position: fixed;

  top: 0;

  left: 0;

  background: white;

  width: 100%;

  height: 100vh;

  z-index: 11;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  /* line 16, main.scss */

  .loader img {

    max-width: 350px; }



/* line 23, main.scss */

#nav_container {

  background: white; }

  /* line 26, main.scss */

  #nav_container .navbar-light,

  #nav_container .bg-light {

    background: white !important; }

  /* line 31, main.scss */

  #nav_container img {

    max-height: 60px; }

  /* line 35, main.scss */

  #nav_container .nav-link {

    color: #606060; }



/* line 41, main.scss */

header {

  background-image: url(../img/home_header_large.jpg);

  background-size: cover;

  background-position: center; }

  /* line 47, main.scss */

  header#home_header {

    height: 80vh;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    color: white; }

    /* line 54, main.scss */

    header#home_header h1 {

      font-weight: 700;

      letter-spacing: .3em;

      font-size: 3em; }

  /* line 61, main.scss */

  header#contact_header, header#services_header, header#about_header {

    height: 30vh; }



/* line 70, main.scss */

#home_overview,

#services_container {

  background-image: url(../img/waves_bg.png);

  background-size: cover;

  background-repeat: no-repeat; }



/* line 77, main.scss */

.card {

  border: none !important;

  border-radius: 12px;

  -webkit-transition: all .5s linear;

  transition: all .5s linear;

  margin-bottom: 12px; }

  /* line 83, main.scss */

  .card:hover {

    -webkit-transform: translateY(-1em);

            transform: translateY(-1em);

    cursor: pointer; }



/* line 93, main.scss */

#services_container h6 {

  margin-bottom: 1em; }

/* line 97, main.scss */

#services_container .service {

  text-align: center; }

  /* line 100, main.scss */

  #services_container .service ul {

    list-style: none;

    padding-left: 0 !important; }

    /* line 104, main.scss */

    #services_container .service ul li {

      font-size: .95em; }



/* line 115, main.scss */

#cloud_break {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.9))), url(../img/cloud.jpg);

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(../img/cloud.jpg);

  background-attachment: fixed;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

  color: aliceblue !important; }



/* line 124, main.scss */

#security_break {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.95)), to(rgba(0, 0, 0, 0.95))), url(../img/security.jpg);

  background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url(../img/security.jpg);

  background-attachment: fixed;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

  color: aliceblue !important; }



/* line 133, main.scss */

#crm_break {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.95)), to(rgba(0, 0, 0, 0.95))), url(../img/crm.jpg);

  background-image: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)), url(../img/crm.jpg);

  background-attachment: fixed;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

  color: aliceblue !important; }



/* line 142, main.scss */

.service_icon {

  width: 80px;

  height: 80px !important;

  background: #26a8ac;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 0px auto;

  margin-bottom: 1.2em;

  border-radius: 15px 0px 15px 15px; }



/* line 160, main.scss */

.img-icon {

  width: 40px;

  margin-bottom: 1em; }



/* line 165, main.scss */

#home_summary {

  background-image: url(../img/waves_bg.png);

  background-size: cover;

  background-repeat: no-repeat; }



/* line 171, main.scss */

#home_break {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.92))), url(../img/erp.jpg);

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.92)), url(../img/erp.jpg);

  background-attachment: fixed;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

  color: aliceblue !important; }



/* Contact Page  */

/* line 183, main.scss */

#map {

  height: 50vh;

  padding: 0; }



/* line 190, main.scss */

#connect .connect_item {

  text-align: center; }

  /* line 193, main.scss */

  #connect .connect_item .icon {

    width: 80px;

    height: 80px !important;

    background: #26a8ac;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0px auto;

    margin-bottom: 1.2em;

    border-radius: 15px 0px 15px 15px; }

    /* line 210, main.scss */

    #connect .connect_item .icon i {

      font-size: 2em;

      color: aliceblue; }



/* line 221, main.scss */

#home_model img {

  width: 45px;

  display: block;

  margin: 0 auto;

  margin-bottom: 1em; }



/* line 229, main.scss */

#form_container {

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0.92))), url(../img/contact_bg.jpg);

  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.92)), url(../img/contact_bg.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center; }



/* line 236, main.scss */

.form-group {

  margin-bottom: 1em; }

  /* line 239, main.scss */

  .form-group .form-control {

    border: 2px solid #dfdfdf;

    -webkit-transition: all .5s linear;

    transition: all .5s linear; }

    /* line 244, main.scss */

    .form-group .form-control:focus {

      -webkit-box-shadow: none !important;

              box-shadow: none !important;

      border: 2px solid #26a8ac; }

  /* line 250, main.scss */

  .form-group label {

    font-weight: bold;

    color: #26a8ac;

    margin-left: .5em;

    margin-bottom: .2em;

    font-size: .9em; }



/* line 259, main.scss */

footer {

  background: #26a8ac;

  height: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  color: white; }



/* line 269, main.scss */

.nav-item.active {

  padding-left: 2em;

  padding-right: 2em; }

  /* line 274, main.scss */

  .nav-item.active a {

    color: #26a8ac !important; }