.toolbar-bar {
  z-index: 9999 !important;
}

body,
html {
  font-family: 'Microsoft YaHei','SF Pro SC','SF Pro Text','SF Pro Icons','PingFang SC','Helvetica Neue','Helvetica','Arial',sans-serif;
  /*   -webkit-user-select: none;
          user-select: none; */
}

.safeArea {
  max-width: 1920px;
}

.img_auto {
  width: 100%;
  height: auto;
}

.col-center {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text-orange {
   color: #FFA500;
}



.margin_center { margin: auto !important;}

.commonBtn {
  cursor: pointer;
  width: 250px;
  height: 50px;
  font-size: 18px;
  line-height: 24px;
  border-width: 2px;
  border-style: solid;
  background-color:rgba(255,255,255,0.3)
}

.commonBtn-border-black {
  border-color: black;
}

.commonBtn-border-white {
  border-color: white;
}

.commonBtn:active,
.commonBtn:hover {
  border: 2px solid #FFA500;
  color: #FFA500;
}


ol {
  margin: 0 !important;
  padding: 0 !important;
}

ul {
  margin: 0 !important;
  padding: 0 !important;
}

li {
  margin: 0 !important;
  padding: 0 !important;
}

.blackfont {
  color: black !important;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- M-FOOTER -------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-footer-breadcrumb {
  background-color: #F4F4F4;
}

.breadcrumb {
  margin: 20px 0 20px 0 !important;
  font-size: 16px;
  line-height: 16.8px;
}

.breadcrumb-item.active::before {
  content: '';
  display: inline-flex;
  margin: 0 15px 0 15px;
  width: 10px;
  height: 100%;
  align-items: center;
  background: url('../images/nan/breadcrumbs_right.svg') no-repeat center / 100% 100%;
}

.m-footer {
  background-color: #F4F4F4;
  padding-bottom: 45px;
}

.m-footer-line {
  height: 1px;
  background-color: #C8C8C8;
}

.m-footer-content {
  margin: 90px 0 90px 0;
}

.m-footer-content:nth-child(1) {
  border-right: 1px solid #C8C8C8;
}

.m-footer-menuTitle {
  margin-bottom: 5px;
  font-size: 50px;
  line-height: 60px;
}

.m-footer-menuPer {
  margin-top: 15px !important;
  font-size: 26px;
  line-height: 32px;
  background-color: transparent;
}

.m-footer-menuPer :active,
.m-footer-menuPer :hover {
  font-weight: bold;
}

.m-footer-menuArrow {
  margin-left: 15px;
  width: 18px;
  height: 18px;
  background: url('../images/nan/arrow_right.svg') no-repeat center / 100% 100%;
}

.m-footer-followIcon {
  margin: 0 15px 0 15px;
  width: 80px;
  height: 80px;
}

.m-footer-bili {
  background: url("../images/nan/social_icon/bilibili.svg") no-repeat center / 100% 100%;
}

.m-footer-tik {
  background: url("../images/nan/social_icon/tiktok.svg") no-repeat center / 100% 100%;
}

.m-footer-red {
  background: url("../images/nan/social_icon/littleredbook.svg") no-repeat center / 100% 100%;
}

.m-footer-weibo {
  background: url("../images/nan/social_icon/weibo.svg") no-repeat center / 100% 100%;
}

.m-footer-wechat {
  background: url("../images/nan/social_icon/wechat.svg") no-repeat center / 100% 100%;
}

.m-footer-logo {
  margin-top: 0;
  width: 180px;
  height: 34px;
  background: url('../images/nan/footer_logo.svg') no-repeat center / 100% 100%;
}

.m-footer-bottomInfo {
  height: 34px;
}

.m-footer-bottom-menuPer {
  margin: 0 0 0 80px;
  font-size: 18px;
  line-height: 24px;
}

.m-footer-bottom-menuPer :active,
.m-footer-bottom-menuPer :hover {
  font-weight: bold;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- M-TITLE -------------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-title {
  padding: 180px 0 90px 0;
}

.m-title-mainTitle {
  font-size: 60px;
  line-height: 70px;
}

.m-title-subTitle {
  font-size: 60px;
  line-height: 70px;
}

.m-title-smallContent {
  margin-top: 90px;
  font-size: 24px;
  line-height: 35px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------- M-TABLE -------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
.table-responsive {
  width:100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  min-height: .01%;
  overflow-x: auto;  
}

.table {
  width: 100%;
  max-width: 100%;
}

.table tbody{ 
  border-bottom: 1.5px solid #000000; 
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- M-STAGE -------------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
.view-lunbozujian .skin-default {
  position: relative;
}

.view-lunbozujian .views_slideshow_cycle_slide {
  width: 100% !important;
  height: 100vh !important;
}

.view-lunbozujian .views-slideshow-controls-bottom {
  position: absolute;
  top: 0;
  right: 40px;
  width: 12px;
  height: 100%;
  z-index: 100;
}

.view-lunbozujian .views-slideshow-controls-bottom>.item-list {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.view-lunbozujian .views-slideshow-controls-bottom li {
  margin: 6px 0 6px 0 !important;
  width: 12px;
  height: 12px;
  border-width: 2px !important;
  border-color: #FFA500 !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.view-lunbozujian .views-slideshow-controls-bottom li.active {
  border: none;
  background-color: #FFA500 !important;
}

.m-stage {
  padding-top: 20px;
}

.m-stage-content {
  padding: 197px 0 0 0;
}

.m-stage-content.white {
  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 25%);
}

.m-stage-content-noBtn {
  padding: 0 0 180px 0;
}

.m-stage-content-noBtn.white {
  background: linear-gradient(180deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 25%);
}

.m-stage-subTitle {
  font-size: 35px;
  line-height: 50px;
}

.m-stage-mainTitle {
  font-size: 90px;
  line-height: 100px;
}

.m-stage-mainBtn {
  margin: 60px 0 0 0;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- M-CONTENT-TEASER-LIST/IMAGE LIST -------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* EVEN GRID FULL LARGE */
.view-sigonggezujian .item-list {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: calc(1.5rem * .5);
  padding-left: calc(1.5rem * .5);
  margin-right: auto;
  margin-left: auto;
}

.view-sigonggezujian ul {
  width: 100%;
  max-width: 1920px;
  display: flex;
  flex-wrap: wrap;
}

.view-sigonggezujian li {
  flex: 0 0 auto;
  width: 50%;
}

.m-content-list {
  cursor: pointer;
  height: calc(50vw * .875);
  max-height: calc(960px * .875);
}

.m-content-list-smallTitle {
  margin-top: 55px;
  font-size: 20px;
  line-height: 35px;
}

.m-content-list-mainTitle {
  font-size: 40px;
  line-height: 50px;
}

.m-content-list-mainTitle-noSmall {
  margin-top: 90px;
  font-size: 40px;
  line-height: 50px;
}

.m-content-list-subTitle {
  font-size: 24px;
  line-height: 35px;
}

.m-content-list-link {
  margin-top: 30px;
  font-size: 18px;
  line-height: 24px;
}

/* B3 GRID INLINE */
.view-sanliexiaotuwenzujian .item-list {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: calc(1.5rem * .5);
  padding-left: calc(1.5rem * .5);
  margin-right: auto;
  margin-left: auto;
}

.view-sanliexiaotuwenzujian ul {
  width: 91.667%;
  max-width: 1920px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 90px 0 !important;
}

.view-sanliexiaotuwenzujian li {
  flex: 0 0 auto;
  width: 33.333%;
}

.m-content-list-b3Grid-ImgCT {
  margin-bottom: 20px;
  height: 343px;
}

.m-content-list-b3-mainTitle {
  font-size: 30px;
  line-height: 40px;
}

.m-content-list-b3-subTitle {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

.m-content-list-b3-subTxt {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

.m-content-list-b3-link {
  margin-top: 30px;
  font-size: 18px;
  line-height: 24px;
}

.m-content-list-b3Grid-txtCT {
  padding: 0 12px 0 12px;
}

/* 2 GRID INLINE NO FULL LARGE */
.view-zuoyoutupianzujian .item-list {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: calc(1.5rem * .5);
  padding-left: calc(1.5rem * .5);
  margin-right: auto;
  margin-left: auto;
}

.view-zuoyoutupianzujian ul {
  width: 100%;
  max-width: 1920px;
  display: flex;
  flex-wrap: wrap;
}

.view-zuoyoutupianzujian li {
  flex: 0 0 auto;
  width: 50%;
}

.m-content-list-2col {
  height: calc(50vw * .4);
  max-height: calc(960px * .4);
}

.m-content-list-link2 {
  margin-top: 30px;
  font-size: 20px;
  line-height: 26px;
  height:auto;
}

.m-content-list-link2 a {
  color:#ffa500 !important;
  text-decoration: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- M-CONTENT-IMAGE-AND-TEXT -------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.view-zuoyoutuwenzujian .item-list {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: calc(1.5rem * .5);
  padding-left: calc(1.5rem * .5);
  margin-right: auto;
  margin-left: auto;
}

.view-zuoyoutuwenzujian ul {
  width: 100%;
  max-width: 1920px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.view-zuoyoutuwenzujian li {
  flex: 0 0 auto;
  width: 91.667%;
  margin: 0 0 90px 0 !important;
}

.m-content-image-and-text-content {
  padding: 0px 93px 0 72px;
}

.m-content-image-and-text-content-left {
  padding: 0px 72px 0 93px;
}

.m-content-image-and-text-mainTitle {
  font-size: 30px;
  line-height: 45px;
  margin-bottom: 15px;
}

.m-content-image-and-text-smallTitle {
  margin-top: 10px;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 15px;
}

.m-content-image-and-text-smallContent {
  margin-top: 10px;
  font-size: 20px;
  line-height: 30px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- M-TIRE-SLIDER -------------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.view-luntaishitu.view-display-id-block_1 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: calc(1.5rem * .5);
  padding-left: calc(1.5rem * .5);
  margin-right: auto;
  margin-left: auto;
}

.view-luntaishitu.view-display-id-block_1 .view-content {
  width: 100%;
  max-width: 1920px;
  overflow: hidden;
}

.view-luntaishitu.view-display-id-block_1 .item-list {
  position: relative;
  background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 40%);
}

.view-luntaishitu.view-display-id-block_1 ul {
  height: 530px;
}

.m-tire-slider-per {
  padding: 58px 0 40px 0;
  height: 100%;
}

.m-tire-slider-imgCT {
  height: 300px;
}

.m-tire-slider-shadow {
  width: 144px;
  height: 22px;
  background: url("../images/nan/tire_icon/tire_shadow.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-title {
  font-size: 30px;
  line-height: 40px;
}

.m-tire-slider-subTitle {
  margin-top: 5px;
  font-size: 24px;
  line-height: 35px;
}

.m-tire-slider-attrCT {
  margin-top: 15px;
}

.m-tire-slider-attricon {
  margin: 0 7.5px 0 7.5px;
  width: 50px;
  height: 50px;
}

.m-tire-slider-icon-all {
  background: url("../images/nan/tire_icon/all_season.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-icon-winter {
  background: url("../images/nan/tire_icon/winter_season.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-icon-car {
  background: url("../images/nan/tire_icon/passenger_car.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-icon-suv {
  background: url("../images/nan/tire_icon/passenger_suv.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-icon-ssr {
  background: url("../images/nan/tire_icon/SSR.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-icon-slt {
  background: url("../images/nan/tire_icon/Silent.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-icon-cs {
  background: url("../images/nan/tire_icon/CS.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-icon-ev {
  background: url("../images/nan/tire_icon/EV.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-link {
  margin-top: 30px;
  font-size: 18px;
  line-height: 24px;
}

.m-tire-slider-link a {
  color: black !important;
}

.m-tire-slider-pagination {
  bottom: 0 !important;
  top: 0 !important;
  padding: 30px 0 60px 0;
  line-height: 0 !important;
}

.m-tire-slider-bullet {
  margin: 0 2.5px 0 2.5px !important;
  width: 38px;
  height: 4px;
  display: inline-block;
  border-radius: 2px;
  background-color: #C8C8C8;
  opacity: 1;
}

.m-tire-slider-bullet-active {
  background-color: black;
}

.m-tire-slider-buttons {
  height: 728px;
}

.m-tire-slider-buttons .swiper-button-next {
  right: 12px;
  width: 65px;
  height: 65px;
  background: url("../images/nan/slider_right.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-buttons .swiper-button-prev {
  left: 12px;
  width: 65px;
  height: 65px;
  background: url("../images/nan/slider_left.svg") no-repeat center / 100% 100%;
}

.m-tire-slider-buttons .swiper-button-next::after,
.m-tire-slider-buttons .swiper-button-prev::after {
  content: ''
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------- M-VIDEO -------------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++ */
.view-shipinzujian {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  padding-right: calc(1.5rem * .5);
  padding-left: calc(1.5rem * .5);
  margin-right: auto;
  margin-left: auto;
}

.view-shipinzujian .view-content {
  width: 100%;
  max-width: 1920px;
  overflow: hidden;
}

.m-video .vjs-big-play-button {
  padding: 0 !important;
  margin: 0 !important;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  border: none;
  background-color: transparent;
}

.m-video:hover .vjs-big-play-button {
  border-color: transparent !important;
  background-color: transparent !important;
}

.m-video .vjs-big-play-button .vjs-icon-placeholder::before {
  content: '';
  background: url("../images/nan/video_play.svg") no-repeat center / 100% 100%;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------ M_CONTENT-ACCORDION --------------------- */
/* ------------------------    M_TEST_RESULTS   --------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-help-hub-item {
  border: 0 !important;
  border-bottom: 1px solid #C8C8C8 !important;
  border-radius: 0 !important;
}

.m-help-hub-button {
  padding: 30px 30px 30px 0px !important;
  font-size: 30px;
  line-height: 40px;
  border-radius: 0 !important;
}

.m-help-hub-nav {
  --bs-nav-tabs-border-radius: 0;
  --bs-nav-tabs-link-hover-border-color: transparent transparent #ffa500 transparent;
  --bs-nav-tabs-link-active-color: #000;
  --bs-nav-tabs-link-active-bg: transparent;
  --bs-nav-tabs-link-active-border-color: #fff #fff #ffa500 #fff;
  }


.m-help-hub-nav-link {
  border-radius: 0 !important;
  padding: 15px 60px 16px 0 !important;
  font-size: 18px;
  line-height: 24px;
  transition: none;
}

.m-help-hub-nav-link.active {
  font-weight: bold !important;
  background: 0 !important;
  border-bottom: 3px solid #FFA500;
  margin-bottom: calc(-1 * 2px);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;  
}

.m-help-hub-content {
  margin-top: 20px !important;
  margin-bottom: 75px !important;
}

.m-content-accordion-leftImg {
  padding: 0 32px 0 0 !important;
}

.m-content-accordion-rightTxtCT {
  padding: 0 0 0 32px !important;
}

.m-content-accordion-subTitle {
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 50px;
}

.m-content-accordion-subTxt {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 35px;
}
.m-content-accordiion-video {
  margin-top: 20px;
}

.accordion-re {
  --bs-accordion-active-bg:transparent !important;
  --bs-accordion-active-color:#000;
  --bs-accordion-btn-icon: url("../images/nan/arrow_down_hover.svg");
  --bs-accordion-btn-active-icon: url("../images/nan/arrow_down_hover.svg");
  --bs-accordion-btn-focus-box-shadow:transparent;

}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------- M-TIRES-DETAIL --------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.m-tire-detail-attricon {
  margin: 0 9px 0 9px;
  width: 70px;
  height: 70px;
}

.commonBtn2 {
  cursor: pointer;
  width: 180px;
  height: 50px;
  font-size: 18px;
  line-height: 24px;
  border: 2px solid black;
}

.commonBtn2:active,
.commonBtn2:hover {
  border: 2px solid #FFA500;
  color: #FFA500; 
}

.commonBtn3 {
  cursor: pointer;
  width: 180px;
  height: 50px;
  font-size: 18px;
  line-height: 24px;
  border: 2px solid black;
  background-color:transparent !important; 
}

.commonBtn3:active,
.commonBtn3:hover {
  border: 2px solid #FFA500;
  color: #FFA500 !important; 
}

.m-stage-mainBtn2 {
  margin: 75% 0 0 118%;
}

.m-stage-mainTitle2 {
  margin-top: 100px;
  font-size: 35px;
  line-height: 50px;
}

.m-stage-bigTitle2 {
  font-size: 75px;
  line-height: 100px;
  font-weight: bold;
}

.m-stage-subTitle2 {
  margin-top: 10px;
  font-size: 35px;
  line-height: 50px;
}

.tires-img {
  width: 20%;
  height: auto;
  vertical-align: middle;
  text-align: center;
}

.linone {
  list-style-type: none;
}

.m-stage_minheight{
  min-height: 1100px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------ M-PRODUCT-RANGE --------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-product-range {
  padding: 180px 0 90px 0;
}

.m-product-range-title {
  font-size: 50px;
  line-height: 60px;
}

.m-product-range-sizeCT {
  padding: 90px 0 90px 0;
  margin:auto; 
  justify-content: center!important;
}

.m-product-range-perSize {
  margin: 20px 30px 0 30px;
  width: 122px;
  height: 122px;
  border: 1px solid black;
  border-radius: 61px;
  font-size: 40px;
  line-height: 50px;
}

.m-product-range-perSize:hover {
  border: 1px solid #FFA500;
  color: #FFA500
}

.m-product-range-perSize.active {
  border: 1px solid #FFA500;
  color: #FFA500
}

.m-product-range-table {
  margin: 0 !important;
  font-size: 30px;
  line-height: 40px;
}

.m-product-range-table tr {
  border: none !important;
}

.m-product-range-table th {
  border-bottom: 4px solid black;
  padding: 20px 0 50px 0;
  background-color: white !important;
}

.m-product-range-table td {
  padding: 22px 0 22px 0;
  background-color: white !important;
}

.m-product-range-table tr:first-child>td {
  padding-top: 50px !important;
}

.m-product-range-table tr:last-child>td {
  padding-bottom: 70px !important;
}

.m-product-range-radio {
  display: none;
}

.m-product-range-radiopoint {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid black;
  border-radius: 20px;
}

.m-product-range-dataCT {
  height: 40px;
}

/* .m-product-range-noData {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: black;
}
 */

.m-product-range-radio:checked+.m-product-range-radiopoint::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  background-color: black;
}

.m-product-range-label {
  margin-left: 5px;
  color: #000;
}

.m-product-range-table-bottomline {
  height: 1.5px;
  background-color: black
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------- LOGIN -------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.login_bg {
  float: left;
  width: 100%; 
  height: 700px;
  margin:0px;
  background: url('../images/nan/login_bg.jpg') no-repeat top center;
  background-size: contain;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.login_iframe {
  position: relative;
  z-index: 1;
  top: 100px;
  left: 0%; 
  margin: auto;
  width: 1000px; 
  height: 500px;
  background: url('../images/nan/login_iframe.png') no-repeat;
  background-size: contain;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.login_form {
  position: absolute;
  width: 41%;
  top: 20%;
  left: 53.5%;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------- SEARCH-SITE-RANGE --------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.search-form {margin-top:200px;}

ol.node_search-results li {
  border-bottom: 1px solid #dee2e6 !important;
  padding-top: 20px  !important;
  padding-bottom: 20px  !important;
}


.node_search-results {
  --bs-list-group-border-color: #ffffff !important; 
}

.commonBtn4 {
  cursor: pointer;
  width: 180px;
  height: 41px;
  font-size: 18px;
  line-height: 24px;
  border: 2px solid black;
  background-color:transparent !important; 
}

.commonBtn4:active,
.commonBtn4:hover {
  border: 2px solid #FFA500;
  color: #FFA500 !important; 
}

.input_search {
  font-size: 18px;
  line-height: 24px;
  height: 40px;
  border: 2px solid black;
}

.search_title {
  font-size: 24px;
  line-height: 48px;
  text-decoration: none;
  color: #000;
}

.search_title:active,
.search_title:hover {
  text-decoration:underline;
  color: #FFA500 !important; 
}

.search_attributes {
  font-size: 18px;
  line-height: 36px;
}

.active>.page-link, .page-link.active {
  background-color: #FFA500 !important;
  border-color: #FFA500 !important;
}

.page-link {
  color: #000000 !important;
}

.pagination {
  --bs-pagination-hover-color: #FFA500 !important; 
}
.search-arrow {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  background: url(../images/nan/arrow_right.svg) no-repeat center / 100% 100%;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------ PARAGRAPH--------------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.paragraph_50 {
  margin-bottom: 60px !important;
}

.paragraph_top {
  width: 100%;
  height: 180px
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------- FONTS IN USE Headline ------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.h1_headline_90_100 {
  margin-bottom: 50px;
  font-size: 90px;
  font-weight: bold;
  line-height: 100px;
  letter-spacing: 0%;
}

.h2_headline_60_70 {
  margin-bottom: 50px;
  font-size: 60px;
  font-weight: bold;
  line-height: 70px;
  letter-spacing: 0%;
}

.h3_headline_50_60 {
  margin-bottom: 50px;
  font-size: 50px;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0%;
}

.h4_headline_40_50 {
  margin-bottom: 50px;
  font-size: 50px;
  font-weight: bold;
  line-height: 60px;
  letter-spacing: 0%;
}

.h5_headline_30_40 {
  margin-bottom: 40px;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 0%;
}

.h6_headline_18_24 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.5%;
}

.h7_headline_24_35 {
  font-size: 24px;
  font-weight: bold;
  line-height: 35px;
  letter-spacing: 0%;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------- FONTS IN USE Sub und Topline ------ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s1_subline_60_70 {
  font-size: 60px;
  font-weight: light;
  line-height: 70px;
  margin-bottom: 60px;
}

.t1_topline_35_50 {
  margin-bottom: 40px;
  font-size: 35px;
  font-weight: medium;
  line-height: 50px;
  letter-spacing: 0.5%;
  margin-bottom: 40px;
}

.t2_topline_20_35 {
  font-size: 20px;
  font-weight: medium;
  line-height: 35px;
  letter-spacing: 0.5%;
  margin-bottom: 40px;
}

.t3_topline_16_20 {
  font-size: 16px;
  font-weight: medium;
  line-height: 20px;
  letter-spacing: 0.5%;
  margin-bottom: 40px;
}

.index_affirm_font {
  font-size: 16px;
  font-weight: medium;
  line-height: 40px;
  letter-spacing: 0.5%;
  margin-bottom: 40px;
}

.index_affirm_img {
  width: 120px
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------- FONTS IN USE Links ---------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu_link_active_40_60 {
  font-size: 40px;
  font-weight: medium;
  line-height: 60px;
  letter-spacing: 0%;
}

.menu_link_40_60 {
  font-size: 40px;
  font-weight: light;
  line-height: 60px;
  letter-spacing: 0%;
}

.link_24_40 {
  font-size: 24px;
  color: #000;
  font-weight: light;
  line-height: 45px;
  letter-spacing: 0%;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------- FONTS IN USE Text ----------------- */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.copy_xlarge_40_50 {
  font-size: 40px;
  font-weight: light;
  line-height: 50px;
  letter-spacing: 0.5%;
}

.copy_large_30_40 {
  font-size: 30px;
  font-weight: light;
  line-height: 40px;
  letter-spacing: 0%;
}

.copy_medium_24_35 {
  margin-bottom: 25px;
  font-size: 22px;
  font-weight: light;
  line-height: 40px;
  letter-spacing: 0%;

}

.copy_small_18_24 {
  font-size: 18px;
  font-weight: light;
  line-height: 24px;
  letter-spacing: 0.5%;
}

.copy_small_bold_18_24 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0.5%;
}