/*Style for header select*/
.main-header{z-index:99999!important;}
 .user-exp-outer{position:relative;padding-right:10px;}
        .user-exp-outer .select2-search { background-color: #000; }
        .user-exp-outer .select2-search input { background-color: #000; }
        .user-exp-outer .select2-results { background-color: #000;color:#fff; }
        .user-exp-outer .select2-container{width:100%!important;position:absolute;left:0!important;}
        .user-exp-outer .selection{display:none;}
        .user-exp-outer .select2-dropdown{background:#000;left:-1px!important;width:calc(100% + 3px)!important;}
         .user-exp-outer h1 a{font-family:Montserrat, sans-serif;}
        .user-exp-outer a{cursor:context-menu;}
        .user-exp-outer{border:1px solid transparent;}
        .user-exp-outer:hover,.user-exp-outer:focus,.user-exp-outer.active{border:1px solid #fff;-webkit-box-shadow:0px 0px 2px 1px rgb(255 255 255);
        -moz-box-shadow: 0px 0px 2px 1px rgb(255 255 255);
        box-shadow: 0px 0px 2px 1px rgb(255 255 255);}
        .user-exp-outer.active{border:1px solid #fff;border-bottom-color:transparent;}
        .user-exp-outer h1{margin-right:15px;}
        .user-exp-outer a{color:#fff;}
        .user-exp-outer .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#ffb71b!important;}
       .user-exp-outer i.fa.fa-angle-down {margin-left: 15px;font-size: 20px;}
        .Bottom-link a { display: flex;justify-content: space-between;}
        .Bottom-link { border-top:1px solid #eee;padding-top:5px;}
        .user-exp-outer .select2-results__options li:last-child {padding-top:0;}
        .user-exp-outer .select2-container--open .select2-dropdown--below{border-radius:0;}
        .user-exp-outer  img{margin-right:15px;width:24px;}
        .user-exp-outer .select2-results__options li:last-child  img{margin-right:0;}
        .user-exp-outer .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ffb71b;
    color: #000;
}
.user-exp-outer .yellow-image img{width:24px;margin-right:18px;margin-left:5px;filter:invert(90%) sepia(21%) saturate(2309%) hue-rotate(330deg) brightness(95%) contrast(105%);}
.user-exp-outer .select2-results__option--selected .yellow-image img{filter:none;}
 .user-exp-outer .select2-results__options li:hover .yellow-image img{filter:none!important;} 
 .user-exp-outer .select2-results__options li:hover a{color:#000!important;}
 .user-exp-outer .select2-container--default .select2-results__option--selected {background-color: #ffb71b!important;}
.user-exp-outer .select2-container--default .select2-results__option--selected a{color:#000!important;}
.user-exp-outer .select2-results__options a{display:flex;align-items:center;text-decoration:none;}
.user-exp-outer.active i.fa.fa-angle-down { transform: rotate(180deg);}
 .user-exp-outer .select2-results__options li:last-child:hover img{filter:invert(90%) sepia(21%) saturate(2309%) hue-rotate(330deg) brightness(95%) contrast(105%);}
.user-exp-outer  .select2-results__option:before{display:none;}
.user-exp-outer  .select2-results__option{line-height:32px;}
.user-exp-outer .select2-container--default .select2-results>.select2-results__options{max-height:500px!important;}

/*CSS FOR FRONT PAGE OF AIS*/
.coming-soon-item{opacity:.5;}
.coming-soon-item img{filter: grayscale(100%);}
.coming-soon-item:hover{opacity:1;}
.coming-soon-item:hover img{filter: grayscale(0);}
.cmp-compound-image-teaser-highlight .teaser__img-round {
        margin-top: 2pc;
    }

    .cmp-compound-image-teaser-highlight .teaser-item {
        height: auto;
    }

    .teaser-item {
        position: relative;
        padding: 20px 24px;
        width:50%;
        
    }

    .teaser__img-round .cmp-teaser {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

#content p.ais-webfront-description{
        margin-bottom: 20px;
    font-size: 1pc;
    line-height: 1.5;
    color: #313131;
    overflow-wrap: break-word;
}
h2.ais-webfront-title{
    font: 700 40px/25px Montserrat, sans-serif;
    padding-top: 30px;
    padding-bottom: 10px;
}
    .teaser__img-round .cmp-teaser__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        position: relative;
    }

.icon-title img{
    width:30px;
}

 
 
   .teaser-item:nth-child(6) .icon-title img{
     width:40px;
  }
   .teaser-item:nth-child(5) .icon-title img{
     height:30px;
  }

    .teaser__img-round .cmp-image__image {
        border-radius: 50%;
        width: 184px;
        height: 184px;
        opacity:0.8;
        object-fit: cover;
      box-shadow: 2px 2px 6px 2px rgb(50 50 50 / 50%) !important;

    }
    .teaser-item:hover img.cmp-image__image{
         opacity:1;
     }
 .web-fronts-item:hover p.web-fronts-description {
        display: block;
      
    }
    .teaser-item .cmp-image__image {
        max-width: 100%;
    }

    .teaser__img-round .cmp-teaser__content {
        z-index: 1;
        margin-left: 1pc;
      
    }
    .cmp-teaser__description{
        min-height:65px;
    }
    

    .teaser__img-round .cmp-teaser__title {
        color: #151617;
        font: 600 21px/25px Montserrat, sans-serif;
        margin-top: 15px;
margin-left: 5px;
    }

    .teaser-item .cmp-teaser__title {
        text-transform: none;
    }

    .teaser-item .cmp-teaser__description p {
        margin-bottom: 0;
        font-size: 1pc;
        line-height: 1.5;
        color: #313131;
        overflow-wrap: break-word;
    }

    .teaser-item .cmp-teaser__action-link {
        border-width: 0;
        padding-left: 0;
        display: inline-block;
        position: relative;
        margin-top: 18px;
        text-transform: uppercase;
        text-decoration: none;
        color: #1e6ddc;
        font: 600 15px/1.3 Montserrat, sans-serif;
        padding-top:5px;
    }
    .coming-soon-item.teaser-item .cmp-teaser__action-link{
        color:#898A8D;
    }

    .teaser-item .cmp-teaser__action-link:after {
        position: relative;
        top: 2px;
        right: -10px;
        display: inline-block;
        background-color: transparent !important;
        border-color: transparent transparent transparent currentcolor;
        border-style: solid;
        border-width: 7px 0 7px 8px;
        opacity: .8;
        content: "";
    }

    .ais-webfront-title {
        text-align: center;
    }
    .teaser-out {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
  .page-template-user-experience-template .search-container{
      display:none;
  }
  .page-template-user-experience-template .main-header-right .student-btn{
      display:none;
  }
 .page-template-user-experience-template .main-sidebar{
      display:none;
  }
 .page-template-user-experience-template .top-bar-nav{
      display:none;
  }
   .page-template-user-experience-template .main-content{
       padding-top:0px;
   }
   
    .page-template-user-experience-template .teaser-item.coming-soon-item a.cmp-teaser__action-link:after{
    display:none;
}
   .teaser-item.coming-soon-item .cmp-teaser__action-link:after{
       display:none;
   } 
    .page-template-user-experience-template .teaser-item.coming-soon-item a.cmp-teaser__action-link{
    pointer-events:none;
}

  .page-template-user-experience-template .icon-title{
    display: flex;
    align-items: center;

}

.page-template-user-experience-template #ninzio-main-content {
    margin-left:0;
}
/* Responsiveness*/
    @media only screen and (min-width: 1460px) {.cmp-compound-image-teaser-highlight .teaser__img-round .cmp-image__image {
        width: 184px;
        height: 184px;
    }
}
   @media only screen and (min-width: 992px) { 
        .cmp-compound-image-teaser-highlight .teaser__img-round .cmp-image__image {
        width: 90pt;
        height: 90pt;
    }
   
   }
@media  screen and (max-width: 992px) and (min-width: 360px)  {
     .page-template-user-experience-template .main-content {
    padding-top: 49px;
}
.main-header .user-exp-outer h1 a{
    font-size:20px !important;
        margin-left: -10px;

}
.main-header-left{
    flex-wrap:none;
}
.teaser-out{
	flex-direction:column;
	}
	.teaser__img-round .cmp-teaser{
	    flex-direction: column;
	}
    .teaser__img-round .cmp-teaser__content{
        text-align:center;
    }
    .page-template-user-experience-template .icon-title{
    justify-content:center;    
    }
    .teaser-item{
        width:100%;
        border-bottom:1px solid #ccc;
    }
    .page-template-user-experience-template .main-header-right{
        display:none !important;
    }
    .main-header-left{
        justify-content:left;
    }
}
/*NEW CSS 18/04*/
.cmp-teaser__description{
    min-height: 85px;
}

.teaser-item:nth-child(8) .icon-title img{
    width:50px;
    margin-right: -10px;
}