/*Style for header select*/
 .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 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;margin-top: 0; padding: 5px 0;}
        .user-exp-outer a{color:#fff;}
        .user-exp-outer .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#ffb71b;}
       .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 .yellow-image img{width:24px;margin-right:15px;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;} 
 .user-exp-outer .select2-results__options li:hover a{color:#000;}
 .user-exp-outer .select2-container--default .select2-results__option--selected {background-color: #ffb71b;}
.user-exp-outer .select2-container--default .select2-results__option--selected a{color:#000;}
.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 .select2-results__option {
    padding: 8px;
}
.user-exp-outer .select2-container--default .select2-results>.select2-results__options{max-height:inherit!important;}
/*CSS FOR FRONT PAGE OF AIS*/
.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(2) .icon-title img{
       width:50px;
       margin-right: -10px;
  }
   .teaser-item:nth-child(5) .icon-title img{
     height:30px;
     width:40px;
  }
   .teaser-item:nth-child(4) .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 28px/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;
    }

    .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{
      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:nth-child(3) a.cmp-teaser__action-link:after,
    .page-template-user-experience-template .teaser-item:nth-child(4) a.cmp-teaser__action-link:after,
  .page-template-user-experience-template .teaser-item:nth-child(5) a.cmp-teaser__action-link:after{
    display:none;
}
    .page-template-user-experience-template .teaser-item:nth-child(3) a.cmp-teaser__action-link,
    .page-template-user-experience-template .teaser-item:nth-child(4) a.cmp-teaser__action-link,
  .page-template-user-experience-template .teaser-item:nth-child(5) 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;
}
.main-header .user-exp-outer h1 img{
	display: none;
}

/* 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;
    }
}


.user-exp-outer .select2-results__options li:last-child:hover img {
    filter: brightness(0);
}
.search-container .input-group .btn:focus {
    box-shadow: none;
}
.japan-scroll-header .menu-item-has-children .submn, .scroll-header .menu-item-has-children .submn {
    display: none;
}
.user-exp-outer .select2-container img {
    width: 32px !important;
}
@media (max-width: 1366px) {
    .main-header-left {width: 30%;}
    .main-header .user-exp-outer h1 {margin-right: 0;font-size: 22px;padding: 0;}
    .page-template-my-channel-japan .main-header-left,.page-template-my-channel-china .main-header-left,
    .page-template-my-channel-korean .main-header-left,.page-template-my-channel-taiwan .main-header-left {width: 34%;}
    .page-template-my-channel-japan .main-header .user-exp-outer h1,.page-template-my-channel-china .main-header .user-exp-outer h1,
    .page-template-my-channel-korean .main-header .user-exp-outer h1,.page-template-my-channel-taiwan .main-header .user-exp-outer h1 {font-size: 20px;margin-left: 0;}
    .page-template-my-channel-japan .user-exp-outer,.page-template-my-channel-china .user-exp-outer,
    .page-template-my-channel-korean .user-exp-outer,.page-template-my-channel-taiwan .user-exp-outer {padding-right: 0;}
    .page-template-my-channel-japan .user-exp-outer i.fa.fa-angle-down,.page-template-my-channel-china .user-exp-outer i.fa.fa-angle-down,
    .page-template-my-channel-korean .user-exp-outer i.fa.fa-angle-down,.page-template-my-channel-taiwan .user-exp-outer i.fa.fa-angle-down {margin-left: 5px;font-size: 15px;}
    .page-template-my-channel-japan .main-header .search-container,.page-template-my-channel-china .main-header .search-container,
    .page-template-my-channel-korean .main-header .search-container,.page-template-my-channel-taiwan .main-header .search-container {margin-left: -25px !important;}
}
@media (max-width: 1300px) {
    .main-header-right .student-btn {letter-spacing: 1px;}
    .main-header-right .bbpress-user {font-size: 12px;padding-left: 5px;}
    .main-header .search-container .input-group .form-control{min-width: 168px;}
    .main-header-right .bbpress-user img {margin-right: 5px;max-height: 28px; max-width: 28px;}
}
@media (max-width: 1279px) {
    .main-header-left {width: 33%;}
    .main-header-right .student-btn,.main-header-right .login-btn {letter-spacing: 0.5px;padding: 12px 7px;}
    .main-header .dropdown-search #BingSearch {width: 170px !important;}
    .main-header .search-container {max-width: 210px;}
    .main-header .user-exp-outer h1 {font-size: 20px;margin-left: 0;}
    .user-exp-outer i.fa.fa-angle-down {margin-left: 10px;font-size: 16px;}
    .page-template-my-channel-japan .main-header .user-exp-outer h1,
    .page-template-my-channel-china .main-header .user-exp-outer h1,
    .page-template-my-channel-korean .main-header .user-exp-outer h1,
    .page-template-my-channel-taiwan .main-header .user-exp-outer h1 {font-size: 17px;}
    .main-header-right .student-btn {width: 130px;line-height: 14px;padding: 5px;}
    .main-header h1 {letter-spacing: -.5px;}
    .main-header .main-search-container {justify-content: center;}
}
@media (max-width: 992px) {
    .main-header-left {width: 100%;} 
    .main-header .nav-link-icon {padding: 10px 15px;}
    .main-header .search-main-header {width: 100%;justify-content: center;flex-direction: column;}
    .main-header .search-container {margin: 0 4px !important;padding: 0;width: 100%;}
    .main-header .dropdown-search {position: relative;margin: 0 4px !important;}
    .main-search-container {display: flex;align-items: center;justify-content: center;padding: 0 5px;position: relative;}
    .main-header #BingSearch {margin-left: 0;}
    .content .top-bar-nav {top: 52px !important;position: absolute !important;margin: 0;}
	.content .top-bar-nav ul {margin: 0;padding: 0 5px;width: 100%;white-space: nowrap;float: left; position: relative;}
	.content .top-bar-nav ul li:last-child {float: none;width: 45px;}
    .content .top-bar-nav ul li:last-child img {top: 3px;left: auto;}
	.content .top-bar-nav ul li {padding: 0;}
	.content .top-bar-nav ul li a {padding: 0.5rem 7px;}
    .main-header .main-header-right {padding: 10px 0;justify-content: center;}
    .main-header-right .student-btn,.main-header .dropdown-search,.main-header .nav-link-icon img{display: none;}

    .user-exp-outer:hover, .user-exp-outer:focus, .user-exp-outer.active {border: none;box-shadow: none;}
	.main-header .search-container {position: absolute;top: -34px;margin-left: 20px !important;max-width: 200px}
	.search-container .input-group .btn {padding: 0px 8px;}
	.search-container .input-group .form-control {min-height: 30px;height: 30px;}
	.search-container .input-group {height: 34px;max-height: 36px;}
	.main-header {padding: 0 0 7px;}
	.user-exp-outer img {margin-right: 7px;}
    .user-exp-outer{border: none;}
	.user-exp-outer i.fa.fa-angle-down {margin-left: 0 !important;}
    .page-template-my-channel-japan .main-header-left,.page-template-my-channel-china .main-header-left,
    .page-template-my-channel-korean .main-header-left,.page-template-my-channel-taiwan .main-header-left {width: 100%;}

    .main-header{padding: 10px 0;}
	.main-header .main-header-right{padding: 0;}
	.main-header-right .student-btn,.main-header .dropdown-search,.main-header .nav-link-icon img,.header-ul{display: none;}
	.main-header-right .subnav>a,.main-header .user-exp-outer h1{font-size: 0 !important;text-align: left;margin: 0;}
	.main-header-right .subnav {position: absolute;right: 7px;top: 7px;padding: 0;z-index: 99;}
	.main-header .search-container .input-group{margin: 0;}
	.main-header .user-exp-outer {min-width: 220px;}
	.user-exp-outer h1 img{width: 37px;}
	.subnav .subnav-content {left: -65px !important;z-index: 9999;}
	.subnavbtn {position: relative;top: 7px;}
	.main-header-right .login-btn{position: absolute;right: 7px;top: 7px;z-index: 99;padding: 10px 7px;}
	.main-header .user-exp-outer h1 img{display: inline-block;}
	.main-header .nav-link-icon {display: flex;align-items: center;padding: 5px 5px 5px 15px;}
	.user-exp-outer i.fa.fa-angle-down{position: relative;top: 7px;}
	.main-sidebar{z-index: 9999999 !important;}
    .main-header-right .bbpress-user {position: absolute;right: 20px;top: 12px;padding: 0;z-index: 99;}
    .dropdown.down-user-arrow {position: absolute;right: 2px;top: 15px;padding: 0;z-index: 99;}
    .bbpress-user a {font-size: 0 !important;}
    .main-header-right .bbpress-user img {max-height: 32px;width: 32px;max-width: 32px;}
    .main-header .down-user-arrow .dropdown-menu {min-width: 140px;margin-top: 10px !important;}
    .main-header .down-user-arrow .dropdown-menu::before {right: 32px;}
    .page-template-my-channel-optics .main-header .nav-link-icon {display: none;}
    .page-template-my-channel-optics .main-header .user-exp-outer {padding-left: 10px;}
    .page-template-my-channel-japan .main-header .search-container,
    .page-template-my-channel-china .main-header .search-container,
    .page-template-my-channel-korean .main-header .search-container,
    .page-template-my-channel-taiwan .main-header .search-container {top: 8px;left: 0;right: 0;margin: 0 auto !important;}
    .scroll-header ul li li a {filter: none;}

    .sidebar-open .japan-scroll-header,body.sidebar-open .japan-scroll-header,.sidebar-open .scroll-header,body.sidebar-open .scroll-header {margin-left: 0;}
    body .japan-scroll-header,body .scroll-header {transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;position: fixed;display: block;z-index: 999999;margin-left: -270px;height: calc(100vh - 52px);width: 270px;padding: 0;overflow-x: hidden;top: 52px !important;}
    .japan-scroll-header ul,.scroll-header ul {justify-content: flex-start;align-items: flex-start;flex-direction: column;padding: 0 !important;}
    .japan-scroll-header ul li,.scroll-header ul li {width: 100%;}
    body .japan-scroll-header ul li a,body .scroll-header ul li a {font-size: 13px;flex-direction: row;justify-content: flex-start;align-items: center;}
    body .japan-scroll-header ul li a img,body .scroll-header ul li a img {margin: 0 10px 0 0 !important;height: 27px !important;width: 27px;max-width: none !important;}
    .menu-rocky-menu-container .sub-menu,
    .menu-discovery-menu-container .sub-menu,.japan-scroll-header .menu-discovery-menu .sub-menu,body #menu-granta-menu .sub-menu,body #menu-discovery-menu .sub-menu,body #menu-rocky-menu .sub-menu,
    .scroll-header .menu-discovery-menu .sub-menu,.menu-discovery-menu li:hover .sub-menu {position: relative !important;min-width: 0 !important;display: none;top: inherit !important;width: 100%;opacity: 1;
    border: none !important;visibility: visible;}
    .japan-scroll-header .menu-item-has-children .submn,.scroll-header .menu-item-has-children .submn {position: absolute;display: block;right: 5px;top: 7px;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #ffffff;}
    .scroll-header .menu-item-has-children .submn{top: 5px;}
    .japan-scroll-header .menu-item-has-children .submn.open:before,.scroll-header .menu-item-has-children .submn.open:before {content: "\f106";}
    .menu-rocky-menu-container .sub-menu a,.menu-discovery-menu-container .sub-menu a {padding: 10px 20px 10px 25px;}
    .japan-scroll-header .menu-rocky-menu-container .sub-menu a,.scroll-header .menu-rocky-menu-container .sub-menu a,
    .japan-scroll-header .menu-discovery-menu-container .sub-menu a {color: #fff !important;}
    .japan-scroll-header ul li a:hover,.scroll-header ul li a:hover,.scroll-header ul li a:focus,
    .japan-scroll-header ul li a:focus {background: #ffb71b;}
    /* .sidebar-open i.fa.fa-bars:before {content: "\f00d";} */
    .japan-scroll-header,.scroll-header {top: 52px;}
    .single-forum .p-main .scroll-header .container{padding: 0;}
    .user-exp-outer .yellow-image img {margin-right: 10px;}
    body .scroll-header #menu-granta-menu li:hover .sub-menu,body .menu-discovery-menu li:hover .sub-menu,body .scroll-header #menu-rocky-menu li:hover .sub-menu,
    .scroll-header #menu-discovery-menu li:hover .sub-menu {display: none;}
    body:not(.layout-fixed) aside.main-sidebar {top: 52px !important;height: calc(100vh - 52px);min-height: calc(100vh - 52px);}
    .japan-scroll-header ul li li a:hover, .scroll-header ul li li a:hover, .scroll-header ul li li a:focus, .japan-scroll-header ul li li a:focus {color: #000 !important;}
    body #menu-rocky-menu li a img,body #menu-granta-menu li a img,body #menu-discovery-menu li a img {width: 27px !important;height: 27px !important;margin-right: 10px !important;}
}
@media (max-width: 480px) {
    .main-header .main-header-right .student-btn {margin-left: 6px !important; }
    .card-cat-top-h3 {margin-top: 0;}
    .nav-link-icon i {margin-right: 5px;}
    .content .top-bar-nav ul li a {padding: 0.5rem 5px;}
    body .top-bar-nav ul li a {font-size: 12px;}
}
@media (max-width: 399px) {
    .main-header {position: fixed !important;}
    .main-header .nav-link-icon {padding-right: 5px;padding-left: 10px;}
    .main-header .nav-link-icon i {margin-right: 5px;}
    .main-header .user-exp-outer {padding-right: 0;}
    .main-header #BingSearch {width: 100%;}
    .main-header .search-container .input-group .form-control {min-width: 0;}
    .page-template-front-page .my-chanel-sec {padding-bottom: 40px;}
    .content-wrapper {padding-top: 102px;}
    body .hover-card-content h4 {font-size: 16px !important;}
    .main-logo img{position: relative;left: -14px;}
    .main-header .search-container {max-width: 160px;margin-left: 10px !important;}
    .user-exp-outer i.fa.fa-angle-down {margin-left: 2px !important;font-size: 14px !important;display: none;}
}