/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


body {
  color: #444;
  font-family: 'Roboto', sans-serif;
}

a {
  color: #007dc3;
  text-decoration: none;
}

  a:hover {
    color: #2fc951;
    text-decoration: none;
  }

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

ul, ol {
  line-height: 1.8;
}

.blueTextLink {
   color: #007dc3 !important;
}
.blueTextLink:hover {
	   color: #2fc951 !important;
    text-decoration: none;
}

.underline:after {
  content: "";
  width: 50%;
  height: 2px;
  display: block;
  background: #2fc951;
  margin: 32px 0px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  height: 80px;
  display: flex;
  position: fixed;
  top: 0;
  background: #fff;
  width: 100%;
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}

  #header.header-scrolled, #header.header-inner-pages {
    background: rgba(127, 137, 161, 0.25);
    background: #fff;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  }

  #header .logo {
    font-size: 32px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
  }

    #header .logo img {
      max-height: 40px;
    }

/*--------------------------------------------------------------
#  Get Startet Button
--------------------------------------------------------------*/


.btn, a.btn {
  white-space: nowrap;
  font-size: 14px;
  display: inline-flex !important;
  align-items: center;
  background: #2fc951;
  color: #fff;
  border-radius: 24px;
  line-height: 48px;
  padding: 0 24px;
  border: none;
  transition: none;
}

.btn-green {
  background: #2fc951;
  color: #fff;
}

.btn-blue {
  background: #007dc3;
  color: #fff;
}

.btn-dark {
  background: #444444;
  color: #fff;
}

.btn-outline, a.btn-outline {
  background: none;
  color: #444;
  border: 1px solid #444;
  line-height: 46px;
  padding: 0 23px;
}

  .btn-outline:hover, a.btn-outline:hover {
    background: #007dc3;
    line-height: 48px;
    border: none;
    color: #fff;
    padding: 0 24px;
  }

a.rfp-btn{
	  background: #007dc3;
  color: #fff;
  line-height: 48px;
  border: 0;
  padding: 0 24px;
  border-radius: 24px;
  margin: 0;
	margin-right:8px;
}

a.demo-btn {
  background: #2fc951;
  color: #fff;
  line-height: 48px;
  border: 0;
  padding: 0 24px;
  border-radius: 24px;
  margin: 0;
}

  .demo-btn:hover,.rfp-btn:hover {
    background: #000;
    color: #fff;
    border-color: #000;
  }

.navbar .btn i {
  font-size: 20px;
  margin-right: 8px;
  width: 20px;
  display: block;
}

  .demo-btn:hover i {
    color: #fff;
  }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

  .navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    flex-direction: row;
    padding: 0px;
  }


    .navbar ul > li {
      position: relative;
      height: 80px;
      display: flex;
      justify-content: center;
		white-space: nowrap;
    }

      .navbar ul > li > a {
        color: #000;
        padding: 0 24px;
        line-height: 80px;
      }

    .navbar ul ul {
      list-style: none;
      padding-left: 0;
      margin-bottom: 24px;
      flex-direction: column;
    }

      .navbar ul ul li {
        position: unset;
        height: unset;
        display: unset;
        justify-content: center;
      }

      .navbar ul ul a, .navbar ul ul a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 15px;
        font-weight: 400;
        color: #444;
        white-space: nowrap;
        transition: 0.3s;
      }

  .navbar a.btn-outline {
    align-self: baseline;
    margin-top: auto;
  }

    .navbar a.btn-outline:hover {
      color: #fff;
    }

  .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
    color: #2fc951;
  }


  .navbar .dropdown .dropdown-content {
    display: none;
    position: fixed;
    left: 0px;
    top: 80px;
    margin: 0;
    padding: 30px 0;
    z-index: 99;
    opacity: 1;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    width: 100vw;
  }

    .navbar .dropdown .dropdown-content .row div {
      display: flex;
      flex-direction: column;
    }

  .navbar .dropdown ul li {
    min-width: 200px;
  }

    .navbar .dropdown ul li a {
      padding: 8px 12px 8px 0px;
      font-size: 14px;
      line-height: 1.5;
      text-transform: none;
      color: #151515;
      font-weight: 400;
    }

      .navbar .dropdown ul li a:hover {
        color: #2fc951;
      }

  .navbar .dropdown ul a i {
    font-size: 12px;
  }

  .navbar .dropdown:hover > .dropdown-content {
    opacity: 1;
    top: 80px;
    left: 0;
    display: block;
  }

  .navbar .dropdown-content h3 {
    font-size: 16px;
    font-weight: 700;
    color: #151515;
    text-transform: uppercase;
  }
.navbar-toggler{
  font-size:36px;
}
  .navbar-toggler:focus, .navbar-toggler:active {
    border: none;
    box-shadow:none;
  }


/*--------------------------------------------------------------
# Main Section
--------------------------------------------------------------*/

main {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
  width: 100%;
  background: #000;
  padding: 0;
  color: #fff;
}

.hero-sub .h1 {
  font-size: 36px;
  font-weight: 300;
  color: #fff;
}

  .hero-sub .h1:after {
    content: none;
  }

.hero-sub .h2 {
  font-size: 36px;
}

.hero .img {
  position: relative;
  padding:0;
}

  .hero .img img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

.hero .pad-img-right img
	 {
		object-position: top 0 right 175px;
	}


  .hero .img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 240px solid transparent;
    border-bottom: 640px solid #000;
    z-index: 2;
  }

.hero .container {
  position: relative;
}

.hero .content {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;

}


.hero-home .h1 {
  margin: 0;
  font-size: 48px;
  font-weight: 400;
  line-height: 48px;
  color: #eee;
  text-align: left;
}

.hero-home .h2 {
  color: #fff;
  margin: 0;
  font-size: 20px;
  text-align: left;
  font-weight: 300;
  line-height: 1.8;
}

.hero-rfp{
	background:#59681c;
}

  .hero-rfp .img:before {
    border-bottom-color: #59681c;
  }

.hero-about {
  padding: 0;
  background: #4088be;
}



  .hero-about h3 {
    font-size: 32px;
    margin-bottom: 24px;
  }

  .hero-about .content ul {
    list-style: none;
    padding: 0;
  }

  .hero-about .img:before {
    border-bottom-color: #4088be;
  }

  .hero-about .content ul li {
    padding: 0 0 8px 26px;
    position: relative;
  }

  .hero-about .content ul i {
    position: absolute;
    font-size: 20px;
    left: 0;
    top: -3px;
    color: #fff;
  }

  .hero-about .content p:last-child {
    margin-bottom: 0;
  }

.hero-solutions {
  background: #1f435d;
}

  .hero-solutions .img:before {
    border-bottom-color: #1f435d;
  }

.hero-programm {
  background: #205c19;
}

  .hero-programm .img:before {
    border-bottom-color: #205c19;
  }

.hero-program-type {
	background: #2fc951;
}

.hero-program-type .img:before {
	border-bottom-color:#2fc951;
}

.hero-portal {
  background: #742007;
}

  .hero-portal .img:before {
    border-bottom-color: #742007;
  }

.hero-partner {
  background: #074289;
}

  .hero-partner .img:before {
    border-bottom-color: #074289;
  }




/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-content .row {
  margin-bottom: 60px;
  align-items: center;
  background: #fff;
  padding: 48px;
}
  .section-content .row:last-of-type{
    margin-bottom:0;
  }

  .section-content .h2 {
    margin-bottom: 24px;
    font-size: 32px;
    color: #000;
    font-weight: 400;
  }

.section-content .img-pic {
  width: 100%;
}

.section-content .img-src {
  float: right;
}



.section-title .h2 {
  font-size: 32px;
  font-weight: 300;
  padding: 0;
  color: #000;
  text-align: center;
  width: 80%;
  margin: 0 auto;
}


.section-title p {
  margin: 0;
  margin: 0;
  font-size: 24px;
}

.section-blue {
  background: #007dc3;
}

.blockquote {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  border: none;
  padding: 0px;
  border-radius: 0;
  background: #007dc3;
  color: #fff;
}

  .blockquote .blockquote-body {
    font-weight: 300;
    font-size: 20px;
  }

  .blockquote .blockquote-footer {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin-top: 24px;
  }



.section-grey {
  background: #f7f7f7;
}

  .section-grey .h2{
    margin-bottom:2.5rem;
  }

  .section-grey + .section-grey {
    padding-top: 0;
  }

.img-src {
  border-radius: 0px;
  width: 80%;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}

#content-partner .img img {
  width: 100%;
}
/*--------------------------------------------------------------
# Accordion
--------------------------------------------------------------*/
.accordion-button:not(.collapsed) {
  color: #007dc3;
}
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  background: #f2f2f2;
  text-align: center;
}

  .clients h2 {
    font-size: 32px;
  }

  .clients h3 {
    font-size: 20px;
    margin: 0 auto 60px auto;
    font-weight: 300;
    width: 80%;
  }

  .clients ul {
    display: flex;
    justify-content: space-evenly;
    list-style: none;
    margin: 40px 0;
    padding: 0;
  }

    .clients ul li .img {
      background: #fff;
      padding: 48px 36px;
      box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
      width: 80%;
      margin: 0 auto 36px auto;
    }

      .clients ul li .img.sw {
        background: #008938;
      }

      .clients ul li .img.pm {
        background: #0a5bab;
      }

      .clients ul li .img.mico {
        background: #0a5bab;
      }

      .clients ul li .img.ge {
        padding: 30px 36px;
        background: #f58021;
      }

        .clients ul li .img.ge img {
          height: 72px;
        }

      .clients ul li .img.cps {
        padding: 42px 36px;
      }

        .clients ul li .img.cps img {
          height: 48px;
        }

    .clients ul li img {
      /* opacity: 0.5;*/
      transition: 0.3s;
      /* filter: grayscale(100);*/
      height: 36px;
    }

      .clients ul li img:hover {
        filter: none;
        opacity: 1;
      }


/*--------------------------------------------------------------
# icon-box
--------------------------------------------------------------*/
.icon-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 36px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}

  .icon-box .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    background: #2fc951;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: 0.3s;
  }

    .icon-box .icon i {
      color: #fff;
      font-size: 28px;
      transition: ease-in-out 0.3s;
    }

  .icon-box h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 24px;
  }

    .icon-box h4 a {
      color: #151515;
      transition: ease-in-out 0.3s;
    }

      .icon-box h4 a:hover {
        color: #2fc951;
      }

  .icon-box p {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 0;
    margin-bottom: 20px;
  }

  .icon-box:hover {
    border-color: #fff;
    box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(-10px);
  }

.cta {
  margin-top: auto;
}

  .cta a {
    background: rgba(127, 137, 161, 0.25);
    padding: 0px 24px;
    line-height: 48px;
    border-radius: 24px;
    color: #444444;
    display: block;
    font-size: 14px;
    font-weight: 500;
  }

/*--------------------------------------------------------------
# Edition
--------------------------------------------------------------*/
.editionsTable {
  width: 100%;
}

.accordion-item h2 {
  cursor: pointer;
}

.editionsTable th,
.editionsTable td {
  text-align: left;
  padding: 12px;
  background: #f9f9f9;
  font-size: 14px;
  margin: 0;
}

.editionsTable th {
  background: #666;
  color: #fff;
}

.editionsTable span.tick {
  font-size: 24px;
  font-weight: bold;
  color: #666;
  line-height: 1em;
}

.editionsTable span.poa {
  color: #666;
  font-size: 14px;
  text-align: center;
}

.editionsTable span {
  width: 100%;
  display: block;
  text-align: center;
}


/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  width: 100%;
  background: #fff;
}

  .contact .info i {
    font-size: 20px;
    background: #2fc951;
    color: #151515;
    float: left;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
  }

  .contact .info h4 {
    padding: 0 0 0 60px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #151515;
  }

  .contact .info p {
    padding: 0 0 0 60px;
    margin-bottom: 0;
    font-size: 14px;
    color: #484848;
  }

  .contact .info .email, .contact .info .phone {
    margin-top: 40px;
  }

.contact {
  width: 100%;
  background: #fff;
}

  .contact .form-group {
    padding-bottom: 8px;
  }

.error-msg {
  color: #ed3c0d;
  text-align: left;
  padding: 14px;
  font-weight: 300;
  margin-bottom: 32px;
}

.contact-input {
  display: flex;
}

.input-std {
  width: 23%;
  margin-right: 12px;
}

.location i {
  font-size: 24px;
}

.location .py-3 {
  padding-top: 0 !important;
  padding-bottom: 2rem !important;
}

.tableform td {
  padding: 6px 2px;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: black;
  padding: 60px 0;
  color: #fff;
  font-size: 14px;
}

  #footer .footer-logo img {
    width: 240px;
    filter: grayscale(100%) brightness(300%);
  }

    #footer .footer-logo img:hover {
      filter: grayscale(50%) brightness(100%);
    }

  #footer .footer-logo .h6 {
    margin-top: 12px;
  }


  #footer .footer-info i {
    margin-right: 8px;
  }

  #footer .footer-info h3 {
    font-size: 28px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
  }

    #footer .footer-info h3 span {
      color: #2fc951;
    }

  #footer .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    color: #fff;
  }

  #footer .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #292929;
    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 .social-links a:hover {
      background: #2fc951;
      color: #151515;
      text-decoration: none;
    }

  #footer h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding-bottom: 12px;
  }

  #footer .footer-links {
    margin-bottom: 30px;
  }

    #footer .footer-links ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

      #footer .footer-links ul i {
        padding-right: 2px;
        color: #2fc951;
        font-size: 18px;
        line-height: 1;
      }

      #footer .footer-links ul li {
        padding: 10px 0;
        display: flex;
        align-items: center;
      }

        #footer .footer-links ul li:first-child {
          padding-top: 0;
        }

      #footer .footer-links ul a {
        color: #fff;
        transition: 0.3s;
        display: inline-block;
        line-height: 1;
      }

        #footer .footer-links ul a:hover {
          color: #2fc951;
        }

  #footer .footer-newsletter form {
    margin-top: 30px;
    background: #fff;
    padding: 6px 10px;
    position: relative;
    border-radius: 4px;
  }

    #footer .footer-newsletter form input[type=email] {
      border: 0;
      padding: 4px;
      width: calc(100% - 110px);
    }

    #footer .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: #2fc951;
      color: #151515;
      transition: 0.3s;
      border-radius: 0 4px 4px 0;
    }

      #footer .footer-newsletter form input[type=submit]:hover {
        background: #ffcd6b;
      }

  #footer .copyright {
    padding-top: 18px;
  }

  #footer .credits {
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #fff;
  }


@media (max-width: 991.9px) {
  .navbar ul > li {
    position: relative;
    height: unset;
    display: unset;
    justify-content: flex-start;
  }

    .navbar ul > li a {
      line-height: unset;
      padding: 12px 0;
    }

  .navbar-collapse {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    display: unset;
    background: #fff;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    padding: 24px;
  }

    .navbar-collapse ul {
      display: flex;
      flex-direction: column;
      justify-content: start;
    }

      .navbar-collapse ul li.dropdown > a::after {
        content: "+";
      }

  .navbar .dropdown .dropdown-content {
    position: unset;
    box-shadow: none;
    padding:0;
  }
    .navbar .dropdown-content h3{
      font-weight:400;
      text-transform:unset;
      margin-bottom:18px;
    }

    .navbar .dropdown .dropdown-content ul, .navbar .dropdown .dropdown-content .btn {
      display: none !important;
    }

  .container {
    max-width: unset;
  }

  .hero .content {
    order: 2;
    padding: 48px;
  }

  .hero .img {
    order: 1;
    padding:0;
    display:flex;
  }

    .hero .img:before {
      content: unset;
    }

    .hero .img img {
      position: unset;
     max-height:480px;
      min-width:100%;
      width:auto;
      height:auto;     
    }
	.hero .pad-img-right img {
		object-position: 0;
	}

  .hero-sub .h1{
    font-size:24px;
    margin-bottom:0;
  }
  .hero h2 {
    font-size: 20px;
    line-height: 24px;
  }

  .section-title .h2{
    font-size:28px;
  }

  .section-grey .align-items-stretch {
    margin-bottom: 24px;
    padding-left: 0;
    padding-right: 0;
  }
  .section-grey .align-items-stretch:last-of-type {
    margin-bottom: 0px;
  }

  .section-content .img{text-align:center;padding-top:24px;}

  .section-content .img-pic {
    padding: 0 !important;
    max-height:460px;
    max-width:100%;
    width:auto;
    margin:0 auto;
  }

  #footer .row > * {
    width: 100%;
  }

}

@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: unset;
    padding-left: 24px;
    padding-right: 24px;
  }
  #header .logo {
    width: 240px;
  }
  .navbar ul > li > a {
    padding: 0 20px;
  }
  .hero, .hero .content {
    height: 480px;
  }

  .hero .img img {
    height: 480px;
  }
  .hero .pad-img-right img
  {
	  object-position: top 0 right 178px; /*190px;*/
  }
  .hero .img:before {
    border-right-width: 120px;
    border-bottom-width: 480px;	  
  }
  .section-revert .row:nth-of-type(even) .content {
    order: 2;
  }

  .section-revert .row:nth-of-type(even) .img {
    order: 1;
  }

  .section-revert .row > * {
    padding-right: calc(var(--bs-gutter-x) *1);
    padding-left: calc(var(--bs-gutter-x) * 1);
  }

  #footer .row>*{
    width:auto;
  }

  #footer .footer-info{
    margin-left:auto;
  }
}

@media(min-width:1290px) {
  .navbar ul > li > a {
    padding: 0 24px;
  }
  .hero, .hero .content {
    height: 640px;
  }

    .hero .img img {
      height: 640px;
    }
  .hero .img img {
    position: unset;
    height: 640px;	  	 
  }
  .hero .pad-img-right img {
	  object-position: top 0 right 395px;
     }
  
  .hero .img:before {  
    border-right-width: 120px;
    border-bottom-width: 640px;	  
  }
}


@media (min-width: 1300px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
    .hero .img img {
      height: 640px;
    }
  .hero .img img {
    position: unset;
    height: 640px;	  	 
  }
  .hero .pad-img-right img {
	  object-position: top 0 right 380px;
     }
  
  .hero .img:before {  
    border-right-width: 120px;
    border-bottom-width: 640px;	  
  }

}


@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
    .hero .img img {
      height: 640px;
    }
  .hero .img img {
    position: unset;
    height: 640px;	  	 
  }
  .hero .pad-img-right img {
	  object-position: top 0 right 282px;
     }
  
  .hero .img:before {  
    border-right-width: 120px;
    border-bottom-width: 640px;	  
  }

}


@media (min-width: 1600px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
	max-width: 1320px;
  }
    .hero .img img {
      height: 640px;
    }
  .hero .img img {
    position: unset;
    height: 640px;	  	 
  }
  .hero .pad-img-right img {
	  object-position: top 0 right 212px;
     }
  
  .hero .img:before {  
    border-right-width: 120px;
    border-bottom-width: 640px;	  
  }
}


@media (min-width: 1800px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
	max-width: 1320px;
  }
    .hero .img img {
      height: 640px;
    }
  .hero .img img {
    position: unset;
    height: 640px;	  	 
  }
  .hero .pad-img-right img {
	  object-position: top 0 right 100px;
     }
  .hero .img:before {  
    border-right-width: 120px;
    border-bottom-width: 640px;	  
  }
}