@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@font-face{
    font-family:dekra-roadsafety;
    src:
        url('dekra-font/dekra-master-font.eot?2juzpl#iefix') format('embedded-opentype'),
        url('dekra-font/dekra-master-font.woff?2juzpl') format('woff'),
        url('dekra-font/dekra-master-font.woff2?2juzpl') format('woff2'),
        url('dekra-font/dekra-master-font.ttf?2juzpl') format('truetype'),
        url('dekra-font/dekra-master-font.svg?2juzpl#dekra-roadsafety') format('svg');
        font-weight:400;font-style:normal

        }
.carousel3,
.carousel4,
#news-carousel,
#p-carousel{
  overflow: hidden;
}

ul.menu{
  margin: 0;
}

#block-dekra21-mainmenu ul[block='block-dekra21-mainmenu'].menu > li > a{
  color:#006b52;
  font-weight: 700;

}

ul.pager__items {
    padding: 0;
    margin-top: 20px;
}

.pager__item a{
    padding-bottom: 8px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 8px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.2;
    color: #006b52;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
   

}

.vetrina{
  /*border:solid 2px #006b52!important;*/
}

li.menu-item--expanded{

    list-style-type: none;
    list-style-image: none !important;
}

li.menu-item--expanded > span,
li.menu-item--expanded > a{
  color:#006b52;
  font-weight: 700;
}

button.expand-collapse{
  float: right;
}

.ajax-throbber {

  --sk-color: #006b52;

}

.bg-white{
  background: #fff;
}

.bg-grey{
  background: rgb(245, 245, 245);
}


.block-views-exposed-filter-blockcerca-centri-page-1 .form--inline .form-item{
  width: 100%!important;
}
.block-views-exposed-filter-blockcerca-centri-page-1 .form--inline .form-checkboxes .form-item{
  margin: 0;
}

.bef-exposed-form .form--inline details[open] {
    padding-bottom: 20px;
}
.bef-exposed-form .form--inline details{
  margin: 0 0 10px;
}


.block-views-exposed-filter-blockcerca-centri-page-1 label.option {
    display: inline;
    font-weight: normal;
    font-size: 12px;
    text-transform: capitalize;
}
.select2-container .select2-search--inline .select2-search__field {

    height: 25px;

}

div.search_block::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

#search-centri-form-new .form-actions,
#search-centri-form-new .form-item{
  padding: 0;
  margin: 0;
  align-items:normal;
}



#search-centri-form-new .form-text {
    border-radius: 0;
    margin-top: 0;
}

.address_field_container{
  position: relative;
}
.address_field_container #get_address{
  position: absolute;
      right: 10px;
      top: 0;
      bottom: 0;
      margin: auto;
      line-height: 35px;
      background: #fff;
      height: 95%;
      padding: 0 5px;
}

.rounded-box{
  border-radius: 100px!important;
}
button{
  border:none;
  outline: none;
}
.bg-black{
  background: #000;
}

.bef-exposed-form .form--inline .form-item {
float: left;
}
.bef-exposed-form .form--inline .form-item .form-text{
  width: 100%;
}
div.text-formatted > *{
  font-family: 'Noto Sans', sans-serif!important;
}

.material-icons{
  font-size: inherit!important;
}

.text-huge {
    font-size: 2.5em!important;
}

.text-big {
    font-size: 1.8em!important;
}

.text-small {
    font-size: .85em!important;
}

.text-tiny {
    font-size: .7em!important;
}

.btn-warning{
  background-color: #57ab27;
    border-color: #57ab27;
    color: #fff;
}

.border-3 {
    border-width:3px !important;
}
td.text-align-center{
  text-align: center!important;
}

.coldata{
  width: 150px;
}
.webform-confirmation__back{
  display: none;
}

.field--name-field-form h2{
  display: none;
}
#search-block-form .form-control {

    padding: .3rem .74rem;
}

body.path-profile-candidato form.user-login-form .form-item input{
  width: 100%;
  border-radius: 3px;
  border:solid 1px #999;
  padding: 5px 10px;
}

.ui-dialog-titlebar-close{

}

.form-type-radio .description, .form-type-checkbox .description {
    margin-left: 0;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: '';
}
a.text-primary:focus, a.text-primary:hover {
    color: #006b52!important;
}
.border-primary {
    border-color: #006b52!important;
}
.btn-primary {
    color: #fff!important;
    background-color: #006b52!important;
    border-color: #006b52!important;
}

.btn-info:hover {
    color: #111;
    background-color: #dfdfdf;
    border-color: #d9d9d9;
}
.text-primary {
    color: #006b52!important;
}
a {
  color: #006b52;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #003119;
    text-decoration: underline; }
.bg-primary {
  background-color: #006b52 !important; }

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #004a26 !important; }

.bg-secondary {
  background-color: #004EA3 !important; }

a.bg-secondary:focus, a.bg-secondary:hover {
  background-color: #003670 !important; }

.bg-success {
  background-color: #28a745 !important; }

a.bg-success:focus, a.bg-success:hover {
  background-color: #1e7e34 !important; }

.bg-info {
  background-color: #f2f2f2 !important; }

a.bg-info:focus, a.bg-info:hover {
  background-color: #d9d9d9 !important; }

.bg-warning {
  background-color: #ffc107 !important; }

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #d39e00 !important; }

.bg-danger {
  background-color: #dc3545 !important; }

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #bd2130 !important; }

.bg-light {
  background-color: #f8f9fa !important; }

a.bg-light:focus, a.bg-light:hover {
  background-color: #e6e6e6 !important; }

.bg-dark {
  background-color: #585858 !important; }

a.bg-dark:focus, a.bg-dark:hover {
  background-color: #3f3f3f !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }


body.node-type-pagina-vuota #node-3077.node-webform form > div{
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;

}

body.node-type-pagina-vuota #node-3077.node-webform h2{
  display:none;
}


cite{
    padding:100px 50px;
    border: solid 1px #ccc;
    text-align:center;
    display:block;
    font-style: normal;
    font-size:30px;
    position:relative;
    line-height: 25px;
}

cite:before{
  content:"\f10d";
  font-family: "Font Awesome 5 Free";
  position:absolute;
  top:30px;
  left:0;
  right:0;
  color: #006b52 !important;
  -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
}

cite:after{
  content:"\f10e";
  font-family: "Font Awesome 5 Free";
  position:absolute;
  bottom:30px;
  left:0;
  right:0;
  color: #006b52 !important;
  -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
}

#breadcrumb {
   width:924px;
   height:38px;

 }
 ul.breadcrumbs {
   margin:0;
   padding:0;
 }
 ul.breadcrumbs li {
   list-style:none;
   margin:0;
   padding:0 5px 0 5px;
   float:left;
   font-size:14px;

 }
 ul.breadcrumbs li.breadcrumb-last {
   background:none;
   color:#999999;
 }


.card-content .img-fluid{
    width:100%;
}


.btn.btn-prev:before,
.arrow-link:after,
.expand-menu:before,
.icon:after,
.load-more a span:after,
.text:after,
.card-content:after{
    font-family: dekra-roadsafety!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.btn:before {
    content: "";
    font-size: 18px;
    line-height: 13px;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    right: 10px;
    text-decoration: none;
}


.arrow-link{
    position: relative;
    padding-right: 25px;
}

.arrow-link:after{
    content: "\e902";
    color: #006b52;
    font-size: 20px;
    position: absolute;
    right: 0px;
}

.btn.btn-prev {
    float: none;
    padding: 9px 15px 10px 40px;
    position: relative;
    font-size: 14px;
}
.btn.btn-prev:before {
    content: "\e901";
    left: 10px;
    right: auto;
}


html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}


body {
    margin: 0;
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color: #000;
    text-align: left;
    background-color: white;
}


a{
    text-decoration: none!important;
}

p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 1rem;
}


img {
    max-width: 100%;
    height: auto;
}

img#logo{
   max-width: none;
    height: auto;
}


h2, .h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}


h1{
    font-weight:700;
    line-height: 1.4;
}



h2{
    font-size: 2rem!important;
    margin-bottom: 6px;
}


h3{

    color: #006b52;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.6;
    margin: 0 0 1rem;
}

h4, h5, h6{
  color: #006b52;
}



/*body content format*/


#content .field--name-body h1,
#content .field--name-body h2,
#content .field--name-body h3,
#content .field--name-body h4 {
    color: #006b52;
        font-weight: bold;
}



#content .field--name-body h2{
    font-size: 2rem;
    line-height: 1;
    margin: 0 0 25px;

}
#content .field--name-body h3{
        font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 14px;

}
#content .field--name-body h4{
    font-size: 1.0rem;
    line-height: 1.2;
    margin: 0 0 14px;
}

#content .field--name-body ul{
    font-size: 16px;
    padding: 0 0 0 16px;
    overflow: hidden;
    list-style: none;
}

#content .field--name-body ol{
    font-size: 16px;
    padding: 0 0 0 16px;
    overflow: visible;

}

#content .field--name-body ul li{
    margin-bottom: 10px;
    position: relative;


}

#content .field--name-body ul li:before {
    background-color: #585858;
    content: '';
    height: 6px;
    left: -15px;
    position: absolute;
    top: 6px;
    width: 6px;
}

#content .field--name-body table{
        min-width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    border-spacing: 0;
    border:none;
    border-left: solid 8px #f2f2f2;
    border-right: solid 8px #f2f2f2;
    border-bottom: solid 8px #f2f2f2;
}

#content .field--name-body thead{
    background-color: #f2f2f2;
}

#content .field--name-body thead tr{

}
#content .field--name-body thead th{
    border: 1px solid #d5d5d5;
    border-top: 0;
    padding: 22px!important;
    text-transform: uppercase;
        color: #585858;
    font-size: .875rem;
    text-align: left;
    position: relative;

}

#content .field--name-body tbody{
        background-color: #fff;
}



#content .field--name-body tbody tr{

}


#content .field--name-body tbody tr td:first-of-type {
    border-left: 0;
}

#content .field--name-body tbody tr td{
    border: 1px solid #d5d5d5;
    padding: 13px 22px 17px;
    color: #585858;
    font-size: .875rem;
    text-align: left;
    position: relative;
}

#content .field--name-body .table-responsive tbody tr td{
    border: 1px solid #d5d5d5;
    padding: 10px;
    color: #585858;
    font-size: .875rem;
    text-align: left;
    position: relative;
}



.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}


.item-list .pager{
    margin-top: 20px;
}

.item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0em;
}


.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.btn-info {
    color: #006b52;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.pre-headline {
    color: #8b8b8b;
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.28571429;
    margin-bottom: 5px;
}


.submitted {
    color: #8b8b8b;
    display: block;
    font-size: .75rem;
    margin-bottom: 5px!important;
}

#primary-nav .nav-link i {
  border: 1px solid #d5d5d5;
  cursor: pointer;
  color: #585858;
  height: 20px;
  width: 20px;
  float: right;
  line-height: 20px;
  margin-left: 10px; }





#primary-nav ul li > .nolink, #primary-nav ul li > div > .nolink,
#primary-nav ul li > a, #primary-nav ul li > div > a {
  cursor: pointer;
  color: #000;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 10px;
  position: relative;
  transition: all .4s;
  text-decoration: none;

  line-height: 16px; }

#secondary-nav ul li > a, #secondary-nav ul li > div > a {
  color: #000;
  font-size: 10px;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none; }

span.separator {
  background: #e5e5e5;
  height: 3px;
  width: 100%;
  display: block; }

.swiper-slide{
    height: auto;
}


.card-content{
    width: 100%;
}

.featured-box{
    border: 1px solid #d5d5d5;
    height: 100%;
    transition: all .6s;

}


.featured-box{
    padding-bottom: 30px;
    transition: all .6s;
    position: relative;
}


.featured-box h4 {
    color: #006b52!important;
    font-weight: 700!important;
    font-size: 16px!important;
    margin: 15px 20px 10px!important;
    line-height: 22px!important;
}

.featured-box .featured-pre{
    font-size: .875rem;
    margin: 15px 20px 17px;
    color: #8b8b8b;
    font-size: 11px;
    font-style: italic;

}

.featured-box .featured-header{
    position: relative;
}

.featured-box .featured-date{
    position: absolute;
    bottom:0;
    right: 0;
    padding: 5px 15px;
    font-size: 11px;
    font-weight: 600;
}



.featured-box p {
    font-size: .875rem;
    margin: 0 20px 17px;
    color: #000;
}

 .featured-box:hover {
    border: 1px solid #006b52;
}

.featured-box .read_more {
    color: #006b52;
    font-size: 14px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: right;

}

.featured-box .read_more {
    position: absolute;

}

#news-carousel{
    padding: 0 30px;
}


.swiper-button-next, .swiper-button-prev {
    background-image: none!important;
    line-height: 44px;
    text-align: center;
    font-size: 20px;

}

.swiper-button-prev{
    left: 0;
}

.swiper-button-next{
    right: 0;
}

#featured_image .field--name-field-image{
  text-align: center;
}

.carousel-caption{

  padding: 20px;
  text-align: left;
  left: 0;
  right: 0;
  max-width: none;
  bottom: 0px;
  top: 0;
}


.carousel-caption h3 {
    color: #fff;
    margin: 0 0 10px;
    font-size: 48px;
    font-weight: normal;
    line-height: 55px;
}


.lead {
    font-size: 1rem;
    font-weight: 300;
}

.btn{
    border-radius: 0;
    border-radius: 9999px;
}

.btn-primary:hover{
  background-color: #015d48!important;
}

.carousel-control-prev, .carousel-control-next {

    width: 40px;
    opacity: 1;
}

.carousel .arrow{
    background: rgba(255,255,255,.8);
    opacity: 1;
    color: #585858;
    line-height: 60px;
    font-size: 25px;
    border: none;
    cursor: pointer;
    display: block;
    height: 60px;
    margin-top: -10px\9;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 40px;
    z-index: 9;




}

.navbar-light a{
    color: #ffffff;
}

#footer .navbar-nav{
    flex-direction: row;
}

#footer .navbar-nav li{
    padding: 0 5px;

}


footer #footer{

    margin: 20px auto 0;

    position: relative;
}



footer .navbar li {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .4s;

}

.condivisione {
    text-align: right;
}
.condivisione .icone{
    display: flex;
    align-items: end;
    justify-content: flex-end;
    align-self: end;
}

.condivisione  .icone .ico-share-col{
    width: 30px;
    height: 30px;
    margin-left: 10px;
    border-radius: 5px;
    overflow: hidden;
}


.date{
    color: #8b8b8b;
    font-size: .6875rem;
    margin-bottom: 10px;
    }

.text{
    padding: 15px 20px 40px;
}

.text:after{
    content: "\e902";
    bottom: 15px;
    color: #006b52;
    font-size: 1.375rem;
    font-weight: 700;
    right: 13px;
    position: absolute;
}


.card-content:after{
    content: "\e902";
    bottom: 15px;
    color: #006b52;
    font-size: 1.375rem;
    font-weight: 700;
    right: 13px;
    position: absolute;
}



.vista-servizi .text:after{

    right: 30px;
}



 a.row-link {
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    transition: all .6s;
    text-decoration: none!important;
    transition: all .6s;
}

 .vista-servizi a.row-link {

    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
   }


 a.row-link:hover {
    border: 1px solid #006b52;
}


.teaser:first-of-type a{
    background-color: #f2f2f2;
}

 .teaser:first-of-type{

    padding-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 40px!important;
}

.load-more {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    position: relative;
}
.load-more a{
    cursor: pointer;
    color: #006b52;
    margin: 50px 0 25px;
    padding: 10px 0;
    text-align: center;
    transition: all .6s;
    background-color: #f2f2f2;
    width: 100%;
    display: block;
}

.load-more a:hover {
    background-color: #e5e5e5;
}

.load-more a span:after {
    content: "\e90b";
    font-size: 20px;
    margin-left: 10px;
    position: relative;
    top: 3px;
}


.news-list h2 {
    color: #006b52;
    font-weight: 700;
    font-size: 18px!important;
    line-height: 1.6;
}

.news-list .view-filters .form-item{
  margin: 0;
}

.news-list .view-filters .bef-datepicker,
.news-list .view-filters .form-item-title input,
.news-list .view-filters .form-item-title{
    width:100%;

}



.news-list .view-filters .form-item-da{
    width:50%;
    padding: 0;
}

.news-list .view-filters .form-item-a{
    width:50%;
      padding: 0;
}


.news-list .view-filters .form-item-title{
    margin-bottom: 20px;
    padding: 0;
}



.news-list .view-filters .form-item-da{
    padding-right: 10px;
}


.news-list .view-filters .form-item-a{
    padding-left: 10px;
}








.news-list .view-filters{
    margin-top: 30px;
}
.news-list .view-filters input[type="date"],
.news-list .view-filters input[type="text"]{
    margin: 0;
    border: solid 1px #c3c3c3;
    padding: 9px 15px;
}

#search-centri-geo-form .form-actions{
  display: block;

}

#search-centri-geo-form .actions{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding-top: 1.3em;
    position: relative;


}

form .form-actions,
.news-list .view-filters .form-actions{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding-top: 1.3em;
    position: relative;


}



.form-actions input,
.news-list .view-filters .form-actions input{
margin-right: 10px;
    padding: .375rem .75rem;
margin-top:0;
cursor: pointer;
background-color: #006b52 !important;
    border-color: #006b52 !important;
color:#fff!important;
border:none;
border-radius: 9999px;
}

.form-actions .line{
    float: left;
    width: 100%;
    border-bottom: solid 2px #006b52;
    height: 100%;
}

.views-exposed-widgets .views-exposed-widget{
    position: relative;
}


 .news-list .views-exposed-widgets .icon{
    position: absolute;
    right: 20px;
    top: 50%;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    pointer-events: none;
    cursor: pointer;
}


.form-type-textfield{
    position: relative;
}

 .field-suffix .icon{

    position: absolute;
    right: 20px;
    bottom: 0;

    position: absolute;

    pointer-events: none;
    cursor: pointer;
}


 .news-list .actions .icon{
    position: relative;
}

.news-list .icon_arrow:after {
    content: "\e902";
    font-size: 18px;
    line-height: 13px;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    right: 20px;
    text-decoration: none;
    z-index: 1;
    color: #ffffff;
    pointer-events: none;
}

.news-list .icon_close:after {


    content: "\e919";
    font-size: 18px;
    line-height: 13px;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    right: 20px;
    text-decoration: none;
    z-index: 1;
    color: #006b52;
    pointer-events: none;

}

.news-list .posttext{
    color: #585858;
    font-size:13px;
}

.icon_search:after {
    content: "\e907";
    font-size: 28px;
    color: #006b52;
    position: relative;
}

.news-list .icon_cal:after {
    content: "\e920";
    font-size: 28px;
    color: #006b52;
    position: relative;
}



.news-list .views-exposed-widgets {
    margin-bottom: 0;
}


.news-list .ajax-progress-throbber {

  position: absolute!important;
  right: 0;
  top: 0!important;
  margin: 0;
  padding: 0;

}


.dekra-tabs .nav-tabs {
    margin: 20px 0;
    position: relative;
    border: none;
}

.dekra-tabs .tab-content {
    position: relative;
    min-height: 1px;
}


.dekra-tabs .nav-tabs a {
    background-color: #f2f2f2;
    color: #585858;
    display: inline-block;
    font-size: .875rem;
    font-weight: 700;
    padding: 12px;
    position: relative;
    transition: all .6s;
    margin: 0 0 10px 10px;
    border-radius: 0!important;
    border:none;
    width: 125px;
    text-align: center;
}

.dekra-tabs .nav-tabs a.active {
    background-color: #006b52;
    color: #fff;
}



.dekra-tabs .nav-tabs a.active:after {
    opacity: 1;
}

.dekra-tabs .nav-tabs a:after {
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #006b52 transparent transparent;
    content: '';
    opacity: 0;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    transition: all .6s;
    width: 0;
    height: 0;
}


.card_text{
  padding-left: 20px;
  padding-right: 20px;
  color: #000;
}
.card_title{
    color: #006b52;
    font-weight: 700;
    font-size: 16px;
    margin: 15px 20px 10px;
}

.field--name-field-par-file img.file-icon,
.field--name-field-download-file img.file-icon{
    display: none;
}
.field--name-field-par-file .file,
.field--name-field-download-file .file{
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    display: block;
    padding: 0;
    background: none;
}
.field--name-field-par-file .file a,
.field--name-field-download-file .file a{
    box-sizing: border-box;
    color: #006b52;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    padding: 13px 0 12px 64px;
    text-decoration: none;
    transition: background-color .6s;
    position: relative;

}
.field--name-field-par-file .file a:hover,
.field--name-field-download-file .file a:hover{
    background-color: #f2f2f2;
}
.field--name-field-par-file .file a:before,
.field--name-field-download-file .file a:before{
    content: "\e906";
    color: #006b52;
    font-size: 24px;
    left: 13px;
    position: absolute;
    top: 13px;
    z-index: 5;
    font-family: dekra-roadsafety!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.field--name-field-par-file .field__label,
.field--name-field-download-file .field__label{
    color: #006b52;
    margin-bottom: 18px;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 14px;
    margin-top: 30px;

}


.view-servizi .teaser {
    border: none;
    position: relative;
    transition: all .6s;
    padding-bottom: 0;
    margin-bottom: 0!important;

}
.view-servizi .card_link {
    color: #006b52;
    font-size: 14px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 39px;
    text-align: right;
}

.view-servizi .teaser:first-of-type a {
    background-color: transparent;
}



#primary-nav li.nav-item .nav-link{
    padding: 0;
}



.expand-menu {
    border: 1px solid #d5d5d5;
    cursor: pointer;
    color: #585858;
    float: right;
    height: 20px;
    margin-left: 10px;
    position: absolute;
    right: -31px;
    top: 0;
    width: 20px;
    text-align: center;
}

.expand-menu:before {
    content: "\e900";
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;

}

.dekra-book-explorer{
    padding-right: 30px;
}


.dekra-book-explorer .expanded{
    position: relative;
}

.dekra-book-explorer .expanded .expand-menu[aria-expanded="true"]{
    transform: rotate(180deg);
    color: #006b52;

    top: 10px;
}

.dekra-book-explorer a{
    border-top: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
    padding-right: 43px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #585858;
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.dekra-book-explorer a:hover{
    color: #006b52;
}

.dekra-book-explorer .sub-menu.collapsing,
.dekra-book-explorer .sub-menu.show{
    border-bottom: solid 1px #006b52;
    border-top: solid 1px #006b52;
}

.dekra-book-explorer .sub-menu a{
    font-weight: 400;
}
.dekra-book-explorer .sub-menu .sub-menu.collapsing,
.dekra-book-explorer .sub-menu .sub-menu.show{
    border:none;
}



.dekra-book-explorer .sub-menu .sub-menu{
    background-color: #f2f2f2;
    padding-left: 10px;
    padding-right: 10px;
}

.dekra-book-explorer span.expand-menu{
    position: absolute;
    right:0;
    top: 20px;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);

}
.dekra-book-explorer .link_active > a,
.dekra-book-explorer a.active{
    color:#006b52;
}


#primary-nav .expand-menu {
    border: 1px solid #d5d5d5;
    cursor: pointer;
    color: #585858;
    float: right;
    height: 20px;
    margin-left: 10px;
    position: relative;
    right: 0px;
    top: 0;
    width: 20px;
    text-align: center;
}

#featured_image{
    position: relative;
}


.bg-primary-light{
    background-color: rgb(177, 255, 121)!important;
}




.sezione_box_immagine {
    position: relative;


}

.sezione_box_immagine.bg-white{
    color: #585858;
}
.sezione_box_immagine.bg-white h2{
  color: #006b52;
}


.sezione_box_immagine,
.sezione_box_immagine h2{
  color: #fff;
}



.sezione_box_immagine h2{
    font-size: 32px;
    font-weight: 700;

}

#carriere-block .position-title{
    font-weight: 700;
}


/*
 *
 * DEKRA HR
 */

body #profile-candidato-edit-form select,
body #profile-candidato-edit-form textarea,
body #profile-candidato-edit-form input[type="text"],
body #profile-candidato-edit-form input[type="password"],
body #profile-candidato-edit-form input[type="date"],
body #profile-candidato-edit-form input[type="email"] {
    width: 100%;
}

body.page-profile-candidato .container-inline-date .form-item, body.page-profile-candidato .container-inline-date .date-padding {
    width: 100%;
}



body #profile-candidato-edit-form fieldset {


}

body #profile-candidato-edit-form fieldset h3{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}


body #profile-candidato-edit-form  .field-type-field-collection table{
    width: 100%;
}

body #profile-candidato-edit-form  .field-type-field-collection table th{
    text-align: left;
    background: #fafafa;
    padding: 5px;

}

body #profile-candidato-edit-form  .field-type-field-collection {
    margin-bottom: 20px;
}

body #profile-candidato-edit-form  .field-type-field-collection table th label{
    margin: 0;
}

body #profile-candidato-edit-form  .field-type-field-collection table td{
padding: 5px;
}


body #profile-candidato-edit-form .field-type-field-collection input[type="submit"] {
    background-image: none;
    color: #fff !important;
    text-shadow: none;
    background: #006b52;
    border: 0;
}



body #profile-candidato-edit-form .field-type-field-collection input[type="submit"] :hover{
    background: #8BAA2B;
    color: #fff !important;
}

body #profile-candidato-edit-form fieldset .fieldset-wrapper{
        padding: 15px;
            border: 1px solid #eeeeee;
    border-width: 0 1px 4px 1px;
    margin-bottom: 20px;
    border-bottom-color: #006b52;
}

body #profile-candidato-edit-form fieldset legend{
    margin-bottom: 0;
     width: 100%;
}

body #profile-candidato-edit-form fieldset .fieldset-legend{
    color: #006b52;
    background-color: #eeeeee;
    border-color: transparent;
    padding: 0px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    width: 100%;
    float: left;
}



body.page-node-add-posizione #block-system-main form select,
body.page-node-add-posizione #block-system-main form input[type="password"],
body.page-node-add-posizione #block-system-main form input[type="text"],
body.page-node-add-posizione #block-system-main form input[type="date"],
body #profile-candidato-edit-form select,
body #profile-candidato-edit-form input[type="password"],
body #profile-candidato-edit-form input[type="text"],
body #profile-candidato-edit-form input[type="date"]{
    display: block;
    width: 100%;
    height: 38px;
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 9px;
}
body.page-node-add-posizione #block-system-main form textarea,
body #profile-candidato-edit-form textarea{
    display: block;
    width: 100%;

    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 9px;
}



body #profile-candidato-edit-form .field-type-list-boolean input[type="checkbox"]{
    float:left;
    margin-right: 10px;
}


div.candidato_menu{
    float: left;
    width: 100%;
}

div.candidato_menu .pulsante{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

div.candidato_menu .pulsante a{
    text-align: center;
    padding: 20px 30px;
    background: #006b52;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    float: left;
    width: 100%;
}


.region-sidebar-first .block-facets *{
    box-sizing: border-box;
    list-style-image: none;
    list-style-type: none;
    margin: 0;
}

.region-sidebar-first .block-facets{
    margin-bottom: 20px;
    border: solid 1px #eeeeee;
    padding: 15px;
    box-sizing: border-box;
}

.region-sidebar-first .block-facets ul{
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    box-sizing: border-box;
    padding: 0;
}

.region-sidebar-first .block-facets h2{
    font-weight:600;
    background-color: transparent;
    color: #006b52;
    margin-bottom: 10px;
    padding: 0;
    box-sizing: border-box;
}

.region-sidebar-first .block-facets{
    background-color: transparent;
    box-sizing: border-box;
}

.region-sidebar-first .block-facets input[type="checkbox"]{
    margin:0;
    margin-right: 5px;
}

.region-sidebar-first .block-facets li span{
    color: #333;
    font-size: 12px;

}

.region-sidebar-first .block-facets li label{
display: initial;
}



/*
.node-type-posizione .node .field{
    margin-top: 20px;
}
*/



.node--type-posizione .node__content .field p {
    font-size: .875rem;
    line-height: 1.6;

}

.node--type-posizione .node__content .row:not(.bg-light) .field:not(.field--name-body) .field__label{
    border-left: solid 10px #006b52 !important;
    padding-left: 10px;
    color: #006b52;
    font-size: 1.25rem;
    margin-bottom: 10px;
}

.node--type-posizione .node__content .row:not(.bg-light) .field:not(.field--name-body) .field__item{
    padding-left: 20px;
}

.table-posizioni .views-view-grid .riga{
    border: solid 1px #eeeeee;

    margin-bottom: 10px;

}

.table-posizioni .views-view-grid{

    width: 100%;
    font-size: .875rem;
    line-height: 1.6;

}

.table-posizioni .riga .colonna{
    padding: 20px;
    display: flex;
    flex-direction: column;

}
.table-posizioni .views-view-grid .riga .views-field-title{
    font-size: 20px;
}

.table-posizioni .pagination{
    margin-top: 20px;
}


#block-sommarioposizioni{
    margin-bottom: 20px;
    width: 100%;
}


#block-current-search-posizioni h3{
    font-size: 20px;
    margin-bottom: 10px;
}

#block-sommarioposizioni ul{
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0
}



#block-sommarioposizioni li{
    background: #eeeeee;
    padding: 5px 20px;
    color: #000000;
    font-size:16px;
    position: relative;
    display: inline-block;


}





#block-current-search-posizioni .current-search-item-reset{
    float: right;
}






#block-views-posizioni-index-block-2,
#block-views-posizioni-index-block-1{
    margin-top: 20px;
}


#block-views-posizioni-index-block-2 h2,
#block-views-posizioni-index-block-1 h2{
    font-size: 18px;
    font-weight: 700;
    color: #006b52;
    margin-bottom: 20px;


}

.flag-candidati-posizioni a.unflag-action{
    background-color: #999999!important;
}

.flag-candidati-posizioni a{
    background: #006b52;
    font-size:14px;
    font-weight:700;
    border-radius: 0px;
    padding: 5px 10px;
    color: #ffffff;
    margin-top: 10px;
    display: block;
    float: left;


    }

 .page-node .flag-candidati-posizioni a{
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
}


    .profile2-candidato .content{
        font-size: 16px;
    }

.chosen-container-single .chosen-single {
    padding: 7px 12px;
    height: auto;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e7e7e7;
        border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.chosen-container-single .chosen-single div b {

    background-position: 0px 10px;
}





#block-menu-menu-menu-candidato ul{
    list-style-image: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    float: left;

}

#block-menu-menu-menu-candidato ul li{
    float: left;
    margin-right: 10px;



}

#block-menu-menu-menu-candidato ul li a{
padding: 10px 20px;
color: #ffffff;
background: #006b52;
font-weight: 700;
text-align: center;
font-size: 14px;
float: left;


}




#prescript{
    margin: 0;
}



/*
 * CONTACT BLOC
 */


.contact-teaser {
    border: 1px solid #d5d5d5;
    margin-bottom: 45px;
    padding: 20px;
}


.contact-teaser .contact-area p {
    margin-bottom: 0;
    font-size: 13px;
}


.contact-teaser .contact-area p.headline {
    color: #006b52;
    font-weight: 700;
    margin-bottom: 4px;
}

.contact-teaser .contact-area p:first-child {
    margin-top: -4px;
}

.contact-teaser .contact-area a {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    color: #006b52;
    display: block;
    font-size: 13px;
    line-height: 20px;
    padding: 8px 0 8px 0px;
    position: relative;
}

.contact-teaser .contact-area a.mail i{
    font-size:30px;
    vertical-align: middle;
}

.contact-teaser .contact-area .separator {
    display: block;
    height: 15px;
    text-indent: -999999px;
}


.icon_mail:before {
    content: "\e914";
    font-size: 16px;
    top: 10px;
}

/*
 * SEDI E CONTATTI
 */

.seditable{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc
}

.seditable tbody{
    border:none;
}

.seditable table tr td{
    padding:3px 0;

}


/*
 * REVISIONI BLOCK
 */

.revisioni-block {
    padding: 15px 20px 10px;
    font-size: 13px;
}

.revisioni-block .revisioni-links{
    font-size:12px;
}


/*
 * SIDEBAR
 */

.sidebar-box{
    border: solid 2px #eeeeee;
    font-size: 14px;

}

h4.sidebar-title{
    font-size: 20px;
    font-weight: 700;
}

.sidebar-box .sidebar-box-header img{
    max-width: none;
    width: 100%;

}

.btn-sidebar-link{
    font-size:14px;
    white-space: normal;
}


#block-menu-menu-menu-hr ul{
    list-style-image: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    float: left;
    width: 100%;


}

#block-menu-menu-menu-hr ul li{
    float: left;
    margin-right: 10px;
    list-style-image: none;
    list-style-type: none;



}

#block-menu-menu-menu-hr ul li a{
padding: 10px 20px;
color: #ffffff;
background: #006b52;
font-weight: 700;
text-align: center;
font-size: 14px;
float: left;


}

.page-user-edit #edit-locale { display: none }


/*MOBILE MENU
 *
 */
.navbar-toggler{
    color: #006b52;
    border:none;
}


 .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



/*CERCA CENTRI*/



.featured-box #search-centri-geo-form{
     background-color: transparent;
    padding: 0px;
    border-radius: 0px;
}

#search-centri-form, #search-centri-geo-form{
    background-color: #f5f5f5;
padding: 20px;
border-radius: 5px;
}

#search-centri-form .form-item-revisione{

    float:left;
}

#search-centri-form .form-item-prov{

    float:left;
}

#search-centri-form .form-item-ragsoc{

    float:left;
}


#search-centri-form .form-item-noleggio{
    clear:both;
    margin-top:10px;
}

#search-centri-form .form-item-marchi{
    clear:both;
    margin-top:10px;
}

#search-centri-form .form-item-servizi{
    clear:both;
    margin-top:10px;
}

.featured-box  #search-centri-geo-form .form-submit{
        float: none;
background-color: #006b52;
color: #fff;
border: 2px solid #006b52;
font-size: 16px;
padding: 10px 20px;
margin-top:0px;
cursor: pointer;
width: 100%;
}

#search-centri-form .form-actions{
      float: right;
}
#search-centri-form .form-submit, #search-centri-geo-form .form-submit{

background-color: #006b52;
color: #fff;
border: 2px solid #006b52;
font-size: 16px;
padding: 10px 20px;
margin-top:0px;
cursor: pointer;
}

#search-centri-form .form-submit:hover, #search-centri-geo-form .form-submit:hover{

    background-color: #fff;
    color: #006b52;
}

#edit-prov{
    width:100px;
}

#search-centri-form .form-text {

    margin-top: 0;
}

#search-centri-form label{
    color:#006b52;
    font-weight:bold;
}

#search-centri-form div div div label{
    color:#777;
    font-weight:normal;
    font-size:11px;
    margin-bottom:0px;
}

#search-centri-form input[type=checkbox]{
    float:left;
    margin-right:10px;
}

#search-centri-form .form-item-noleggio .form-type-checkbox{
    float:left;
    width:12%;
}

#search-centri-form .form-item-marchi .form-type-checkbox{
    float:left;
    width:20%;
}

#search-centri-form .form-item-servizi .form-type-checkbox{
    float:left;
    width:30%;
}

.src_centro {
    padding: 10px 0px 10px 30px;
    border-bottom: 1px solid #ccc;
    height: auto;
}

.elencocentri .name {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}

.tit_officina {
    font-weight: bold;
    float: left;
    cursor: pointer;
}

.img_plus {
    float: left;
    width: 20px;
    margin: 1px 11px;
    cursor: pointer;
}

.elenco_officine {
    display: none;
}

.singola_officina {
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.singola_officina a {
    color: #777;
}

.abilitato img {
    height: 40px;
}

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 850px;
    margin: 40px auto;
    position: relative;
}

iframe {
    border: 0;
}

.form_eventi label{
    float:left;
    width:15%;
}

.form_eventi .form-type-checkbox label{
    float:none;
    width:100%;
}

.form_eventi input[type=text]{
    float:left;
    width:83%;
}

.form_eventi input#edit-captcha-response{
    float:left;
    width:100%;
}

#cookieChoiceInfo a {
    color: #fff;
    text-decoration: underline!important;
}

#cookieChoiceInfo #cookieChoiceDismiss {
    color: #006b52;
    background-color: #f2f2f2;
    border: none;
    box-sizing: border-box;
    cursor: pointer;

    font-size: 13px;
    margin: 0;
    text-align: left;
    padding: 10px 40px 9px 15px;
    position: relative;
    line-height: 16px;
    clear: both;

}


#cookieChoiceInfo #cookieChoiceDismiss:before {
    content: "\e902";
    font-size: 18px;
    line-height: 13px;
    position: absolute;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    right: 10px;
    text-decoration: none;
        font-family: dekra-roadsafety!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.not-logged-in #edit-profile-candidato{
    display: none;
}



#edit-profile-candidato-field-candidato-autorizzo label,
#edit-profile-candidato-field-autorizzo-la-societ-a-trat label{
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;

}



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

  .carousel-caption{
    background-color: #006b52;
    left: 10%;
    right: 50%;
    top: auto;
    bottom: -50%;
    border-radius: 5px;
  }


  #featured_image {
    position: relative;
    margin-bottom: 100px !important;
    font-size: 18px;
}

.carousel-caption h3 {
    color: #fff;
    margin: 0 0 10px;
    font-size: 32px;
    font-weight: normal;
    line-height: 40px;
}


}

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

  .carousel-caption{
    background-color: #006b52;
    left: 10%;
    right: 50%;
    top: auto;
    bottom: -25%;
  }


  #featured_image {
    position: relative;
    margin-bottom: 100px !important;
    font-size: 18px;
}

.carousel-caption h3 {
    color: #fff;
    margin: 0 0 10px;
    font-size: 32px;
    font-weight: normal;
    line-height: 40px;
}


}


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



  .shadow-md {
      --tw-shadow: 0px 4px 6px rgba(30, 30, 30, .04), 0px 8px 16px rgba(30, 30, 30, .08);
      --tw-shadow-colored: 0px 4px 6px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color);
      box-shadow: 0 0 transparent, 0 0 transparent, 0 4px 6px rgba(30,30,30,.04), 0 8px 16px rgba(30,30,30,.08);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  }

  #primary-nav{
      padding: 0;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  }
  #primary-nav .navbar-nav{
     position: relative;
     width: 100%;
  }



#primary-nav li.nav-item.with-child.open .expand-menu{
    transform: rotate(180deg);
    color: #006b52;

}

#primary-nav ul li > .nolink, #primary-nav ul li > div > .nolink, #primary-nav ul li > a, #primary-nav ul li > div > a{
  line-height: 56px;
  padding: 0 16px;
}


#primary-nav li.nav-item.with-child.open .action-link{
    position: relative;
}

#primary-nav li.nav-item > .action-link > a{
  padding-bottom: 0;
  line-height: 56px;
  padding: 0 16px;
}

#primary-nav .navbar-nav:not(.sub-menu) > li.nav-item > .action-link > .is-active{
  background-color: rgb(142, 185, 175);
  color: rgb(0, 107, 82);
}
#primary-nav li.nav-item.with-child > .action-link > span.nolink:hover,
#primary-nav .navbar-nav:not(.sub-menu) > li.nav-item > .action-link > a:hover{
  background-color: rgb(0, 107, 82);
  color: #fff;
}

/*
#primary-nav li.nav-item > .action-link:after{
    opacity: 0;
    height: 0px;
    width:100%;
    transition: all .4s;

}


#primary-nav li.nav-item > .action-link > .is-active:after,
#primary-nav li.nav-item:hover > .action-link:after{
    position: absolute;
    content: "";
    height: 1px;
    background: #8b8b8b;
    bottom: -3px;
    width: 100%;
    left: 0;
    z-index: 999;
    opacity: 1;
}

#primary-nav .sub-menu li.nav-item > .action-link:after{
    display: none;
}

*/

#primary-nav #navbar2SupportedContent > ul > li.nav-item.with-child:hover > .sub-menu {
    opacity: 1;
    left:0px;
}

#primary-nav .expand-menu {
    border: 1px solid #d5d5d5;
    cursor: pointer;
    color: #585858;
    float: right;
    height: 20px;
    margin-left: 10px;
    position: relative;
    right: 0px;
    top: 0;
    width: 20px;
    text-align: center;
    display: none;
}

#primary-nav li.nav-item > a{

}

  #primary-nav li.nav-item:hover > a{

  }
  /*
  #primary-nav li.nav-item:hover > a:after {
    background-color: #006b52;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    opacity: 1;
    transition: all .4s;
    width: 100%;
}

*/


  #primary-nav #navbar2SupportedContent > ul > li > .sub-menu .sub-menu > .navbar-nav{
    display: block;
  }

  #primary-nav #navbar2SupportedContent > ul > li > .sub-menu{
      position: absolute;
      left: 0;

      background: #f5f5f5;
      width: 100%;
      border: 2px solid #e5e5e5;
      border-top: 3px solid #e5e5e5;
      font-size: 14px;
      list-style: none;
      padding: 46px 46px 26px;
      z-index: 150;
      transition: opacity .4s;
      opacity: 0;
      left:-9999px;
      flex-direction: column;
      color: rgb(0, 107, 82);
      font-size:16px;




  }



     #primary-nav #navbar2SupportedContent > ul.navbar-nav > li > .sub-menu > .navbar-nav > li{
         width: 45%;
    float: left;
     }
      #primary-nav #navbar2SupportedContent > ul.navbar-nav > li > .sub-menu > .navbar-nav > li span,
      #primary-nav #navbar2SupportedContent > ul.navbar-nav > li > .sub-menu > .navbar-nav > li a{
            font-size:14px;
            line-height: 14px;
     }

     #primary-nav #navbar2SupportedContent > ul.navbar-nav > li > .sub-menu > .navbar-nav > li > .action-link a{
         margin-bottom: 0;
         padding-bottom: 0;

     }

  #primary-nav #navbar2SupportedContent > ul > li > ul.sub-menu li{

    color: #006b52;
    line-height: 22px;
        font-size: 16px;
    font-weight: 700;
  }

    #primary-nav #navbar2SupportedContent > ul > li > ul.sub-menu li .sub-menu li a{
    color: #8b8b8b;

    font-weight: 400;
    margin-bottom: 9px;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 0;
  }

  #primary-nav #navbar2SupportedContent > ul > li > ul.sub-menu li .sub-menu li a:hover {
    color: #006b52;
}



 #primary-nav #navbar2SupportedContent > ul > li > ul.sub-menu li .sub-menu li a:before {
    content: "\e902";
    color: #006b52;
    left: -13px;
    position: absolute;
    opacity: 0;
    transition: opacity .4s;
    top: 2px;
    font-family: dekra-roadsafety!important;
}

 #primary-nav #navbar2SupportedContent > ul > li > ul.sub-menu li .sub-menu li a:hover:before {
    opacity: 1;
}

   #primary-nav #navbar2SupportedContent > ul > li > .sub-menu > .navbar-nav{
     -webkit-column-count: 1;
     -moz-column-count: 1;
     column-count: 1;
     display: block;
     text-align: left;
   }

   #primary-nav #navbar2SupportedContent > ul > li > .sub-menu .sub-menu {
        display: inline;
        float: left;
        width: 100%;
        padding: 10px 0;
   }


   #primary-nav ul ul .expand-menu {
    display: none;
   }

   #primary-nav #navbar2SupportedContent > ul > li > .sub-menu li.nav-item .nolink,
   #primary-nav #navbar2SupportedContent > ul > li > .sub-menu li.nav-item a{

     color: rgb(30, 30, 30);
     font-weight: 700;
     margin-bottom: 15px;
     position: relative;
     text-decoration: none;
     font-size: 16px;
     line-height: 16px;
     padding-bottom: 0;
   }

  #primary-nav .action-link{
      position: relative;
  }


 #primary-nav .collapsing {
   height: auto;



}

 #primary-nav #navbar2SupportedContent > ul > li > .sub-menu.collapse.show{
     opacity: 1;

 }

  #primary-nav #navbar2SupportedContent > ul > li > .sub-menu.collapse{
     opacity: 1;


 }
}



@media only screen and (max-width : 1200px)  {
    .container{
        max-width: 100%;
    }
}


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

  .cerca-centri-view-new .card-title {
    margin-top: 20px;
  }
  .filtri_ricerca form{
    margin-bottom: 20px;
  }
  #search-centri-form-new{
    width: 100%;
  }

  #footer .menu .menu-item{
    text-align: center;
  }



}


@media only screen and (max-width : 768px)  {
  #block-dekra21-mainmenu ul[block='block-dekra21-mainmenu']{
    display: none;
  }
 #user-pass  input[type="email"],
 #user-pass input[type="password"],
 #user-pass input[type="text"],
 #user-pass .form-item{
     width: 100%;
 }


 #user-login  input[type="email"],
 #user-login input[type="password"],
 #user-login input[type="text"],
 #user-login .form-item{
     width: 100%;
 }

 #user-register-form input[type="email"],
 #user-register-form input[type="password"],
 #user-register-form input[type="text"],
 #user-register-form .form-item{
     width: 100%;
 }
 .password-strength {
    display: none;
 }

 .tabs ul.primary{
     margin: 0;
     padding: 0;
 }

 .tabs ul.primary li{
     display: block;
     padding: 10px 0;

 }


 .tabs ul.primary li a {
    border: none;
    color: #006b52;
    background: transparent;
    padding: 0;
 }


 .carousel .carousel-control-prev, .carousel .carousel-control-next {

    align-items: start;
    height: 50%;
}

  .collapse.show {
    display: block!important;
}


.dekra-book-menu.expanded {
    position: relative;
    border-top: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
    padding-right: 43px;
    padding-bottom: 10px;
    padding-top: 10px;

    text-align: left;
}

.dekra-book-menu.expanded .nolink,
.dekra-book-menu.expanded a{

    display: block;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding-left: 20px;
    display: inline-block;
    color: #585858;
}

.dekra-book-menu span.expand-menu {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

  #primary-nav .expand-menu {
      position: absolute!important;
      z-index: 555!important;
      top: 50%!important;
      right: 20px;
      height: 30px;
      width: 30px;
  }


  #primary-nav .expand-menu:before {
    content: "\e900";
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}


.dekra-book-explorer {
    padding-right: 0px;
}

.dekra-book-explorer a {
    text-align: left;
    padding-left: 20px;
}

 #primary-nav .expand-menu[aria-expanded="true"] {
    transform: rotate(180deg);
    color: #006b52;
    top: 15%!important;
}

.no-mobile{
    display: none!important;
}

.breadcrumb-2 {
    text-transform: capitalize;
}

  #primary-nav .nav-item{
      text-align: left;
  }

    #primary-nav{
        padding: 0;
    }

  #primary-nav .sub-menu{
     display: none;
     padding: 0;
  }
  #primary-nav ul>li .expand-menu {
    margin-left: 0;
    margin-right: 20px;
    right: auto;
    top: 8px;
    position: relative!important;
}

#primary-nav ul>li {
    border-bottom: 1px solid #e5e5e5;
    float: none;
    margin-right: 0;
}
#primary-nav ul>li>a, #primary-nav ul>li>div>.nolink,
#primary-nav ul>li>a, #primary-nav ul>li>div>a {
    padding-bottom: 9px;
    padding-top: 8px;
        padding-left: 20px;
    padding-right: 20px;
}
  #primary-nav ul>li .sub-menu {
    border-top: 1px solid #006b52;

}

#primary-nav ul.sub-menu.open {
    border-bottom: 1px solid #006b52;
}




 #primary-nav ul>li>a, #primary-nav ul>li>div>.nolink,
  #primary-nav ul.sub-menu li > div > a {
      font-weight: 700;
      text-transform: none;
      color: #8b8b8b;
      font-size: 14px;
  }

 #primary-nav ul li > .nolink,
 #primary-nav ul li > div > .nolink {
         display: inline-block;
         line-height: 16px;
     }


  #primary-nav .sub-menu .sub-menu li{
      padding-left: 20px;
  }


 #navbar2SupportedContent ul > li > .nolink, #navbar2SupportedContent > ul > li > div > .nolink, #navbar2SupportedContent > ul > li > a, #navbar2SupportedContent > ul > li > div > a {
    cursor: pointer;
    color: #585858;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    position: relative;
    transition: all .4s;
    text-decoration: none;
    line-height: 16px;
}



.carousel .carousel-inner {
  position: relative;
  width: 100%;
  height: 350px;
   }



 .carousel .carousel-caption{

    padding: 20px;
    text-align: left;
    left: 5%;
    right: auto;
    max-width: 409px;
    bottom: -100px;
}


.carousel-caption{
  background-color:#006b52 !important;
  position: static;
  display: block;
}


.form_eventi label {
    float: left;
    width: 100%;
}
.form_eventi input[type=text] {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

}

@media only screen and (max-width : 480px)  {
 h2.text-primary,
 h3.text-primary,
 h1.text-primary{
   font-size: 25px!important;
   line-height: 30px;
 }

 .carousel .carousel-inner {
  position: relative;
  width: 100%;
  height: 400px;
   }


  .carousel .carousel-item{
      height: 400px;

   }

  .carousel .carousel-item img{

   }

 .carousel .carousel-item .carousel-caption{
    position: absolute;
    width: 100%;
    max-width: 100%;
    bottom: 0;
    background-color: rgba(26,110,60,1);
    left: 0;
  }


  .carousel-caption h3 {
      color: #fff;
      margin: 0 0 10px;
      font-size: 25px;
      font-weight: normal;
      line-height: 30px;
  }


}


.field--name-field-photo-gallery .field__label {
    color: #006b52;
    margin-bottom: 18px;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 14px;
    margin-top: 30px;
}

.field--name-field-photo-gallery .field__items{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

.field--name-field-photo-gallery .field__item{
    margin-right: 2px;
    margin-bottom: 2px;

}

.mfp-container{
    height: 100vh!important;
}



.webform-submission-form textarea,
.webform-submission-form input[type=email],
.webform-submission-form input[type=number],
.webform-submission-form input[type=tel],
.webform-submission-form input[type=text] {
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
    color: #006b52;
    display: block;
    padding: 10px 20px;
    transition: all .4s ease-out;
    width: 100%;
}

.webform-submission-form .form-type-select label {
    display: inline;
    font-weight: bold;
}

.webform-submission-form select{
    color: #8b8b8b;
    padding: 13px 22px;
    background-color: #fff;
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    text-align: left;
    margin-top: 5px;
    width: 100%;
}

.webform-submission-form label{
    display: none;
}
.webform-submission-form .form-type-checkbox label{
    display: inline;
}

.webform-submission-form .form-item-captcha-response label{
    display: block;
    width: 100%;
}


.paragraphs-items-field-private-download{
        float: left;
    width: 100%;
    margin: 40px 0;
}

#content .field--name-body .view-download-privato-raccordo h3{
    margin-top: 20px;
    margin-bottom: 0px;
    color: #444;
    font-size: 18px;
}


.contact-teaser {

    display: flex;
}

.node-type-download-privato{

}



#formeventi-form textarea,
#formeventi-form input[type=email],
#formeventi-form input[type=number],
#formeventi-form input[type=tel],
#formeventi-form input[type=text] {
    border: 1px solid #c3c3c3;
    box-sizing: border-box;
    color: #006b52;
    display: block;
    padding: 10px 20px;
    transition: all .4s ease-out;
    width: 100%;
}

#formeventi-form #edit-submit {
  margin-top:20px;
}

#faq .card{
  border-radius:0;
  margin-bottom:10px;
}
#faq .card-header {
    padding: 1rem 1.50rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: none;
    border: none;
    border-radius:0;
}
#faq .card-header h5{
  cursor: pointer;
  font-weight:600;
}

#faq .card-header:hover{
  color: #006b52;
}

#faq .card-header .collapsed:before{
  padding-left:20px;
}

#correlati .read_more{
  padding:0 20px;
  width:100%;
  text-align:center;
  padding: 20px;

}

#correlati .featured-box {
padding-bottom: 120px;
}

#correlati .read_more .arrow-link:after{
  content:"";
}

#correlati .read_more .arrow-link:before{
  content: "+";
  font-size:1.2rem;
  border:solid 1px #006b52;
  border-radius:50px;
  margin-right:10px;
  width:20px;
  height:20px;
  display:inline-block;
  line-height:18px;
}

#correlati .read_more .arrow-link{
  border-top: solid 1px #d5d5d5;
  border-bottom: solid 1px #d5d5d5;
  padding: 20px;
  width:100%;
  display:block;

}

.block-views-exposed-filter-blockcerca-centri-page-1 label{
  font-weight: 700;
}

[data-toggle="collapse"].collapsed .if-not-collapsed {
  display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
  display: none;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice{
  background-color: #006b52;
  color:#fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color: #fff;
}


#block-dekra21-tabs {
  background-color: #eee;
  padding: 10px;
}

#block-dekra21-tabs .tabs{
  padding: 0;
  margin: 0;
}

#block-dekra21-tabs .tabs a {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none;
    border: 1px solid #fff;
    background-color: #fafafa;
  }

  .box-rounded{
    border-radius: 10px;
    overflow: hidden;
  }

  .filtri_ricerca form label{
    color: #fff;
  }

  .filtri_ricerca form{
    padding: 15px;
    border-radius: 10px;
    background-color: #006b52;
  }

  .filtri_ricerca form .form-actions input.button{
    color: #000!important;
    background-color: #fff!important;
    padding: .375rem 1.2rem;
  }

  button.button:hover,
  .btn:hover,
  input.button:hover{
    opacity: 0.8;
  }
  .breadcrumb {
    font-size: 14px;
  }

  .counter_wrapper{
    color: #006b52;
    font-weight: bold;
    font-size: 3rem;
  }


.menu_footer_container h2{
  color:#fff !important;
  font-size: 1.5rem!important;
  font-weight: 600;
}

.menu_footer_container a{
  color:#fff !important;

}

.menu_footer_container ul{
  margin: 0;
  padding: 0;

}

.btn{
  padding-bottom: 8px;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2;
}


.filtri_ricerca select{
  display: none;
}


  @media only screen and (min-width :1024px)  {
    .columns{
      column-count: 2;
    }
  }


  @media (min-width: 768px) {
    .collapse.dont-collapse-sm {
      display: block;
      height: auto !important;
      visibility: visible;
    }
  }