/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */

/* @import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap'); */

/* Change some root colors and settings of the document */

:root {
  /*1. Make background white*/
  --body-bg: #FFFFFF;
  /*2. Make Text BLack*/
  --body-color: #000000;
  /*3. Adjust Cassiopeia Color Scheme*/
  --arbonaut-color-primary: #2C583D;  
  --arbonaut-color-secondary: #000000;
  --arbonaut-color-link: #3D2B3D;
  --arbonaut-color-hover: #2F3E46;
  --arbonaut-color-bg: #dfe3e7;

  --arbonaut-font-family-body: "Roboto", sans-serif;
  --arbonaut-font-family-headings: "Roboto", sans-serif;
  --arbonaut-font-weight-headings: 700;
  --arbonaut-font-weight-normal: 400;
}
::selection {
color: #2c583d;
background: #d2e1d8;
}
::-moz-selection {
color: #2c583d;
background: #d2e1d8;
}
.custom {
  --arbonaut-color-primary: #2C583D;
  --arbonaut-color-link: #3D2B3D;
  --arbonaut-color-hover: #2F3E46;
}
.readmore  .icon-chevron-right::before, .readmore .icon-rightarrow::before, .readmore .icon-arrow-right::before {
    font-family: fontawesome;
    content: "\f054";
}
.headerposition {
  background-position-y: center;
}
h1 {
  color: var(--arbonaut-color-primary);
}
h1.display-4 {
  font-size:clamp(1.5rem,5vw,3.5rem);
  color: var(--body-bg);
}
.container-banner h2 {
  max-width: 1080px;
  font-weight: lighter;
  font-size: clamp(1rem,3vw,1.5rem);
}
h3.overview_subtitle {
  display: none;
}
.navbar-brand {
  z-index: 10;
  /*top: 6px!important;*/
}
.container-banner {
  margin: auto;
}
.container-banner .banner-overlay {
background-attachment:scroll;
}
.coordinates.copyright-f {
  margin-bottom: 10px;
  text-align: center;
  font-size: smaller;
}
/* menu header */
.grid-child.container-nav {
  top: 0px!important;
}
.container-header .mod-menu, .container-header .navbar-toggler {
  text-transform: unset !important;
  font-weight: normal !important;
}
.navbar-brand {
  top: 10px !important;
}
.navbar ul li:nth-child(4) li:last-child {
    border: 2px solid orange;
    display: none !important;
}
.grid-child.container-nav {
  padding-bottom: 28px !important;
}

.container-header {
  position: relative;
  padding: 0px 0;
  z-index: 10;
  margin-bottom: 0px;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);
}
button.mod-menu__heading.nav-header.mm-collapsed.mm-toggler.mm-toggler-nolink {
  text-transform: unset !important;
  font-weight: normal;
}
.container-header .metismenu>li.level-1.active>a, .container-header .metismenu>li.level-1.active>button, .container-header .metismenu>li.level-1>a:hover, .container-header .metismenu>li.level-1>button:hover {
  text-decoration: none;
  text-transform: unset !important;
  font-weight: normal;
}
.container-header .navbar-brand {}
.container-header .mod-menu > li > a, .container-header .mod-menu > li > span {
  color: var(--arbonaut-color-primary);
  position: relative;
  text-decoration: none;
}

.metismenu.mod-menu .mm-toggler {
  color: var(--arbonaut-color-primary);
  text-transform: unset !important;
  font-weight: normal;
  height: 55%;
}

.container-header .navbar-toggler {
  border: 1px solid #fff;
  color: var(--arbonaut-color-primary);
  cursor: pointer;
}
@media (max-width: 767.98px) {
    .navbar-brand {
        top: 0px !important;
    }
    .container-header .grid-child {
        padding: 0 0.5em;
    }
	.grid-child.container-nav {
		padding-bottom: 0px !important;
	}
	.container-header .container-nav .container-search, .container-header .container-nav nav {
		margin-top: 0;
	}
}
.container-banner .banner-overlay .overlay {
  background-color: rgba(0, 0,0, 0.5) !important;
  /*background-position-y: center !important;*/
}
.container-banner .banner-overlay {
  height: 90vh !important;
  background-position: center !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 64.063em) {
    .container-banner .banner-overlay {
        background-attachment: scroll;
    }
}
.banner-atom {
  position: absolute;
  bottom: 20px;
}
.overlay h1 {
  line-height: 5rem;
}
.bgimg_service_width {
  padding: 50px;
  background-size: cover;
  background-image: url(/images/banners/arbonaut_banner_services.webp);
  background-position: center center;
}
.bgimg_software_width {
  padding: 50px;
  background-size: cover;
  background-color: #ffffff;
  background-position: center center;
}
.bgimg_service {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.bgimg_service_1 {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}
.bgimg_getintouch {
  padding: 50px;
  background-size: cover;
  background-image: url(/images/banners/All_get-in-touch.webp);
  background-position: center center;
}
/* software page */

.bgimg_service .mod-articlesnews-horizontal figure img,
.no-card .newsflash-horiz li figure img {
  width: 50px;
  margin-top: 20px;
}

ul.mod-articlesnews-horizontal.newsflash-horiz.mod-list li {
  background-color: white !important;
  text-align:center;
}
.bgimg_service_1 ul.mod-articlesnews-horizontal.newsflash-horiz.mod-list li ,
.bgimg_software ul.mod-articlesnews-horizontal.newsflash-horiz.mod-list li {
  background-color: #dfe3e7 !important;
  text-align: center;
  padding: 2px;
}
.fullwidthblue
{
  background-color: #a3e2f4;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.grid-child.container-top-a, .grid-child.container-top-b, .grid-child.container-bottom-b, .grid-child.container-bottom-a {
  grid-column: full-start/full-end !important;
}
.grid-child.container-bottom-a {
  text-align: -webkit-center;
  text-align: -moz-center;
}
.btn-secondary {
  color: #ffffff !important;
  background-color: var(--arbonaut-color-link) !important;
  /*border-color: var(--arbonaut-color-link) !important;*/
}
.btn-lang {
  color:  var(--arbonaut-color-primary) !important;
  background-color: none !important;
  border-color: none !important;
}
.btn-contact {
  color: #ffffff !important;
  background-color:  var(--arbonaut-color-primary)!important;
  border-color: var(--arbonaut-color-primary)!important;
  font-weight: normal;
}
.container-header .container-search {
  margin-top: 18px;
}
div.mod-languages .btn-group .btn {
  border: 0;
}
.top-aa.bgimg_service h3, .grid-child h3 {
    padding-bottom: 30px;
    color: var(--arbonaut-color-primary);
    font-size: 1.875rem;
}
.grid-child.container-nav a, .grid-child.container-nav button{
    font-weight: lighter !important;
}
/* services tags */

.newsflash-title {
  color: var(--arbonaut-color-primary);
  font-size: 22px;
  font-family: 'Roboto',Arial,sans-serif;
  /* line-height: 1.55; */
  font-weight: 600;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin: 15px 0px;
  min-height: 0px;
}
.mod-articlesnews-horizontal p strong{
  color: #000000;
  font-size: 15px;
  font-family: 'Roboto',Arial,sans-serif;
  line-height: 1.75;
  font-weight: 400;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}


.com-content-article__body p.intro_article {
  display: none;
}
a.btn.btn-secondary {
  border-radius: 0.5rem;
  border:none !important;
}
/* software tags */
.bgimg_service ul.mod-articlesnews-horizontal.newsflash-horiz.mod-list li {
  text-align:center;
}
.bgimg_service .newsflash-title {
  color: var(--arbonaut-color-primary);
  font-size: 22px;
  font-family: 'Roboto',Arial,sans-serif;
  /* line-height: 1.55; */
  font-weight: 600;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin: 15px 0px;
  min-height: 85px;
}
.bgimg_service .newsflash-titlesub {
  color: var(--arbonaut-color-secondary);
  font-size: 22px;
  font-family: 'Roboto',Arial,sans-serif;
  /* line-height: 1.55; */
  font-weight: 600;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin: 15px 0px;
  min-height: 60px;
}
.bgimg_software .newsflash-title {
  color: var(--arbonaut-color-primary);
  font-size: 22px;
  font-family: 'Roboto',Arial,sans-serif;
  /* line-height: 1.55; */
  /*font-weight: 600;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
  margin: 15px 0px;
  min-height: 90px;*/
}
@media screen and (max-width: 548px){
  .bgimg_service .newsflash-title {
	min-height: 0px;
  }
}
.bgimg_service .intro_article {
	padding: 6px
}
.top-aa .newsflash-horiz li {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding:0;
}

/* subimage */
.fluid-full {
  padding: 40px 0;
}
.fluid-full-bottom {
    padding-bottom: 30px;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.bgcover {
  background-size: cover;
}
.displayright {
  height: 100%;
  float: right;
  color: black;
  padding: 20px;
}
.displayleft {
  height: 100%;
  min-height: 375px;
  padding: 30px;
  color: white;
  background-position: center;
  background-repeat: no-repeat;
}
.overlay h3 {
    text-align: center;
    padding-top: 30px;
}
@media screen and (min-width: 991px)
{
  .goright {
    float: right;
    order: 2;
  }
}
/* Profile */

.avatar.avatar-xl {
  width: 90px;
  height: 120px;
}
.mr-3, .mx-3 {
  margin-right: 1rem!important;
}
.avatar {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  display: inline-block;
  background: #ced4da no-repeat center/cover;
  position: relative;
  text-align: center;
  color: #868e96;
  font-weight: 600;
  /* vertical-align: bottom; */
}


/*
Email Spam 
*/

.email::before {
  content: attr(data-website) "\0040" attr(data-user);
  /*unicode-bidi: bidi-override;
  direction: rtl;*/
}
p.email {
  unicode-bidi: bidi-override;
  direction: rtl;
}


/* map */

.zoomIn, .zoomOut {
  background-color:#fff;
  border:1px solid #ccc;
  color:#000;
  width:15px;
  height:15px;
  line-height: 15px;
  text-align:center;
  border-radius:3px;
  cursor:pointer;
  position:absolute;
  top : 10px;
  font-weight:bold;
  left : 10px;

  -webkit-user-select: none; // For Webkit
  -khtml-user-select: none;
  -moz-user-select: none; // For Mozilla
  -o-user-select: none;
  user-select: none; // Default
}

.zoomOut {
  top:30px;
}

.map {
  position:relative;
}

.mapTooltip {
  position : fixed;
  background-color : #fff;
  moz-opacity:0.70;
  opacity: 0.70;
  filter:alpha(opacity=70);
  border-radius:10px;
  padding : 10px;
  z-index: 1000;
  max-width: 200px;
  display:none;
  color:#343434;
}
.areaLegend {
  display: none;
}

/*
testimonial-carousel
*/
#tcb-testimonial-carousel ol.carousel-indicators {
  bottom: -12px;
  display: none;
}
#tcb-testimonial-carousel {
  margin-top: 30px;
  height: 100%;
}
#tcb-testimonial-carousel a {
  color: #325D43;
}
#tcb-testimonial-carousel .text-brand {
  color: #325D43;
}
#tcb-testimonial-carousel .carousel-indicators .active {
  background: #325D43;
}
#tcb-testimonial-carousel .no-margin {
  margin: 0;
}
#tcb-testimonial-carousel .customer  {
  font-weight: bold;
}
#tcb-testimonial-carousel .carousel-indicators li {
  /* border: 1px solid #ccc; */
}
#tcb-testimonial-carousel .carousel-control {
  color: #325D43;
  width: 0%;
}
#tcb-testimonial-carousel .carousel-control:hover,
#tcb-testimonial-carousel .carousel-control:focus {
  color: #325D43;
}
#tcb-testimonial-carousel .carousel-control.left,
#tcb-testimonial-carousel .carousel-control.right {
  background-image: none !important;
  background-repeat: none;
}
#tcb-testimonial-carousel .item {
  padding: 2px 1px;
  background: #ffffff;
  height: auto;
}
#tcb-testimonial-carousel .item .col-xs-12{
  padding: 0px 5px;
}
#tcb-testimonial-carousel .media-object {
  margin: auto;
  padding: 5px;
}
#tcb-testimonial-carousel p.text-brand.lead.no-margin {
  display:none;
}
@media screen and (max-width: 768px) {
  #tcb-testimonial-carousel .media-object {
    margin-bottom: 15px;
  }


  #mainslider {
    margin-top: -50px;
  }   
  #main-slider {
    margin-top: -28px;
  } 

}

/* START OF Reduce the height of the Slider */
@media screen and (min-width: 1201px){
  #tcb-testimonial-carousel .carousel-inner {
    height: 440px;
    min-height: 440px;
  }
}
@media screen and (max-width: 1200px){
  #tcb-testimonial-carousel .carousel-inner {
    height: 420px;
    min-height: 420px;
    font-size: 18px;
    line-height: 20px;
  }
}
@media screen and (max-width: 979px){
  #tcb-testimonial-carousel .carousel-inner {    
    height: 420px;
    min-height: 420px;
    font-size: 16px;
    line-height: 16px;
  }
}
@media screen and (max-width: 767px){
  #tcb-testimonial-carousel .carousel-inner {    
    height: 520px;
    min-height: 520px;
    font-size: 15px;
    line-height: 15px;
  }
}
@media screen and (max-width: 480px){
  #tcb-testimonial-carousel .carousel-inner {
    height: 540px;
    min-height: 540px;
    font-size: 13px;
    line-height: 14px;
  }
}

@media screen and (max-width: 320px){
  #tcb-testimonial-carousel .carousel-inner {
    height: 570px;
    min-height: 570px;
    font-size: 13px;
    line-height: 14px;
  }
}
/* END OF Reduce the height of the Slider */


.btnshow {
  color: #fff;
  background: #2c583dd9;
  /*border-radius: 1.5em;*/
  /*left: 38%;*/
  padding: 0.1em 1em;
  text-decoration: none;
  width: 100%;
  /*left: 10px;*/
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
}
.show, .hide {
  /*position: absolute;
  bottom: 0px;*/
  z-index: 100;
  text-align: center;
}

.showleft {
  float: left;
  text-decoration: underline;
}

.showright {
  float: right;
}

.hide {display: none;}
.show:target {display: none;}
.show:target ~ .hide {display: block;}
.show:target ~ .panel {
  /* max-height: 2000px; */
}
.show:target ~ .fade {
  margin-top: 0;
}

.panelbox {
  position: relative;
  /* margin: 2em auto; */
  /* width: 70%; */
  max-height: 85px;
  overflow: hidden;
  transition: max-height .5s ease;
  text-align: left;
  padding: 0 10px;
  color: #000;
  font-size: 15px;
}
.fadebox {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ededed 75%);
  height: 100px;
  margin-top: -100px;
  position: relative;
}
/* section library*/
.panel-success {
  font-size: large;
}

#recent-works .col-xs-12.col-sm-4.col-md-3{
  padding: 0;
}

#recent-works{
  padding-bottom: 70px;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 980px;
  margin: auto;
}

.recent-work-wrap {
  position: relative;
  margin: 20px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.55);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.55);
  box-shadow: 0 1px 4px rgba(0,0,0,0.55);
  background-color: #ededed;
}
.recent-work-wrap .show, .recent-work-wrap .hide {
  position: absolute;
  bottom: 0px;
  z-index: 9;
  text-align: center;
}
.recent-work-wrap .meta {
  width: 100px;
  text-align: center;
  color: #222;
  background: #e6d81d;
  margin-bottom: 0px;
  margin-top: -20px;
  padding: 0;
  position: absolute;
  font-weight: bold;
}
.recent-work-wrap .metapro {
  width: 290px;
  text-align: center;
  color: #222;
  background: #e6d81d;
  margin-bottom: 0px;
  margin-top: -20px;
  padding: 0;
  position: absolute;
  font-weight: bold;
}
.recent-work-wrap .metaprotop {
  width: 120px;
  text-align: center;
  color: #fff;
  background:   #1DADE6;
  margin-bottom: 0px;
  margin-top: -10px;
  padding: 0;
  position: absolute;
  font-weight: normal;
  right: -10px;
}
.pp_inline .img-responsive {
  margin: auto;
}

.recent-work-wrap.our{
  margin-right: 0px !important;
}

.recent-work-wrap img{
  width: 100%;

  padding: 10px;
  max-width: 100%;
  /* -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.55);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.55);
  box-shadow: 0 1px 4px rgba(0,0,0,0.55);*/
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  font-size: x-large;
  line-height: 25px;
  color: #ffffff;
  padding: 5px;
  text-align: center;
}

.recent-work-wrap .recent-work-inner h3{
  margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}

.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: rgba(0, 0, 0, 0.81);
  color: #ffffff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  padding: 30px;
}

.recent-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 0.8;
}

.recent-work-wrap .worktitle {
  color: rgba(44,88,61,1);
  text-align: left;
  font-size: 15px;
  padding: 10px;
  font-weight: bold;
  height: 70px;
}
@media screen and (max-width: 480px) {
  .recent-work-wrap .worktitle {
    color: rgba(44,88,61,1);
    text-align: left;
    font-size: 14px;
    padding: 10px;
    font-weight: bold;
    height: 55px;
    line-height: normal;
  }
}
.recent-work-wrap .worktitlepro {
  color: rgba(44,88,61,1);
  text-align: left;
  font-size: 14px;
  padding: 10px;
  font-weight: bold;
  height: 70px;
}



/*************************
********* Portfolio CSS ******
**************************/
section#portfolio {
  padding-left: 20px;
  padding-right: 20px;  
  max-width: 980px;
  margin: auto;
}


#portfolio_page {
  margin-top: 115px;
  padding-bottom: 0;
}

.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #d2e1d8;
  outline: none;
  border-radius: 0px;
  margin: 2px;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #2C583D;
  border: 1px solid #2C583D;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
  margin: 0;
  padding:0;
  max-width: 450px;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

/* share media */
.social{
  text-align: right;
}
.socialtop {
  text-align: center;
}
.social-share,.socialm-share{
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.social-share li,ul.socialm-share li  {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 2px;
}

ul.social-share li a:hover,ul.socialm-share li a:hover {
  background: #2C583D;
  color: #fff;
}

ul.socialm-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 52px;
  height: 52px;
  line-height: 50px;
  text-align: center;
  border-radius: 2px;
}
img.iconmedia {
  width: 20px;
  height: 20px;
  color: #ffffff;
  filter: invert(1) sepia(0);
}
img.iconmedia:hover {
  filter: invert(1) sepia(1);
}
.search i {
  color: #fff;
}
@media (max-width: 768px){
  .social {
    text-align: center;
  }
  .footer-copyright {
    text-align: center;
    margin: auto;
  }
}
/* joinus */

section#banner-info {
  background-size: cover;
  background-position-y: center;
}
section#banner-info h2 {
  font-size: 24px;
  color: var(--arbonaut-color-primary);
  margin-bottom: 10px;
  margin-top: 10px;
}
.bgcareer {
  background-color: var(--arbonaut-color-link) !important;
}
section#banner-info .d-flexsection, section#banner-info .d-flexsectioncareer {
  display: -ms-flexbox!important;
  display: flex!important;
  min-height: 100px;
  margin: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.leadtxtcareertop {
  padding: 2px 2px;
  text-align: center;
  font-size: x-large;
  line-height: normal;
}
.rowboxcareer {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 2px;
  /* margin-bottom: 40px; */
}
.rowbox {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 2px;
  margin-bottom: 40px;
}
.rowbox .column {
  -ms-flex: 33%; /* IE10 */
  flex: 33%;
  max-width: 33%;
  padding: 0 4px;
}
.rowbox .column img {
  margin-top: 6px;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .rowbox .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .rowbox .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

/* card */
.avatar.avatar-xl {
  width: 160px;
  height: 190px;
  border-radius: 0.25rem 0px 0px 0.25rem;
}
.avatar {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  display: inline-block;
  background: #ced4da no-repeat center/cover;
  position: relative;
  text-align: center;
  color: #868e96;
  font-weight: 600;
  /* vertical-align: bottom; */
}

.card {
  background-color: #fff;
  border: 0 solid #eee;
  border-radius: 0;
}
.card {
  margin-bottom: 30px;
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1), -1px 0 2px rgba(0,0,0,0.05);
  box-shadow: 2px 2px 2px rgba(0,0,0,0.1), -1px 0 2px rgba(0,0,0,0.05);
}
.card-body {
  padding: 1.25rem;
}
.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.text-body { color: $body-color !important; }
.text-muted {color: #6c757d!important;font-size: 15px;}
.card-body {
  flex: 1 1 auto;
}

.card-text:last-child {
  margin-bottom: 0;
}
p.card-text.text-uppercase.text-muted {
  margin-top: 0;
  margin-bottom: 1rem;
  height: 34px;
}
p.card-text{
  margin: 0px;
  font-size: 14px;
  float: left;
  clear: both;
}
h5 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  margin-top: 0 !important;
  font-size: 2.25rem;
}
.mb-0, .my-0 {
  margin-bottom: 0!important;
}
.mr-3, .mx-3 {
  margin-right: 1rem!important;
}
.align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}.text-uppercase {
  text-transform: uppercase!important;
}

.arbo-atom__img {
  height: 50px;
}
.top-aa.bgimg_service {
  /*padding: 20px;*/
  margin-top: 60px;
}
.top-aa.bgimg_service h1{
  padding-bottom: 30px;
}  
  

@media screen and (max-width: 460px) {
  .avatar.avatar-xl {
    width: 50px;
    height: 70px;
  }
  h5.card-text {
    font-size: 16px;
  }
  p.card-text.text-uppercase.text-muted {
    margin-top: 0;
    margin-bottom: 1rem;
    height: 25px;
    font-size: 11px!important;
  }
  p.card-text {
    font-size: 12px !important;
  }
  .col-xs-6, .col-sm-6, .col-md-6 {
    padding-left: 1px;
    padding-right: 1px;
  }
}

/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: 23.5%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
  position: relative;
  display:inline;
  display: inline-block;
  /*float: left;
  margin-right: 2%;*/
  margin-bottom: 20px;
}
.end { margin-right: 0 !important; }
/* Column Grids End */
.container.counternumber {
    color: white;
}
.counterbox {
  visibility: visible;
  margin:auto;
  text-align: center;
}

.wrapper { width: 980px; margin: 30px auto; position: relative;}
.counter { 
  background: none;
  vertical-align: top;
  /* padding: 20px 35px; */
  border-radius: 5px;
  /* margin: 20px; */
  border: none;}
.count-title {     
  font-size: 45px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
  border-bottom: 1px solid #d2e1d8;
  max-width: 200px;
  margin: auto;
  color: white;
}
.count-text { font-size: 18px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; max-width: 315px;
  margin: auto;}
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }

.bggrey {
  background-color: #f5f5f5;
  clear: both;
  padding-bottom: 15px;
}

@media screen and (max-width: 560px) {
  .counter.col_third {
    clear: both;
    width: 100%;
  }
}
#blogprod, #portfolio, #banner-info {
  clear: both;
}
section#blogprod {
    text-align: center;
    margin: auto;
    max-width: 1400px;
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}
@media (max-width: 778px) {
.col_half { width: 100%; }
.col_third { width: 100%; }
.col_fourth { width: 100%; }
.col_fifth { width: 100%; }
.col_sixth { width: 100%; }
.col_three_fourth { width: 100%;}
.col_twothird{ width: 100%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
  position: relative;
  display:inline;
  display: inline-block;
  /*float: left;
  margin-right: 2%;*/
  margin-bottom: 20px;
}
}
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/* Rounded tabs */

@media (min-width: 576px) {
  .rounded-nav {
    border-radius: 50rem !important;
  }
}

@media (min-width: 576px) {
  .rounded-nav .nav-link {
    border-radius: 50rem !important;
  }
}

/* With arrow tabs */

#myTab1 {
  background-color: var(--arbonaut-color-bg) ;
}
.with-arrow .nav-link.active {
  position: relative;
  background-color: var(--arbonaut-color-link) !important;
  color: white;
}

.with-arrow .nav-link.active::after {
  content: '';
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid var(--arbonaut-color-link) !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: block;
  right: inherit !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

/* lined tabs */
.nav-link {
  font-weight: bold;
}
.lined .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link:hover {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link.active {
  background: none;
  color: #555;
  border-color: #2b90d9;
}
/*
*
* ==========================================
*
* ==========================================
*
*/
.nav-pills .nav-link {
  color: #555;
}
.text-uppercase {
  /*letter-spacing: 0.1em;*/
}
ul#myTab1 {
  overflow: inherit;
}
.tab-content>.active {
  display: contents !important;
}
.tab-pane {
  text-align: initial;
}
.tab-pane .col-sm-4 {
  padding: 0;
}
.borderTopLeft {
  margin-top: 20px;
  float: left;
}
.borderTop {
  border-top: 2px solid var(--arbonaut-color-link);
  margin: 20px;
}

/* table value */

.display-table {
  display: table;
}
.tablevalue {
  display: table-cell;
  vertical-align: middle;
  height: 300px;
}

.tableinvalue {
  background-image: url(/images/icons/Missions_Vision.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  opacity: 0.1;
  background-position: center center;
  border-color: transparent;
  border-style: solid;
}
.table_img {
  opacity: 0.1;
  max-width: 300px;
}
.tableinvalue_title {
  top: 140px;
  position: relative;
  text-transform: uppercase;
}
.tableinvalue_text {
  bottom: 130px;
  position: relative;
  font-size: 22px;
}
.background-white {
  background-color: #fff;
}
.background-grey {
  clear: both;
}
.limited-width, .limited-width-left {
  padding-bottom: 1rem;
  /*width: 70%;*/
}
section.full-width .container {
  padding: 70px;
}
.container-bottom-b {
  text-align: center;
}
.container-bottom-b li.nav-item {
  display: table;
  float: left;
  width: 205px;
}
.container-bottom-b li.nav-item a {
  color: white;
}
.container-bottom-b ul.mod-menu.mod-list.nav {
  display: inline-block;
  text-align: left;
}
.mod-menu__heading.nav-header {
  color: white;
  text-decoration: none;
}
.bg_mod_menu span.nav-header {
  color: white;
  width: 250px;
  text-transform: capitalize;
}
.bg_mod_menu {
  box-shadow: inset 0 0 0 5000px rgb(23 23 23 / 90%);
  padding: 30px;
  color: white;
}
.footer {
  margin-top: 0em;
}
.logo-image > a > img {
  max-width: 70%;
  filter: brightness(0) invert(1);
}
/* slider area patner */
.slider {
  height: 150px;
  position: relative;
  width: 100%;

  display: grid;
  place-items: center;
  overflow: hidden;
}
.slider::before,
.slider::after{
  position:absolute;
  background-image:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  content:'';
  height:100%;width:25%;
  z-index:2;pointer-events:none;
}
.slider::before{
  left:0;
  top:0;
}
.slider::after{
  right:0;
  top:0;
  transform:rotateZ(180deg);
}

/*  IMPORTANT CODE BELOW */

.slide-track {
  width: calc(150px * 50);
  display: flex;
  animation: scroll 40s linear infinite;
  justify-content: space-between;
}

.slide-track2 {
  width: calc(150px * 15);
  display: flex;
  animation: scroll2 15s linear infinite;
  justify-content: space-between;
}

.slide {
  width: 150px;
  height: 150px;
  display: grid;
  place-items: center;
  transition:0.5s;
}
.slide:hover{
  /*transform:scale(0.8)*/
}

@keyframes scroll {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 10));
  }
}

@keyframes scroll2 {
  0% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(calc(-150px * 5));
  }
}

@media screen and (max-width: 768px) {
  .slide-track {
    width: calc(150px * 40);
  }

  .slide-track2 {
    width: calc(150px * 40);
  }

  .slide {
    width: 80px;
  }

  @keyframes scroll {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(calc(-80px * 10));
    }
  }

  @keyframes scroll2 {
    0% {
      transform: translateX(0px);
    }
    100% {
      transform: translateX(calc(-80px * 5));
    }
  }
}
.center {
  text-align: center;
}
.col-md-12.feature_title {
  text-align: center;
}
.video-wrapper {
  position: relative;
  padding-bottom: 51%;
  padding-top: 30px;
  height: 0;
}
.video-wrapper-chrono {
  position: relative;
  padding-bottom: 51%;
  padding-top: 30px;
  height: 0;
  display: none;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.displayleft_video {
  height: 100%;
  min-height: 300px;
  border: 1px;
  /* padding: 30px; */
  border: 1px solid white;
  color: white;
  background-position: center;
  background-repeat: no-repeat;
}
/**/
.area_grey {
  background-color: #dfe3e7 !important;
}
.area_grey .col-md-5 {
    padding: 0;
}
section#additional {
  clear: both;
}
a.bcareerhover  {
  background:
    linear-gradient(
      to bottom, var(--mainColor) 0%,
      var(--mainColor) 100%
    );
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 4px 0px;
  color: #fff;
  text-decoration: none;
  transition: background-size .2s;
}
a.bordermailto {
  border: 2px solid #2c4e37;
  padding: 24px;
  background-color: #2c4e37;
}
a.bcareerhover:hover {
  background-size: 4px 76px;
  color: #2c4e37;
}

/*getintouch*/
.com-contact.contact h1, .com-contact.contact h3, .com-contact.contact .page-header {
  display: none;
}
span.icon-info-circle {
  display: none;
}
dl.dl-horizontal dd {
  padding: 0 ;
}
h2.aboutus-title {
  color: var(--arbonaut-color-primary);
  margin-top: 80px;
  font-size: 1.875rem;
}

.displaynone {
  display: none;
}
.convertforms.cf-success .cf-response {
  background-color: var(--arbonaut-color-primary) !important;
  display: block;
}
h4.card-title {
  word-wrap: break-word;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 0;
}
.text-button {
  border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: .6px;
  line-height: 16px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: .08s ease-in;
  -o-transition: .08s ease-in;
  transition: .08s ease-in;
}
li.card_frame {
  padding: 0px !important;
}
.card-content {
  text-align:left;
}
.card-address {
  min-height: 110px;
}
.card-viewmap {
  text-align:right;
  padding: 10px;
}
.table_img_contact {
  width: 100%;
  height: 425px;
  object-fit: cover;
  object-position: 25% 25%;
  border-radius: 0.25rem 0.25rem 0 0;
}

img.arbo-why-atom__img {
  width: 340px;
  height: 340px;
  object-fit: cover;
  object-position: 25% 25%;
  /*padding: 16px;*/
}

.lang-block.dropdown-menu.show {
  margin: 11px 0px !important;
}

/* aboutus */
#about-us .card {
  padding: 0;
}
#about-us .card-body {
  padding: 0;
}


/* slider customer */
.wrapper_slide {
  height: 275px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  justify-content: center;
}
.mainSlider {
  position: absolute;
  top: 0px;
  left: 0;
  width: 400%;
  height: auto;
  transition: left 0.4s;
  display: flex;
  flex-flow: row nowrap;
}
.content_slider {
  height: 100%;
  text-align: center;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.content_slider h2 {
  font-size: 18px;
  color: var(--arbonaut-color-link);
  margin-top: 20px;          
}
.content_slider p {
  font-size: 30px;
  font-family: cookie;
  line-height: 1.7;
  color: #fff;
  margin-top: -20px;
  margin-bottom: 20px;
  max-width: 750px;
}
.img-area img {
  width: 100%;
}
.img-area {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 40px;
  border: 5px solid #fff;
}
.dots {
  width: 16px;
  height: 16px;
  margin: 8px 8px;
  z-index: 10;
  outline: 2px solid #f1f1f1;
  outline-offset: 1px;
  cursor: pointer;
  appearance: none;
  backface-visibility: hidden;
  border-radius: 50%;
  background-color: #3d2b3d;
}
.dots:checked:nth-of-type(1)~.mainSlider {
  left: 0%;
}
.dots:checked:nth-of-type(2)~.mainSlider {
  left: -100%;
}
.dots:checked:nth-of-type(3)~.mainSlider {
  left: -200%;
}
.dots:checked:nth-of-type(4)~.mainSlider {
  left: -300%;
}
.dots:checked:nth-of-type(5)~.mainSlider {
  left: -400%;
}
.quotes{
  position:absolute;
  color:rgba(255,255,255,0.5);
  font-size:5em;
}
.leftq{
  top:-15px;
  left:5px;
}
.rightq{
  bottom:-10px;
  right:5px;
}
blockquote{
  margin:0;
  padding:20px;
  background-color: var(--arbonaut-color-link);
  color:white;
  box-shadow: 0 5px 2px rgba(0,0,0,0.1);
  position:relative;
  transition: background-color 0.6s linear;
  font-size: smaller;
}

blockquote:after { 
  content: " "; 
  height: 0; 
  width: 0; 
  position: absolute; 
  top: 100%; 
  border: solid transparent; 
  border-top-color: var(--arbonaut-color-link);
  border-left-color:var(--arbonaut-color-link);
  border-width: 10px; 
  left: 10%; 
} 

/* footer menu link */
.mod-menu__sub.list-unstyled.small {
  padding: 0;
}
.container-bottom-b li.nav-item a {
  text-decoration: underline !important;
  text-transform: capitalize;
  font-size: 16px;
}
.container-bottom-b .btn.btn-contact, .container-bottom-b .bg_mod_menu ul > li {
  font-weight: bolder;
}
.container-bottom-b .bg_mod_menu > ul > li  {
  /* font-weight: bolder !important; */  
}
.container-bottom-b .bg_mod_menu > ul > li > ul > li {
  padding: 5px 0;
  font-weight: normal !important;
  padding: 0;
  margin: 0.5em 0;
}
.card-text.mb-0 {
  font-weight: bold;
  font-size: large;
}

/* animate background */

#displayanimate_ERA { 
  animation: changeBg_ERA_Wildfires 30s linear 0.1s infinite; 
}
@-webkit-keyframes changeBg_ERA_Wildfires{
   0%,100%  {background-image: url('/images/subimage/ERA_Wildfires_1.webp');}
   15% {background-image: url('/images/subimage/ERA_Wildfires_2.webp');}
   30% {background-image: url('/images/subimage/ERA_Wildfires_3.webp');}
   45% {background-image: url('/images/subimage/ERA_Wildfires_4.webp');}
   60% {background-image: url('/images/subimage/ERA_Wildfires_5.webp');}
   75% {background-image: url('/images/subimage/ERA_Wildfires_6.webp');}
   90% {background-image: url('/images/subimage/ERA_Wildfires_7.webp');}
}
#displayanimate_EV { 
  animation: changeBg_EV 30s linear infinite; 
}
@-webkit-keyframes changeBg_EV{
   0%,100%  {background-image: url('/images/subimage/EV_Biodiversity_1.webp');}
   50% {background-image: url('/images/subimage/EV_Biodiversity_2.webp');}
}
#displayanimate_FI { 
  animation: changeBg_FI 30s linear infinite; 
}
@-webkit-keyframes changeBg_FI{
   0%,100%  {background-image: url('/images/subimage/FI_LIDAR_1.webp');}
   25% {background-image: url('/images/subimage/FI_LIDAR_2.webp');}
   50% {background-image: url('/images/subimage/FI_LIDAR_3.webp');}
   75% {background-image: url('/images/subimage/FI_LIDAR_4.webp');}
}


/* testimonials */
.testimonials-section {
  background: #ffffff;
  height: 300px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .testimonials-section {
    height: 490px;
  }
}
@media screen and (max-width: 575px) {
  .testimonials-section {
    height: 415px;
  }
}
.slider__nav {
  width: 12px;
  height: 12px;
  margin: 11px 12px;
  border-radius: 0%;
  z-index: 9;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #3D2B3D, 0 0 0 0 rgba(223, 8, 8, 0);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
  animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__nav:checked:nth-of-type(4) ~ .slider__inner {
  left: -300%;
}
.slider__nav:checked:nth-of-type(5) ~ .slider__inner {
  left: -400%;
}
.slider__nav:checked:nth-of-type(6) ~ .slider__inner {
  left: -500%;
}
.slider__nav:checked:nth-of-type(7) ~ .slider__inner {
  left: -600%;
}
.slider__inner {
  position: absolute;
  top: 80px;
  left: 0;
  width: 600%;
  height: auto;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.slider__contents {
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.slider__caption {
  font-size: 14px;
  color: #111;
  opacity: .5;
  font-family: 'Roboto';
  font-weight: bold;
}
.slider__txt {
  font-size: 15px !important;
  font-family: 'Roboto';
  color: #111;
  margin-top: -20px;
  margin-bottom: 20px;
  max-width: 750px;
  line-height: 17px;
}
quote {
  font-family: 'Arial';
  font-size: 100px;
  color: #3D2B3D;
  position: absolute;
  top: -100px;
}

@-webkit-keyframes check {
  50% {
    outline-color: #3D2B3D;
    box-shadow: 0 0 0 6px #3D2B3D, 0 0 0 6px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #3D2B3D;
    box-shadow: 0 0 0 0 #3D2B3D, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #3D2B3D;
    box-shadow: 0 0 0 6px #3D2B3D, 0 0 0 6px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #3D2B3D;
    box-shadow: 0 0 0 0 #3D2B3D, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

/* Gallery*/
 .wrapper-gallery {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     grid-gap: 10px;
     grid-auto-flow: dense;
     list-style: none;
     margin: 1em auto;
     padding: 0;
     /*max-width: 800px;*/
 }
 .wrapper-gallery li {
     border: 1px solid #ccc;
   	background: #2c583d;
    margin-top: 0px;
    position: relative;
 }
 .wrapper-gallery li.landscape {
     grid-column-end: span 2;
 }
 .wrapper-gallery li img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
 }
 .wrapper-gallery .overlay .recent-work-inner p {
    background: #f5f5f5;
    color: #2C583D;
    width: 100%;
    padding: 0.4em;
    display: block;
    position: absolute;
    bottom: -10px;
    z-index: 2;
    opacity: 0.8;
}

#bottom {
  background: #f5f5f5;
  border-bottom: 5px solid #2C583D;
  font-size: 14px;
  padding: 20px;
  max-width: 1320px;
  margin: auto;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #2c583d;
  text-decoration: none;
      /*background: #fff;*/
      border-color: #2c583d;
}

html {
  scroll-behavior: smooth;
}

/* Cookiebot */
#CybotCookiebotDialog { font-family: Roboto !important; }

.CookieDeclaration p{
  font-family: Roboto !important; 
  font-size: 16px !important; : 
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
background-color: var( --arbonaut-color-primary) !important;
border-color: var( --arbonaut-color-primary) !important;
}
#CybotCookiebotDialogBodyButtonDecline , #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
  border: 2px solid var( --arbonaut-color-primary) !important;
}
.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var( --arbonaut-color-primary) !important;;
}
#CybotCookiebotDialogBodyEdgeMoreDetailsLink, #CookiebotWidget .CookiebotWidget-consent-details button {
  color: var( --arbonaut-color-primary) !important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var( --arbonaut-color-primary) !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
border-bottom: 1px solid var( --arbonaut-color-primary);
color: var( --arbonaut-color-primary);
}
.cookieconsent-optout-marketing a {
  font-style: italic;
  text-decoration: underline !important;
  color: white;
}
.youtube-overlay {
  position: absolute;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8039);
  color: #fafafa;
  padding: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  background-image: url(/images/subimage/arbonaut-video.png);
  background-size: cover;
}
.youtube-career-overlay {
  position: absolute;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8039);
  color: #fafafa;
  padding: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  background-image: url(/images/subimage/arbonaut-career-video.png);
  background-size: cover;
}
.CookieDeclarationTable thead {
  background: var(--arbonaut-color-primary);
  color: var(--arbonaut-color-bg);
}
.CookieDeclarationTable tbody {
  background: var(--arbonaut-color-bg);
}
.g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
/* software-button */
ul.newsflash-horizI li:hover {
box-shadow: inset -1px -1px 4px rgba(255,255,255,0.45), inset 1px 1px 4px rgba(94,104,121,0.3);
}
.newsflash-horizI {
    grid-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}
.top-aa .mod-articlesnews-horizontal {
    grid-gap: 2rem;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}
.newsflash-horizI li p {
  height: 55px;
}

/* references */
section#blogprod {
    padding-left: 0px;
    padding-right: 0px;
}
.item-page {
  padding:0px !important;
}
.colour-item {
  width: 100%;
  background-color: #eee;
  padding: 20px;
}

.accordion-content {
  display: none;
  text-align: justify;
  padding: 0 10px;
  background-color: #dfe3e7 !important;
}
.fullwidth {
    grid-column: 1 / -1;
}
/* ---- isotope ---- */

.grid {
  /*max-width: 1280px;*/
  margin: 0 auto;
    padding: 0;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: inline-block;
  margin: 20px;
}

.ui-group h3 {
  display: inline-block;
  margin-right: 0.2em;
  font-size: 16px;
}

.ui-group .button-group {
  display: inline-block;
  margin-right: 20px;
}
.filter-select {
    width: 200px;
    display: inline-block;
    background-color: #fafafa;
    box-shadow: 0 0 5px #ccc;
    transition: all .5s ease;
    position: relative;
    font-size: 14px;
    color: #474747;
    text-align: left;
    outline: none;
    margin-left: 30px;
    margin-right: 30px;
}
/* color-shape */

.color-shape {
  /*width: 100%;
  height: 70px;
  margin: 5px;*/
  float: left;
}
 
.color-shape.round {
  border-radius: 35px;
}
 
.color-shape.big.round {
  border-radius: 75px;
}
 

/**/

.cards {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.cards__item {
  display: -webkit-box;
  display: flex;
  padding: 1rem;
  width: 32%;
  color: #262524;
}
.card_ref {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.55);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.55);
  box-shadow: 0 1px 4px rgba(0,0,0,0.55);
}
.card_ref:hover .card__image {
  -webkit-filter: contrast(100%);
          filter: contrast(100%);
}
.card__content {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
          flex: 1 1 70%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  /*padding: 1rem;*/
}
.accordion-content p {
    font-size: 15px !important;
}
.card__image {
  display: -webkit-box;
  display: flex;
  -webkit-box-flex: 1;
  flex: 1 1 30%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: contrast(70%);
          filter: contrast(70%);
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
  transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
  transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
  transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91);
}
.card__meta {
  width: 150px;
  text-align: center;
  color: #222;
  background: #e6d81d;
  margin-bottom: 0px;
  padding: 0;
  position: absolute;
  font-weight: bold;
}
.card__image::before {
  content: "";
  display: block;
  /*padding-top: 56.25%;*/
}

.card__title {
  color: var(--arbonaut-color-primary);
  font-size: 1.1rem;
  font-weight: normal;
  height: 80px;
  padding: 10px;
}

.card__text {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
}
.filters select {

  /* styling */
  background-color: white;
  border: thin solid white;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.is-accordion-open {
  
}
select.filter-select {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 60%),
    linear-gradient(135deg, gray 40%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1.0em),
    calc(100% - 10px) calc(1.0em),
    calc(100% - 2.5em) 0.5em;
  background-size:
    10px 10px,
    10px 10px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.filter-select:focus {
  background-image:
    linear-gradient(45deg, #2c583d 40%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #2c583d 60%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 10px) calc(1.0em),
    calc(100% - 20px) calc(1.0em),
    calc(100% - 2.5em) 0.5em;
  background-size:
    10px 10px,
    10px 10px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: #2c583d;
  outline: 0;
}


select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.button--reset {
    margin:5px 0;
    border:1px solid !important;
    background: #FFF;
    padding:10px;
    font-size: 10px;
    text-transform: uppercase;
    color:#333;
    cursor: pointer;
}
.button--reset:hover {
    background: #333;
    color:#FFF;
}
/* toggle content */
.toggle-readmore {
  text-align: center;
  font-size: 15px;
  margin: 0 auto;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.toggle-readmore .arrow {
  width: 20px;
  height: 20px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}
 /*
.toggle-readmore.active .arrow.closetoggle {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.toggle-readmore.active .arrow.closetoggle::before {
 transform: rotate(-45deg);
}

.toggle-readmore.active .arrow.closetoggle::after {
  transform: rotate(45deg);
}*/
.toggle-readmore .arrow .close {
  fill: #2c583d;
  width: 100%;
  height: 100%;
}
.is-card_image-open {
  background-color: #dfe3e7 !important;
}
.is-card_image-open .card_img_title {
    /*display: inline-flex;*/
}
.is-card_image-open .card__title span {
    /* background-color: #2c583d; */
    /* padding: 2px; */
    color: #2c583d;
    justify-content: center;
    align-items: center;
    display: flex;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
.is-card_image-open .card__title {
    vertical-align: middle;
    margin: auto 0;
    height: auto;
}
@media screen and (min-width: 769px) and (max-width: 1012px) {
  .card__title {
    height: 110px;
  }
}
@media screen and (max-width: 768px) {
  .cards__item {
    width:100% !important;
  }
  .card__image .img-responsive {
    width: 700px;
    object-fit: cover;
  }

  .is-card_image-open .card_img_title {
    display: block;
  }

  .is-card_image-open .card__title {
    vertical-align: middle;
    margin: auto 0;
    height: auto;
    padding: 10px;
  }
}
.card__image .img-responsive {
  /*margin: 0 auto;*/
  width: 700px;
  max-height: 300px;  
  object-fit: cover;
}
/*blog*/

 #hs_cos_wrapper_name {
    font-size: 58px !important;
    margin-top: 32px;
    font-weight: 100;
  }
  .com-content-article figure img {
    height: 100%;
  }
  .page-header h1 {
    display:none;
  }
  .blog-post.container {
    background: white;
    padding: 5px;
    margin-top: -40px;
  }
  .blog-tag--button--dot {
    align-items: center;
    background-color: #fff;
    border: 1px solid #2c583d;
    color: #2c583d !important;
    display: inline-block;
    height: 24px;
    line-height: 25px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 0 13px;
  }
    .displayleftblog {
    height: 100%;
    min-height: 500px;
    padding: 30px;
    color: white;
    background-position: bottom;
    background-repeat: no-repeat;
}
  .links {
  text-decoration: underline !important;
  color: var(--arbonaut-color-primary);
  font-weight: bold;
}